datastake-daf 0.6.770 → 0.6.771

package/dist/pages/index.js

@@ -8065,7 +8065,8 @@ const renderTooltipJsx = ({
   className,
   link,
   onClickLink,
-  total
+  total,
+  isNewTab = false
 }) => {
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -8106,7 +8107,7 @@ const renderTooltipJsx = ({
               })]
             }) : null
           })]
-        }), link ? typeof onClickLink === "function" || typeof link !== "string" ? /*#__PURE__*/jsxRuntime.jsx("div", {
+        }), link ? /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex flex-column",
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "link-cont",
@@ -8114,20 +8115,7 @@ const renderTooltipJsx = ({
             children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
               width: 10,
               height: 10,
-              name: "Link"
-            })
-          })
-        }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "flex flex-column",
-          children: /*#__PURE__*/jsxRuntime.jsx("a", {
-            href: link,
-            className: "link-cont",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-              width: 10,
-              height: 10,
-              name: "LinkNewTab"
+              name: isNewTab ? "LinkNewTab" : "Link"
             })
           })
         }) : null]
@@ -9070,7 +9058,8 @@ function LocationIcon({
       className: "pt-0 pb-0",
       items: renderTooltip(data),
       link,
-      onClickLink: () => onClickLink(data)
+      onClickLink: () => onClickLink(data),
+      isNewTab: true
     })
     // open={
     // 	(!openPopupIdRef.current || openPopupIdRef.current === data.datastakeId) &&
@@ -9908,8 +9897,11 @@ const useMap = ({
     }
     clearMapMarkers();
     if (data) {
+      // Filters out locations that are not connected to any stakeholders
+      const excludedType = ['village', 'town', 'area', 'territory'];
+      const filteredData = data?.filter(obj => !excludedType.includes(obj?.type) && (obj?.stakeholders?.length > 0 || data.some(other => other.datastakeId !== obj.datastakeId && (other.stakeholders || []).some(stk => (stk.links || []).includes(obj.datastakeId)))));
       const maxTotal = Math.max(...(data || []).map(d => d.total));
-      data.forEach((d, i) => {
+      filteredData.forEach((d, i) => {
         addIconToMapInitialy([d?.marker?.lat, d?.marker?.lng], "location", d.category || "mineSite", d, maxTotal, i);
       });
       polylinesRef.current.forEach(polyline => {
@@ -10582,11 +10574,11 @@ function SupplyChainMap({
       onClickLink: data => {
         const locationTypes = ['village', 'town', 'area', 'territory'];
         if (data?.type === 'mineSite') {
-          goTo(getRedirectLink(`/app/mine-summary/${data.datastakeId}`));
+          window.open(getRedirectLink(`/app/mine-summary/${data.datastakeId}`), '_blank');
         } else if (locationTypes.includes(data.type)) {
-          goTo(getRedirectLink(`/app/view/locations/${data.datastakeId}`));
+          window.open(getRedirectLink(`/app/view/locations/${data.datastakeId}`), '_blank');
         } else {
-          goTo(getRedirectLink(`/app/view/stakeholders/${data.datastakeId}`));
+          window.open(getRedirectLink(`/app/view/stakeholders/${data.datastakeId}`), '_blank');
         }
       }
     })
@@ -15183,7 +15175,7 @@ const renderStatusTag = ({
   }
 };
 
-const getColumns$a = ({
+const getColumns$b = ({
   t,
   goTo,
   user,
@@ -30024,6 +30016,198 @@ const getFilterOptions$a = (options, t) => {
     category: categoriesOptions || category
   };
 };
+const formConfig$8 = {
+  namespace: 'stakeholders',
+  view: 'scoping',
+  scope: 'create',
+  formType: 'stakeholder'
+};
+const viewConfig$8 = {
+  title: "Stakeholders",
+  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$a = ({
+  t,
+  goTo,
+  user,
+  options,
+  activeTab,
+  getRedirectLink,
+  theme,
+  subject,
+  applications
+}) => [{
+  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: 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: 'category',
+  title: t('Category'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const category = findOptions(v, options?.categoriesOptions);
+    return category ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: category,
+      children: category
+    }) : '-';
+  }
+}, {
+  dataIndex: 'subCategory',
+  title: t('Sub Category'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const subCategory = findOptions(v, options?.subCategoriesOptions);
+    return subCategory ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: subCategory,
+      children: subCategory
+    }) : '-';
+  }
+}, {
+  dataIndex: 'country',
+  title: t('Country'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const country = findOptions(v, options?.countries);
+    return country ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: country,
+      children: country
+    }) : '-';
+  }
+}, {
+  title: t("Sources"),
+  dataIndex: "sources",
+  key: "sources",
+  show: activeTab !== "own",
+  render: (val, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    if (!val || val?.length === 0) {
+      return "--";
+    }
+    const sources = sourceAvatarConfig(val, user, applications);
+    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
+      items: sources
+    });
+  }
+}, {
+  title: t("Last Update"),
+  dataIndex: "updatedAt",
+  key: "updatedAt",
+  width: 125,
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
+    });
+  },
+  ellipsis: true
+}, {
+  id: 'actions',
+  title: "",
+  width: 60,
+  render: (_, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const onClick = () => {
+      let link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
+    });
+  }
+}].filter(column => column.show !== false);
 
 const getFiltersConfig$9 = ({
   t
@@ -30221,6 +30405,16 @@ const getFilterOptions$9 = (options, t) => {
   };
   return _default;
 };
+const formConfig$7 = {
+  namespace: 'OPERATOR',
+  view: ['scoping', 'new'],
+  scope: 'global',
+  formType: 'operator'
+};
+const viewConfig$7 = {
+  title: "Operators",
+  createTitle: "Create Operator"
+};
 
 const getFiltersConfig$8 = ({
   t
@@ -30422,6 +30616,184 @@ const getFilterOptions$8 = (options, t) => {
   };
   return _default;
 };
+const formConfig$6 = {
+  namespace: 'WORKERS',
+  view: ['scoping', 'new'],
+  scope: 'global',
+  formType: 'worker'
+};
+const viewConfig$6 = {
+  title: "Workers",
+  createTitle: "Create Worker"
+};
+
+const getColumns$9 = ({
+  t,
+  goTo,
+  user,
+  options,
+  activeTab,
+  getRedirectLink,
+  theme,
+  subject,
+  data,
+  applications
+}) => [
+// {
+//     dataIndex: 'datastakeId',
+//     title: t('ID'),
+//     ellipsis: true,
+//     show: true,
+//     render: (v, all) => {
+//       if (all.empty) {
+//         return <div className="daf-default-cell" />
+//       }
+
+//       return <Tooltip title={v}>{v}</Tooltip>;
+//     },
+// },
+{
+  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: 'mineSite',
+  title: t('Position'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+
+    // const country = findOptions(v, data?.options?.positionSupplyChainOptions);
+    const mineSite = all?.location?.name;
+    return mineSite ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: mineSite,
+      children: mineSite
+    }) : '-';
+  }
+}, {
+  dataIndex: 'activity',
+  title: t('Activity'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const activity = findOptions(v, data?.options?.activityAtSiteOptions);
+    return activity ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: activity,
+      children: activity
+    }) : '-';
+  }
+}, {
+  dataIndex: 'origin',
+  title: t('Origin'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const origin = all?.placeOfBirth?.name;
+    return origin ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: origin,
+      children: origin
+    }) : '-';
+  }
+}, {
+  title: t("Census Update"),
+  dataIndex: "createdAt",
+  key: "createdAt",
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
+    });
+  },
+  ellipsis: true
+}, {
+  title: t("Sources"),
+  dataIndex: "sources",
+  key: "sources",
+  show: activeTab !== "own",
+  render: (val, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const sources = sourceAvatarConfig(val, user, applications);
+    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
+      items: sources
+    });
+  }
+}, {
+  title: t("Status"),
+  dataIndex: "status",
+  key: "status",
+  show: activeTab === "own",
+  render: (val, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _val = all?.published || all?.status === "submitted" ? "submitted" : val;
+    return renderStatusTag({
+      value: _val,
+      t
+    });
+  }
+}, {
+  id: 'actions',
+  title: "",
+  width: 60,
+  render: (_, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const onClick = () => {
+      let link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
+    });
+  }
+}].filter(column => column.show !== false);
 
 const getFiltersConfig$7 = ({
   t
@@ -30624,6 +30996,364 @@ const getFilterOptions$7 = (options, t) => {
     }]
   };
 };
