datastake-daf 0.6.742 → 0.6.744

package/dist/pages/index.js

@@ -13547,7 +13547,7 @@ const getTabs = t => {
     label: t("Events")
   }];
 };
-const getFiltersConfig$5 = (t, filters, locationCategories) => {
+const getFiltersConfig$9 = (t, filters, locationCategories) => {
   const value = filters.type ? {
     value: filters.type
   } : {};
@@ -13756,7 +13756,7 @@ function MineSites({
     config: dataFetchConfig
   });
   const tabs = React.useMemo(() => getTabs(t), [t]);
-  const filtersConfig = React.useMemo(() => getFiltersConfig$5(t, filters, locationCategories), [activeTab, filters, t, locationCategories]);
+  const filtersConfig = React.useMemo(() => getFiltersConfig$9(t, filters, locationCategories), [activeTab, filters, t, locationCategories]);
   const onFilterChange = filters => {
     setFilters(p => ({
       ...p,
@@ -15992,13 +15992,46 @@ function AvatarGroup({
   });
 }
 
-const getLinkValue$2 = (value, linkingObject) => {
+function sourceAvatarConfig(items, user, applications) {
+  const userInterface = user?.company?.apps?.[0]?.interface;
+  const icon = applications[0]?.interfaces?.find(i => i.value === userInterface)?.iconName;
+  const sources = [];
+  items?.length > 0 && items?.forEach(author => {
+    if (author?.id) {
+      if (author.id === user?.company?.id) {
+        // it's own data
+        sources.push({
+          name: author.name,
+          icon: 'OwnData',
+          isOwn: true,
+          sourceId: author.id
+        });
+      } else {
+        sources.push({
+          name: author.name,
+          icon: icon,
+          isOwn: false,
+          sourceId: author.id
+        });
+      }
+    }
+  });
+
+  // sort to have own data first
+  return sources.sort((a, b) => {
+    if (a.isOwn && !b.isOwn) return -1;
+    if (!a.isOwn && b.isOwn) return 1;
+    return 0;
+  });
+}
+
+const getLinkValue$5 = (value, linkingObject) => {
   if (linkingObject && linkingObject?.[value]) {
     return linkingObject?.[value]?.name;
   }
   return null;
 };
-const getColumns$4 = ({
+const getColumns$8 = ({
   t,
   goTo,
   user,
@@ -16007,7 +16040,8 @@ const getColumns$4 = ({
   getRedirectLink,
   theme,
   subject,
-  data
+  data,
+  applications
 }) => [{
   dataIndex: 'datastakeId',
   title: t('ID'),
@@ -16085,7 +16119,7 @@ const getColumns$4 = ({
         className: "daf-default-cell"
       });
     }
-    const region = getLinkValue$2(all?.location?.administrativeLevel1, all?.location?.linking?.SCL);
+    const region = getLinkValue$5(all?.location?.administrativeLevel1, all?.location?.linking?.SCL);
     return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: region,
       children: region
@@ -16102,7 +16136,7 @@ const getColumns$4 = ({
         className: "daf-default-cell"
       });
     }
-    const district = getLinkValue$2(all?.location?.administrativeLevel2, all?.location?.linking?.SCL);
+    const district = getLinkValue$5(all?.location?.administrativeLevel2, all?.location?.linking?.SCL);
     return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: district,
       children: district
@@ -16119,12 +16153,9 @@ const getColumns$4 = ({
         className: "daf-default-cell"
       });
     }
-    console.log({
-      val,
-      all
-    });
+    const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: val
+      items: sources
     });
   }
 }, {
@@ -16173,11 +16204,11 @@ const getColumns$4 = ({
   }
 }].filter(column => column.show !== false);
 
-const checkboxConfig$4 = {
+const checkboxConfig$8 = {
   name: 'Name',
   datastakeId: 'ID'
 };
-const getFiltersConfig$4 = ({
+const getFiltersConfig$8 = ({
   t
 }) => {
   return {
@@ -16345,11 +16376,11 @@ const getFiltersConfig$4 = ({
     }
   };
 };
-const filtersConfig$4 = {
+const filtersConfig$8 = {
   name: '',
   datastakeId: ''
 };
-const getFilterOptions$4 = (options, t) => {
+const getFilterOptions$8 = (options, t) => {
   const {
     statusOptions = [],
     categoryOptions = [],
@@ -16361,9 +16392,6 @@ const getFilterOptions$4 = (options, t) => {
     administrativeLevel1,
     administrativeLevel2
   } = options || {};
-  console.log({
-    options
-  });
   const _default = {
     category: stakeholderCategoryOptions || categoryOptions,
     country: countries,
@@ -30082,7 +30110,7 @@ function DynamicForm({
   });
 }
 
-const StakeholdersCreate$2 = ({
+const StakeholdersCreate$6 = ({
   namespace = "OPERATOR",
   view = ['scoping', 'new'],
   edit = false,
@@ -30212,11 +30240,12 @@ const OperatorsTable = ({
   formValue = {},
   form = {},
   extendingFilters = {},
-  createDefaultValues = {}
+  createDefaultValues = {},
+  applications = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState();
-  const columns = React.useMemo(() => getColumns$4({
+  const columns = React.useMemo(() => getColumns$8({
     t,
     goTo,
     user,
@@ -30225,8 +30254,9 @@ const OperatorsTable = ({
     getRedirectLink,
     theme,
     subject: 'operators',
-    data
-  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data]);
+    data,
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
   const breadCrumbs = [];
   const {
     paginationQuery,
@@ -30258,14 +30288,14 @@ const OperatorsTable = ({
     }, 'operators');
   }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
   const selectFiltersConfig = React.useMemo(() => {
-    return getFiltersConfig$4({
+    return getFiltersConfig$8({
       t
     });
   }, [t]);
   React.useEffect(() => {
     setSelectOptions(prev => ({
       ...prev,
-      ...getFilterOptions$4(options)
+      ...getFilterOptions$8(options)
     }));
   }, [options, t]);
   const handleActiveTabChange = React.useCallback(value => {
@@ -30281,13 +30311,13 @@ const OperatorsTable = ({
     defaultActiveTab: "all",
     columns: columns,
     data: data,
-    checkboxConfig: checkboxConfig$4,
+    checkboxConfig: checkboxConfig$8,
     APP: APP,
     getApiBaseUrl: getApiBaseUrl,
     selectOptions: selectOptions,
     selectFiltersConfig: selectFiltersConfig,
     getRedirectLink: getRedirectLink,
-    filtersConfig: filtersConfig$4,
+    filtersConfig: filtersConfig$8,
     isMobile: isMobile,
     view: "operators",
     getActiveTab: handleActiveTabChange,
@@ -30297,7 +30327,7 @@ const OperatorsTable = ({
     drawerTitle: t("Create Operator"),
     children: ({
       onDrawerClose
-    }) => /*#__PURE__*/jsxRuntime.jsx(StakeholdersCreate$2, {
+    }) => /*#__PURE__*/jsxRuntime.jsx(StakeholdersCreate$6, {
       defaultData: createDefaultValues,
       t: t,
       goTo: goTo,
@@ -30328,13 +30358,13 @@ const OperatorsTable = ({
   });
 };
 
-const getLinkValue$1 = (value, linkingObject) => {
+const getLinkValue$4 = (value, linkingObject) => {
   if (linkingObject && linkingObject?.[value]) {
     return linkingObject?.[value]?.name;
   }
   return null;
 };
-const getColumns$3 = ({
+const getColumns$7 = ({
   t,
   goTo,
   user,
@@ -30343,7 +30373,8 @@ const getColumns$3 = ({
   getRedirectLink,
   theme,
   subject,
-  data
+  data,
+  applications
 }) => [{
   dataIndex: 'datastakeId',
   title: t('ID'),
@@ -30421,7 +30452,7 @@ const getColumns$3 = ({
         className: "daf-default-cell"
       });
     }
-    const region = getLinkValue$1(v, all?.linking?.SCL);
+    const region = getLinkValue$4(v, all?.linking?.SCL);
     return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: region,
       children: region
@@ -30438,7 +30469,7 @@ const getColumns$3 = ({
         className: "daf-default-cell"
       });
     }
-    const district = getLinkValue$1(v, all?.linking?.SCL);
+    const district = getLinkValue$4(v, all?.linking?.SCL);
     return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: district,
       children: district
@@ -30473,12 +30504,9 @@ const getColumns$3 = ({
         className: "daf-default-cell"
       });
     }
-    console.log({
-      val,
-      all
-    });
+    const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: val
+      items: sources
     });
   }
 }, {
@@ -30509,11 +30537,11 @@ const getColumns$3 = ({
   }
 }].filter(column => column.show !== false);
 
-const checkboxConfig$3 = {
+const checkboxConfig$7 = {
   name: 'Name',
   datastakeId: 'ID'
 };
-const getFiltersConfig$3 = ({
+const getFiltersConfig$7 = ({
   t
 }) => {
   return {
@@ -30531,11 +30559,11 @@ const getFiltersConfig$3 = ({
     }
   };
 };
-const filtersConfig$3 = {
+const filtersConfig$7 = {
   name: '',
   datastakeId: ''
 };
-const getFilterOptions$3 = (options, t) => {
+const getFilterOptions$7 = (options, t) => {
   const {
     countries
   } = options || {};
@@ -30545,7 +30573,7 @@ const getFilterOptions$3 = (options, t) => {
   return _default;
 };
 
-const StakeholdersCreate$1 = ({
+const StakeholdersCreate$5 = ({
   namespace = 'locations',
   view = 'scoping',
   edit = false,
@@ -30584,7 +30612,7 @@ const StakeholdersCreate$1 = ({
           namespace,
           module: APP,
           view,
-          scope: 'global'
+          scope: 'create'
         });
       } else {
         form = formConfig;
@@ -30670,11 +30698,13 @@ const LocationsTable = ({
   changeAjaxOptions = () => {},
   formData = {},
   formValue = {},
-  form = {}
+  form = {},
+  applications = [],
+  subjectClear = () => {}
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState();
-  const columns = React.useMemo(() => getColumns$3({
+  const columns = React.useMemo(() => getColumns$7({
     t,
     goTo,
     user,
@@ -30683,8 +30713,9 @@ const LocationsTable = ({
     getRedirectLink,
     theme,
     subject: 'locations',
-    data
-  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data]);
+    data,
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
   const breadCrumbs = [];
   const {
     paginationQuery,
@@ -30709,19 +30740,22 @@ const LocationsTable = ({
     data
   });
   const selectFiltersConfig = React.useMemo(() => {
-    return getFiltersConfig$3({
+    return getFiltersConfig$7({
       t
     });
   }, [t]);
   React.useEffect(() => {
     setSelectOptions(prev => ({
       ...prev,
-      ...getFilterOptions$3(options)
+      ...getFilterOptions$7(options)
     }));
   }, [options, t]);
   const handleActiveTabChange = React.useCallback(value => {
     setActiveTab(value);
   }, []);
+  React.useEffect(() => () => {
+    subjectClear();
+  }, []);
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Locations"),
@@ -30732,13 +30766,13 @@ const LocationsTable = ({
     defaultActiveTab: "all",
     columns: columns,
     data: data,
-    checkboxConfig: checkboxConfig$3,
+    checkboxConfig: checkboxConfig$7,
     APP: APP,
     getApiBaseUrl: getApiBaseUrl,
     selectOptions: selectOptions,
     selectFiltersConfig: selectFiltersConfig,
     getRedirectLink: getRedirectLink,
-    filtersConfig: filtersConfig$3,
+    filtersConfig: filtersConfig$7,
     isMobile: isMobile,
     view: "locations",
     getActiveTab: handleActiveTabChange,
@@ -30748,7 +30782,7 @@ const LocationsTable = ({
     drawerTitle: t("Create Location"),
     children: ({
       onDrawerClose
-    }) => /*#__PURE__*/jsxRuntime.jsx(StakeholdersCreate$1, {
+    }) => /*#__PURE__*/jsxRuntime.jsx(StakeholdersCreate$5, {
       t: t,
       goTo: goTo,
       user: user,
@@ -30777,7 +30811,7 @@ const LocationsTable = ({
   });
 };
 
-const getColumns$2 = ({
+const getColumns$6 = ({
   t,
   goTo,
   user,
@@ -30785,7 +30819,8 @@ const getColumns$2 = ({
   activeTab,
   getRedirectLink,
   theme,
-  subject
+  subject,
+  applications
 }) => [{
   dataIndex: 'datastakeId',
   title: t('ID'),
@@ -30901,8 +30936,9 @@ const getColumns$2 = ({
     if (!val || val?.length === 0) {
       return "--";
     }
+    const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: val
+      items: sources
     });
   }
 }, {
@@ -30933,11 +30969,11 @@ const getColumns$2 = ({
   }
 }].filter(column => column.show !== false);
 
-const checkboxConfig$2 = {
+const checkboxConfig$6 = {
   name: 'Name',
   datastakeId: 'ID'
 };
-const getFiltersConfig$2 = ({
+const getFiltersConfig$6 = ({
   t
 }) => {
   return {
@@ -30955,11 +30991,11 @@ const getFiltersConfig$2 = ({
     }
   };
 };
-const filtersConfig$2 = {
+const filtersConfig$6 = {
   name: '',
   datastakeId: ''
 };
-const getFilterOptions$2 = (options, t) => {
+const getFilterOptions$6 = (options, t) => {
   const {
     countries
   } = options || {};
@@ -30969,7 +31005,7 @@ const getFilterOptions$2 = (options, t) => {
   return _default;
 };
 
-const StakeholdersCreate = ({
+const StakeholdersCreate$4 = ({
   namespace = 'stakeholders',
   view = 'scoping',
   edit = false,
@@ -31008,7 +31044,7 @@ const StakeholdersCreate = ({
           namespace,
           module: APP,
           view,
-          scope: 'global'
+          scope: 'create'
         });
       } else {
         form = formConfig;
@@ -31094,11 +31130,13 @@ const StakeholdersTable = ({
   changeAjaxOptions = () => {},
   formData = {},
   formValue = {},
-  form = {}
+  form = {},
+  applications = [],
+  subjectClear = () => {}
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState();
-  const columns = React.useMemo(() => getColumns$2({
+  const columns = React.useMemo(() => getColumns$6({
     t,
     goTo,
     user,
@@ -31106,8 +31144,9 @@ const StakeholdersTable = ({
     activeTab,
     getRedirectLink,
     theme,
-    subject: 'stakeholders'
-  }), [t, goTo, user, options, activeTab, getRedirectLink, theme]);
+    subject: 'stakeholders',
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, applications]);
   const breadCrumbs = [];
   const {
     paginationQuery,
@@ -31129,19 +31168,22 @@ const StakeholdersTable = ({
     }, 'stakeholders');
   }, [paginationQuery, otherParams, searchParams, activeTab]);
   const selectFiltersConfig = React.useMemo(() => {
-    return getFiltersConfig$2({
+    return getFiltersConfig$6({
       t
     });
   }, [t]);
   React.useEffect(() => {
     setSelectOptions(prev => ({
       ...prev,
-      ...getFilterOptions$2(options)
+      ...getFilterOptions$6(options)
     }));
   }, [options, t]);
   const handleActiveTabChange = React.useCallback(value => {
     setActiveTab(value);
   }, []);
+  React.useEffect(() => () => {
+    subjectClear();
+  }, []);
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Stakeholders"),
@@ -31152,13 +31194,13 @@ const StakeholdersTable = ({
     defaultActiveTab: "all",
     columns: columns,
     data: data,
-    checkboxConfig: checkboxConfig$2,
+    checkboxConfig: checkboxConfig$6,
     APP: APP,
     getApiBaseUrl: getApiBaseUrl,
     selectOptions: selectOptions,
     selectFiltersConfig: selectFiltersConfig,
     getRedirectLink: getRedirectLink,
-    filtersConfig: filtersConfig$2,
+    filtersConfig: filtersConfig$6,
     isMobile: isMobile,
     view: "stakeholders",
     getActiveTab: handleActiveTabChange,
@@ -31168,7 +31210,7 @@ const StakeholdersTable = ({
     drawerTitle: t("Create Stakeholder"),
     children: ({
       onDrawerClose
-    }) => /*#__PURE__*/jsxRuntime.jsx(StakeholdersCreate, {
+    }) => /*#__PURE__*/jsxRuntime.jsx(StakeholdersCreate$4, {
       t: t,
       goTo: goTo,
       user: user,
@@ -31181,7 +31223,7 @@ const StakeholdersTable = ({
       onSubmitted: (type, m, data) => {
         if (data.datastakeId) {
           displayMessage(type, t("affirmations::subject-created-successfully") || m);
-          goTo(`/app/stakeholders`);
+          goTo(`/app/edit/stakeholders/${data.datastakeId}`);
         }
       },
       onCancel: onDrawerClose,
@@ -31197,13 +31239,13 @@ const StakeholdersTable = ({
   });
 };
 
-const getLinkValue = (value, linkingObject) => {
+const getLinkValue$3 = (value, linkingObject) => {
   if (linkingObject && linkingObject?.[value]) {
     return linkingObject?.[value]?.name;
   }
   return null;
 };
-const getColumns$1 = ({
+const getColumns$5 = ({
   t,
   goTo,
   user,
@@ -31212,7 +31254,8 @@ const getColumns$1 = ({
   getRedirectLink,
   theme,
   subject,
-  data
+  data,
+  applications
 }) => [{
   dataIndex: 'datastakeId',
   title: t('ID'),
@@ -31290,7 +31333,7 @@ const getColumns$1 = ({
         className: "daf-default-cell"
       });
     }
-    const scope = getLinkValue(v, all?.linking?.SCL);
+    const scope = getLinkValue$3(v, all?.linking?.SCL);
     return scope ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: scope,
       children: scope
@@ -31343,12 +31386,9 @@ const getColumns$1 = ({
         className: "daf-default-cell"
       });
     }
-    console.log({
-      val,
-      all
-    });
+    const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: val
+      items: sources
     });
   }
 }, {
@@ -31379,17 +31419,25 @@ const getColumns$1 = ({
   }
 }].filter(column => column.show !== false);
 
-const checkboxConfig$1 = {
+const checkboxConfig$5 = {
   name: 'Name',
   datastakeId: 'ID'
 };
-const getFiltersConfig$1 = ({
+const getFiltersConfig$5 = ({
   t
 }) => {
   return {
+    timeframe: {
+      type: "timeframe",
+      label: "Timeframe",
+      style: {
+        flex: 1
+      }
+    },
     country: {
       type: 'select',
-      placeholder: t('Country'),
+      label: 'Country',
+      placeholder: t => `${t('Filter by')} ${t('Country').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -31398,126 +31446,2844 @@ const getFiltersConfig$1 = ({
       },
       getLabel: option => option.label,
       getValue: option => option.value
-    }
-  };
-};
-const filtersConfig$1 = {
-  name: '',
-  datastakeId: ''
-};
-const getFilterOptions$1 = (options, t) => {
-  const {
-    countries
-  } = options || {};
-  const _default = {
-    country: countries
-  };
-  return _default;
-};
-
-const EventsCreate = ({
-  namespace = 'events',
-  view = 'scoping',
-  edit = false,
-  formData = {},
-  loading = false,
-  onSubmitted = () => {},
-  onCancel = () => {},
-  getData = () => {},
-  saveData = () => {},
-  form: formConfig = {},
-  formValue = {},
-  defaultData = {},
-  user = {},
-  APP,
-  query,
-  goTo = () => {},
-  t = () => {},
-  ajaxForms = {},
-  changeAjaxForms = () => {},
-  ajaxOptions = {},
-  changeAjaxOptions = () => {},
-  getAppHeader = () => {},
-  getApiBaseUrl = () => {}
-}) => {
-  let {
-    form = {},
-    data = defaultData || {}
-  } = !edit ? formData[`${APP}-${view}`] || {} : {
-    form: formConfig,
-    data: formValue
-  };
-  React.useEffect(() => {
-    if (Object.keys(form).length === 0 && !formData[`${APP}-${view}`]) {
-      if (!edit) {
-        getData({
-          namespace,
-          module: APP,
-          view,
-          scope: 'global'
-        });
-      } else {
-        form = formConfig;
-        data = formValue;
-      }
-    }
-  }, [edit, user?.language]);
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "daf-create-form",
-    children: /*#__PURE__*/jsxRuntime.jsx(DynamicForm, {
-      form: form,
-      data: data,
-      showSaveAndNext: false,
-      module: APP,
-      onCancel: onCancel,
-      isCreate: true,
-      t: t,
-      excludedKeys: ["title"],
-      user: user,
-      ajaxForms: ajaxForms,
-      ajaxOptions: ajaxOptions,
-      getAppHeader: getAppHeader,
-      getApiBaseUrl: getApiBaseUrl,
-      changeAjaxOptions: changeAjaxOptions,
-      app: APP,
-      query: query,
-      goTo: goTo,
-      changeAjaxForms: changeAjaxForms,
-      submit: (payload, setSelectedFormNext) => {
-        const payloadData = {
-          ...payload,
-          module: APP,
-          namespace
-        };
-        const newPayload = {
-          ...defaultData,
-          ...payloadData,
-          form: 'location'
-        };
-        const callback = (type, m, data) => {
-          if (setSelectedFormNext) {
-            setSelectedFormNext();
-          }
-          if (type === MessageTypes.SUCCESS) {
-            if (onSubmitted) onSubmitted(type, m, data);
-          } else {
-            antd.message.error(m);
+    },
+    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];
+              }
+            }
           }
-        };
-        saveData(!data && !data.id ? newPayload : Object.assign(newPayload, {
-          id: data.id
-        }), callback);
+        }
+        return t('Province');
       },
-      isFormDisabled: () => {
-        return !data || !data.typeOfEvent;
+      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
       }
-    })
-  });
-};
-
-const EventsTable = ({
-  t = () => {},
-  goTo = () => {},
+    },
+    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
+      }
+    },
+    subCategory: {
+      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
+    },
+    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 filtersConfig$5 = {
+  name: '',
+  datastakeId: ''
+};
+const getFilterOptions$5 = (options, t) => {
+  const {
+    timeframe = [],
+    statusOptions = [],
+    categoryOptions = [],
+    countries = [],
+    subCategory = [],
+    subCategoriesOptions,
+    stakeholderCategoryOptions,
+    stakeholderSubCategoriesOptions,
+    administrativeLevel1,
+    administrativeLevel2,
+    category = []
+  } = options || {};
+  console.log({
+    options
+  });
+  const _default = {
+    timeframe: timeframe,
+    country: countries,
+    category: stakeholderCategoryOptions || categoryOptions,
+    administrativeLevel1,
+    administrativeLevel2,
+    // subCategory: subCategoriesOptions,
+    category: category,
+    status: [{
+      value: "submitted",
+      label: "Submitted"
+    }, {
+      value: "private",
+      label: "Private"
+    }]
+  };
+  return _default;
+};
+
+const EventsCreate = ({
+  namespace = 'event',
+  view = 'scoping',
+  edit = false,
+  formData = {},
+  loading = false,
+  onSubmitted = () => {},
+  onCancel = () => {},
+  getData = () => {},
+  saveData = () => {},
+  form: formConfig = {},
+  formValue = {},
+  defaultData = {},
+  user = {},
+  APP,
+  query,
+  goTo = () => {},
+  t = () => {},
+  ajaxForms = {},
+  changeAjaxForms = () => {},
+  ajaxOptions = {},
+  changeAjaxOptions = () => {},
+  getAppHeader = () => {},
+  getApiBaseUrl = () => {}
+}) => {
+  let {
+    form = {},
+    data = defaultData || {}
+  } = !edit ? formData[`${APP}-${view}`] || {} : {
+    form: formConfig,
+    data: formValue
+  };
+  React.useEffect(() => {
+    if (Object.keys(form).length === 0 && !formData[`${APP}-${view}`]) {
+      if (!edit) {
+        getData({
+          namespace,
+          module: APP,
+          view,
+          scope: 'create'
+        });
+      } else {
+        form = formConfig;
+        data = formValue;
+      }
+    }
+  }, [edit, user?.language]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "daf-create-form",
+    children: /*#__PURE__*/jsxRuntime.jsx(DynamicForm, {
+      form: form,
+      data: data,
+      showSaveAndNext: false,
+      module: APP,
+      onCancel: onCancel,
+      isCreate: true,
+      t: t,
+      excludedKeys: ["title"],
+      user: user,
+      ajaxForms: ajaxForms,
+      ajaxOptions: ajaxOptions,
+      getAppHeader: getAppHeader,
+      getApiBaseUrl: getApiBaseUrl,
+      changeAjaxOptions: changeAjaxOptions,
+      app: APP,
+      query: query,
+      goTo: goTo,
+      changeAjaxForms: changeAjaxForms,
+      submit: (payload, setSelectedFormNext) => {
+        const payloadData = {
+          ...payload,
+          module: APP,
+          namespace
+        };
+        const newPayload = {
+          ...defaultData,
+          ...payloadData,
+          form: 'location'
+        };
+        const callback = (type, m, data) => {
+          if (setSelectedFormNext) {
+            setSelectedFormNext();
+          }
+          if (type === MessageTypes.SUCCESS) {
+            if (onSubmitted) onSubmitted(type, m, data);
+          } else {
+            antd.message.error(m);
+          }
+        };
+        saveData(!data && !data.id ? newPayload : Object.assign(newPayload, {
+          id: data.id
+        }), callback);
+      },
+      isFormDisabled: () => {
+        return !data || !data.typeOfEvent;
+      }
+    })
+  });
+};
+
+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 = () => {}
+}) => {
+  const [selectOptions, setSelectOptions] = React.useState();
+  const [activeTab, setActiveTab] = React.useState();
+  const columns = React.useMemo(() => getColumns$5({
+    t,
+    goTo,
+    user,
+    options,
+    activeTab,
+    getRedirectLink,
+    theme,
+    subject: 'events',
+    data,
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
+  const breadCrumbs = [];
+  const {
+    paginationQuery,
+    searchParams,
+    otherParams,
+    sortBy,
+    sortDir
+  } = useGetQueryParams({
+    location
+  });
+  const filters = React.useMemo(() => {
+    return {
+      ...otherParams,
+      ...extendingFilters
+    };
+  }, [otherParams, extendingFilters]);
+  React.useEffect(() => {
+    console.log("fetching data");
+    getData({
+      pagination: paginationQuery,
+      ...(Object.keys(filters).length > 0 && {
+        filters: filters
+      }),
+      ...(Object.keys(searchParams).length > 0 && {
+        search: searchParams
+      }),
+      tab: activeTab,
+      sortBy: {
+        [sortBy || "updatedAt"]: sortDir ? sortDir === "ascend" ? 1 : -1 : -1
+      }
+    }, 'events');
+    console.log("data fetched");
+  }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
+  console.log({
+    data
+  });
+  const selectFiltersConfig = React.useMemo(() => {
+    return getFiltersConfig$5({
+      t
+    });
+  }, [t]);
+  React.useEffect(() => {
+    setSelectOptions(prev => ({
+      ...prev,
+      ...getFilterOptions$5(options)
+    }));
+  }, [options, t]);
+  const handleActiveTabChange = React.useCallback(value => {
+    setActiveTab(value);
+  }, []);
+  React.useEffect(() => () => {
+    subjectClear();
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
+    t: t,
+    title: t("events"),
+    breadCrumbs: breadCrumbs,
+    location: location,
+    loading: loading,
+    goTo: goTo,
+    defaultActiveTab: "all",
+    columns: columns,
+    data: data,
+    checkboxConfig: checkboxConfig$5,
+    APP: APP,
+    getApiBaseUrl: getApiBaseUrl,
+    selectOptions: selectOptions,
+    selectFiltersConfig: selectFiltersConfig,
+    getRedirectLink: getRedirectLink,
+    filtersConfig: filtersConfig$5,
+    isMobile: isMobile,
+    view: "events",
+    getActiveTab: handleActiveTabChange,
+    onDownload: () => {
+      console.log("download");
+    },
+    drawerTitle: t("Create Events"),
+    children: ({
+      onDrawerClose
+    }) => /*#__PURE__*/jsxRuntime.jsx(EventsCreate, {
+      t: t,
+      goTo: goTo,
+      user: user,
+      APP: APP,
+      getApiBaseUrl: getApiBaseUrl,
+      getAppHeader: getAppHeader,
+      getData: getFormData,
+      saveData: saveFormData,
+      loading: formLoading,
+      onSubmitted: (type, m, data) => {
+        if (data.datastakeId) {
+          displayMessage(type, t("affirmations::subject-created-successfully") || m);
+          // goTo(`/app/edit/stakeholders/${data.datastakeId}`);
+          goTo(`/app/edit/events/${data.datastakeId}`);
+        }
+      },
+      onCancel: onDrawerClose,
+      query: query,
+      ajaxForms: ajaxForms,
+      changeAjaxForms: changeAjaxForms,
+      ajaxOptions: ajaxOptions,
+      changeAjaxOptions: changeAjaxOptions,
+      formData: formData,
+      formValue: formValue,
+      form: form
+    })
+  });
+};
+
+const getColumns$4 = ({
+  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("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("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
+    });
+  }
+}, {
+  id: 'actions',
+  title: "",
+  width: 60,
+  render: (_, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const link = `/app/view/${subject}/${all.datastakeId}`;
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      style: {
+        display: "flex",
+        justifyContent: "center"
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx("a", {
+        href: getRedirectLink(link),
+        children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+          name: "Link",
+          size: 15,
+          color: theme.baseGray70
+        })
+      })
+    });
+  }
+}].filter(column => column.show !== false);
+
+const checkboxConfig$4 = {
+  name: 'Name',
+  datastakeId: 'ID'
+};
+const getFiltersConfig$4 = ({
+  t
+}) => {
+  return {
+    country: {
+      type: 'select',
+      placeholder: t('Country'),
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value
+    }
+  };
+};
+const filtersConfig$4 = {
+  name: '',
+  datastakeId: ''
+};
+const getFilterOptions$4 = (options, t) => {
+  const {
+    countries
+  } = options || {};
+  const _default = {
+    country: countries
+  };
+  return _default;
+};
+
+const StakeholdersCreate$3 = ({
+  namespace = 'stakeholders',
+  view = 'scoping',
+  edit = false,
+  formData = {},
+  loading = false,
+  onSubmitted = () => {},
+  onCancel = () => {},
+  getData = () => {},
+  saveData = () => {},
+  form: formConfig = {},
+  formValue = {},
+  defaultData = {},
+  user = {},
+  APP,
+  query,
+  goTo = () => {},
+  t = () => {},
+  ajaxForms = {},
+  changeAjaxForms = () => {},
+  ajaxOptions = {},
+  changeAjaxOptions = () => {},
+  getAppHeader = () => {},
+  getApiBaseUrl = () => {}
+}) => {
+  let {
+    form = {},
+    data = defaultData || {}
+  } = !edit ? formData[`${APP}-${view}`] || {} : {
+    form: formConfig,
+    data: formValue
+  };
+  React.useEffect(() => {
+    if (Object.keys(form).length === 0 && !formData[`${APP}-${view}`]) {
+      if (!edit) {
+        getData({
+          namespace,
+          module: APP,
+          view,
+          scope: 'create'
+        });
+      } else {
+        form = formConfig;
+        data = formValue;
+      }
+    }
+  }, [edit, user?.language]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "daf-create-form",
+    children: /*#__PURE__*/jsxRuntime.jsx(DynamicForm, {
+      form: form,
+      data: data,
+      showSaveAndNext: false,
+      module: APP,
+      onCancel: onCancel,
+      isCreate: true,
+      t: t,
+      excludedKeys: ["title"],
+      user: user,
+      ajaxForms: ajaxForms,
+      ajaxOptions: ajaxOptions,
+      getAppHeader: getAppHeader,
+      getApiBaseUrl: getApiBaseUrl,
+      changeAjaxOptions: changeAjaxOptions,
+      app: APP,
+      query: query,
+      goTo: goTo,
+      changeAjaxForms: changeAjaxForms,
+      submit: (payload, setSelectedFormNext) => {
+        const payloadData = {
+          ...payload,
+          module: APP,
+          namespace
+        };
+        const newPayload = {
+          ...defaultData,
+          ...payloadData,
+          form: 'document'
+        };
+        const callback = (type, m, data) => {
+          if (setSelectedFormNext) {
+            setSelectedFormNext();
+          }
+          if (type === MessageTypes.SUCCESS) {
+            if (onSubmitted) onSubmitted(type, m, data);
+          } else {
+            antd.message.error(m);
+          }
+        };
+        saveData(!data && !data.id ? newPayload : Object.assign(newPayload, {
+          id: data.id
+        }), callback);
+      },
+      isFormDisabled: () => {
+        return !data || !data.typeOfEvent;
+      }
+    })
+  });
+};
+
+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 = () => {}
+}) => {
+  const [selectOptions, setSelectOptions] = React.useState();
+  const [activeTab, setActiveTab] = React.useState();
+  const columns = React.useMemo(() => getColumns$4({
+    t,
+    goTo,
+    user,
+    options,
+    activeTab,
+    getRedirectLink,
+    theme,
+    subject: 'documents',
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, applications]);
+  const breadCrumbs = [];
+  const {
+    paginationQuery,
+    searchParams,
+    otherParams
+  } = useGetQueryParams({
+    location
+  });
+  React.useEffect(() => {
+    getData({
+      pagination: paginationQuery,
+      ...(Object.keys(otherParams).length > 0 && {
+        filters: otherParams
+      }),
+      ...(Object.keys(searchParams).length > 0 && {
+        search: searchParams
+      }),
+      tab: activeTab
+    }, 'documents');
+  }, [paginationQuery, otherParams, searchParams, activeTab]);
+  const selectFiltersConfig = React.useMemo(() => {
+    return getFiltersConfig$4({
+      t
+    });
+  }, [t]);
+  React.useEffect(() => {
+    setSelectOptions(prev => ({
+      ...prev,
+      ...getFilterOptions$4(options)
+    }));
+  }, [options, t]);
+  const handleActiveTabChange = React.useCallback(value => {
+    setActiveTab(value);
+  }, []);
+  React.useEffect(() => () => {
+    subjectClear();
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
+    t: t,
+    title: t("Documents"),
+    breadCrumbs: breadCrumbs,
+    location: location,
+    loading: loading,
+    goTo: goTo,
+    defaultActiveTab: "all",
+    columns: columns,
+    data: data,
+    checkboxConfig: checkboxConfig$4,
+    APP: APP,
+    getApiBaseUrl: getApiBaseUrl,
+    selectOptions: selectOptions,
+    selectFiltersConfig: selectFiltersConfig,
+    getRedirectLink: getRedirectLink,
+    filtersConfig: filtersConfig$4,
+    isMobile: isMobile,
+    view: "documents",
+    getActiveTab: handleActiveTabChange,
+    onDownload: () => {
+      console.log("download");
+    },
+    drawerTitle: t("Create Document"),
+    children: ({
+      onDrawerClose
+    }) => /*#__PURE__*/jsxRuntime.jsx(StakeholdersCreate$3, {
+      t: t,
+      goTo: goTo,
+      user: user,
+      APP: APP,
+      getApiBaseUrl: getApiBaseUrl,
+      getAppHeader: getAppHeader,
+      getData: getFormData,
+      saveData: saveFormData,
+      loading: formLoading,
+      onSubmitted: (type, m, data) => {
+        if (data.datastakeId) {
+          displayMessage(type, t("affirmations::subject-created-successfully") || m);
+          goTo(`/app/edit/documents/${data.datastakeId}`);
+        }
+      },
+      onCancel: onDrawerClose,
+      query: query,
+      ajaxForms: ajaxForms,
+      changeAjaxForms: changeAjaxForms,
+      ajaxOptions: ajaxOptions,
+      changeAjaxOptions: changeAjaxOptions,
+      formData: formData,
+      formValue: formValue,
+      form: form
+    })
+  });
+};
+
+const renderStatusTag$2 = ({
+  value,
+  t = s => s
+}) => {
+  const width = 87;
+  switch (value) {
+    case "edited":
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        color: "yellow",
+        style: {
+          width
+        },
+        className: "text-center",
+        children: t("Edited")
+      });
+    case "submitted":
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        color: "green",
+        style: {
+          width
+        },
+        className: "text-center",
+        children: t("Submitted")
+      });
+    default:
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        color: "blue",
+        style: {
+          width
+        },
+        className: "text-center",
+        children: t("Private")
+      });
+  }
+};
+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 <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"
+      });
+    }
+    sourceAvatarConfig(val, user, applications);
+    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
+      items: val
+    });
+  }
+}, {
+  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$2({
+      value: _val,
+      t
+    });
+  }
+}, {
+  id: 'actions',
+  title: "",
+  width: 60,
+  render: (_, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const link = `/app/view/${subject}/${all.datastakeId}`;
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      style: {
+        display: "flex",
+        justifyContent: "center"
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx("a", {
+        href: getRedirectLink(link),
+        children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+          name: "Link",
+          size: 15,
+          color: theme.baseGray70
+        })
+      })
+    });
+  }
+}].filter(column => column.show !== false);
+
+const checkboxConfig$3 = {
+  name: 'Name',
+  datastakeId: 'ID'
+};
+const getFiltersConfig$3 = ({
+  t
+}) => {
+  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
+    },
+    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
+      }
+    },
+    activity: {
+      type: 'select',
+      label: 'Activity',
+      placeholder: t => `${t('Filter by')} ${t('Activity').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 filtersConfig$3 = {
+  name: '',
+  datastakeId: ''
+};
+const getFilterOptions$3 = (options, t) => {
+  const {
+    statusOptions = [],
+    categoryOptions = [],
+    countries = [],
+    subCategory = [],
+    activityAtSiteOptions = [],
+    stakeholderCategoryOptions,
+    stakeholderSubCategoriesOptions,
+    administrativeLevel1,
+    administrativeLevel2,
+    positionInMineralSupplyChainOptions,
+    subCategoriesOptions
+  } = options || {};
+  const _default = {
+    status: [{
+      value: "submitted",
+      label: "Submitted"
+    }, {
+      value: "private",
+      label: "Private"
+    }],
+    category: stakeholderCategoryOptions || categoryOptions,
+    country: countries,
+    subCategory: subCategoriesOptions,
+    activity: activityAtSiteOptions,
+    administrativeLevel1,
+    administrativeLevel2,
+    positionInTheMineralSupplyChain: positionInMineralSupplyChainOptions
+  };
+  return _default;
+};
+
+const StakeholdersCreate$2 = ({
+  namespace = "WORKERS",
+  view = ['scoping', 'new'],
+  edit = false,
+  formData = {},
+  loading = false,
+  onSubmitted = () => {},
+  onCancel = () => {},
+  getData = () => {},
+  saveData = () => {},
+  form: formConfig = {},
+  formValue = {},
+  defaultData = {},
+  user = {},
+  APP,
+  query,
+  goTo = () => {},
+  t = () => {},
+  ajaxForms = {},
+  changeAjaxForms = () => {},
+  ajaxOptions = {},
+  changeAjaxOptions = () => {},
+  getAppHeader = () => {},
+  getApiBaseUrl = () => {}
+}) => {
+  let {
+    form = {},
+    data = defaultData || {}
+  } = !edit ? formData[`${APP}-${view}`] || {} : {
+    form: formConfig,
+    data: formValue
+  };
+  React.useEffect(() => {
+    if (Object.keys(form).length === 0 && !formData[`${APP}-${view}`]) {
+      if (!edit) {
+        getData({
+          namespace,
+          module: APP,
+          view,
+          scope: 'global'
+        });
+      } else {
+        form = formConfig;
+        data = formValue;
+      }
+    }
+  }, [edit, user?.language]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "daf-create-form",
+    children: /*#__PURE__*/jsxRuntime.jsx(DynamicForm, {
+      form: form,
+      data: {
+        ...defaultData,
+        ...data
+      },
+      showSaveAndNext: false,
+      module: APP,
+      onCancel: onCancel,
+      isCreate: true,
+      t: t,
+      excludedKeys: ["title"],
+      user: user,
+      ajaxForms: ajaxForms,
+      ajaxOptions: ajaxOptions,
+      getAppHeader: getAppHeader,
+      getApiBaseUrl: getApiBaseUrl,
+      changeAjaxOptions: changeAjaxOptions,
+      app: APP,
+      query: query,
+      goTo: goTo,
+      changeAjaxForms: changeAjaxForms,
+      submit: (payload, setSelectedFormNext) => {
+        const payloadData = {
+          ...payload,
+          module: APP,
+          namespace
+        };
+        const newPayload = {
+          ...defaultData,
+          ...payloadData,
+          form: 'worker'
+        };
+        const callback = (type, m, data) => {
+          if (setSelectedFormNext) {
+            setSelectedFormNext();
+          }
+          if (type === MessageTypes.SUCCESS) {
+            if (onSubmitted) onSubmitted(type, m, data);
+          } else {
+            antd.message.error(m);
+          }
+        };
+        saveData(!data && !data.id ? newPayload : Object.assign(newPayload, {
+          id: data.id
+        }), callback);
+      },
+      isFormDisabled: () => {
+        return !data || !data.typeOfEvent;
+      }
+    })
+  });
+};
+
+const WorkersTable = ({
+  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 = []
+}) => {
+  const [selectOptions, setSelectOptions] = React.useState();
+  const [activeTab, setActiveTab] = React.useState();
+  const columns = React.useMemo(() => getColumns$3({
+    t,
+    goTo,
+    user,
+    options,
+    activeTab,
+    getRedirectLink,
+    theme,
+    subject: 'workers',
+    data,
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
+  const breadCrumbs = [];
+  const {
+    paginationQuery,
+    searchParams,
+    otherParams,
+    sortBy,
+    sortDir
+  } = useGetQueryParams({
+    location
+  });
+  React.useMemo(() => {
+    return {
+      ...otherParams,
+      ...extendingFilters
+    };
+  }, [otherParams, extendingFilters]);
+  React.useEffect(() => {
+    getData({
+      pagination: paginationQuery,
+      ...(Object.keys(searchParams).length > 0 && {
+        search: searchParams
+      }),
+      ...otherParams,
+      tab: activeTab,
+      sortBy: {
+        [sortBy || "updatedAt"]: sortDir ? sortDir === "ascend" ? 1 : -1 : -1
+      },
+      ...extendingFilters
+    }, 'workers');
+  }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
+  const selectFiltersConfig = React.useMemo(() => {
+    return getFiltersConfig$3({
+      t
+    });
+  }, [t]);
+  React.useEffect(() => {
+    setSelectOptions(prev => ({
+      ...prev,
+      ...getFilterOptions$3(options)
+    }));
+  }, [options, t]);
+  const handleActiveTabChange = React.useCallback(value => {
+    setActiveTab(value);
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
+    t: t,
+    title: t("Workers"),
+    breadCrumbs: breadCrumbs,
+    location: location,
+    loading: loading,
+    goTo: goTo,
+    defaultActiveTab: "all",
+    columns: columns,
+    data: data,
+    checkboxConfig: checkboxConfig$3,
+    APP: APP,
+    getApiBaseUrl: getApiBaseUrl,
+    selectOptions: selectOptions,
+    selectFiltersConfig: selectFiltersConfig,
+    getRedirectLink: getRedirectLink,
+    filtersConfig: filtersConfig$3,
+    isMobile: isMobile,
+    view: "workers",
+    getActiveTab: handleActiveTabChange,
+    onDownload: () => {
+      console.log("download");
+    },
+    drawerTitle: t("Create Worker"),
+    children: ({
+      onDrawerClose
+    }) => /*#__PURE__*/jsxRuntime.jsx(StakeholdersCreate$2, {
+      defaultData: createDefaultValues,
+      t: t,
+      goTo: goTo,
+      user: user,
+      APP: APP,
+      getApiBaseUrl: getApiBaseUrl,
+      getAppHeader: getAppHeader,
+      getData: getFormData,
+      saveData: saveFormData,
+      loading: formLoading,
+      onSubmitted: (type, m, data) => {
+        if (data.datastakeId) {
+          displayMessage(type, t("affirmations::subject-created-successfully") || m);
+          // goTo(`/app/edit/stakeholders/${data.datastakeId}`);
+          goTo(`/app/edit/workers/${data.datastakeId}`);
+        }
+      },
+      onCancel: onDrawerClose,
+      query: query,
+      ajaxForms: ajaxForms,
+      changeAjaxForms: changeAjaxForms,
+      ajaxOptions: ajaxOptions,
+      changeAjaxOptions: changeAjaxOptions,
+      formData: formData,
+      formValue: formValue,
+      form: form
+    })
+  });
+};
+
+const getLinkValue$2 = (value, linkingObject) => {
+  if (linkingObject && linkingObject?.[value]) {
+    return linkingObject?.[value]?.name;
+  }
+  return null;
+};
+const getEventCategoryBySubject$1 = (eventCategoryObject, subject) => {
+  if (!eventCategoryObject || typeof eventCategoryObject !== 'object') {
+    return null;
+  }
+  const subjectSingular = 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 renderStatusTag$1 = ({
+  value,
+  t = s => s
+}) => {
+  const width = 87;
+  switch (value) {
+    case "edited":
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        color: "yellow",
+        style: {
+          width
+        },
+        className: "text-center",
+        children: t("Edited")
+      });
+    case "submitted":
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        color: "green",
+        style: {
+          width
+        },
+        className: "text-center",
+        children: t("Submitted")
+      });
+    default:
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        color: "blue",
+        style: {
+          width
+        },
+        className: "text-center",
+        children: t("Private")
+      });
+  }
+};
+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('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$2(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$2(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$1(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$1({
+      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 link = `/app/view/${subject}/${all.datastakeId}`;
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      style: {
+        display: "flex",
+        justifyContent: "center"
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx("a", {
+        href: getRedirectLink(link),
+        children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+          name: "Link",
+          size: 15,
+          color: theme.baseGray70
+        })
+      })
+    });
+  }
+}].filter(column => column.show !== false);
+
+const checkboxConfig$2 = {
+  name: 'Name',
+  datastakeId: 'ID'
+};
+const getFiltersConfig$2 = ({
+  t
+}) => {
+  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
+    },
+    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
+      }
+    },
+    activity: {
+      type: 'select',
+      label: 'Activity',
+      placeholder: t => `${t('Filter by')} ${t('Activity').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 filtersConfig$2 = {
+  name: '',
+  datastakeId: ''
+};
+const getFilterOptions$2 = (options, t) => {
+  const {
+    statusOptions = [],
+    categoryOptions = [],
+    countries = [],
+    subCategory = [],
+    activityAtSiteOptions = [],
+    stakeholderCategoryOptions,
+    stakeholderSubCategoriesOptions,
+    administrativeLevel1,
+    administrativeLevel2,
+    positionInMineralSupplyChainOptions,
+    subCategoriesOptions
+  } = options || {};
+  const _default = {
+    status: [{
+      value: "submitted",
+      label: "Submitted"
+    }, {
+      value: "private",
+      label: "Private"
+    }],
+    category: stakeholderCategoryOptions || categoryOptions,
+    country: countries,
+    subCategory: subCategoriesOptions,
+    activity: activityAtSiteOptions,
+    administrativeLevel1,
+    administrativeLevel2,
+    positionInTheMineralSupplyChain: positionInMineralSupplyChainOptions
+  };
+  return _default;
+};
+
+const StakeholdersCreate$1 = ({
+  namespace = "corrective-actions",
+  view = "corrective-actions",
+  edit = false,
+  formData = {},
+  loading = false,
+  onSubmitted = () => {},
+  onCancel = () => {},
+  getData = () => {},
+  saveData = () => {},
+  form: formConfig = {},
+  formValue = {},
+  defaultData = {},
+  user = {},
+  APP,
+  query,
+  goTo = () => {},
+  t = () => {},
+  ajaxForms = {},
+  changeAjaxForms = () => {},
+  ajaxOptions = {},
+  changeAjaxOptions = () => {},
+  getAppHeader = () => {},
+  getApiBaseUrl = () => {}
+}) => {
+  let {
+    form = {},
+    data = defaultData || {}
+  } = !edit ? formData[`${APP}-${view}`] || {} : {
+    form: formConfig,
+    data: formValue
+  };
+  React.useEffect(() => {
+    if (Object.keys(form).length === 0 && !formData[`${APP}-${view}`]) {
+      if (!edit) {
+        getData({
+          namespace,
+          module: APP,
+          view,
+          scope: 'createActivity'
+        });
+      } else {
+        form = formConfig;
+        data = formValue;
+      }
+    }
+  }, [edit, user?.language]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "daf-create-form",
+    children: /*#__PURE__*/jsxRuntime.jsx(DynamicForm, {
+      form: form,
+      data: {
+        ...defaultData,
+        ...data
+      },
+      showSaveAndNext: false,
+      module: APP,
+      onCancel: onCancel,
+      isCreate: true,
+      t: t,
+      excludedKeys: ["title"],
+      user: user,
+      ajaxForms: ajaxForms,
+      ajaxOptions: ajaxOptions,
+      getAppHeader: getAppHeader,
+      getApiBaseUrl: getApiBaseUrl,
+      changeAjaxOptions: changeAjaxOptions,
+      app: APP,
+      query: query,
+      goTo: goTo,
+      changeAjaxForms: changeAjaxForms,
+      submit: (payload, setSelectedFormNext) => {
+        const payloadData = {
+          ...payload,
+          module: APP,
+          namespace
+        };
+        const newPayload = {
+          ...defaultData,
+          ...payloadData,
+          form: 'worker'
+        };
+        const callback = (type, m, data) => {
+          if (setSelectedFormNext) {
+            setSelectedFormNext();
+          }
+          if (type === MessageTypes.SUCCESS) {
+            if (onSubmitted) onSubmitted(type, m, data);
+          } else {
+            antd.message.error(m);
+          }
+        };
+        saveData(!data && !data.id ? newPayload : Object.assign(newPayload, {
+          id: data.id
+        }), callback);
+      },
+      isFormDisabled: () => {
+        return !data || !data.typeOfEvent;
+      }
+    })
+  });
+};
+
+const ActivitiesTable = ({
+  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 = []
+}) => {
+  const [selectOptions, setSelectOptions] = React.useState();
+  const [activeTab, setActiveTab] = React.useState();
+  const columns = React.useMemo(() => getColumns$2({
+    t,
+    goTo,
+    user,
+    options,
+    activeTab,
+    getRedirectLink,
+    theme,
+    subject: 'activities',
+    data,
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
+  const breadCrumbs = [];
+  const {
+    paginationQuery,
+    searchParams,
+    otherParams,
+    sortBy,
+    sortDir
+  } = useGetQueryParams({
+    location
+  });
+  React.useMemo(() => {
+    return {
+      ...otherParams,
+      ...extendingFilters
+    };
+  }, [otherParams, extendingFilters]);
+  React.useEffect(() => {
+    getData({
+      pagination: paginationQuery,
+      ...(Object.keys(searchParams).length > 0 && {
+        search: searchParams
+      }),
+      ...otherParams,
+      tab: activeTab,
+      sortBy: {
+        [sortBy || "updatedAt"]: sortDir ? sortDir === "ascend" ? 1 : -1 : -1
+      },
+      ...extendingFilters
+    }, 'activities');
+  }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
+  const selectFiltersConfig = React.useMemo(() => {
+    return getFiltersConfig$2({
+      t
+    });
+  }, [t]);
+  React.useEffect(() => {
+    setSelectOptions(prev => ({
+      ...prev,
+      ...getFilterOptions$2(options)
+    }));
+  }, [options, t]);
+  const handleActiveTabChange = React.useCallback(value => {
+    setActiveTab(value);
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
+    t: t,
+    title: t("Activities"),
+    breadCrumbs: breadCrumbs,
+    location: location,
+    loading: loading,
+    goTo: goTo,
+    defaultActiveTab: "all",
+    columns: columns,
+    data: data,
+    checkboxConfig: checkboxConfig$2,
+    APP: APP,
+    getApiBaseUrl: getApiBaseUrl,
+    selectOptions: selectOptions,
+    selectFiltersConfig: selectFiltersConfig,
+    getRedirectLink: getRedirectLink,
+    filtersConfig: filtersConfig$2,
+    isMobile: isMobile,
+    view: "activities",
+    getActiveTab: handleActiveTabChange,
+    onDownload: () => {
+      console.log("download");
+    },
+    drawerTitle: t("Create Activity"),
+    children: ({
+      onDrawerClose
+    }) => /*#__PURE__*/jsxRuntime.jsx(StakeholdersCreate$1, {
+      defaultData: createDefaultValues,
+      t: t,
+      goTo: goTo,
+      user: user,
+      APP: APP,
+      getApiBaseUrl: getApiBaseUrl,
+      getAppHeader: getAppHeader,
+      getData: getFormData,
+      saveData: saveFormData,
+      loading: formLoading,
+      onSubmitted: (type, m, data) => {
+        if (data.datastakeId) {
+          displayMessage(type, t("affirmations::subject-created-successfully") || m);
+          // goTo(`/app/edit/stakeholders/${data.datastakeId}`);
+          goTo(`/app/edit/activities/${data.datastakeId}`);
+        }
+      },
+      onCancel: onDrawerClose,
+      query: query,
+      ajaxForms: ajaxForms,
+      changeAjaxForms: changeAjaxForms,
+      ajaxOptions: ajaxOptions,
+      changeAjaxOptions: changeAjaxOptions,
+      formData: formData,
+      formValue: formValue,
+      form: form
+    })
+  });
+};
+
+const getLinkValue$1 = (value, linkingObject) => {
+  if (linkingObject && linkingObject?.[value]) {
+    return linkingObject?.[value]?.name;
+  }
+  return null;
+};
+const getEventCategoryBySubject = (eventCategoryObject, subject) => {
+  if (!eventCategoryObject || typeof eventCategoryObject !== 'object') {
+    return null;
+  }
+  const subjectSingular = 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 renderStatusTag = ({
+  value,
+  t = s => s
+}) => {
+  const width = 87;
+  switch (value) {
+    case "edited":
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        color: "yellow",
+        style: {
+          width
+        },
+        className: "text-center",
+        children: t("Edited")
+      });
+    case "submitted":
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        color: "green",
+        style: {
+          width
+        },
+        className: "text-center",
+        children: t("Submitted")
+      });
+    default:
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+        color: "blue",
+        style: {
+          width
+        },
+        className: "text-center",
+        children: t("Private")
+      });
+  }
+};
+const getColumns$1 = ({
+  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$1(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$1(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 link = `/app/view/${subject}/${all.datastakeId}`;
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      style: {
+        display: "flex",
+        justifyContent: "center"
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx("a", {
+        href: getRedirectLink(link),
+        children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+          name: "Link",
+          size: 15,
+          color: theme.baseGray70
+        })
+      })
+    });
+  }
+}].filter(column => column.show !== false);
+
+const checkboxConfig$1 = {
+  name: 'Name',
+  datastakeId: 'ID'
+};
+const getFiltersConfig$1 = ({
+  t
+}) => {
+  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
+    },
+    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
+      }
+    },
+    activity: {
+      type: 'select',
+      label: 'Activity',
+      placeholder: t => `${t('Filter by')} ${t('Activity').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 filtersConfig$1 = {
+  name: '',
+  datastakeId: ''
+};
+const getFilterOptions$1 = (options, t) => {
+  const {
+    statusOptions = [],
+    categoryOptions = [],
+    countries = [],
+    subCategory = [],
+    activityAtSiteOptions = [],
+    stakeholderCategoryOptions,
+    stakeholderSubCategoriesOptions,
+    administrativeLevel1,
+    administrativeLevel2,
+    positionInMineralSupplyChainOptions,
+    subCategoriesOptions
+  } = options || {};
+  const _default = {
+    status: [{
+      value: "submitted",
+      label: "Submitted"
+    }, {
+      value: "private",
+      label: "Private"
+    }],
+    category: stakeholderCategoryOptions || categoryOptions,
+    country: countries,
+    subCategory: subCategoriesOptions,
+    activity: activityAtSiteOptions,
+    administrativeLevel1,
+    administrativeLevel2,
+    positionInTheMineralSupplyChain: positionInMineralSupplyChainOptions
+  };
+  return _default;
+};
+
+const StakeholdersCreate = ({
+  namespace = "incident",
+  view = "incident",
+  edit = false,
+  formData = {},
+  loading = false,
+  onSubmitted = () => {},
+  onCancel = () => {},
+  getData = () => {},
+  saveData = () => {},
+  form: formConfig = {},
+  formValue = {},
+  defaultData = {},
+  user = {},
+  APP,
+  query,
+  goTo = () => {},
+  t = () => {},
+  ajaxForms = {},
+  changeAjaxForms = () => {},
+  ajaxOptions = {},
+  changeAjaxOptions = () => {},
+  getAppHeader = () => {},
+  getApiBaseUrl = () => {}
+}) => {
+  let {
+    form = {},
+    data = defaultData || {}
+  } = !edit ? formData[`${APP}-${view}`] || {} : {
+    form: formConfig,
+    data: formValue
+  };
+  React.useEffect(() => {
+    if (Object.keys(form).length === 0 && !formData[`${APP}-${view}`]) {
+      if (!edit) {
+        getData({
+          namespace,
+          module: APP,
+          view,
+          scope: 'createIncident'
+        });
+      } else {
+        form = formConfig;
+        data = formValue;
+      }
+    }
+  }, [edit, user?.language]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "daf-create-form",
+    children: /*#__PURE__*/jsxRuntime.jsx(DynamicForm, {
+      form: form,
+      data: {
+        ...defaultData,
+        ...data
+      },
+      showSaveAndNext: false,
+      module: APP,
+      onCancel: onCancel,
+      isCreate: true,
+      t: t,
+      excludedKeys: ["title"],
+      user: user,
+      ajaxForms: ajaxForms,
+      ajaxOptions: ajaxOptions,
+      getAppHeader: getAppHeader,
+      getApiBaseUrl: getApiBaseUrl,
+      changeAjaxOptions: changeAjaxOptions,
+      app: APP,
+      query: query,
+      goTo: goTo,
+      changeAjaxForms: changeAjaxForms,
+      submit: (payload, setSelectedFormNext) => {
+        const payloadData = {
+          ...payload,
+          module: APP,
+          namespace
+        };
+        const newPayload = {
+          ...defaultData,
+          ...payloadData,
+          form: 'worker'
+        };
+        const callback = (type, m, data) => {
+          if (setSelectedFormNext) {
+            setSelectedFormNext();
+          }
+          if (type === MessageTypes.SUCCESS) {
+            if (onSubmitted) onSubmitted(type, m, data);
+          } else {
+            antd.message.error(m);
+          }
+        };
+        saveData(!data && !data.id ? newPayload : Object.assign(newPayload, {
+          id: data.id
+        }), callback);
+      },
+      isFormDisabled: () => {
+        return !data || !data.typeOfEvent;
+      }
+    })
+  });
+};
+
+const IncidentsTable = ({
+  t = () => {},
+  goTo = () => {},
   user = {},
   options = {},
   getRedirectLink = () => {},
@@ -31541,7 +34307,9 @@ const EventsTable = ({
   formData = {},
   formValue = {},
   form = {},
-  extendingFilters = {}
+  extendingFilters = {},
+  createDefaultValues = {},
+  applications = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState();
@@ -31553,9 +34321,10 @@ const EventsTable = ({
     activeTab,
     getRedirectLink,
     theme,
-    subject: 'events',
-    data
-  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data]);
+    subject: 'incidents',
+    data,
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
   const breadCrumbs = [];
   const {
     paginationQuery,
@@ -31566,32 +34335,26 @@ const EventsTable = ({
   } = useGetQueryParams({
     location
   });
-  const filters = React.useMemo(() => {
+  React.useMemo(() => {
     return {
       ...otherParams,
       ...extendingFilters
     };
   }, [otherParams, extendingFilters]);
   React.useEffect(() => {
-    console.log("fetching data");
     getData({
       pagination: paginationQuery,
-      ...(Object.keys(filters).length > 0 && {
-        filters: filters
-      }),
       ...(Object.keys(searchParams).length > 0 && {
         search: searchParams
       }),
+      ...otherParams,
       tab: activeTab,
       sortBy: {
         [sortBy || "updatedAt"]: sortDir ? sortDir === "ascend" ? 1 : -1 : -1
-      }
-    }, 'events');
-    console.log("data fetched");
+      },
+      ...extendingFilters
+    }, 'incidents');
   }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
-  console.log({
-    data
-  });
   const selectFiltersConfig = React.useMemo(() => {
     return getFiltersConfig$1({
       t
@@ -31608,7 +34371,7 @@ const EventsTable = ({
   }, []);
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
-    title: t("events"),
+    title: t("Incidents"),
     breadCrumbs: breadCrumbs,
     location: location,
     loading: loading,
@@ -31624,15 +34387,16 @@ const EventsTable = ({
     getRedirectLink: getRedirectLink,
     filtersConfig: filtersConfig$1,
     isMobile: isMobile,
-    view: "events",
+    view: "incidents",
     getActiveTab: handleActiveTabChange,
     onDownload: () => {
       console.log("download");
     },
-    drawerTitle: t("Create Events"),
+    drawerTitle: t("Create Incidents"),
     children: ({
       onDrawerClose
-    }) => /*#__PURE__*/jsxRuntime.jsx(EventsCreate, {
+    }) => /*#__PURE__*/jsxRuntime.jsx(StakeholdersCreate, {
+      defaultData: createDefaultValues,
       t: t,
       goTo: goTo,
       user: user,
@@ -31646,7 +34410,7 @@ const EventsTable = ({
         if (data.datastakeId) {
           displayMessage(type, t("affirmations::subject-created-successfully") || m);
           // goTo(`/app/edit/stakeholders/${data.datastakeId}`);
-          goTo(`/app/edit/events/${data.datastakeId}`);
+          goTo(`/app/edit/incidents/${data.datastakeId}`);
         }
       },
       onCancel: onDrawerClose,
@@ -31662,6 +34426,12 @@ const EventsTable = ({
   });
 };
 
+const getLinkValue = (value, linkingObject) => {
+  if (linkingObject && linkingObject?.[value]) {
+    return linkingObject?.[value]?.name;
+  }
+  return null;
+};
 const getColumns = ({
   t,
   goTo,
@@ -31683,30 +34453,83 @@ const getColumns = ({
         className: "daf-default-cell"
       });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: v,
-      children: v
-    });
+    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: '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: 'title',
-  title: t('Title'),
-  ellipsis: true,
-  show: true,
-  render: (v, all) => {
+  title: t("Products"),
+  dataIndex: "products",
+  key: "products",
+  show: activeTab !== "own",
+  render: (val, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "daf-default-cell"
       });
     }
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: v,
-      children: v
+    console.log({
+      val,
+      all
+    });
+    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
+      items: val
     });
   }
-}, {
-  dataIndex: 'type',
-  title: t('Type'),
+},, {
+  dataIndex: 'operator',
+  title: t('Operator'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -31715,10 +34538,10 @@ const getColumns = ({
         className: "daf-default-cell"
       });
     }
-    const type = findOptions(v, data?.options?.locationCategories);
-    return type ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: type,
-      children: type
+    const operator = getLinkValue(all?.operator, all?.linking?.SCL);
+    return operator ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: operator,
+      children: operator
     }) : '-';
   }
 }, {
@@ -31740,23 +34563,21 @@ const getColumns = ({
   },
   ellipsis: true
 }, {
-  title: t("Sources"),
-  dataIndex: "sources",
-  key: "sources",
-  show: activeTab !== "own",
-  render: (val, all) => {
+  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"
       });
     }
-    console.log({
-      val,
-      all
-    });
-    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: val
-    });
+    const status = findOptions(v, data?.options?.statusOptions);
+    return status ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: status,
+      children: status
+    }) : '-';
   }
 }, {
   id: 'actions',
@@ -31796,7 +34617,144 @@ const getFiltersConfig = ({
   return {
     country: {
       type: 'select',
-      placeholder: t('Country'),
+      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
+      }
+    },
+    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;
+      }
+    },
+    positionInTheMineralSupplyChain: {
+      type: 'select',
+      label: 'Position',
+      placeholder: t => `${t('Filter by')} ${t('Position').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -31805,6 +34763,19 @@ const getFiltersConfig = ({
       },
       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
     }
   };
 };
@@ -31814,17 +34785,41 @@ const filtersConfig = {
 };
 const getFilterOptions = (options, t) => {
   const {
-    countries
+    statusOptions = [],
+    categoryOptions = [],
+    countries = [],
+    product = [],
+    subCategory = [],
+    subCategoriesOptions,
+    stakeholderCategoryOptions,
+    stakeholderSubCategoriesOptions,
+    administrativeLevel1,
+    administrativeLevel2
   } = options || {};
+  console.log({
+    options
+  });
   const _default = {
-    country: countries
+    category: stakeholderCategoryOptions || categoryOptions,
+    country: countries,
+    product: product,
+    administrativeLevel1,
+    administrativeLevel2,
+    subCategory: subCategoriesOptions,
+    status: [{
+      value: "submitted",
+      label: "Submitted"
+    }, {
+      value: "private",
+      label: "Private"
+    }]
   };
   return _default;
 };
 
-const DocumentsCreate = ({
-  namespace = 'documents',
-  view = 'scoping',
+const ProductionSitesCreate = ({
+  namespace = "PRODUCTION SITES",
+  view = ['scoping', 'new'],
   edit = false,
   formData = {},
   loading = false,
@@ -31873,7 +34868,10 @@ const DocumentsCreate = ({
     className: "daf-create-form",
     children: /*#__PURE__*/jsxRuntime.jsx(DynamicForm, {
       form: form,
-      data: data,
+      data: {
+        ...defaultData,
+        ...data
+      },
       showSaveAndNext: false,
       module: APP,
       onCancel: onCancel,
@@ -31899,7 +34897,7 @@ const DocumentsCreate = ({
         const newPayload = {
           ...defaultData,
           ...payloadData,
-          form: 'document'
+          form: 'production-sites'
         };
         const callback = (type, m, data) => {
           if (setSelectedFormNext) {
@@ -31922,7 +34920,7 @@ const DocumentsCreate = ({
   });
 };
 
-const DocumentsTable = ({
+const ProductionSitesTable = ({
   t = () => {},
   goTo = () => {},
   user = {},
@@ -31948,7 +34946,8 @@ const DocumentsTable = ({
   formData = {},
   formValue = {},
   form = {},
-  extendingFilters = {}
+  extendingFilters = {},
+  createDefaultValues = {}
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState();
@@ -31960,7 +34959,7 @@ const DocumentsTable = ({
     activeTab,
     getRedirectLink,
     theme,
-    subject: 'documents',
+    subject: 'production-sites',
     data
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data]);
   const breadCrumbs = [];
@@ -31973,32 +34972,26 @@ const DocumentsTable = ({
   } = useGetQueryParams({
     location
   });
-  const filters = React.useMemo(() => {
+  React.useMemo(() => {
     return {
       ...otherParams,
       ...extendingFilters
     };
   }, [otherParams, extendingFilters]);
   React.useEffect(() => {
-    console.log("fetching data");
     getData({
       pagination: paginationQuery,
-      ...(Object.keys(filters).length > 0 && {
-        filters: filters
-      }),
       ...(Object.keys(searchParams).length > 0 && {
         search: searchParams
       }),
+      ...otherParams,
       tab: activeTab,
       sortBy: {
         [sortBy || "updatedAt"]: sortDir ? sortDir === "ascend" ? 1 : -1 : -1
-      }
-    }, 'documents');
-    console.log("data fetched");
+      },
+      ...extendingFilters
+    }, 'production-sites');
   }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
-  console.log({
-    data
-  });
   const selectFiltersConfig = React.useMemo(() => {
     return getFiltersConfig({
       t
@@ -32015,7 +35008,7 @@ const DocumentsTable = ({
   }, []);
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
-    title: t("documents"),
+    title: t("production-sites"),
     breadCrumbs: breadCrumbs,
     location: location,
     loading: loading,
@@ -32031,15 +35024,16 @@ const DocumentsTable = ({
     getRedirectLink: getRedirectLink,
     filtersConfig: filtersConfig,
     isMobile: isMobile,
-    view: "documents",
+    view: "production-sites",
     getActiveTab: handleActiveTabChange,
     onDownload: () => {
       console.log("download");
     },
-    drawerTitle: t("Create Document"),
+    drawerTitle: t("Create Production Site"),
     children: ({
       onDrawerClose
-    }) => /*#__PURE__*/jsxRuntime.jsx(DocumentsCreate, {
+    }) => /*#__PURE__*/jsxRuntime.jsx(ProductionSitesCreate, {
+      defaultData: createDefaultValues,
       t: t,
       goTo: goTo,
       user: user,
@@ -32053,7 +35047,7 @@ const DocumentsTable = ({
         if (data.datastakeId) {
           displayMessage(type, t("affirmations::subject-created-successfully") || m);
           // goTo(`/app/edit/stakeholders/${data.datastakeId}`);
-          goTo(`/app/edit/documents/${data.datastakeId}`);
+          goTo(`/app/edit/production-sites/${data.datastakeId}`);
         }
       },
       onCancel: onDrawerClose,
@@ -32069,11 +35063,15 @@ const DocumentsTable = ({
   });
 };
 
+exports.ActivitiesTable = ActivitiesTable;
 exports.DocumentsTable = DocumentsTable;
 exports.EventsTable = EventsTable;
+exports.IncidentsTable = IncidentsTable;
 exports.LocationsTable = LocationsTable;
 exports.OperatorsTable = OperatorsTable;
+exports.ProductionSitesTable = ProductionSitesTable;
 exports.StakeholdersTable = StakeholdersTable;
 exports.SupplyChainDashboard = SupplyChain;
 exports.TablePageWithTabs = TablePageWithTabs;
 exports.UserDashboard = UserDashboard;
+exports.WorkersTable = WorkersTable;