+const formConfig$5 = {
+  namespace: 'event',
+  view: 'scoping',
+  scope: 'create',
+  formType: 'event'
+};
+const viewConfig$5 = {
+  title: "Events",
+  createTitle: "Create Event"
+};
+
+const {
+  Text
+} = antd.Typography;
+function MoreTags({
+  values = [],
+  maxWidthCont = 120,
+  maxTextCont = 100,
+  diff = 30,
+  style = {},
+  tagColor,
+  limit
+}) {
+  const ref = React.useRef();
+  const [width, setWidth] = React.useState(0);
+  const [indexToReturn, setIndexToReturn] = React.useState(0);
+  const _maxWidthCont = values.length <= 1 ? maxWidthCont : maxWidthCont - 20;
+  const _maxWidthTxt = values.length <= 1 ? maxTextCont : 80;
+  React.useEffect(() => {
+    const resizeObserver = new ResizeObserver(entries => {
+      setWidth(entries[0].contentRect.width);
+    });
+    resizeObserver.observe(ref.current);
+    return () => resizeObserver.disconnect();
+  }, []);
+  const _calculate = () => {
+    // If limit prop is provided and valid, use it instead of calculating
+    if (typeof limit === 'number' && limit > 0) {
+      setIndexToReturn(Math.min(limit - 1, values.length - 1));
+      return;
+    }
+    const tabs = ref.current.querySelectorAll(".check-tabs");
+    let filled = 0;
+    let indexToReturn;
+    if (values.length === 1) {
+      setIndexToReturn(1);
+      return;
+    }
+    tabs.forEach((t, i) => {
+      if (typeof indexToReturn === "number") {
+        return;
+      }
+      filled = filled + t.clientWidth + 25;
+      const dif = width - filled;
+      if (dif < diff) {
+        indexToReturn = dif < 0 ? i - 1 : i;
+        setIndexToReturn(indexToReturn);
+        return;
+      }
+    });
+    setIndexToReturn(typeof indexToReturn === "number" ? indexToReturn : tabs.length - 1);
+  };
+  const hasMore = values.length && indexToReturn !== values.length - 1;
+  const toShow = hasMore ? values.slice(0, indexToReturn + 1) : values;
+  const other = hasMore ? values.slice(indexToReturn + 1, values.length + 1) : [];
+  React.useEffect(() => {
+    _calculate();
+  }, [width, values, limit]);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "daf-more-tags",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "list",
+      children: [toShow.map((ac, i) => typeof ac.renderTag === "function" ? ac.renderTag() : /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        style: {
+          maxWidth: _maxWidthCont,
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap",
+          ...style
+        },
+        color: tagColor || ac.color,
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: typeof ac === "object" ? ac.label : ac,
+          children: /*#__PURE__*/jsxRuntime.jsx("span", {
+            style: {
+              maxWidth: _maxWidthTxt,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              ...style
+            },
+            children: typeof ac === "object" ? ac.label : ac
+          })
+        })
+      }, `${typeof ac === "object" ? ac.value : ac}-${i}`)), other.length ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+        title: other.map(ac => typeof ac === "object" ? ac.label : ac).join(", "),
+        children: /*#__PURE__*/jsxRuntime.jsxs(antd.Tag, {
+          color: tagColor || 'default',
+          style: style,
+          children: ["+", other.length]
+        })
+      }) : null]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "list hidden",
+      ref: ref,
+      children: values.map((ac, i) => typeof ac.renderTag === "function" ? ac.renderTag("check-tabs") : /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        color: tagColor || ac.color,
+        className: "check-tabs",
+        style: {
+          maxWidth: _maxWidthCont,
+          ...style
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx(Text, {
+          ellipsis: {
+            tooltip: typeof ac === "object" ? ac.label : ac
+          },
+          style: {
+            maxWidth: _maxWidthTxt
+          },
+          children: typeof ac === "object" ? ac.label : ac
+        })
+      }, `${ac}-${i}`))
+    })]
+  });
+}
+MoreTags.propTypes = {
+  values: PropTypes__default["default"].array,
+  maxWidthCont: PropTypes__default["default"].number,
+  maxTextCont: PropTypes__default["default"].number,
+  diff: PropTypes__default["default"].number,
+  limit: PropTypes__default["default"].number
+};
+
+const getColumns$8 = ({
+  t,
+  goTo,
+  user,
+  options,
+  activeTab,
+  getRedirectLink,
+  theme,
+  subject,
+  data,
+  applications
+}) => [{
+  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: t('Title'),
+  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: 'typeOfEvent',
+  title: t('Type'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const type = findOptions(v, data?.options?.eventsType);
+    return type ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: type,
+      children: type
+    }) : '-';
+  }
+}, {
+  dataIndex: 'keyStakeholder',
+  title: t('Key Stakeholder'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const val = (all?.stakeholderKey || []).map(sk => {
+      return sk?.name;
+    });
+    if (val?.length === 0) {
+      return "-";
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(MoreTags, {
+      values: val
+    });
+  }
+}, {
+  title: t("Date"),
+  dataIndex: "date",
+  key: "date",
+  // testimonials: true,
+  // incident: true,
+  // correctiveActions: true,
+  show: true,
+  // sorter: () => 0 + 0,
+  // searchType: "date",
+  // width: 125,
+  render: (date, all) => {
+    if (all.empty) {
+      return null;
+    }
+    const title = date ? renderDateFormatted(date, "DD MMM YYYY") : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: title,
+      children: title
+    });
+  },
+  ellipsis: true
+}, {
+  dataIndex: 'scope',
+  title: t('Scope'),
+  ellipsis: true,
+  show: true,
+  render: (value, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    if (!value) {
+      return "-";
+    }
+
+    // Form the moment the intend of the if block is to be executed only in event table
+    if (typeof value === "string") {
+      if (all.navigationEventType === "other") {
+        return "-";
+      }
+      const categoryOptions = (data?.options?.categoryOptions || []).map(c => {
+        const searchTerm = `typeOfEvent is ${all.navigationEventType}`;
+        return {
+          value: c.value,
+          label: c.label[searchTerm]
+        };
+      });
+      const relaxantOptions = [...categoryOptions, ...(data?.options?.eventsType || []), ...(data?.options?.testimonialsType || [])];
+      const title = relaxantOptions.find(v => v.value === value)?.label || "-";
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+        title: title,
+        children: title
+      });
+    }
+    const val = value.map((v, i) => ({
+      label: v.name,
+      value: `${v.name}-${i}`
+    }));
+    return val.length ? /*#__PURE__*/jsxRuntime.jsx(MoreTags, {
+      values: val
+    }) : "-";
+  }
+}, {
+  title: t("Sources"),
+  dataIndex: "sources",
+  key: "sources",
+  show: activeTab !== "own",
+  render: (val, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const sources = sourceAvatarConfig(val, user, applications);
+    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
+      items: sources
+    });
+  }
+}, {
+  title: t("Status"),
+  dataIndex: "status",
+  key: "status",
+  show: activeTab === "own",
+  correctiveActions: activeTab === "own",
+  testimonials: activeTab === "own",
+  incident: activeTab === "own",
+  render: (value, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    if (activeTab !== "own") {
+      return all?.authorId?.name;
+    }
+    const _val = all?.published || all?.status === "submitted" ? "submitted" : value;
+    return renderStatusTag({
+      value: _val,
+      t
+    });
+  },
+  ellipsis: true
+}, {
+  title: t("Last Update"),
+  dataIndex: "updatedAt",
+  key: "updatedAt",
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
+    });
+  },
+  ellipsis: true
+}, {
+  id: 'actions',
+  title: "",
+  width: 60,
+  render: (_, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const onClick = () => {
+      let link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
+    });
+  }
+}].filter(column => column.show !== false);
 
 const getFiltersConfig$6 = ({
   t
@@ -30834,264 +31564,242 @@ const getFilterOptions$6 = (options, t) => {
   };
   return _default;
 };
+const formConfig$4 = {
+  namespace: 'corrective-actions',
+  view: 'corrective-actions',
+  scope: 'createActivity',
+  formType: 'activity'
+};
+const viewConfig$4 = {
+  title: "Activities",
+  createTitle: "Create Activity"
+};
 
-const getFiltersConfig$5 = ({
-  t
-}) => {
-  return {
-    timeframe: {
-      type: "timeframe",
-      label: "Timeframe",
-      style: {
-        flex: 1
-      }
-    },
-    country: {
-      type: 'select',
-      label: 'Country',
-      placeholder: t => `${t('Filter by')} ${t('Country').toLowerCase()}`,
-      style: {
-        flex: 1
-      },
-      labelStyle: {
-        flex: 1
-      },
-      getLabel: option => option.label,
-      getValue: option => option.value
-    },
-    administrativeLevel1: {
-      type: 'ajaxSelect',
-      label: ({
-        t = s => s,
-        options = {},
-        filters = {},
-        language = 'en'
-      }) => {
-        const {
-          administrativeLevel1
-        } = options;
-        if (administrativeLevel1) {
-          if (options.country) {
-            const _item = administrativeLevel1[filters.country];
-            if (_item) {
-              if (_item[language]) {
-                return _item[language];
-              }
-            }
-          }
-        }
-        return t('Province');
-      },
-      placeholder: t => `${t('Filter by')} ${t('Province').toLowerCase()}`,
-      filters: data => ({
-        country: data.country,
-        level: 'level_1'
-      }),
-      show: data => !data.country,
-      disabled: data => !data.country,
-      mapper: {
-        label: "name",
-        value: "id"
-      },
-      method: 'getOptions',
-      entity: 'AdministrativeLevel',
-      style: {
-        flex: 1
-      },
-      labelStyle: {
-        flex: 1
-      }
-    },
-    administrativeLevel2: {
-      type: 'ajaxSelect',
-      label: ({
-        t = s => s,
-        options = {},
-        filters = {},
-        language = 'en'
-      }) => {
-        const {
-          administrativeLevel2
-        } = options;
-        if (administrativeLevel2) {
-          if (options.country) {
-            const _item = administrativeLevel2[filters.country];
-            if (_item) {
-              if (_item[language]) {
-                return _item[language];
-              }
-            }
-          }
-        }
-        return t('Province');
-      },
-      show: data => !(data.country && data.administrativeLevel1),
-      placeholder: t => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
-      filters: data => ({
-        country: data.country,
-        level: 'level_2',
-        administrativeLevel1: data.administrativeLevel1
-      }),
-      disabled: data => !(data.country && data.administrativeLevel1),
-      mapper: {
-        label: "name",
-        value: "id"
-      },
-      method: 'getOptions',
-      entity: 'AdministrativeLevel',
-      style: {
-        flex: 1
-      },
-      labelStyle: {
-        flex: 1
-      }
-    },
-    category: {
-      type: 'select',
-      label: 'Category',
-      placeholder: t => `${t('Filter by')} ${t('Category').toLowerCase()}`,
-      style: {
-        flex: 1
-      },
-      labelStyle: {
-        flex: 1
-      },
-      getLabel: option => option.label,
-      getValue: option => option.value,
-      filterOptions: val => {
-        if (val) {
-          const {
-            option,
-            filters
-          } = val;
-          if (filters && option) {
-            const {
-              filters: optionFilters
-            } = option;
-            if (Array.isArray(optionFilters) && optionFilters.length) {
-              const {
-                value,
-                condition
-              } = optionFilters[0];
-              if (condition === 'includes') {
-                return value.includes('corporation');
-              }
-            }
-          }
-        }
-        return true;
-      }
-    },
-    positionInTheMineralSupplyChain: {
-      type: 'select',
-      label: 'Position',
-      placeholder: t => `${t('Filter by')} ${t('Position').toLowerCase()}`,
-      style: {
-        flex: 1
-      },
-      labelStyle: {
-        flex: 1
-      },
-      getLabel: option => option.label,
-      getValue: option => option.value
-    },
-    status: {
-      type: "select",
-      label: "Status",
-      placeholder: t => `${t("Filter by")} ${t("Status").toLowerCase()}`,
-      style: {
-        flex: 1
-      },
-      labelStyle: {
-        fley: 1
-      },
-      getLabel: option => option.label,
-      getValue: option => option.value
-    }
-  };
-};
-const getFilterOptions$5 = (options, t) => {
-  const {
-    timeframe = [],
-    statusOptions = [],
-    categoryOptions = [],
-    countries = [],
-    subCategory = [],
-    category = [],
-    stakeholderCategoryOptions,
-    stakeholderSubCategoriesOptions,
-    administrativeLevel1,
-    administrativeLevel2,
-    positionInMineralSupplyChainOptions,
-    subCategoriesOptions
-  } = options || {};
-  const _default = {
-    timeframe: timeframe,
-    status: [{
-      value: "submitted",
-      label: "Submitted"
-    }, {
-      value: "private",
-      label: "Private"
-    }],
-    category: stakeholderCategoryOptions || categoryOptions,
-    country: countries,
-    subCategory: subCategoriesOptions,
-    // category: category,
-    administrativeLevel1,
-    administrativeLevel2,
-    positionInTheMineralSupplyChain: positionInMineralSupplyChainOptions
-  };
-  return _default;
+const getEventCategoryBySubject = (eventCategoryObject, subject, isSingular = false) => {
+  if (!eventCategoryObject || typeof eventCategoryObject !== 'object') {
+    return null;
+  }
+  const subjectSingular = isSingular ? subject : subject.endsWith('ies') ? subject.slice(0, -3) + 'y' : subject.endsWith('s') ? subject.slice(0, -1) : subject;
+  const key = `typeOfEvent is ${subjectSingular}`;
+  return eventCategoryObject[key] || null;
 };
 
-const getFiltersConfig$4 = ({
+const getColumns$7 = ({
+  t,
+  goTo,
+  user,
+  options,
+  activeTab,
+  getRedirectLink,
+  theme,
+  subject,
+  data,
+  applications
+}) => [{
+  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: t('Title'),
+  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
+    });
+  }
+}, {
+  title: t("Date"),
+  dataIndex: "date",
+  key: "date",
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
+    });
+  },
+  ellipsis: true
+}, {
+  dataIndex: 'mineSite',
+  title: t('Location'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+
+    // const country = findOptions(v, data?.options?.positionSupplyChainOptions);
+    const mineSite = all?.location?.name;
+    return mineSite ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: mineSite,
+      children: mineSite
+    }) : '-';
+  }
+}, {
+  dataIndex: 'province',
+  title: 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?.location?.administrativeLevel1, all?.location?.linking?.SCL);
+    return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: region,
+      children: region
+    }) : '-';
+  }
+}, {
+  dataIndex: 'territory',
+  title: 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?.location?.administrativeLevel2, all?.location?.linking?.SCL);
+    return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: district,
+      children: district
+    }) : '-';
+  }
+}, {
+  dataIndex: 'eventCategory',
+  title: t('Category'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const eventCategory = findOptions(v, data?.options?.eventCategoryOptions);
+    const categoryValue = getEventCategoryBySubject(eventCategory, "correctiveActions", true);
+    return categoryValue ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: categoryValue,
+      children: categoryValue
+    }) : '-';
+  }
+}, {
+  title: t("Sources"),
+  dataIndex: "sources",
+  key: "sources",
+  show: activeTab !== "own",
+  render: (val, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const sources = sourceAvatarConfig(val, user, applications);
+    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
+      items: sources
+    });
+  }
+}, {
+  title: t("Status"),
+  dataIndex: "status",
+  key: "status",
+  show: activeTab === "own",
+  render: (val, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _val = all?.published || all?.status === "submitted" ? "submitted" : val;
+    return renderStatusTag({
+      value: _val,
+      t
+    });
+  }
+}, {
+  title: t("Last Update"),
+  dataIndex: "updatedAt",
+  key: "updatedAt",
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
+    });
+  },
+  ellipsis: true
+}, {
+  id: 'actions',
+  title: "",
+  width: 60,
+  render: (_, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const onClick = () => {
+      let link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
+    });
+  }
+}].filter(column => column.show !== false);
+
+const getFiltersConfig$5 = ({
   t
 }) => {
   return {
-    country: {
-      type: 'select',
-      placeholder: t('Country'),
+    timeframe: {
+      type: "timeframe",
+      label: "Timeframe",
       style: {
         flex: 1
-      },
-      labelStyle: {
-        flex: 1
-      },
-      getLabel: option => option.label,
-      getValue: option => option.value
+      }
     },
-    category: {
-      type: 'select',
-      label: 'Category',
-      placeholder: t => `${t('Filter by')} ${t('Category').toLowerCase()}`,
-      style: {
-        flex: 1
-      },
-      labelStyle: {
-        flex: 1
-      },
-      getLabel: option => option.label,
-      getValue: option => option.value
-    }
-  };
-};
-const getFilterOptions$4 = (options, t) => {
-  const {
-    countries = [],
-    category = [],
-    locationCategories = []
-  } = options || {};
-  return {
-    country: countries,
-    category: locationCategories || category
-  };
-};
-
-const getFiltersConfig$3 = ({
-  t
-}) => {
-  return {
     country: {
       type: 'select',
       label: 'Country',
@@ -31192,10 +31900,10 @@ const getFiltersConfig$3 = ({
         flex: 1
       }
     },
-    product: {
+    category: {
       type: 'select',
-      label: 'Product',
-      placeholder: t => `${t('Filter by')} ${t('Product').toLowerCase()}`,
+      label: 'Category',
+      placeholder: t => `${t('Filter by')} ${t('Category').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -31256,488 +31964,60 @@ const getFiltersConfig$3 = ({
     }
   };
 };
-const getFilterOptions$3 = (options, t) => {
+const getFilterOptions$5 = (options, t) => {
   const {
+    timeframe = [],
     statusOptions = [],
     categoryOptions = [],
     countries = [],
-    product = [],
     subCategory = [],
-    subCategoriesOptions,
+    category = [],
     stakeholderCategoryOptions,
     stakeholderSubCategoriesOptions,
     administrativeLevel1,
-    administrativeLevel2
+    administrativeLevel2,
+    positionInMineralSupplyChainOptions,
+    subCategoriesOptions
   } = options || {};
   const _default = {
-    category: stakeholderCategoryOptions || categoryOptions,
-    country: countries,
-    product: product,
-    administrativeLevel1,
-    administrativeLevel2,
-    subCategory: subCategoriesOptions,
+    timeframe: timeframe,
     status: [{
       value: "submitted",
       label: "Submitted"
     }, {
       value: "private",
       label: "Private"
-    }]
-  };
-  return _default;
-};
-
-const getFiltersConfig$2 = ({
-  t
-}) => {
-  return {
-    timeframe: {
-      type: "timeframe",
-      label: "Timeframe",
-      style: {
-        flex: 1
-      }
-    }
-  };
-};
-const getFilterOptions$2 = (options, t) => {
-  const {
-    timeframe = []
-  } = options || {};
-  const _default = {
-    timeframe: timeframe
+    }],
+    category: stakeholderCategoryOptions || categoryOptions,
+    country: countries,
+    subCategory: subCategoriesOptions,
+    // category: category,
+    administrativeLevel1,
+    administrativeLevel2,
+    positionInTheMineralSupplyChain: positionInMineralSupplyChainOptions
   };
   return _default;
 };
-
-const getCheckboxConfig = ({
-  subject
-}) => {
-  return {
-    name: 'Name',
-    datastakeId: 'ID'
-  };
-};
-const getSelectFiltersConfig = ({
-  subject
-}) => {
-  return {
-    name: '',
-    datastakeId: ''
-  };
-};
-const FILTER_REGISTRY = {
-  stakeholders: {
-    config: getFiltersConfig$a,
-    options: getFilterOptions$a
-  },
-  workers: {
-    config: getFiltersConfig$8,
-    options: getFilterOptions$8
-  },
-  operators: {
-    config: getFiltersConfig$9,
-    options: getFilterOptions$9
-  },
-  events: {
-    config: getFiltersConfig$7,
-    options: getFilterOptions$7
-  },
-  activities: {
-    config: getFiltersConfig$6,
-    options: getFilterOptions$6
-  },
-  incidents: {
-    config: getFiltersConfig$5,
-    options: getFilterOptions$5
-  },
-  locations: {
-    config: getFiltersConfig$4,
-    options: getFilterOptions$4
-  },
-  'production-sites': {
-    config: getFiltersConfig$3,
-    options: getFilterOptions$3
-  },
-  documents: {
-    config: getFiltersConfig$2,
-    options: getFilterOptions$2
-  }
-};
-const DEFAULT_SUBJECT = 'stakeholders';
-const getFiltersConfig$1 = ({
-  t,
-  subject
-}) => {
-  const registry = FILTER_REGISTRY[subject] || FILTER_REGISTRY[DEFAULT_SUBJECT];
-  return registry?.config({
-    t
-  });
+const formConfig$3 = {
+  namespace: 'incident',
+  view: 'incident',
+  scope: 'createIncident',
+  formType: 'incident'
 };
-const getFilterOptions$1 = ({
-  t,
-  subject,
-  options
-}) => {
-  const registry = FILTER_REGISTRY[subject] || FILTER_REGISTRY[DEFAULT_SUBJECT];
-  return registry.options(options, t);
+const viewConfig$3 = {
+  title: "Incidents",
+  createTitle: "Create Incident"
 };
 
-const useFetchData = ({
-  location,
-  getData,
-  activeTab,
-  extendingFilters,
-  subject
-}) => {
-  const {
-    paginationQuery,
-    searchParams,
-    otherParams,
-    sortBy,
-    sortDir
-  } = useGetQueryParams({
-    location
-  });
-  React.useEffect(() => {
-    const cleanSearchParams = Object.fromEntries(Object.entries(searchParams).filter(([_, value]) => value != null && value !== ''));
-    const hasPagination = paginationQuery.skip != null || paginationQuery.take != null;
-    if (!hasPagination) {
-      return;
-    }
-    getData({
-      ...extendingFilters,
-      pagination: paginationQuery,
-      ...(Object.keys(otherParams).length > 0 && otherParams),
-      ...(Object.keys(cleanSearchParams).length > 0 && {
-        search: cleanSearchParams
-      }),
-      tab: activeTab,
-      sortBy: {
-        [sortBy || "updatedAt"]: sortDir ? sortDir === "ascend" ? 1 : -1 : -1
-      }
-    }, subject);
-  }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
-};
-const useTablePage = ({
-  subject,
-  location,
-  getData,
-  getColumns,
-  extendingFilters,
-  options,
+const getColumns$6 = ({
   t,
   goTo,
   user,
+  options,
+  activeTab,
   getRedirectLink,
   theme,
-  data,
-  applications,
-  subjectClear
-}) => {
-  const [selectOptions, setSelectOptions] = React.useState();
-  const [activeTab, setActiveTab] = React.useState("own");
-  useFetchData({
-    location,
-    getData,
-    activeTab,
-    extendingFilters: extendingFilters,
-    subject
-  });
-  const columns = React.useMemo(() => getColumns({
-    t,
-    goTo,
-    user,
-    options,
-    activeTab,
-    getRedirectLink,
-    theme,
-    subject,
-    data,
-    applications
-  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications, subject, getColumns]);
-  const selectFiltersConfig = React.useMemo(() => getFiltersConfig$1({
-    t,
-    subject
-  }), [t, subject, getFiltersConfig$1]);
-  React.useEffect(() => {
-    setSelectOptions(prev => ({
-      ...prev,
-      ...getFilterOptions$1({
-        t,
-        subject,
-        options
-      })
-    }));
-  }, [options, t, subject, getFilterOptions$1]);
-  const checkboxConfig = React.useMemo(() => getCheckboxConfig({
-    subject
-  }), [subject, getCheckboxConfig]);
-  const _filtersConfig = React.useMemo(() => {
-    return getSelectFiltersConfig({
-      subject
-    });
-  }, [subject, getSelectFiltersConfig]);
-  const handleActiveTabChange = React.useCallback(value => {
-    setActiveTab(value);
-  }, []);
-  React.useEffect(() => () => {
-    if (subjectClear && typeof subjectClear === 'function') {
-      subjectClear();
-    }
-  }, [subjectClear]);
-  return {
-    activeTab,
-    selectOptions,
-    columns,
-    selectFiltersConfig,
-    handleActiveTabChange,
-    checkboxConfig,
-    _filtersConfig
-  };
-};
-
-const TablePage = ({
-  t = () => {},
-  goTo = () => {},
-  user = {},
-  options = {},
-  getRedirectLink = () => {},
-  theme = {},
-  loading = false,
-  data = {},
-  isMobile,
-  APP,
-  location,
-  formConfig = {
-    getFormData: () => {},
-    saveFormData: () => {},
-    formLoading: false,
-    query: {},
-    ajaxForms: {},
-    changeAjaxForms: () => {},
-    ajaxOptions: {},
-    changeAjaxOptions: () => {},
-    formData: {},
-    formValue: {},
-    form: {},
-    namespace: '',
-    view: '',
-    scope: '',
-    formType: '',
-    defaultValues: {}
-  },
-  extendingFilters = {},
-  getData = () => {},
-  getApiBaseUrl = () => {},
-  getAppHeader = () => {},
-  applications = [],
-  subjectClear,
-  subject,
-  getColumns = () => {},
-  viewConfig = {
-    title: '',
-    breadcrumbs: [],
-    createTitle: ''
-  },
-  onDownload
-}) => {
-  const {
-    activeTab,
-    selectOptions,
-    columns,
-    selectFiltersConfig,
-    handleActiveTabChange,
-    checkboxConfig,
-    _filtersConfig
-  } = useTablePage({
-    subject,
-    location,
-    getData,
-    getColumns,
-    extendingFilters,
-    options,
-    t,
-    goTo,
-    user,
-    getRedirectLink,
-    theme,
-    data,
-    applications,
-    subjectClear
-  });
-  return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
-    t: t,
-    title: t(viewConfig.title || ""),
-    breadCrumbs: viewConfig.breadcrumbs,
-    location: location,
-    loading: loading,
-    goTo: goTo,
-    defaultActiveTab: "own",
-    columns: columns,
-    data: data,
-    checkboxConfig: checkboxConfig,
-    APP: APP,
-    getApiBaseUrl: getApiBaseUrl,
-    selectOptions: selectOptions,
-    selectFiltersConfig: selectFiltersConfig,
-    getRedirectLink: getRedirectLink,
-    filtersConfig: _filtersConfig,
-    isMobile: isMobile,
-    view: subject,
-    getActiveTab: handleActiveTabChange,
-    onDownload: onDownload && typeof onDownload === 'function' ? onDownload : undefined,
-    drawerTitle: t(viewConfig.createTitle || ""),
-    children: ({
-      onDrawerClose
-    }) => /*#__PURE__*/jsxRuntime.jsx(Create$1, {
-      t: t,
-      goTo: goTo,
-      user: user,
-      APP: APP,
-      getApiBaseUrl: getApiBaseUrl,
-      getAppHeader: getAppHeader,
-      getData: formConfig.getFormData,
-      saveData: formConfig.saveFormData,
-      loading: formConfig.formLoading,
-      onSubmitted: (type, m, data) => {
-        if (data.datastakeId) {
-          displayMessage(type, t("affirmations::subject-created-successfully") || m);
-          goTo(`/app/edit/${subject}/${data.datastakeId}`);
-        }
-      },
-      onCancel: onDrawerClose,
-      query: formConfig.query,
-      ajaxForms: formConfig.ajaxForms,
-      changeAjaxForms: formConfig.changeAjaxForms,
-      ajaxOptions: formConfig.ajaxOptions,
-      changeAjaxOptions: formConfig.changeAjaxOptions,
-      formData: formConfig.formData,
-      formValue: formConfig.formValue,
-      form: formConfig.form,
-      namespace: formConfig.namespace,
-      view: formConfig.view,
-      scope: formConfig.scope,
-      formType: formConfig.formType,
-      defaultData: formConfig.defaultValues
-    })
-  });
-};
-
-const OperatorsTable = ({
-  t = () => {},
-  goTo = () => {},
-  user = {},
-  options = {},
-  getRedirectLink = () => {},
-  theme = {},
-  loading = false,
-  data = {},
-  isMobile,
-  APP,
-  location,
-  getData = () => {},
-  getApiBaseUrl = () => {},
-  getAppHeader = () => {},
-  getFormData = () => {},
-  saveFormData = () => {},
-  formLoading = false,
-  query = {},
-  ajaxForms = {},
-  changeAjaxForms = () => {},
-  ajaxOptions = {},
-  changeAjaxOptions = () => {},
-  formData = {},
-  formValue = {},
-  form = {},
-  extendingFilters = {},
-  createDefaultValues = {},
-  applications = [],
-  breadcrumbs = []
-}) => {
-  return /*#__PURE__*/jsxRuntime.jsx(TablePage, {
-    t: t,
-    goTo: goTo,
-    user: user,
-    options: options,
-    getRedirectLink: getRedirectLink,
-    theme: theme,
-    loading: loading,
-    data: data,
-    isMobile: isMobile,
-    APP: APP,
-    location: location,
-    applications: applications,
-    subject: "operators",
-    getData: getData,
-    getApiBaseUrl: getApiBaseUrl,
-    getAppHeader: getAppHeader,
-    getColumns: getColumns$a,
-    viewConfig: {
-      title: "Operators",
-      breadcrumbs: breadcrumbs,
-      createTitle: "Create Operator"
-    },
-    extendingFilters: extendingFilters,
-    formConfig: {
-      getFormData,
-      saveFormData,
-      formLoading,
-      query,
-      ajaxForms,
-      changeAjaxForms,
-      ajaxOptions,
-      changeAjaxOptions,
-      formData,
-      formValue,
-      form,
-      namespace: "OPERATOR",
-      view: ['scoping', 'new'],
-      scope: 'global',
-      formType: 'operator',
-      defaultValues: createDefaultValues
-    },
-    onDownload: () => console.log("download")
-  });
-};
-
-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$9 = ({
-  t,
-  goTo,
-  user,
-  options,
-  activeTab,
-  getRedirectLink,
-  theme,
-  subject,
+  subject,
   data,
   applications
 }) => [{
@@ -31758,7 +32038,7 @@ const getColumns$9 = ({
   }
 }, {
   dataIndex: 'name',
-  title: t('Name'),
+  title: t('Title'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -31773,8 +32053,25 @@ const getColumns$9 = ({
     });
   }
 }, {
-  dataIndex: 'category',
-  title: t('Category'),
+  title: t("Date"),
+  dataIndex: "date",
+  key: "date",
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
+    });
+  },
+  ellipsis: true
+}, {
+  dataIndex: 'mineSite',
+  title: t('Location'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -31783,15 +32080,17 @@ const getColumns$9 = ({
         className: "daf-default-cell"
       });
     }
-    const category = findOptions(v, data?.options?.locationCategories);
-    return category ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: category,
-      children: category
+
+    // const country = findOptions(v, data?.options?.positionSupplyChainOptions);
+    const mineSite = all?.location?.name;
+    return mineSite ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: mineSite,
+      children: mineSite
     }) : '-';
   }
 }, {
-  dataIndex: 'country',
-  title: t('Country'),
+  dataIndex: 'province',
+  title: t('Province'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -31800,15 +32099,15 @@ const getColumns$9 = ({
         className: "daf-default-cell"
       });
     }
-    const country = findOptions(v, options?.countries);
-    return country ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: country,
-      children: country
+    const region = getLinkValue(all?.location?.administrativeLevel1, all?.location?.linking?.SCL);
+    return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: region,
+      children: region
     }) : '-';
   }
 }, {
-  dataIndex: 'province',
-  title: t('Province'),
+  dataIndex: 'territory',
+  title: t('Territory'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -31817,15 +32116,15 @@ const getColumns$9 = ({
         className: "daf-default-cell"
       });
     }
-    const province = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
-    return province ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: province,
-      children: province
+    const district = getLinkValue(all?.location?.administrativeLevel2, all?.location?.linking?.SCL);
+    return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: district,
+      children: district
     }) : '-';
   }
 }, {
-  dataIndex: 'territory',
-  title: t('Territory'),
+  dataIndex: 'eventCategory',
+  title: t('Category'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -31834,10 +32133,11 @@ const getColumns$9 = ({
         className: "daf-default-cell"
       });
     }
-    const territory = getLinkValue(all?.administrativeLevel2, all?.linking?.SCL);
-    return territory ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: territory,
-      children: territory
+    const eventCategory = findOptions(v, data?.options?.eventCategoryOptions);
+    const categoryValue = getEventCategoryBySubject(eventCategory, subject);
+    return categoryValue ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: categoryValue,
+      children: categoryValue
     }) : '-';
   }
 }, {
@@ -31856,11 +32156,27 @@ const getColumns$9 = ({
       items: sources
     });
   }
+}, {
+  title: t("Status"),
+  dataIndex: "status",
+  key: "status",
+  show: activeTab === "own",
+  render: (val, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _val = all?.published || all?.status === "submitted" ? "submitted" : val;
+    return renderStatusTag({
+      value: _val,
+      t
+    });
+  }
 }, {
   title: t("Last Update"),
   dataIndex: "updatedAt",
   key: "updatedAt",
-  width: 125,
   render: (date, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -31898,86 +32214,60 @@ const getColumns$9 = ({
   }
 }].filter(column => column.show !== false);
 
-const LocationsTable = ({
-  t = () => {},
-  goTo = () => {},
-  user = {},
-  options = {},
-  getRedirectLink = () => {},
-  theme = {},
-  loading = false,
-  data = {},
-  isMobile,
-  APP,
-  location,
-  getData = () => {},
-  getApiBaseUrl = () => {},
-  getAppHeader = () => {},
-  getFormData = () => {},
-  saveFormData = () => {},
-  formLoading = false,
-  query = {},
-  ajaxForms = {},
-  changeAjaxForms = () => {},
-  ajaxOptions = {},
-  changeAjaxOptions = () => {},
-  formData = {},
-  formValue = {},
-  form = {},
-  applications = [],
-  subjectClear = () => {},
-  breadcrumbs = [],
-  extendingFilters = {},
-  createDefaultValues = {}
+const getFiltersConfig$4 = ({
+  t
 }) => {
-  return /*#__PURE__*/jsxRuntime.jsx(TablePage, {
-    t: t,
-    goTo: goTo,
-    user: user,
-    options: options,
-    getRedirectLink: getRedirectLink,
-    theme: theme,
-    loading: loading,
-    data: data,
-    isMobile: isMobile,
-    APP: APP,
-    location: location,
-    applications: applications,
-    subject: "locations",
-    getData: getData,
-    getApiBaseUrl: getApiBaseUrl,
-    getAppHeader: getAppHeader,
-    subjectClear: subjectClear,
-    getColumns: getColumns$9,
-    viewConfig: {
-      title: "Locations",
-      breadcrumbs: breadcrumbs,
-      createTitle: "Create Location"
-    },
-    extendingFilters: extendingFilters,
-    formConfig: {
-      getFormData,
-      saveFormData,
-      formLoading,
-      query,
-      ajaxForms,
-      changeAjaxForms,
-      ajaxOptions,
-      changeAjaxOptions,
-      formData,
-      formValue,
-      form,
-      namespace: 'locations',
-      view: 'scoping',
-      scope: 'create',
-      formType: 'location',
-      defaultValues: createDefaultValues
+  return {
+    country: {
+      type: 'select',
+      placeholder: t('Country'),
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value
     },
-    onDownload: () => console.log("download")
-  });
+    category: {
+      type: 'select',
+      label: 'Category',
+      placeholder: t => `${t('Filter by')} ${t('Category').toLowerCase()}`,
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value
+    }
+  };
+};
+const getFilterOptions$4 = (options, t) => {
+  const {
+    countries = [],
+    category = [],
+    locationCategories = []
+  } = options || {};
+  return {
+    country: countries,
+    category: locationCategories || category
+  };
+};
+const formConfig$2 = {
+  namespace: 'locations',
+  view: 'scoping',
+  scope: 'create',
+  formType: 'location'
+};
+const viewConfig$2 = {
+  title: "Locations",
+  createTitle: "Create Location"
 };
 
-const getColumns$8 = ({
+const getColumns$5 = ({
   t,
   goTo,
   user,
@@ -31986,6 +32276,7 @@ const getColumns$8 = ({
   getRedirectLink,
   theme,
   subject,
+  data,
   applications
 }) => [{
   dataIndex: 'datastakeId',
@@ -32030,15 +32321,15 @@ const getColumns$8 = ({
         className: "daf-default-cell"
       });
     }
-    const category = findOptions(v, options?.categoriesOptions);
+    const category = findOptions(v, data?.options?.locationCategories);
     return category ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: category,
       children: category
     }) : '-';
   }
 }, {
-  dataIndex: 'subCategory',
-  title: t('Sub Category'),
+  dataIndex: 'country',
+  title: t('Country'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32047,15 +32338,15 @@ const getColumns$8 = ({
         className: "daf-default-cell"
       });
     }
-    const subCategory = findOptions(v, options?.subCategoriesOptions);
-    return subCategory ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: subCategory,
-      children: subCategory
+    const country = findOptions(v, options?.countries);
+    return country ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: country,
+      children: country
     }) : '-';
   }
 }, {
-  dataIndex: 'country',
-  title: t('Country'),
+  dataIndex: 'province',
+  title: t('Province'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32064,10 +32355,27 @@ const getColumns$8 = ({
         className: "daf-default-cell"
       });
     }
-    const country = findOptions(v, options?.countries);
-    return country ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: country,
-      children: country
+    const province = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
+    return province ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: province,
+      children: province
+    }) : '-';
+  }
+}, {
+  dataIndex: 'territory',
+  title: t('Territory'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const territory = getLinkValue(all?.administrativeLevel2, all?.linking?.SCL);
+    return territory ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: territory,
+      children: territory
     }) : '-';
   }
 }, {
@@ -32081,9 +32389,6 @@ const getColumns$8 = ({
         className: "daf-default-cell"
       });
     }
-    if (!val || val?.length === 0) {
-      return "--";
-    }
     const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
       items: sources
@@ -32131,208 +32436,252 @@ const getColumns$8 = ({
   }
 }].filter(column => column.show !== false);
 
-const StakeholdersTable = ({
-  t = () => {},
-  goTo = () => {},
-  user = {},
-  options = {},
-  getRedirectLink = () => {},
-  theme = {},
-  loading = false,
-  data = {},
-  isMobile,
-  APP,
-  location,
-  getData = () => {},
-  getApiBaseUrl = () => {},
-  getAppHeader = () => {},
-  getFormData = () => {},
-  saveFormData = () => {},
-  formLoading = false,
-  query = {},
-  ajaxForms = {},
-  changeAjaxForms = () => {},
-  ajaxOptions = {},
-  changeAjaxOptions = () => {},
-  formData = {},
-  formValue = {},
-  form = {},
-  applications = [],
-  subjectClear = () => {},
-  breadcrumbs = [],
-  extendingFilters = {},
-  createDefaultValues = {}
+const getFiltersConfig$3 = ({
+  t
 }) => {
-  return /*#__PURE__*/jsxRuntime.jsx(TablePage, {
-    t: t,
-    goTo: goTo,
-    user: user,
-    options: options,
-    getRedirectLink: getRedirectLink,
-    theme: theme,
-    loading: loading,
-    data: data,
-    isMobile: isMobile,
-    APP: APP,
-    location: location,
-    applications: applications,
-    subject: "stakeholders",
-    getData: getData,
-    getApiBaseUrl: getApiBaseUrl,
-    getAppHeader: getAppHeader,
-    subjectClear: subjectClear,
-    getColumns: getColumns$8,
-    viewConfig: {
-      title: "Stakeholders",
-      breadcrumbs: breadcrumbs,
-      createTitle: "Create Stakeholder"
+  return {
+    country: {
+      type: 'select',
+      label: 'Country',
+      placeholder: t => `${t('Filter by')} ${t('Country').toLowerCase()}`,
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value
     },
-    extendingFilters: extendingFilters,
-    formConfig: {
-      getFormData,
-      saveFormData,
-      formLoading,
-      query,
-      ajaxForms,
-      changeAjaxForms,
-      ajaxOptions,
-      changeAjaxOptions,
-      formData,
-      formValue,
-      form,
-      namespace: 'stakeholders',
-      view: 'scoping',
-      scope: 'create',
-      formType: 'stakeholder',
-      defaultValues: createDefaultValues
+    administrativeLevel1: {
+      type: 'ajaxSelect',
+      label: ({
+        t = s => s,
+        options = {},
+        filters = {},
+        language = 'en'
+      }) => {
+        const {
+          administrativeLevel1
+        } = options;
+        if (administrativeLevel1) {
+          if (options.country) {
+            const _item = administrativeLevel1[filters.country];
+            if (_item) {
+              if (_item[language]) {
+                return _item[language];
+              }
+            }
+          }
+        }
+        return t('Province');
+      },
+      placeholder: t => `${t('Filter by')} ${t('Province').toLowerCase()}`,
+      filters: data => ({
+        country: data.country,
+        level: 'level_1'
+      }),
+      show: data => !data.country,
+      disabled: data => !data.country,
+      mapper: {
+        label: "name",
+        value: "id"
+      },
+      method: 'getOptions',
+      entity: 'AdministrativeLevel',
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      }
     },
-    onDownload: () => console.log("download")
-  });
-};
-
-const {
-  Text
-} = antd.Typography;
-function MoreTags({
-  values = [],
-  maxWidthCont = 120,
-  maxTextCont = 100,
-  diff = 30,
-  style = {},
-  tagColor,
-  limit
-}) {
-  const ref = React.useRef();
-  const [width, setWidth] = React.useState(0);
-  const [indexToReturn, setIndexToReturn] = React.useState(0);
-  const _maxWidthCont = values.length <= 1 ? maxWidthCont : maxWidthCont - 20;
-  const _maxWidthTxt = values.length <= 1 ? maxTextCont : 80;
-  React.useEffect(() => {
-    const resizeObserver = new ResizeObserver(entries => {
-      setWidth(entries[0].contentRect.width);
-    });
-    resizeObserver.observe(ref.current);
-    return () => resizeObserver.disconnect();
-  }, []);
-  const _calculate = () => {
-    // If limit prop is provided and valid, use it instead of calculating
-    if (typeof limit === 'number' && limit > 0) {
-      setIndexToReturn(Math.min(limit - 1, values.length - 1));
-      return;
-    }
-    const tabs = ref.current.querySelectorAll(".check-tabs");
-    let filled = 0;
-    let indexToReturn;
-    if (values.length === 1) {
-      setIndexToReturn(1);
-      return;
-    }
-    tabs.forEach((t, i) => {
-      if (typeof indexToReturn === "number") {
-        return;
+    administrativeLevel2: {
+      type: 'ajaxSelect',
+      label: ({
+        t = s => s,
+        options = {},
+        filters = {},
+        language = 'en'
+      }) => {
+        const {
+          administrativeLevel2
+        } = options;
+        if (administrativeLevel2) {
+          if (options.country) {
+            const _item = administrativeLevel2[filters.country];
+            if (_item) {
+              if (_item[language]) {
+                return _item[language];
+              }
+            }
+          }
+        }
+        return t('Province');
+      },
+      show: data => !(data.country && data.administrativeLevel1),
+      placeholder: t => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
+      filters: data => ({
+        country: data.country,
+        level: 'level_2',
+        administrativeLevel1: data.administrativeLevel1
+      }),
+      disabled: data => !(data.country && data.administrativeLevel1),
+      mapper: {
+        label: "name",
+        value: "id"
+      },
+      method: 'getOptions',
+      entity: 'AdministrativeLevel',
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
       }
-      filled = filled + t.clientWidth + 25;
-      const dif = width - filled;
-      if (dif < diff) {
-        indexToReturn = dif < 0 ? i - 1 : i;
-        setIndexToReturn(indexToReturn);
-        return;
+    },
+    product: {
+      type: 'select',
+      label: 'Product',
+      placeholder: t => `${t('Filter by')} ${t('Product').toLowerCase()}`,
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value,
+      filterOptions: val => {
+        if (val) {
+          const {
+            option,
+            filters
+          } = val;
+          if (filters && option) {
+            const {
+              filters: optionFilters
+            } = option;
+            if (Array.isArray(optionFilters) && optionFilters.length) {
+              const {
+                value,
+                condition
+              } = optionFilters[0];
+              if (condition === 'includes') {
+                return value.includes('corporation');
+              }
+            }
+          }
+        }
+        return true;
       }
-    });
-    setIndexToReturn(typeof indexToReturn === "number" ? indexToReturn : tabs.length - 1);
+    },
+    positionInTheMineralSupplyChain: {
+      type: 'select',
+      label: 'Position',
+      placeholder: t => `${t('Filter by')} ${t('Position').toLowerCase()}`,
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value
+    },
+    status: {
+      type: "select",
+      label: "Status",
+      placeholder: t => `${t("Filter by")} ${t("Status").toLowerCase()}`,
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        fley: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value
+    }
   };
-  const hasMore = values.length && indexToReturn !== values.length - 1;
-  const toShow = hasMore ? values.slice(0, indexToReturn + 1) : values;
-  const other = hasMore ? values.slice(indexToReturn + 1, values.length + 1) : [];
-  React.useEffect(() => {
-    _calculate();
-  }, [width, values, limit]);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "daf-more-tags",
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "list",
-      children: [toShow.map((ac, i) => typeof ac.renderTag === "function" ? ac.renderTag() : /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        style: {
-          maxWidth: _maxWidthCont,
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          whiteSpace: "nowrap",
-          ...style
-        },
-        color: tagColor || ac.color,
-        children: /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-          title: typeof ac === "object" ? ac.label : ac,
-          children: /*#__PURE__*/jsxRuntime.jsx("span", {
-            style: {
-              maxWidth: _maxWidthTxt,
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              whiteSpace: "nowrap",
-              ...style
-            },
-            children: typeof ac === "object" ? ac.label : ac
-          })
-        })
-      }, `${typeof ac === "object" ? ac.value : ac}-${i}`)), other.length ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-        title: other.map(ac => typeof ac === "object" ? ac.label : ac).join(", "),
-        children: /*#__PURE__*/jsxRuntime.jsxs(antd.Tag, {
-          color: tagColor || 'default',
-          style: style,
-          children: ["+", other.length]
-        })
-      }) : null]
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "list hidden",
-      ref: ref,
-      children: values.map((ac, i) => typeof ac.renderTag === "function" ? ac.renderTag("check-tabs") : /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: tagColor || ac.color,
-        className: "check-tabs",
-        style: {
-          maxWidth: _maxWidthCont,
-          ...style
-        },
-        children: /*#__PURE__*/jsxRuntime.jsx(Text, {
-          ellipsis: {
-            tooltip: typeof ac === "object" ? ac.label : ac
-          },
-          style: {
-            maxWidth: _maxWidthTxt
-          },
-          children: typeof ac === "object" ? ac.label : ac
-        })
-      }, `${ac}-${i}`))
-    })]
+};
+const getFilterOptions$3 = (options, t) => {
+  const {
+    statusOptions = [],
+    categoryOptions = [],
+    countries = [],
+    product = [],
+    subCategory = [],
+    subCategoriesOptions,
+    stakeholderCategoryOptions,
+    stakeholderSubCategoriesOptions,
+    administrativeLevel1,
+    administrativeLevel2
+  } = options || {};
+  const _default = {
+    category: stakeholderCategoryOptions || categoryOptions,
+    country: countries,
+    product: product,
+    administrativeLevel1,
+    administrativeLevel2,
+    subCategory: subCategoriesOptions,
+    status: [{
+      value: "submitted",
+      label: "Submitted"
+    }, {
+      value: "private",
+      label: "Private"
+    }]
+  };
+  return _default;
+};
+const formConfig$1 = {
+  namespace: 'PRODUCTION SITES',
+  view: ['scoping', 'new'],
+  scope: 'global',
+  formType: 'production-sites'
+};
+const viewConfig$1 = {
+  title: "Production Sites",
+  createTitle: "Create Production Site"
+};
+
+const MoreOptions = ({
+  data,
+  limit = 2,
+  toolTipPlacement = 'top'
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+    style: {
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap',
+      display: 'inline-block'
+    },
+    placement: toolTipPlacement,
+    title: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [data?.slice(0, 10).map((value, index) => /*#__PURE__*/jsxRuntime.jsxs("span", {
+        children: [typeof value === 'string' ? value : value?.name, /*#__PURE__*/jsxRuntime.jsx("br", {})]
+      }, index)), data?.length > 10 && /*#__PURE__*/jsxRuntime.jsxs("span", {
+        children: ["+", data?.length - 10]
+      })]
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      style: {
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        maxWidth: '95%'
+      },
+      children: data?.length > limit ? `${data.slice(0, limit).map(value => typeof value === 'string' ? value : value?.name).join(', ')}, +${data?.length - limit}` : data.map(value => typeof value === 'string' ? value : value?.name).join(', ')
+    })
   });
-}
-MoreTags.propTypes = {
-  values: PropTypes__default["default"].array,
-  maxWidthCont: PropTypes__default["default"].number,
-  maxTextCont: PropTypes__default["default"].number,
-  diff: PropTypes__default["default"].number,
+};
+MoreOptions.propTypes = {
+  data: PropTypes__default["default"].array.isRequired,
   limit: PropTypes__default["default"].number
 };
 
-const getColumns$7 = ({
+const getColumns$4 = ({
   t,
   goTo,
   user,
@@ -32361,7 +32710,7 @@ const getColumns$7 = ({
   }
 }, {
   dataIndex: 'name',
-  title: t('Title'),
+  title: t('Name'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32376,8 +32725,8 @@ const getColumns$7 = ({
     });
   }
 }, {
-  dataIndex: 'typeOfEvent',
-  title: t('Type'),
+  dataIndex: 'region',
+  title: t('Region'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32386,15 +32735,15 @@ const getColumns$7 = ({
         className: "daf-default-cell"
       });
     }
-    const type = findOptions(v, data?.options?.eventsType);
-    return type ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: type,
-      children: type
+    const region = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
+    return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: region,
+      children: region
     }) : '-';
   }
 }, {
-  dataIndex: 'keyStakeholder',
-  title: t('Key Stakeholder'),
+  dataIndex: 'territory',
+  title: t('Territory'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -32403,120 +32752,249 @@ const getColumns$7 = ({
         className: "daf-default-cell"
       });
     }
-    const val = (all?.stakeholderKey || []).map(sk => {
-      return sk?.name;
-    });
-    if (val?.length === 0) {
-      return "-";
+    const district = getLinkValue(all?.administrativeLevel2, all?.linking?.SCL);
+    return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: district,
+      children: district
+    }) : '-';
+  }
+}, {
+  dataIndex: 'category',
+  title: t('Type'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(MoreTags, {
-      values: val
+    const category = findOptions(v, options?.locationCategories);
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: category,
+      children: category
     });
   }
 }, {
-  title: t("Date"),
-  dataIndex: "date",
-  key: "date",
-  // testimonials: true,
-  // incident: true,
-  // correctiveActions: true,
+  dataIndex: 'operator',
+  title: t('Operator'),
+  ellipsis: true,
   show: true,
-  // sorter: () => 0 + 0,
-  // searchType: "date",
-  // width: 125,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const operators = all?.operator?.map(operator => operator?.locationClient?.name)?.filter(Boolean);
+    return operators && operators.length > 0 ? /*#__PURE__*/jsxRuntime.jsx(MoreOptions, {
+      data: operators || [],
+      toolTipPlacement: operators?.length < 2 ? "topLeft" : "top"
+    }) : '-';
+  }
+}, {
+  title: t("Last Update"),
+  dataIndex: "updatedAt",
+  key: "updatedAt",
+  width: 125,
   render: (date, all) => {
     if (all.empty) {
-      return null;
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
     }
-    const title = date ? renderDateFormatted(date, "DD MMM YYYY") : "-";
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
     return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: title,
-      children: title
+      title: _date,
+      children: _date
     });
   },
   ellipsis: true
 }, {
-  dataIndex: 'scope',
-  title: t('Scope'),
+  title: t("Status"),
+  dataIndex: 'status',
   ellipsis: true,
-  show: true,
-  render: (value, all) => {
+  show: activeTab == "own",
+  render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "daf-default-cell"
       });
     }
-    if (!value) {
-      return "-";
-    }
-
-    // Form the moment the intend of the if block is to be executed only in event table
-    if (typeof value === "string") {
-      if (all.navigationEventType === "other") {
-        return "-";
-      }
-      const categoryOptions = (data?.options?.categoryOptions || []).map(c => {
-        const searchTerm = `typeOfEvent is ${all.navigationEventType}`;
-        return {
-          value: c.value,
-          label: c.label[searchTerm]
-        };
-      });
-      const relaxantOptions = [...categoryOptions, ...(data?.options?.eventsType || []), ...(data?.options?.testimonialsType || [])];
-      const title = relaxantOptions.find(v => v.value === value)?.label || "-";
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-        title: title,
-        children: title
-      });
-    }
-    const val = value.map((v, i) => ({
-      label: v.name,
-      value: `${v.name}-${i}`
-    }));
-    return val.length ? /*#__PURE__*/jsxRuntime.jsx(MoreTags, {
-      values: val
-    }) : "-";
+    const _val = all?.published || all?.status === "submitted" ? "submitted" : v;
+    return renderStatusTag({
+      value: _val,
+      t
+    });
   }
 }, {
   title: t("Sources"),
-  dataIndex: "sources",
-  key: "sources",
+  dataIndex: 'sources',
+  ellipsis: true,
   show: activeTab !== "own",
-  render: (val, all) => {
+  render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "daf-default-cell"
       });
     }
-    const sources = sourceAvatarConfig(val, user, applications);
+    const sources = sourceAvatarConfig(v, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
       items: sources
     });
   }
 }, {
-  title: t("Status"),
-  dataIndex: "status",
-  key: "status",
-  show: activeTab === "own",
-  correctiveActions: activeTab === "own",
-  testimonials: activeTab === "own",
-  incident: activeTab === "own",
-  render: (value, all) => {
+  id: 'actions',
+  title: "",
+  width: 60,
+  render: (_, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "daf-default-cell"
       });
     }
-    if (activeTab !== "own") {
-      return all?.authorId?.name;
+    const onClick = () => {
+      let link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    const moreMenuItems = [{
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
+    }, {
+      label: t("Summary"),
+      value: "Summary",
+      onClick: () => {
+        let link = `/app/mine-summary/${all.datastakeId}`;
+        if (activeTab === "shared") {
+          link += `?sourceId=${all?.authorId?.id}`;
+        }
+        goTo(getRedirectLink(link));
+      }
+      // disabled: true,
+    }];
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+        items: moreMenuItems
+      })
+    });
+  }
+}].filter(column => column.show !== false);
+
+const getFiltersConfig$2 = ({
+  t
+}) => {
+  return {
+    timeframe: {
+      type: "timeframe",
+      label: "Timeframe",
+      style: {
+        flex: 1
+      }
     }
-    const _val = all?.published || all?.status === "submitted" ? "submitted" : value;
-    return renderStatusTag({
-      value: _val,
-      t
+  };
+};
+const getFilterOptions$2 = (options, t) => {
+  const {
+    timeframe = []
+  } = options || {};
+  const _default = {
+    timeframe: timeframe
+  };
+  return _default;
+};
+const formConfig = {
+  namespace: 'document',
+  view: 'scoping',
+  scope: 'create',
+  formType: 'document'
+};
+const viewConfig = {
+  title: "Documents",
+  createTitle: "Create Document"
+};
+
+const getColumns$3 = ({
+  t,
+  goTo,
+  user,
+  options,
+  activeTab,
+  getRedirectLink,
+  theme,
+  subject,
+  applications
+}) => [{
+  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: t('Title'),
+  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
+    });
+  }
+}, {
+  title: t("Date"),
+  dataIndex: "date",
+  key: "date",
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
     });
   },
   ellipsis: true
+}, {
+  title: t("Sources"),
+  dataIndex: "sources",
+  key: "sources",
+  show: activeTab !== "own",
+  render: (val, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    if (!val || val?.length === 0) {
+      return "-";
+    }
+    const sources = sourceAvatarConfig(val, user, applications);
+    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
+      items: sources
+    });
+  }
 }, {
   title: t("Last Update"),
   dataIndex: "updatedAt",
@@ -32558,7 +33036,387 @@ const getColumns$7 = ({
   }
 }].filter(column => column.show !== false);
 
-const EventsTable = ({
+const FILTER_REGISTRY = {
+  stakeholders: {
+    config: getFiltersConfig$a,
+    options: getFilterOptions$a,
+    formConfig: formConfig$8,
+    viewConfig: viewConfig$8,
+    columns: getColumns$a
+  },
+  workers: {
+    config: getFiltersConfig$8,
+    options: getFilterOptions$8,
+    formConfig: formConfig$6,
+    viewConfig: viewConfig$6,
+    columns: getColumns$9
+  },
+  operators: {
+    config: getFiltersConfig$9,
+    options: getFilterOptions$9,
+    formConfig: formConfig$7,
+    viewConfig: viewConfig$7,
+    columns: getColumns$b
+  },
+  events: {
+    config: getFiltersConfig$7,
+    options: getFilterOptions$7,
+    formConfig: formConfig$5,
+    viewConfig: viewConfig$5,
+    columns: getColumns$8
+  },
+  activities: {
+    config: getFiltersConfig$6,
+    options: getFilterOptions$6,
+    formConfig: formConfig$4,
+    viewConfig: viewConfig$4,
+    columns: getColumns$7
+  },
+  incidents: {
+    config: getFiltersConfig$5,
+    options: getFilterOptions$5,
+    formConfig: formConfig$3,
+    viewConfig: viewConfig$3,
+    columns: getColumns$6
+  },
+  locations: {
+    config: getFiltersConfig$4,
+    options: getFilterOptions$4,
+    formConfig: formConfig$2,
+    viewConfig: viewConfig$2,
+    columns: getColumns$5
+  },
+  'production-sites': {
+    config: getFiltersConfig$3,
+    options: getFilterOptions$3,
+    formConfig: formConfig$1,
+    viewConfig: viewConfig$1,
+    columns: getColumns$4
+  },
+  documents: {
+    config: getFiltersConfig$2,
+    options: getFilterOptions$2,
+    formConfig: formConfig,
+    viewConfig: viewConfig,
+    columns: getColumns$3
+  }
+};
+const DEFAULT_SUBJECT = 'stakeholders';
+
+const getCheckboxConfig = ({
+  subject
+}) => {
+  return {
+    name: 'Name',
+    datastakeId: 'ID'
+  };
+};
+const getSelectFiltersConfig = ({
+  subject
+}) => {
+  return {
+    name: '',
+    datastakeId: ''
+  };
+};
+const getFiltersConfig$1 = ({
+  t,
+  subject
+}) => {
+  const registry = FILTER_REGISTRY[subject] || FILTER_REGISTRY[DEFAULT_SUBJECT];
+  return registry?.config({
+    t
+  });
+};
+const getFilterOptions$1 = ({
+  t,
+  subject,
+  options
+}) => {
+  const registry = FILTER_REGISTRY[subject] || FILTER_REGISTRY[DEFAULT_SUBJECT];
+  return registry.options(options, t);
+};
+const getFormConfig = ({
+  subject
+}) => {
+  const registry = FILTER_REGISTRY[subject] || FILTER_REGISTRY[DEFAULT_SUBJECT];
+  return registry?.formConfig;
+};
+const getViewConfig = ({
+  subject
+}) => {
+  const registry = FILTER_REGISTRY[subject] || FILTER_REGISTRY[DEFAULT_SUBJECT];
+  return registry?.viewConfig;
+};
+
+const getColumns$2 = ({
+  t,
+  goTo,
+  user,
+  options,
+  activeTab,
+  getRedirectLink,
+  theme,
+  subject,
+  data,
+  applications
+}) => {
+  const registry = FILTER_REGISTRY[subject] || FILTER_REGISTRY[DEFAULT_SUBJECT];
+  return registry?.columns({
+    t,
+    goTo,
+    user,
+    options,
+    activeTab,
+    getRedirectLink,
+    theme,
+    subject,
+    data,
+    applications
+  });
+};
+
+const useFetchData = ({
+  location,
+  getData,
+  activeTab,
+  extendingFilters,
+  subject
+}) => {
+  const {
+    paginationQuery,
+    searchParams,
+    otherParams,
+    sortBy,
+    sortDir
+  } = useGetQueryParams({
+    location
+  });
+  React.useEffect(() => {
+    const cleanSearchParams = Object.fromEntries(Object.entries(searchParams).filter(([_, value]) => value != null && value !== ''));
+    const hasPagination = paginationQuery.skip != null || paginationQuery.take != null;
+    if (!hasPagination) {
+      return;
+    }
+    getData({
+      ...extendingFilters,
+      pagination: paginationQuery,
+      ...(Object.keys(otherParams).length > 0 && otherParams),
+      ...(Object.keys(cleanSearchParams).length > 0 && {
+        search: cleanSearchParams
+      }),
+      tab: activeTab,
+      sortBy: {
+        [sortBy || "updatedAt"]: sortDir ? sortDir === "ascend" ? 1 : -1 : -1
+      }
+    }, subject);
+  }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
+};
+const useTablePage = ({
+  subject,
+  location,
+  getData,
+  extendingFilters,
+  options,
+  t,
+  goTo,
+  user,
+  getRedirectLink,
+  theme,
+  data,
+  applications,
+  subjectClear
+}) => {
+  const [selectOptions, setSelectOptions] = React.useState();
+  const [activeTab, setActiveTab] = React.useState("own");
+  useFetchData({
+    location,
+    getData,
+    activeTab,
+    extendingFilters: extendingFilters,
+    subject
+  });
+  const columns = React.useMemo(() => getColumns$2({
+    t,
+    goTo,
+    user,
+    options,
+    activeTab,
+    getRedirectLink,
+    theme,
+    subject,
+    data,
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications, subject, getColumns$2]);
+  const selectFiltersConfig = React.useMemo(() => getFiltersConfig$1({
+    t,
+    subject
+  }), [t, subject, getFiltersConfig$1]);
+  React.useEffect(() => {
+    setSelectOptions(prev => ({
+      ...prev,
+      ...getFilterOptions$1({
+        t,
+        subject,
+        options
+      })
+    }));
+  }, [options, t, subject, getFilterOptions$1]);
+  const checkboxConfig = React.useMemo(() => getCheckboxConfig({
+    subject
+  }), [subject, getCheckboxConfig]);
+  const _filtersConfig = React.useMemo(() => {
+    return getSelectFiltersConfig({
+      subject
+    });
+  }, [subject, getSelectFiltersConfig]);
+  const formInfo = React.useMemo(() => getFormConfig({
+    subject
+  }), [subject, getFormConfig]);
+  const viewConfig = React.useMemo(() => getViewConfig({
+    subject
+  }), [subject, getViewConfig]);
+  const handleActiveTabChange = React.useCallback(value => {
+    setActiveTab(value);
+  }, []);
+  React.useEffect(() => () => {
+    if (subjectClear && typeof subjectClear === 'function') {
+      subjectClear();
+    }
+  }, [subjectClear]);
+  return {
+    activeTab,
+    selectOptions,
+    columns,
+    selectFiltersConfig,
+    handleActiveTabChange,
+    checkboxConfig,
+    _filtersConfig,
+    formInfo,
+    viewConfig
+  };
+};
+
+const TablePage = ({
+  t = () => {},
+  goTo = () => {},
+  user = {},
+  options = {},
+  getRedirectLink = () => {},
+  theme = {},
+  loading = false,
+  data = {},
+  isMobile,
+  APP,
+  location,
+  formConfig = {
+    getFormData: () => {},
+    saveFormData: () => {},
+    formLoading: false,
+    query: {},
+    ajaxForms: {},
+    changeAjaxForms: () => {},
+    ajaxOptions: {},
+    changeAjaxOptions: () => {},
+    formData: {},
+    formValue: {},
+    form: {}
+  },
+  defaultValues = {},
+  extendingFilters = {},
+  getData = () => {},
+  getApiBaseUrl = () => {},
+  getAppHeader = () => {},
+  applications = [],
+  subjectClear,
+  subject,
+  breadcrumbs = [],
+  onDownload
+}) => {
+  const {
+    activeTab,
+    selectOptions,
+    columns,
+    selectFiltersConfig,
+    handleActiveTabChange,
+    checkboxConfig,
+    _filtersConfig,
+    formInfo,
+    viewConfig
+  } = useTablePage({
+    subject,
+    location,
+    getData,
+    extendingFilters,
+    options,
+    t,
+    goTo,
+    user,
+    getRedirectLink,
+    theme,
+    data,
+    applications,
+    subjectClear
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
+    t: t,
+    title: t(viewConfig?.title || ""),
+    breadCrumbs: breadcrumbs,
+    location: location,
+    loading: loading,
+    goTo: goTo,
+    defaultActiveTab: "own",
+    columns: columns,
+    data: data,
+    checkboxConfig: checkboxConfig,
+    APP: APP,
+    getApiBaseUrl: getApiBaseUrl,
+    selectOptions: selectOptions,
+    selectFiltersConfig: selectFiltersConfig,
+    getRedirectLink: getRedirectLink,
+    filtersConfig: _filtersConfig,
+    isMobile: isMobile,
+    view: subject,
+    getActiveTab: handleActiveTabChange,
+    onDownload: onDownload && typeof onDownload === 'function' ? onDownload : undefined,
+    drawerTitle: t(viewConfig?.createTitle || ""),
+    children: ({
+      onDrawerClose
+    }) => /*#__PURE__*/jsxRuntime.jsx(Create$1, {
+      t: t,
+      goTo: goTo,
+      user: user,
+      APP: APP,
+      getApiBaseUrl: getApiBaseUrl,
+      getAppHeader: getAppHeader,
+      getData: formConfig.getFormData,
+      saveData: formConfig.saveFormData,
+      loading: formConfig.formLoading,
+      onSubmitted: (type, m, data) => {
+        if (data.datastakeId) {
+          displayMessage(type, t("affirmations::subject-created-successfully") || m);
+          goTo(`/app/edit/${subject}/${data.datastakeId}`);
+        }
+      },
+      onCancel: onDrawerClose,
+      query: formConfig.query,
+      ajaxForms: formConfig.ajaxForms,
+      changeAjaxForms: formConfig.changeAjaxForms,
+      ajaxOptions: formConfig.ajaxOptions,
+      changeAjaxOptions: formConfig.changeAjaxOptions,
+      formData: formConfig.formData,
+      formValue: formConfig.formValue,
+      form: formConfig.form,
+      namespace: formInfo.namespace,
+      view: formInfo.view,
+      scope: formInfo.scope,
+      formType: formInfo.formType,
+      defaultData: defaultValues
+    })
+  });
+};
+
+const OperatorsTable = ({
   t = () => {},
   goTo = () => {},
   user = {},
@@ -32585,9 +33443,77 @@ const EventsTable = ({
   formValue = {},
   form = {},
   extendingFilters = {},
+  createDefaultValues = {},
+  applications = [],
+  breadcrumbs = []
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(TablePage, {
+    t: t,
+    goTo: goTo,
+    user: user,
+    options: options,
+    getRedirectLink: getRedirectLink,
+    theme: theme,
+    loading: loading,
+    data: data,
+    isMobile: isMobile,
+    APP: APP,
+    location: location,
+    applications: applications,
+    subject: "operators",
+    getData: getData,
+    getApiBaseUrl: getApiBaseUrl,
+    getAppHeader: getAppHeader,
+    breadcrumbs: breadcrumbs,
+    extendingFilters: extendingFilters,
+    formConfig: {
+      getFormData,
+      saveFormData,
+      formLoading,
+      query,
+      ajaxForms,
+      changeAjaxForms,
+      ajaxOptions,
+      changeAjaxOptions,
+      formData,
+      formValue,
+      form
+    },
+    defaultValues: createDefaultValues,
+    onDownload: () => console.log("download")
+  });
+};
+
+const LocationsTable = ({
+  t = () => {},
+  goTo = () => {},
+  user = {},
+  options = {},
+  getRedirectLink = () => {},
+  theme = {},
+  loading = false,
+  data = {},
+  isMobile,
+  APP,
+  location,
+  getData = () => {},
+  getApiBaseUrl = () => {},
+  getAppHeader = () => {},
+  getFormData = () => {},
+  saveFormData = () => {},
+  formLoading = false,
+  query = {},
+  ajaxForms = {},
+  changeAjaxForms = () => {},
+  ajaxOptions = {},
+  changeAjaxOptions = () => {},
+  formData = {},
+  formValue = {},
+  form = {},
   applications = [],
   subjectClear = () => {},
   breadcrumbs = [],
+  extendingFilters = {},
   createDefaultValues = {}
 }) => {
   return /*#__PURE__*/jsxRuntime.jsx(TablePage, {
@@ -32603,17 +33529,12 @@ const EventsTable = ({
     APP: APP,
     location: location,
     applications: applications,
-    subject: "events",
+    subject: "locations",
     getData: getData,
     getApiBaseUrl: getApiBaseUrl,
     getAppHeader: getAppHeader,
     subjectClear: subjectClear,
-    getColumns: getColumns$7,
-    viewConfig: {
-      title: "Events",
-      breadcrumbs: breadcrumbs,
-      createTitle: "Create Event"
-    },
+    breadcrumbs: breadcrumbs,
     extendingFilters: extendingFilters,
     formConfig: {
       getFormData,
@@ -32626,137 +33547,14 @@ const EventsTable = ({
       changeAjaxOptions,
       formData,
       formValue,
-      form,
-      namespace: "event",
-      view: 'scoping',
-      scope: 'create',
-      formType: 'event',
-      defaultValues: createDefaultValues
+      form
     },
+    defaultValues: createDefaultValues,
     onDownload: () => console.log("download")
   });
 };
 
-const getColumns$6 = ({
-  t,
-  goTo,
-  user,
-  options,
-  activeTab,
-  getRedirectLink,
-  theme,
-  subject,
-  applications
-}) => [{
-  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: t('Title'),
-  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
-    });
-  }
-}, {
-  title: t("Date"),
-  dataIndex: "date",
-  key: "date",
-  render: (date, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: _date,
-      children: _date
-    });
-  },
-  ellipsis: true
-}, {
-  title: t("Sources"),
-  dataIndex: "sources",
-  key: "sources",
-  show: activeTab !== "own",
-  render: (val, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    if (!val || val?.length === 0) {
-      return "-";
-    }
-    const sources = sourceAvatarConfig(val, user, applications);
-    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: sources
-    });
-  }
-}, {
-  title: t("Last Update"),
-  dataIndex: "updatedAt",
-  key: "updatedAt",
-  render: (date, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: _date,
-      children: _date
-    });
-  },
-  ellipsis: true
-}, {
-  id: 'actions',
-  title: "",
-  width: 60,
-  render: (_, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const onClick = () => {
-      let link = `/app/view/${subject}/${all.datastakeId}`;
-      if (activeTab === "shared") {
-        link += `?sourceId=${all?.authorId?.id}`;
-      }
-      goTo(getRedirectLink(link));
-    };
-    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
-      onClick: onClick,
-      theme: theme
-    });
-  }
-}].filter(column => column.show !== false);
-
-const DocumentsTable = ({
+const StakeholdersTable = ({
   t = () => {},
   goTo = () => {},
   user = {},
@@ -32801,17 +33599,13 @@ const DocumentsTable = ({
     APP: APP,
     location: location,
     applications: applications,
-    subject: "documents",
+    subject: "stakeholders",
     getData: getData,
     getApiBaseUrl: getApiBaseUrl,
     getAppHeader: getAppHeader,
     subjectClear: subjectClear,
-    getColumns: getColumns$6,
-    viewConfig: {
-      title: "Documents",
-      breadcrumbs: breadcrumbs,
-      createTitle: "Create Document"
-    },
+    breadcrumbs: breadcrumbs,
+    extendingFilters: extendingFilters,
     formConfig: {
       getFormData,
       saveFormData,
@@ -32823,184 +33617,152 @@ const DocumentsTable = ({
       changeAjaxOptions,
       formData,
       formValue,
-      form,
-      namespace: 'document',
-      view: 'scoping',
-      scope: 'create',
-      formType: 'document',
-      defaultValues: createDefaultValues
+      form
     },
+    defaultValues: createDefaultValues,
     onDownload: () => console.log("download")
   });
 };
 
-const getColumns$5 = ({
-  t,
-  goTo,
-  user,
-  options,
-  activeTab,
-  getRedirectLink,
-  theme,
-  subject,
-  data,
-  applications
-}) => [
-// {
-//     dataIndex: 'datastakeId',
-//     title: t('ID'),
-//     ellipsis: true,
-//     show: true,
-//     render: (v, all) => {
-//       if (all.empty) {
-//         return <div className="daf-default-cell" />
-//       }
-
-//       return <Tooltip title={v}>{v}</Tooltip>;
-//     },
-// },
-{
-  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: 'mineSite',
-  title: t('Position'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-
-    // const country = findOptions(v, data?.options?.positionSupplyChainOptions);
-    const mineSite = all?.location?.name;
-    return mineSite ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: mineSite,
-      children: mineSite
-    }) : '-';
-  }
-}, {
-  dataIndex: 'activity',
-  title: t('Activity'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const activity = findOptions(v, data?.options?.activityAtSiteOptions);
-    return activity ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: activity,
-      children: activity
-    }) : '-';
-  }
-}, {
-  dataIndex: 'origin',
-  title: t('Origin'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const origin = all?.placeOfBirth?.name;
-    return origin ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: origin,
-      children: origin
-    }) : '-';
-  }
-}, {
-  title: t("Census Update"),
-  dataIndex: "createdAt",
-  key: "createdAt",
-  render: (date, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: _date,
-      children: _date
-    });
-  },
-  ellipsis: true
-}, {
-  title: t("Sources"),
-  dataIndex: "sources",
-  key: "sources",
-  show: activeTab !== "own",
-  render: (val, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const sources = sourceAvatarConfig(val, user, applications);
-    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: sources
-    });
-  }
-}, {
-  title: t("Status"),
-  dataIndex: "status",
-  key: "status",
-  show: activeTab === "own",
-  render: (val, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _val = all?.published || all?.status === "submitted" ? "submitted" : val;
-    return renderStatusTag({
-      value: _val,
-      t
-    });
-  }
-}, {
-  id: 'actions',
-  title: "",
-  width: 60,
-  render: (_, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const onClick = () => {
-      let link = `/app/view/${subject}/${all.datastakeId}`;
-      if (activeTab === "shared") {
-        link += `?sourceId=${all?.authorId?.id}`;
-      }
-      goTo(getRedirectLink(link));
-    };
-    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
-      onClick: onClick,
-      theme: theme
-    });
-  }
-}].filter(column => column.show !== false);
+const EventsTable = ({
+  t = () => {},
+  goTo = () => {},
+  user = {},
+  options = {},
+  getRedirectLink = () => {},
+  theme = {},
+  loading = false,
+  data = {},
+  isMobile,
+  APP,
+  location,
+  getData = () => {},
+  getApiBaseUrl = () => {},
+  getAppHeader = () => {},
+  getFormData = () => {},
+  saveFormData = () => {},
+  formLoading = false,
+  query = {},
+  ajaxForms = {},
+  changeAjaxForms = () => {},
+  ajaxOptions = {},
+  changeAjaxOptions = () => {},
+  formData = {},
+  formValue = {},
+  form = {},
+  extendingFilters = {},
+  applications = [],
+  subjectClear = () => {},
+  breadcrumbs = [],
+  createDefaultValues = {}
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(TablePage, {
+    t: t,
+    goTo: goTo,
+    user: user,
+    options: options,
+    getRedirectLink: getRedirectLink,
+    theme: theme,
+    loading: loading,
+    data: data,
+    isMobile: isMobile,
+    APP: APP,
+    location: location,
+    applications: applications,
+    subject: "events",
+    getData: getData,
+    getApiBaseUrl: getApiBaseUrl,
+    getAppHeader: getAppHeader,
+    subjectClear: subjectClear,
+    breadcrumbs: breadcrumbs,
+    extendingFilters: extendingFilters,
+    formConfig: {
+      getFormData,
+      saveFormData,
+      formLoading,
+      query,
+      ajaxForms,
+      changeAjaxForms,
+      ajaxOptions,
+      changeAjaxOptions,
+      formData,
+      formValue,
+      form
+    },
+    defaultValues: createDefaultValues,
+    onDownload: () => console.log("download")
+  });
+};
+
+const DocumentsTable = ({
+  t = () => {},
+  goTo = () => {},
+  user = {},
+  options = {},
+  getRedirectLink = () => {},
+  theme = {},
+  loading = false,
+  data = {},
+  isMobile,
+  APP,
+  location,
+  getData = () => {},
+  getApiBaseUrl = () => {},
+  getAppHeader = () => {},
+  getFormData = () => {},
+  saveFormData = () => {},
+  formLoading = false,
+  query = {},
+  ajaxForms = {},
+  changeAjaxForms = () => {},
+  ajaxOptions = {},
+  changeAjaxOptions = () => {},
+  formData = {},
+  formValue = {},
+  form = {},
+  applications = [],
+  subjectClear = () => {},
+  breadcrumbs = [],
+  extendingFilters = {},
+  createDefaultValues = {}
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx(TablePage, {
+    t: t,
+    goTo: goTo,
+    user: user,
+    options: options,
+    getRedirectLink: getRedirectLink,
+    theme: theme,
+    loading: loading,
+    data: data,
+    isMobile: isMobile,
+    APP: APP,
+    location: location,
+    applications: applications,
+    subject: "documents",
+    getData: getData,
+    getApiBaseUrl: getApiBaseUrl,
+    getAppHeader: getAppHeader,
+    subjectClear: subjectClear,
+    extendingFilters: extendingFilters,
+    breadcrumbs: breadcrumbs,
+    formConfig: {
+      getFormData,
+      saveFormData,
+      formLoading,
+      query,
+      ajaxForms,
+      changeAjaxForms,
+      ajaxOptions,
+      changeAjaxOptions,
+      formData,
+      formValue,
+      form
+    },
+    defaultValues: createDefaultValues,
+    onDownload: () => console.log("download")
+  });
+};
 
 const WorkersTable = ({
   t = () => {},
@@ -33050,12 +33812,8 @@ const WorkersTable = ({
     getData: getData,
     getApiBaseUrl: getApiBaseUrl,
     getAppHeader: getAppHeader,
-    getColumns: getColumns$5,
-    viewConfig: {
-      title: "Workers",
-      breadcrumbs: breadcrumbs,
-      createTitle: "Create Worker"
-    },
+    getColumns: getColumns$9,
+    breadcrumbs: breadcrumbs,
     extendingFilters: extendingFilters,
     formConfig: {
       getFormData,
@@ -33068,231 +33826,13 @@ const WorkersTable = ({
       changeAjaxOptions,
       formData,
       formValue,
-      form,
-      namespace: "WORKERS",
-      view: ['scoping', 'new'],
-      scope: 'global',
-      formType: 'worker',
-      defaultValues: createDefaultValues
+      form
     },
+    defaultValues: createDefaultValues,
     onDownload: () => console.log("download")
   });
 };
 
-const getEventCategoryBySubject = (eventCategoryObject, subject, isSingular = false) => {
-  if (!eventCategoryObject || typeof eventCategoryObject !== 'object') {
-    return null;
-  }
-  const subjectSingular = isSingular ? subject : subject.endsWith('ies') ? subject.slice(0, -3) + 'y' : subject.endsWith('s') ? subject.slice(0, -1) : subject;
-  const key = `typeOfEvent is ${subjectSingular}`;
-  return eventCategoryObject[key] || null;
-};
-
-const getColumns$4 = ({
-  t,
-  goTo,
-  user,
-  options,
-  activeTab,
-  getRedirectLink,
-  theme,
-  subject,
-  data,
-  applications
-}) => [{
-  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: t('Title'),
-  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
-    });
-  }
-}, {
-  title: t("Date"),
-  dataIndex: "date",
-  key: "date",
-  render: (date, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: _date,
-      children: _date
-    });
-  },
-  ellipsis: true
-}, {
-  dataIndex: 'mineSite',
-  title: t('Location'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-
-    // const country = findOptions(v, data?.options?.positionSupplyChainOptions);
-    const mineSite = all?.location?.name;
-    return mineSite ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: mineSite,
-      children: mineSite
-    }) : '-';
-  }
-}, {
-  dataIndex: 'province',
-  title: 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?.location?.administrativeLevel1, all?.location?.linking?.SCL);
-    return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: region,
-      children: region
-    }) : '-';
-  }
-}, {
-  dataIndex: 'territory',
-  title: 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?.location?.administrativeLevel2, all?.location?.linking?.SCL);
-    return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: district,
-      children: district
-    }) : '-';
-  }
-}, {
-  dataIndex: 'eventCategory',
-  title: t('Category'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const eventCategory = findOptions(v, data?.options?.eventCategoryOptions);
-    const categoryValue = getEventCategoryBySubject(eventCategory, "correctiveActions", true);
-    return categoryValue ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: categoryValue,
-      children: categoryValue
-    }) : '-';
-  }
-}, {
-  title: t("Sources"),
-  dataIndex: "sources",
-  key: "sources",
-  show: activeTab !== "own",
-  render: (val, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const sources = sourceAvatarConfig(val, user, applications);
-    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: sources
-    });
-  }
-}, {
-  title: t("Status"),
-  dataIndex: "status",
-  key: "status",
-  show: activeTab === "own",
-  render: (val, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _val = all?.published || all?.status === "submitted" ? "submitted" : val;
-    return renderStatusTag({
-      value: _val,
-      t
-    });
-  }
-}, {
-  title: t("Last Update"),
-  dataIndex: "updatedAt",
-  key: "updatedAt",
-  render: (date, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: _date,
-      children: _date
-    });
-  },
-  ellipsis: true
-}, {
-  id: 'actions',
-  title: "",
-  width: 60,
-  render: (_, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const onClick = () => {
-      let link = `/app/view/${subject}/${all.datastakeId}`;
-      if (activeTab === "shared") {
-        link += `?sourceId=${all?.authorId?.id}`;
-      }
-      goTo(getRedirectLink(link));
-    };
-    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
-      onClick: onClick,
-      theme: theme
-    });
-  }
-}].filter(column => column.show !== false);
-
 const ActivitiesTable = ({
   t = () => {},
   goTo = () => {},
@@ -33341,12 +33881,7 @@ const ActivitiesTable = ({
     getData: getData,
     getApiBaseUrl: getApiBaseUrl,
     getAppHeader: getAppHeader,
-    getColumns: getColumns$4,
-    viewConfig: {
-      title: "Activities",
-      breadcrumbs: breadcrumbs,
-      createTitle: "Create Activity"
-    },
+    breadcrumbs: breadcrumbs,
     extendingFilters: extendingFilters,
     formConfig: {
       getFormData,
@@ -33359,222 +33894,13 @@ const ActivitiesTable = ({
       changeAjaxOptions,
       formData,
       formValue,
-      form,
-      namespace: "corrective-actions",
-      view: 'corrective-actions',
-      scope: 'createActivity',
-      formType: 'activity',
-      defaultValues: createDefaultValues
+      form
     },
+    defaultValues: createDefaultValues,
     onDownload: () => console.log("download")
   });
 };
 
-const getColumns$3 = ({
-  t,
-  goTo,
-  user,
-  options,
-  activeTab,
-  getRedirectLink,
-  theme,
-  subject,
-  data,
-  applications
-}) => [{
-  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: t('Title'),
-  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
-    });
-  }
-}, {
-  title: t("Date"),
-  dataIndex: "date",
-  key: "date",
-  render: (date, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: _date,
-      children: _date
-    });
-  },
-  ellipsis: true
-}, {
-  dataIndex: 'mineSite',
-  title: t('Location'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-
-    // const country = findOptions(v, data?.options?.positionSupplyChainOptions);
-    const mineSite = all?.location?.name;
-    return mineSite ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: mineSite,
-      children: mineSite
-    }) : '-';
-  }
-}, {
-  dataIndex: 'province',
-  title: 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?.location?.administrativeLevel1, all?.location?.linking?.SCL);
-    return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: region,
-      children: region
-    }) : '-';
-  }
-}, {
-  dataIndex: 'territory',
-  title: 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?.location?.administrativeLevel2, all?.location?.linking?.SCL);
-    return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: district,
-      children: district
-    }) : '-';
-  }
-}, {
-  dataIndex: 'eventCategory',
-  title: t('Category'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const eventCategory = findOptions(v, data?.options?.eventCategoryOptions);
-    const categoryValue = getEventCategoryBySubject(eventCategory, subject);
-    return categoryValue ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: categoryValue,
-      children: categoryValue
-    }) : '-';
-  }
-}, {
-  title: t("Sources"),
-  dataIndex: "sources",
-  key: "sources",
-  show: activeTab !== "own",
-  render: (val, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const sources = sourceAvatarConfig(val, user, applications);
-    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: sources
-    });
-  }
-}, {
-  title: t("Status"),
-  dataIndex: "status",
-  key: "status",
-  show: activeTab === "own",
-  render: (val, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _val = all?.published || all?.status === "submitted" ? "submitted" : val;
-    return renderStatusTag({
-      value: _val,
-      t
-    });
-  }
-}, {
-  title: t("Last Update"),
-  dataIndex: "updatedAt",
-  key: "updatedAt",
-  render: (date, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: _date,
-      children: _date
-    });
-  },
-  ellipsis: true
-}, {
-  id: 'actions',
-  title: "",
-  width: 60,
-  render: (_, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const onClick = () => {
-      let link = `/app/view/${subject}/${all.datastakeId}`;
-      if (activeTab === "shared") {
-        link += `?sourceId=${all?.authorId?.id}`;
-      }
-      goTo(getRedirectLink(link));
-    };
-    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
-      onClick: onClick,
-      theme: theme
-    });
-  }
-}].filter(column => column.show !== false);
-
 const IncidentsTable = ({
   t = () => {},
   goTo = () => {},
@@ -33623,12 +33949,7 @@ const IncidentsTable = ({
     getData: getData,
     getApiBaseUrl: getApiBaseUrl,
     getAppHeader: getAppHeader,
-    getColumns: getColumns$3,
-    viewConfig: {
-      title: "Incidents",
-      breadcrumbs: breadcrumbs,
-      createTitle: "Create Incident"
-    },
+    breadcrumbs: breadcrumbs,
     extendingFilters: extendingFilters,
     formConfig: {
       getFormData,
@@ -33641,256 +33962,13 @@ const IncidentsTable = ({
       changeAjaxOptions,
       formData,
       formValue,
-      form,
-      namespace: "incident",
-      view: 'incident',
-      scope: 'createIncident',
-      formType: 'incident',
-      defaultValues: createDefaultValues
+      form
     },
+    defaultValues: createDefaultValues,
     onDownload: () => console.log("download")
   });
 };
 
-const MoreOptions = ({
-  data,
-  limit = 2,
-  toolTipPlacement = 'top'
-}) => {
-  return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-    style: {
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      display: 'inline-block'
-    },
-    placement: toolTipPlacement,
-    title: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [data?.slice(0, 10).map((value, index) => /*#__PURE__*/jsxRuntime.jsxs("span", {
-        children: [typeof value === 'string' ? value : value?.name, /*#__PURE__*/jsxRuntime.jsx("br", {})]
-      }, index)), data?.length > 10 && /*#__PURE__*/jsxRuntime.jsxs("span", {
-        children: ["+", data?.length - 10]
-      })]
-    }),
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      style: {
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-        maxWidth: '95%'
-      },
-      children: data?.length > limit ? `${data.slice(0, limit).map(value => typeof value === 'string' ? value : value?.name).join(', ')}, +${data?.length - limit}` : data.map(value => typeof value === 'string' ? value : value?.name).join(', ')
-    })
-  });
-};
-MoreOptions.propTypes = {
-  data: PropTypes__default["default"].array.isRequired,
-  limit: PropTypes__default["default"].number
-};
-
-const getColumns$2 = ({
-  t,
-  goTo,
-  user,
-  options,
-  activeTab,
-  getRedirectLink,
-  theme,
-  subject,
-  data,
-  applications
-}) => [{
-  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: 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: 'region',
-  title: t('Region'),
-  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: 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: 'category',
-  title: t('Type'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const category = findOptions(v, options?.locationCategories);
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: category,
-      children: category
-    });
-  }
-}, {
-  dataIndex: 'operator',
-  title: t('Operator'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const operators = all?.operator?.map(operator => operator?.locationClient?.name)?.filter(Boolean);
-    return operators && operators.length > 0 ? /*#__PURE__*/jsxRuntime.jsx(MoreOptions, {
-      data: operators || [],
-      toolTipPlacement: operators?.length < 2 ? "topLeft" : "top"
-    }) : '-';
-  }
-}, {
-  title: t("Last Update"),
-  dataIndex: "updatedAt",
-  key: "updatedAt",
-  width: 125,
-  render: (date, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: _date,
-      children: _date
-    });
-  },
-  ellipsis: true
-}, {
-  title: t("Status"),
-  dataIndex: 'status',
-  ellipsis: true,
-  show: activeTab == "own",
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const _val = all?.published || all?.status === "submitted" ? "submitted" : v;
-    return renderStatusTag({
-      value: _val,
-      t
-    });
-  }
-}, {
-  title: t("Sources"),
-  dataIndex: 'sources',
-  ellipsis: true,
-  show: activeTab !== "own",
-  render: (v, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const sources = sourceAvatarConfig(v, user, applications);
-    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: sources
-    });
-  }
-}, {
-  id: 'actions',
-  title: "",
-  width: 60,
-  render: (_, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const onClick = () => {
-      let link = `/app/view/${subject}/${all.datastakeId}`;
-      if (activeTab === "shared") {
-        link += `?sourceId=${all?.authorId?.id}`;
-      }
-      goTo(getRedirectLink(link));
-    };
-    const moreMenuItems = [{
-      label: t("Details"),
-      value: "details",
-      onClick: onClick
-    }, {
-      label: t("Summary"),
-      value: "Summary",
-      onClick: () => {
-        let link = `/app/mine-summary/${all.datastakeId}`;
-        if (activeTab === "shared") {
-          link += `?sourceId=${all?.authorId?.id}`;
-        }
-        goTo(getRedirectLink(link));
-      }
-      // disabled: true,
-    }];
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
-        items: moreMenuItems
-      })
-    });
-  }
-}].filter(column => column.show !== false);
-
 const ProductionSitesTable = ({
   t = () => {},
   goTo = () => {},
@@ -33939,12 +34017,7 @@ const ProductionSitesTable = ({
     getData: getData,
     getApiBaseUrl: getApiBaseUrl,
     getAppHeader: getAppHeader,
-    getColumns: getColumns$2,
-    viewConfig: {
-      title: "Production Sites",
-      breadcrumbs: breadcrumbs,
-      createTitle: "Create Production Site"
-    },
+    breadcrumbs: breadcrumbs,
     extendingFilters: extendingFilters,
     formConfig: {
       getFormData,
@@ -33957,13 +34030,9 @@ const ProductionSitesTable = ({
       changeAjaxOptions,
       formData,
       formValue,
-      form,
-      namespace: "PRODUCTION SITES",
-      view: ['scoping', 'new'],
-      scope: 'global',
-      formType: 'production-sites',
-      defaultValues: createDefaultValues
+      form
     },
+    defaultValues: createDefaultValues,
     onDownload: () => console.log("download")
   });
 };
@@ -35725,6 +35794,9 @@ const useSummary = ({
       const mappedData = Array.isArray(data) ? data.map(item => ({
         label: item?.name,
         value: item?.datastakeId
+      })) : Array.isArray(data?.data) ? data?.data.map(item => ({
+        label: item?.name,
+        value: item?.datastakeId
       })) : [];
       const storedData = StorageManager$1.get(storageKey);
       if (storedData) {
@@ -35766,8 +35838,13 @@ const useSummary = ({
     }
   }, [hasSelect, storageKey, isPdf, id, debouncedSearch, hasInitialized, dataOptions]);
   React.useEffect(() => {
-    if (selectedItem && Array.isArray(data)) {
-      const selectedData = data.find(item => item?.datastakeId === selectedItem);
+    if (selectedItem) {
+      let selectedData;
+      if (Array.isArray(data)) {
+        selectedData = data.find(item => item?.datastakeId === selectedItem);
+      } else if (Array.isArray(data?.data)) {
+        selectedData = data.data.find(item => item?.datastakeId === selectedItem);
+      }
       if (selectedData) {
         const saved = {
           label: selectedData.name,
@@ -36661,6 +36738,10 @@ function TradeRelationship({
       }, 200);
       return () => clearTimeout(timeoutId);
     }
+    if (nodes.length === 0 || edges.length === 0) {
+      setIsFullyRendered(true);
+      onRenderComplete(true);
+    }
   }, [nodes.length, edges.length, associatedNodes]);
   React.useEffect(() => {
     setActiveNode(null);
@@ -37002,6 +37083,7 @@ const TradeRelationships = ({
           filtersConfig: filterConfig,
           onFilterChange: onFilterChange,
           onRenderComplete: data => {
+            console.log("onRenderComplete");
             setIsFullyRendered(!data);
           }
         })
@@ -39761,6 +39843,59 @@ const StatCard = ({
   });
 };
 
+class SourceService extends BaseService {
+  get(tab, filters) {
+    const {
+      page,
+      pageSize,
+      search,
+      searchParams,
+      ...rest
+    } = filters;
+    const params = {
+      filters: rest,
+      pagination: {
+        skip: page,
+        take: pageSize
+      }
+    };
+    if (search && searchParams.length > 0) {
+      params.search = {
+        qs: search,
+        fields: searchParams
+      };
+    }
+    return this.apiGet({
+      url: "/partner",
+      isApp: true,
+      params
+    });
+  }
+  getSources({
+    type,
+    id
+  }) {
+    return this.apiGet({
+      url: `/${type}/sources/${id}`
+    });
+  }
+}
+createLazyService(SourceService);
+
+class VersionService extends BaseService {
+  getSources({
+    type,
+    id,
+    params
+  }) {
+    return this.apiGet({
+      url: `/${type}/versions/${id}`,
+      params
+    });
+  }
+}
+createLazyService(VersionService);
+
 styled__default["default"](antd.Select)`
   width: 100%;
   
@@ -44719,6 +44854,7 @@ exports.ProductionSitesTable = ProductionSitesTable;
 exports.RestorationActivitySummary = RestorationActivitySummary;
 exports.StakeholdersTable = StakeholdersTable;
 exports.SupplyChainDashboard = SupplyChain;
+exports.TablePage = TablePage;
 exports.UserDashboard = UserDashboard;
 exports.UsersTable = UsersTable;
 exports.WorkersTable = WorkersTable;