datastake-daf 0.6.748 → 0.6.749

package/dist/pages/index.js

@@ -15749,21 +15749,300 @@ function sourceAvatarConfig(items, user, applications) {
   });
 }
 
-const getLinkValue$4 = (value, linkingObject) => {
-  if (linkingObject && linkingObject?.[value]) {
-    return linkingObject?.[value]?.name;
-  }
-  return null;
+const mmtTheme = {
+  // Base
+  white: '#ffffff',
+  colorPrimary: '#2E90FA',
+  borderColor: '#EAECF0',
+  // Gray
+  gray50: '#D2D6DB',
+  // Base Gray
+  baseGray10: '#FCFCFD',
+  baseGray20: '#f5f5f5',
+  baseGray30: '#F3F4F6',
+  baseGray40: '#E5E7EB',
+  baseGray50: '#D2D6DB',
+  baseGray60: '#9DA4AE',
+  baseGray70: '#6C737F',
+  baseGray80: '#4D5761',
+  baseGray90: '#384250',
+  baseGray100: '#2B3644',
+  baseGray110: '#1F2A37',
+  // Primary
+  colorPrimary1: '#F5FAFF',
+  colorPrimary2: '#EFF8FF',
+  colorPrimary3: '#D1E9FF',
+  colorPrimary4: '#B2DDFF',
+  colorPrimary5: '#84CAFF',
+  colorPrimary6: '#53B1FD',
+  colorPrimary7: '#2E90FA',
+  colorPrimary8: '#1570EF',
+  colorPrimary9: '#175CD3',
+  colorPrimary10: '#1849A9',
+  // Success
+  success1: '#F6FEF9',
+  success2: '#ECFDF3',
+  success3: '#D7FBE5',
+  success4: '#B0F3CB',
+  success5: '#6AD99E',
+  success6: '#32D583',
+  success7: '#12B76A',
+  success8: '#039855',
+  success9: '#05603A',
+  success10: '#054F31',
+  // Warning
+  warning1: '#FFFCF5',
+  warning2: '#FFFAEB',
+  warning3: '#FEF0C7',
+  warning4: '#FEDF89',
+  warning5: '#FEC84B',
+  warning6: '#FDB022',
+  warning7: '#F79009',
+  warning8: '#DC6803',
+  warning9: '#B54708',
+  warning10: '#93370D',
+  // Error
+  error1: '#FFFBFA',
+  error2: '#FEF3F2',
+  error3: '#FEE4E2',
+  error4: '#FECDCA',
+  error5: '#FDA29B',
+  error6: '#F97066',
+  error7: '#F04438',
+  error8: '#D92D20',
+  error9: '#B42318',
+  error10: '#912018',
+  // Red
+  red1: '#FFF1F0',
+  red2: '#FFCCC7',
+  red3: '#FFA39E',
+  red4: '#FF7875',
+  red5: '#FF4D4F',
+  red6: '#F5222D',
+  red7: '#CF1322',
+  red8: '#A8071A',
+  red9: '#820014',
+  red10: '#5C0011',
+  // Volcano
+  volcano1: '#FFF2E8',
+  volcano2: '#FFD8BF',
+  volcano3: '#FFBB96',
+  volcano4: '#FF9C6E',
+  volcano5: '#FF7A45',
+  volcano6: '#FA541C',
+  volcano7: '#D4380D',
+  volcano8: '#AD2102',
+  volcano9: '#871400',
+  volcano10: '#610B00',
+  // Orange
+  orange1: '#FFF7E6',
+  orange2: '#FFE7BA',
+  orange3: '#FFD591',
+  orange4: '#FFC069',
+  orange5: '#FFA940',
+  orange6: '#FA8C16',
+  orange7: '#D46B08',
+  orange8: '#AD4E00',
+  orange9: '#873800',
+  orange10: '#612500',
+  // Gold
+  gold1: '#FFFBE6',
+  gold2: '#FFF1B8',
+  gold3: '#FFE58F',
+  gold4: '#FFD666',
+  gold5: '#FFC53D',
+  gold6: '#FAAD14',
+  gold7: '#D48806',
+  gold8: '#AD6800',
+  gold9: '#874D00',
+  gold10: '#613400',
+  // Yellow
+  yellow1: '#feffe6',
+  yellow2: '#ffffb8',
+  yellow3: '#fffb8f',
+  yellow4: '#fff566',
+  yellow5: '#ffec3d',
+  yellow6: '#fadb14',
+  yellow7: '#d4b106',
+  yellow8: '#ad8b00',
+  yellow9: '#876800',
+  yellow10: '#614700',
+  // Lime
+  lime1: '#FCFFE6',
+  lime2: '#F4FFB8',
+  lime3: '#EAFF8F',
+  lime4: '#D3F261',
+  lime5: '#BAE637',
+  lime6: '#A0D911',
+  lime7: '#7CB305',
+  lime8: '#5B8C00',
+  lime9: '#3F6600',
+  lime10: '#254000',
+  // Green
+  green1: '#F6FFED',
+  green2: '#D9F7BE',
+  green3: '#B7EB8F',
+  green4: '#95DE64',
+  green5: '#73D13D',
+  green6: '#52C41A',
+  green7: '#389E0D',
+  green8: '#237804',
+  green9: '#135200',
+  green10: '#092B00',
+  // Cyan
+  cyan1: '#E6FFFB',
+  cyan2: '#B5F5EC',
+  cyan3: '#87E8DE',
+  cyan4: '#5CDBD3',
+  cyan5: '#36CFC9',
+  cyan6: '#13C2C2',
+  cyan7: '#08979C',
+  cyan8: '#006D75',
+  cyan9: '#00474F',
+  cyan10: '#002329',
+  // Blue
+  blue1: '#E6F4FF',
+  blue2: '#BAE0FF',
+  blue3: '#91CAFF',
+  blue4: '#69B1FF',
+  blue5: '#4096FF',
+  blue6: '#1677FF',
+  blue7: '#0958D9',
+  blue8: '#003EB3',
+  blue9: '#002C8C',
+  blue10: '#001D66',
+  // Primary
+  mmtPrimary1: '#F5FAFF',
+  mmtPrimary2: '#EFF8FF',
+  mmtPrimary3: '#D1E9FF',
+  mmtPrimary4: '#B2DDFF',
+  mmtPrimary5: '#84CAFF',
+  mmtPrimary6: '#53B1FD',
+  mmtPrimary7: '#2E90FA',
+  mmtPrimary8: '#1570EF',
+  mmtPrimary9: '#175CD3',
+  mmtPrimary10: '#1849A9',
+  // Purple
+  purple1: '#F9F0FF',
+  purple2: '#EFDBFF',
+  purple3: '#D3ADF7',
+  purple4: '#B37FEB',
+  purple5: '#9254DE',
+  purple6: '#722ED1',
+  purple7: '#531DAB',
+  purple8: '#391085',
+  purple9: '#22075E',
+  purple10: '#120338',
+  // Magenta
+  magenta1: '#FFF0F6',
+  magenta2: '#FFD6E7',
+  magenta3: '#FFADD2',
+  magenta4: '#FF85C0',
+  magenta5: '#F759AB',
+  magenta6: '#EB2F96',
+  magenta7: '#C41D7F',
+  magenta8: '#9E1068',
+  magenta9: '#780650',
+  magenta10: '#520339',
+  // Sizes
+  sizeUnit: 4,
+  size: 16,
+  sizeXXS: 4,
+  sizeXS: 8,
+  sizeSM: 12,
+  sizeMD: 20,
+  sizeLG: 24,
+  sizeXL: 40,
+  sizeXXL: 30,
+  // Padding
+  padding: 16,
+  paddingXXS: 4,
+  paddingXS: 8,
+  paddingSM: 12,
+  paddingMD: 20,
+  paddingLG: 24,
+  paddingXL: 32,
+  paddingXXL: 48,
+  // Margin
+  margin: 16,
+  marginXXS: 4,
+  marginXS: 8,
+  marginSM: 12,
+  marginMD: 16,
+  marginLG: 24,
+  marginXL: 48,
+  // Height
+  controlHeight: 32,
+  controlHeightXS: 16,
+  controlHeightSM: 24,
+  controlHeightLG: 40,
+  // Border Radius
+  borderRadius: 6,
+  borderRadiusXS: 2,
+  borderRadiusSM: 4,
+  borderRadiusLG: 8,
+  // Font Size
+  fontSize: 14,
+  fontSizeSM: 12,
+  fontSizeLG: 16,
+  fontSizeXL: 20,
+  fontSizeHeading1: 38,
+  fontSizeHeading2: 30,
+  fontSizeHeading3: 24,
+  fontSizeHeading4: 20,
+  fontSizeHeading5: 16
 };
-const getColumns$8 = ({
-  t,
-  goTo,
-  user,
-  options,
-  activeTab,
-  getRedirectLink,
-  theme,
-  subject,
+
+function MoreMenu({
+  items = [],
+  placement = "bottomRight",
+  trigger = ["click"],
+  color = mmtTheme.baseGray70
+}) {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "daf-more-menu",
+    children: /*#__PURE__*/jsxRuntime.jsx(antd.Dropdown, {
+      menu: {
+        items
+      },
+      trigger: trigger,
+      placement: placement,
+      children: /*#__PURE__*/jsxRuntime.jsx("a", {
+        onClick: e => e.preventDefault(),
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex-row justify-content-center",
+          children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+            name: "More",
+            width: 3,
+            height: 13,
+            color: color
+          })
+        })
+      })
+    })
+  });
+}
+MoreMenu.propTypes = {
+  items: PropTypes__default["default"].array,
+  placement: PropTypes__default["default"].oneOf(["bottom", "bottomLeft", "bottomRight", "top", "topLeft", "topRight"]),
+  trigger: PropTypes__default["default"].oneOf(["click", "hover", "contextMenu"])
+};
+
+const getLinkValue$4 = (value, linkingObject) => {
+  if (linkingObject && linkingObject?.[value]) {
+    return linkingObject?.[value]?.name;
+  }
+  return null;
+};
+const getColumns$8 = ({
+  t,
+  goTo,
+  user,
+  options,
+  activeTab,
+  getRedirectLink,
+  theme,
+  subject,
   data,
   applications
 }) => [{
@@ -15866,6 +16145,24 @@ const getColumns$8 = ({
       children: district
     }) : '-';
   }
+}, {
+  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",
@@ -15883,23 +16180,22 @@ const getColumns$8 = ({
     });
   }
 }, {
-  title: t("Last Update"),
-  dataIndex: "updatedAt",
-  key: "updatedAt",
-  width: 125,
-  render: (date, 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"
       });
     }
-    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
-    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: _date,
-      children: _date
-    });
-  },
-  ellipsis: true
+    const status = findOptions(v, data?.options?.statusOptions);
+    return status ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: status,
+      children: status
+    }) : '-';
+  }
 }, {
   id: 'actions',
   title: "",
@@ -15910,19 +16206,32 @@ const getColumns$8 = ({
         className: "daf-default-cell"
       });
     }
-    const link = `/app/view/${subject}/${all.datastakeId}`;
+    const onClick = () => {
+      const link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    const moreMenuItems = [{
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
+    }, {
+      label: t("Summary"),
+      value: "Summary",
+      onClick: () => {
+        let link = `/app/operator-summary/${all.datastakeId}`;
+        if (activeTab === "shared") {
+          link += `?sourceId=${all?.authorId?.id}`;
+        }
+        goTo(getRedirectLink(link));
+      }
+      // disabled: true,
+    }];
     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
-        })
+      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+        items: moreMenuItems
       })
     });
   }
@@ -19470,498 +19779,219 @@ function Geolocation$1({
             setModel({
               latitude: undefined,
               longitude: undefined
-            });
-            onChange(null);
-          } else {
-            setModel({
-              longitude: ev,
-              latitude: model.latitude
-            });
-          }
-        },
-        max: 180,
-        min: -180,
-        disabled: disabled,
-        placeholder: getMetaPlaceholer(inputMeta, t) || t('Longitude')
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
-      content: /*#__PURE__*/jsxRuntime.jsxs("div", {
-        style: {
-          display: "flex",
-          flexDirection: "column"
-        },
-        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Alert, {
-          message: t('GPS Info'),
-          type: "info",
-          style: {
-            marginBottom: '12px',
-            maxWidth: '800px'
-          }
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          id: mapId,
-          style: {
-            width: '100%',
-            height: '450px'
-          }
-        }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-          onClick: () => setMapVisible(false),
-          style: {
-            width: '100%',
-            marginTop: '12px'
-          },
-          type: "dashed",
-          disabled: !propHasValue$1(model.latitude) || !propHasValue$1(model.longitude),
-          icon: /*#__PURE__*/jsxRuntime.jsx(Icons.SaveOutlined, {
-            style: {
-              verticalAlign: '0px'
-            }
-          }),
-          children: t('Save')
-        })]
-      }),
-      placement: "left",
-      open: mapVisible,
-      trigger: "click",
-      onOpenChange: () => {
-        if (!disabled) {
-          setMapVisible(prev => !prev);
-        }
-      },
-      children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
-        icon: /*#__PURE__*/jsxRuntime.jsx(Icons.PushpinOutlined, {}),
-        disabled: disabled,
-        className: "open-map",
-        size: size,
-        onClick: () => {
-          setMapVisible(true);
-        }
-      })
-    })]
-  });
-}
-
-const {
-  useToken: useToken$2
-} = antd.theme;
-function Smart() {
-  const {
-    token
-  } = useToken$2();
-  const [isOpen, setIsOpen] = React.useState(false);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    style: {
-      border: "1px solid #E5E7EB",
-      width: "100%",
-      borderRadius: "4px",
-      boxShadow: "0px 1px 2px 0px #00000008, 0px 1px 6px -1px #00000005, 0px 2px 4px 0px #00000005"
-    },
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "8px",
-        padding: "8px"
-      },
-      onClick: () => setIsOpen(!isOpen),
-      children: [/*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-        name: "Lightning",
-        size: 16,
-        color: token.colorPrimary7
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        style: {
-          marginRight: "auto"
-        },
-        children: "Smart Help"
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-          name: "ChevronRight",
-          size: 12,
-          color: token.colorPrimary7,
-          style: {
-            transform: isOpen ? "rotate(90deg)" : "rotate(0deg)",
-            transition: "transform 0.3s ease-in-out"
-          }
-        })
-      })]
-    }), isOpen && /*#__PURE__*/jsxRuntime.jsxs("div", {
-      style: {
-        padding: "8px",
-        display: "flex",
-        flexDirection: "column",
-        gap: "12px"
-      },
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        style: {
-          paddingLeft: "4px",
-          color: "#6C737F",
-          fontFamily: "SF UI Display",
-          fontWeight: "500",
-          fontStyle: "Medium",
-          fontSize: "14px",
-          leadingTrim: "NONE",
-          lineHeight: "20px",
-          letterSpacing: "0%"
-        },
-        children: "The information available here has been identified as matching the requirements of this question."
-      }), /*#__PURE__*/jsxRuntime.jsx(SmartWidget, {
-        label: "Operational Activities",
-        icon: "AimOutlined",
-        link: "Link"
-      }), /*#__PURE__*/jsxRuntime.jsx(SmartWidget, {
-        label: "Monitoring Activities",
-        icon: "Eye",
-        link: "Link"
-      }), /*#__PURE__*/jsxRuntime.jsx(SmartWidget, {
-        label: "Project Locations",
-        icon: "DashboardLocations",
-        link: "Link"
-      }), /*#__PURE__*/jsxRuntime.jsx(SmartWidget, {
-        label: "Documents & Media",
-        icon: "DashboardDocuments",
-        link: "Link"
-      })]
-    })]
-  });
-}
-function SmartWidget({
-  label,
-  icon,
-  link
-}) {
-  const {
-    token
-  } = useToken$2();
-  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
-    noTitle: true,
-    className: "no-p-body p-xs",
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "8px"
-      },
-      children: [/*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-        name: icon,
-        size: 16,
-        color: "#384250"
-      }), /*#__PURE__*/jsxRuntime.jsx("span", {
-        style: {
-          marginRight: "auto"
-        },
-        children: label
-      }), /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-        name: link,
-        size: 16,
-        color: token.baseGray50,
-        style: {
-          cursor: "not-allowed"
-        }
-      })]
-    })
-  });
-}
-
-styled__default["default"].div`
-  position: absolute;
-  right: 25px;
-  top: 60px;
-  background: white;
-  padding: 10px 10px 10px 10px;
-  box-shadow: 0px 10px 30px 10px rgba(0, 0, 0, 0.1);
-  z-index: 1000;
-  width: 300px;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-
-  .comment-shown {
-    display: flex;
-    flex-direction: column;
-
-    .link {
-      display: flex;
-      gap: 8px;
-      justify-content: flex-end;
-    }
-  }
-`;
-
-const mmtTheme = {
-  // Base
-  white: '#ffffff',
-  colorPrimary: '#2E90FA',
-  borderColor: '#EAECF0',
-  // Gray
-  gray50: '#D2D6DB',
-  // Base Gray
-  baseGray10: '#FCFCFD',
-  baseGray20: '#f5f5f5',
-  baseGray30: '#F3F4F6',
-  baseGray40: '#E5E7EB',
-  baseGray50: '#D2D6DB',
-  baseGray60: '#9DA4AE',
-  baseGray70: '#6C737F',
-  baseGray80: '#4D5761',
-  baseGray90: '#384250',
-  baseGray100: '#2B3644',
-  baseGray110: '#1F2A37',
-  // Primary
-  colorPrimary1: '#F5FAFF',
-  colorPrimary2: '#EFF8FF',
-  colorPrimary3: '#D1E9FF',
-  colorPrimary4: '#B2DDFF',
-  colorPrimary5: '#84CAFF',
-  colorPrimary6: '#53B1FD',
-  colorPrimary7: '#2E90FA',
-  colorPrimary8: '#1570EF',
-  colorPrimary9: '#175CD3',
-  colorPrimary10: '#1849A9',
-  // Success
-  success1: '#F6FEF9',
-  success2: '#ECFDF3',
-  success3: '#D7FBE5',
-  success4: '#B0F3CB',
-  success5: '#6AD99E',
-  success6: '#32D583',
-  success7: '#12B76A',
-  success8: '#039855',
-  success9: '#05603A',
-  success10: '#054F31',
-  // Warning
-  warning1: '#FFFCF5',
-  warning2: '#FFFAEB',
-  warning3: '#FEF0C7',
-  warning4: '#FEDF89',
-  warning5: '#FEC84B',
-  warning6: '#FDB022',
-  warning7: '#F79009',
-  warning8: '#DC6803',
-  warning9: '#B54708',
-  warning10: '#93370D',
-  // Error
-  error1: '#FFFBFA',
-  error2: '#FEF3F2',
-  error3: '#FEE4E2',
-  error4: '#FECDCA',
-  error5: '#FDA29B',
-  error6: '#F97066',
-  error7: '#F04438',
-  error8: '#D92D20',
-  error9: '#B42318',
-  error10: '#912018',
-  // Red
-  red1: '#FFF1F0',
-  red2: '#FFCCC7',
-  red3: '#FFA39E',
-  red4: '#FF7875',
-  red5: '#FF4D4F',
-  red6: '#F5222D',
-  red7: '#CF1322',
-  red8: '#A8071A',
-  red9: '#820014',
-  red10: '#5C0011',
-  // Volcano
-  volcano1: '#FFF2E8',
-  volcano2: '#FFD8BF',
-  volcano3: '#FFBB96',
-  volcano4: '#FF9C6E',
-  volcano5: '#FF7A45',
-  volcano6: '#FA541C',
-  volcano7: '#D4380D',
-  volcano8: '#AD2102',
-  volcano9: '#871400',
-  volcano10: '#610B00',
-  // Orange
-  orange1: '#FFF7E6',
-  orange2: '#FFE7BA',
-  orange3: '#FFD591',
-  orange4: '#FFC069',
-  orange5: '#FFA940',
-  orange6: '#FA8C16',
-  orange7: '#D46B08',
-  orange8: '#AD4E00',
-  orange9: '#873800',
-  orange10: '#612500',
-  // Gold
-  gold1: '#FFFBE6',
-  gold2: '#FFF1B8',
-  gold3: '#FFE58F',
-  gold4: '#FFD666',
-  gold5: '#FFC53D',
-  gold6: '#FAAD14',
-  gold7: '#D48806',
-  gold8: '#AD6800',
-  gold9: '#874D00',
-  gold10: '#613400',
-  // Yellow
-  yellow1: '#feffe6',
-  yellow2: '#ffffb8',
-  yellow3: '#fffb8f',
-  yellow4: '#fff566',
-  yellow5: '#ffec3d',
-  yellow6: '#fadb14',
-  yellow7: '#d4b106',
-  yellow8: '#ad8b00',
-  yellow9: '#876800',
-  yellow10: '#614700',
-  // Lime
-  lime1: '#FCFFE6',
-  lime2: '#F4FFB8',
-  lime3: '#EAFF8F',
-  lime4: '#D3F261',
-  lime5: '#BAE637',
-  lime6: '#A0D911',
-  lime7: '#7CB305',
-  lime8: '#5B8C00',
-  lime9: '#3F6600',
-  lime10: '#254000',
-  // Green
-  green1: '#F6FFED',
-  green2: '#D9F7BE',
-  green3: '#B7EB8F',
-  green4: '#95DE64',
-  green5: '#73D13D',
-  green6: '#52C41A',
-  green7: '#389E0D',
-  green8: '#237804',
-  green9: '#135200',
-  green10: '#092B00',
-  // Cyan
-  cyan1: '#E6FFFB',
-  cyan2: '#B5F5EC',
-  cyan3: '#87E8DE',
-  cyan4: '#5CDBD3',
-  cyan5: '#36CFC9',
-  cyan6: '#13C2C2',
-  cyan7: '#08979C',
-  cyan8: '#006D75',
-  cyan9: '#00474F',
-  cyan10: '#002329',
-  // Blue
-  blue1: '#E6F4FF',
-  blue2: '#BAE0FF',
-  blue3: '#91CAFF',
-  blue4: '#69B1FF',
-  blue5: '#4096FF',
-  blue6: '#1677FF',
-  blue7: '#0958D9',
-  blue8: '#003EB3',
-  blue9: '#002C8C',
-  blue10: '#001D66',
-  // Primary
-  mmtPrimary1: '#F5FAFF',
-  mmtPrimary2: '#EFF8FF',
-  mmtPrimary3: '#D1E9FF',
-  mmtPrimary4: '#B2DDFF',
-  mmtPrimary5: '#84CAFF',
-  mmtPrimary6: '#53B1FD',
-  mmtPrimary7: '#2E90FA',
-  mmtPrimary8: '#1570EF',
-  mmtPrimary9: '#175CD3',
-  mmtPrimary10: '#1849A9',
-  // Purple
-  purple1: '#F9F0FF',
-  purple2: '#EFDBFF',
-  purple3: '#D3ADF7',
-  purple4: '#B37FEB',
-  purple5: '#9254DE',
-  purple6: '#722ED1',
-  purple7: '#531DAB',
-  purple8: '#391085',
-  purple9: '#22075E',
-  purple10: '#120338',
-  // Magenta
-  magenta1: '#FFF0F6',
-  magenta2: '#FFD6E7',
-  magenta3: '#FFADD2',
-  magenta4: '#FF85C0',
-  magenta5: '#F759AB',
-  magenta6: '#EB2F96',
-  magenta7: '#C41D7F',
-  magenta8: '#9E1068',
-  magenta9: '#780650',
-  magenta10: '#520339',
-  // Sizes
-  sizeUnit: 4,
-  size: 16,
-  sizeXXS: 4,
-  sizeXS: 8,
-  sizeSM: 12,
-  sizeMD: 20,
-  sizeLG: 24,
-  sizeXL: 40,
-  sizeXXL: 30,
-  // Padding
-  padding: 16,
-  paddingXXS: 4,
-  paddingXS: 8,
-  paddingSM: 12,
-  paddingMD: 20,
-  paddingLG: 24,
-  paddingXL: 32,
-  paddingXXL: 48,
-  // Margin
-  margin: 16,
-  marginXXS: 4,
-  marginXS: 8,
-  marginSM: 12,
-  marginMD: 16,
-  marginLG: 24,
-  marginXL: 48,
-  // Height
-  controlHeight: 32,
-  controlHeightXS: 16,
-  controlHeightSM: 24,
-  controlHeightLG: 40,
-  // Border Radius
-  borderRadius: 6,
-  borderRadiusXS: 2,
-  borderRadiusSM: 4,
-  borderRadiusLG: 8,
-  // Font Size
-  fontSize: 14,
-  fontSizeSM: 12,
-  fontSizeLG: 16,
-  fontSizeXL: 20,
-  fontSizeHeading1: 38,
-  fontSizeHeading2: 30,
-  fontSizeHeading3: 24,
-  fontSizeHeading4: 20,
-  fontSizeHeading5: 16
-};
+            });
+            onChange(null);
+          } else {
+            setModel({
+              longitude: ev,
+              latitude: model.latitude
+            });
+          }
+        },
+        max: 180,
+        min: -180,
+        disabled: disabled,
+        placeholder: getMetaPlaceholer(inputMeta, t) || t('Longitude')
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
+      content: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        style: {
+          display: "flex",
+          flexDirection: "column"
+        },
+        children: [/*#__PURE__*/jsxRuntime.jsx(antd.Alert, {
+          message: t('GPS Info'),
+          type: "info",
+          style: {
+            marginBottom: '12px',
+            maxWidth: '800px'
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          id: mapId,
+          style: {
+            width: '100%',
+            height: '450px'
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+          onClick: () => setMapVisible(false),
+          style: {
+            width: '100%',
+            marginTop: '12px'
+          },
+          type: "dashed",
+          disabled: !propHasValue$1(model.latitude) || !propHasValue$1(model.longitude),
+          icon: /*#__PURE__*/jsxRuntime.jsx(Icons.SaveOutlined, {
+            style: {
+              verticalAlign: '0px'
+            }
+          }),
+          children: t('Save')
+        })]
+      }),
+      placement: "left",
+      open: mapVisible,
+      trigger: "click",
+      onOpenChange: () => {
+        if (!disabled) {
+          setMapVisible(prev => !prev);
+        }
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        icon: /*#__PURE__*/jsxRuntime.jsx(Icons.PushpinOutlined, {}),
+        disabled: disabled,
+        className: "open-map",
+        size: size,
+        onClick: () => {
+          setMapVisible(true);
+        }
+      })
+    })]
+  });
+}
 
-function MoreMenu({
-  items = [],
-  placement = "bottomRight",
-  trigger = ["click"],
-  color = mmtTheme.baseGray70
-}) {
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "daf-more-menu",
-    children: /*#__PURE__*/jsxRuntime.jsx(antd.Dropdown, {
-      menu: {
-        items
+const {
+  useToken: useToken$2
+} = antd.theme;
+function Smart() {
+  const {
+    token
+  } = useToken$2();
+  const [isOpen, setIsOpen] = React.useState(false);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    style: {
+      border: "1px solid #E5E7EB",
+      width: "100%",
+      borderRadius: "4px",
+      boxShadow: "0px 1px 2px 0px #00000008, 0px 1px 6px -1px #00000005, 0px 2px 4px 0px #00000005"
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        padding: "8px"
       },
-      trigger: trigger,
-      placement: placement,
-      children: /*#__PURE__*/jsxRuntime.jsx("a", {
-        onClick: e => e.preventDefault(),
-        children: /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "flex-row justify-content-center",
-          children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-            name: "More",
-            width: 3,
-            height: 13,
-            color: color
-          })
+      onClick: () => setIsOpen(!isOpen),
+      children: [/*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "Lightning",
+        size: 16,
+        color: token.colorPrimary7
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        style: {
+          marginRight: "auto"
+        },
+        children: "Smart Help"
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+          name: "ChevronRight",
+          size: 12,
+          color: token.colorPrimary7,
+          style: {
+            transform: isOpen ? "rotate(90deg)" : "rotate(0deg)",
+            transition: "transform 0.3s ease-in-out"
+          }
         })
-      })
+      })]
+    }), isOpen && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      style: {
+        padding: "8px",
+        display: "flex",
+        flexDirection: "column",
+        gap: "12px"
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        style: {
+          paddingLeft: "4px",
+          color: "#6C737F",
+          fontFamily: "SF UI Display",
+          fontWeight: "500",
+          fontStyle: "Medium",
+          fontSize: "14px",
+          leadingTrim: "NONE",
+          lineHeight: "20px",
+          letterSpacing: "0%"
+        },
+        children: "The information available here has been identified as matching the requirements of this question."
+      }), /*#__PURE__*/jsxRuntime.jsx(SmartWidget, {
+        label: "Operational Activities",
+        icon: "AimOutlined",
+        link: "Link"
+      }), /*#__PURE__*/jsxRuntime.jsx(SmartWidget, {
+        label: "Monitoring Activities",
+        icon: "Eye",
+        link: "Link"
+      }), /*#__PURE__*/jsxRuntime.jsx(SmartWidget, {
+        label: "Project Locations",
+        icon: "DashboardLocations",
+        link: "Link"
+      }), /*#__PURE__*/jsxRuntime.jsx(SmartWidget, {
+        label: "Documents & Media",
+        icon: "DashboardDocuments",
+        link: "Link"
+      })]
+    })]
+  });
+}
+function SmartWidget({
+  label,
+  icon,
+  link
+}) {
+  const {
+    token
+  } = useToken$2();
+  return /*#__PURE__*/jsxRuntime.jsx(Widget, {
+    noTitle: true,
+    className: "no-p-body p-xs",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px"
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: icon,
+        size: 16,
+        color: "#384250"
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        style: {
+          marginRight: "auto"
+        },
+        children: label
+      }), /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: link,
+        size: 16,
+        color: token.baseGray50,
+        style: {
+          cursor: "not-allowed"
+        }
+      })]
     })
   });
 }
-MoreMenu.propTypes = {
-  items: PropTypes__default["default"].array,
-  placement: PropTypes__default["default"].oneOf(["bottom", "bottomLeft", "bottomRight", "top", "topLeft", "topRight"]),
-  trigger: PropTypes__default["default"].oneOf(["click", "hover", "contextMenu"])
-};
+
+styled__default["default"].div`
+  position: absolute;
+  right: 25px;
+  top: 60px;
+  background: white;
+  padding: 10px 10px 10px 10px;
+  box-shadow: 0px 10px 30px 10px rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+  width: 300px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+
+  .comment-shown {
+    display: flex;
+    flex-direction: column;
+
+    .link {
+      display: flex;
+      gap: 8px;
+      justify-content: flex-end;
+    }
+  }
+`;
 
 const Styles = styled__default["default"].div`
 	display: flex;
@@ -30167,8 +30197,8 @@ const getColumns$7 = ({
     }) : '-';
   }
 }, {
-  dataIndex: 'administrativeLevel1',
-  title: t('Region'),
+  dataIndex: 'province',
+  title: t('Province'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -30177,15 +30207,15 @@ const getColumns$7 = ({
         className: "daf-default-cell"
       });
     }
-    const region = getLinkValue$3(v, all?.linking?.SCL);
-    return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: region,
-      children: region
+    const province = getLinkValue$3(v, all?.linking?.SCL);
+    return province ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: province,
+      children: province
     }) : '-';
   }
 }, {
-  dataIndex: 'administrativeLevel2',
-  title: t('District'),
+  dataIndex: 'territory',
+  title: t('Territory'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -30194,11 +30224,27 @@ const getColumns$7 = ({
         className: "daf-default-cell"
       });
     }
-    const district = getLinkValue$3(v, all?.linking?.SCL);
-    return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: district,
-      children: district
-    }) : '-';
+    const territory = getLinkValue$3(v, all?.linking?.SCL);
+    return territory ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: territory,
+      children: territory
+    }) : '-';
+  }
+}, {
+  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("Last Update"),
@@ -30218,22 +30264,6 @@ const getColumns$7 = ({
     });
   },
   ellipsis: true
-}, {
-  title: t("Sources"),
-  dataIndex: "sources",
-  key: "sources",
-  show: activeTab !== "own",
-  render: (val, all) => {
-    if (all.empty) {
-      return /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "daf-default-cell"
-      });
-    }
-    const sources = sourceAvatarConfig(val, user, applications);
-    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
-      items: sources
-    });
-  }
 }, {
   id: 'actions',
   title: "",
@@ -30244,19 +30274,32 @@ const getColumns$7 = ({
         className: "daf-default-cell"
       });
     }
-    const link = `/app/view/${subject}/${all.datastakeId}`;
+    const onClick = () => {
+      const link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    const moreMenuItems = [{
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
+    }, {
+      label: t("Summary"),
+      value: "Summary",
+      onClick: () => {
+        let link = `/app/summary/${subject}/${all.datastakeId}`;
+        if (activeTab === "shared") {
+          link += `?sourceId=${all?.authorId?.id}`;
+        }
+        goTo(getRedirectLink(link));
+      }
+      // disabled: true,
+    }];
     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
-        })
+      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+        items: moreMenuItems
       })
     });
   }
@@ -30281,6 +30324,19 @@ const getFiltersConfig$7 = ({
       },
       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
     }
   };
 };
@@ -30290,10 +30346,12 @@ const filtersConfig$7 = {
 };
 const getFilterOptions$7 = (options, t) => {
   const {
-    countries
+    countries = [],
+    category = []
   } = options || {};
   const _default = {
-    country: countries
+    country: countries,
+    category: category
   };
   return _default;
 };
@@ -30629,24 +30687,6 @@ const getColumns$6 = ({
       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",
@@ -30666,6 +30706,24 @@ const getColumns$6 = ({
       items: sources
     });
   }
+}, {
+  title: t("Last Update"),
+  dataIndex: "updatedAt",
+  key: "updatedAt",
+  width: 125,
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
+    });
+  },
+  ellipsis: true
 }, {
   id: 'actions',
   title: "",
@@ -30676,19 +30734,32 @@ const getColumns$6 = ({
         className: "daf-default-cell"
       });
     }
-    const link = `/app/view/${subject}/${all.datastakeId}`;
+    const onClick = () => {
+      const link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    const moreMenuItems = [{
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
+    }, {
+      label: t("Summary"),
+      value: "Summary",
+      onClick: () => {
+        let link = `/app/summary/${subject}/${all.datastakeId}`;
+        if (activeTab === "shared") {
+          link += `?sourceId=${all?.authorId?.id}`;
+        }
+        goTo(getRedirectLink(link));
+      }
+      // disabled: true,
+    }];
     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
-        })
+      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+        items: moreMenuItems
       })
     });
   }
@@ -30713,6 +30784,19 @@ const getFiltersConfig$6 = ({
       },
       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
     }
   };
 };
@@ -30722,10 +30806,12 @@ const filtersConfig$6 = {
 };
 const getFilterOptions$6 = (options, t) => {
   const {
-    countries
+    countries = [],
+    category = []
   } = options || {};
   const _default = {
-    country: countries
+    country: countries,
+    category: category
   };
   return _default;
 };
@@ -31293,6 +31379,24 @@ const getColumns$5 = ({
     });
   },
   ellipsis: true
+}, {
+  title: t("Last Update"),
+  dataIndex: "updatedAt",
+  key: "updatedAt",
+  width: 125,
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
+    });
+  },
+  ellipsis: true
 }, {
   id: 'actions',
   title: "",
@@ -31303,19 +31407,21 @@ const getColumns$5 = ({
         className: "daf-default-cell"
       });
     }
-    const link = `/app/view/${subject}/${all.datastakeId}`;
+    const onClick = () => {
+      const link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    const moreMenuItems = [{
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
+    }];
     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
-        })
+      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+        items: moreMenuItems
       })
     });
   }
@@ -31520,15 +31626,9 @@ const filtersConfig$5 = {
 const getFilterOptions$5 = (options, t) => {
   const {
     timeframe = [],
-    statusOptions = [],
+    status = [],
     categoryOptions = [],
     countries = [],
-    subCategory = [],
-    subCategoriesOptions,
-    stakeholderCategoryOptions,
-    stakeholderSubCategoriesOptions,
-    administrativeLevel1,
-    administrativeLevel2,
     category = []
   } = options || {};
   console.log({
@@ -31537,10 +31637,6 @@ const getFilterOptions$5 = (options, t) => {
   const _default = {
     timeframe: timeframe,
     country: countries,
-    category: stakeholderCategoryOptions || categoryOptions,
-    administrativeLevel1,
-    administrativeLevel2,
-    // subCategory: subCategoriesOptions,
     category: category,
     status: [{
       value: "submitted",
@@ -31908,19 +32004,28 @@ const getColumns$4 = ({
         className: "daf-default-cell"
       });
     }
-    const link = `/app/view/${subject}/${all.datastakeId}`;
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      style: {
-        display: "flex",
-        justifyContent: "center"
+    const onClick = () => {
+      const link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    const moreMenuItems = [{
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
+    }, {
+      label: t("Remove"),
+      value: "remove",
+      onClick: () => {
+        console.log("remove");
       },
-      children: /*#__PURE__*/jsxRuntime.jsx("a", {
-        href: getRedirectLink(link),
-        children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-          name: "Link",
-          size: 15,
-          color: theme.baseGray70
-        })
+      disabled: true
+    }];
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+        items: moreMenuItems
       })
     });
   }
@@ -31934,17 +32039,12 @@ const getFiltersConfig$4 = ({
   t
 }) => {
   return {
-    country: {
-      type: 'select',
-      placeholder: t('Country'),
+    timeframe: {
+      type: "timeframe",
+      label: "Timeframe",
       style: {
         flex: 1
-      },
-      labelStyle: {
-        flex: 1
-      },
-      getLabel: option => option.label,
-      getValue: option => option.value
+      }
     }
   };
 };
@@ -31954,10 +32054,10 @@ const filtersConfig$4 = {
 };
 const getFilterOptions$4 = (options, t) => {
   const {
-    countries
+    timeframe = []
   } = options || {};
   const _default = {
-    country: countries
+    timeframe: timeframe
   };
   return _default;
 };
@@ -33114,19 +33214,21 @@ const getColumns$2 = ({
         className: "daf-default-cell"
       });
     }
-    const link = `/app/view/${subject}/${all.datastakeId}`;
+    const onClick = () => {
+      const link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    const moreMenuItems = [{
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
+    }];
     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
-        })
+      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+        items: moreMenuItems
       })
     });
   }
@@ -33140,6 +33242,13 @@ const getFiltersConfig$2 = ({
   t
 }) => {
   return {
+    timeframe: {
+      type: "timeframe",
+      label: "Timeframe",
+      style: {
+        flex: 1
+      }
+    },
     country: {
       type: 'select',
       label: 'Country',
@@ -33240,10 +33349,10 @@ const getFiltersConfig$2 = ({
         flex: 1
       }
     },
-    activity: {
+    category: {
       type: 'select',
-      label: 'Activity',
-      placeholder: t => `${t('Filter by')} ${t('Activity').toLowerCase()}`,
+      label: 'Category',
+      placeholder: t => `${t('Filter by')} ${t('Category').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -33310,11 +33419,12 @@ const filtersConfig$2 = {
 };
 const getFilterOptions$2 = (options, t) => {
   const {
+    timeframe = [],
     statusOptions = [],
     categoryOptions = [],
     countries = [],
     subCategory = [],
-    activityAtSiteOptions = [],
+    category = [],
     stakeholderCategoryOptions,
     stakeholderSubCategoriesOptions,
     administrativeLevel1,
@@ -33323,6 +33433,7 @@ const getFilterOptions$2 = (options, t) => {
     subCategoriesOptions
   } = options || {};
   const _default = {
+    timeframe: timeframe,
     status: [{
       value: "submitted",
       label: "Submitted"
@@ -33333,7 +33444,7 @@ const getFilterOptions$2 = (options, t) => {
     category: stakeholderCategoryOptions || categoryOptions,
     country: countries,
     subCategory: subCategoriesOptions,
-    activity: activityAtSiteOptions,
+    category: category,
     administrativeLevel1,
     administrativeLevel2,
     positionInTheMineralSupplyChain: positionInMineralSupplyChainOptions
@@ -33829,19 +33940,21 @@ const getColumns$1 = ({
         className: "daf-default-cell"
       });
     }
-    const link = `/app/view/${subject}/${all.datastakeId}`;
+    const onClick = () => {
+      const link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    const moreMenuItems = [{
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
+    }];
     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
-        })
+      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+        items: moreMenuItems
       })
     });
   }
@@ -33855,6 +33968,13 @@ const getFiltersConfig$1 = ({
   t
 }) => {
   return {
+    timeframe: {
+      type: "timeframe",
+      label: "Timeframe",
+      style: {
+        flex: 1
+      }
+    },
     country: {
       type: 'select',
       label: 'Country',
@@ -33955,10 +34075,10 @@ const getFiltersConfig$1 = ({
         flex: 1
       }
     },
-    activity: {
+    category: {
       type: 'select',
-      label: 'Activity',
-      placeholder: t => `${t('Filter by')} ${t('Activity').toLowerCase()}`,
+      label: 'Category',
+      placeholder: t => `${t('Filter by')} ${t('Category').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -34025,11 +34145,12 @@ const filtersConfig$1 = {
 };
 const getFilterOptions$1 = (options, t) => {
   const {
+    timeframe = [],
     statusOptions = [],
     categoryOptions = [],
     countries = [],
     subCategory = [],
-    activityAtSiteOptions = [],
+    category = [],
     stakeholderCategoryOptions,
     stakeholderSubCategoriesOptions,
     administrativeLevel1,
@@ -34038,6 +34159,7 @@ const getFilterOptions$1 = (options, t) => {
     subCategoriesOptions
   } = options || {};
   const _default = {
+    timeframe: timeframe,
     status: [{
       value: "submitted",
       label: "Submitted"
@@ -34048,7 +34170,7 @@ const getFilterOptions$1 = (options, t) => {
     category: stakeholderCategoryOptions || categoryOptions,
     country: countries,
     subCategory: subCategoriesOptions,
-    activity: activityAtSiteOptions,
+    category: category,
     administrativeLevel1,
     administrativeLevel2,
     positionInTheMineralSupplyChain: positionInMineralSupplyChainOptions
@@ -34405,7 +34527,7 @@ const getColumns = ({
       items: val
     });
   }
-},, {
+}, {
   dataIndex: 'operator',
   title: t('Operator'),
   ellipsis: true,
@@ -34457,6 +34579,23 @@ const getColumns = ({
       children: status
     }) : '-';
   }
+}, {
+  title: t("Sources"),
+  dataIndex: 'source',
+  ellipsis: true,
+  show: activeTab !== "own",
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const source = findOptions(v, data?.options?.sourceOptions);
+    return source ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: source,
+      children: source
+    }) : '-';
+  }
 }, {
   id: 'actions',
   title: "",
@@ -34467,19 +34606,32 @@ const getColumns = ({
         className: "daf-default-cell"
       });
     }
-    const link = `/app/view/${subject}/${all.datastakeId}`;
+    const onClick = () => {
+      const link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    const moreMenuItems = [{
+      label: t("Details"),
+      value: "details",
+      onClick: onClick
+    }, {
+      label: t("Summary"),
+      value: "Summary",
+      onClick: () => {
+        let link = `/app/mine-summary/${all.datastakeId}`;
+        if (activeTab === "shared") {
+          link += `?sourceId=${all?.authorId?.id}`;
+        }
+        goTo(getRedirectLink(link));
+      }
+      // disabled: true,
+    }];
     return /*#__PURE__*/jsxRuntime.jsx("div", {
-      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
-        })
+      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+        items: moreMenuItems
       })
     });
   }
@@ -40122,6 +40274,467 @@ styled__default["default"].div`
   }
 `;
 
+styled__default["default"].div`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  width: 100%;
+  height: 100%;
+
+  .ant-menu {
+    min-width: 200px;
+    height: 100%;
+    
+    .ant-menu-item{
+      padding-left: var(--size)!important;
+    }
+    
+    .ant-menu-submenu {
+      .ant-menu-submenu-title {
+        padding-left: var(--size) !important;
+      }
+      .ant-menu.ant-menu-sub {
+        .ant-menu-item {
+          padding-left: 32px !important;
+        }
+      }
+    }
+  }
+
+  .view-content {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    position: relative;
+    width: 100%;
+    flex: 1;
+    overflow: auto;
+
+    .content {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      overflow-y: auto;
+      padding: 20px 20px 0 20px;
+      
+      .title {
+        margin-bottom: 20px;
+        font-size: var(--size-lg);
+
+        &.with-subtitle {
+          margin-bottom: var(--size-lg) !important;
+          display: flex;
+          align-items: baseline !important;
+          flex-direction: column;
+
+          h1 {
+            margin-bottom: 4px !important;
+          }
+
+          p {
+            margin-bottom: 0px;
+            color: #667085;
+            font-size: 15px;
+            font-weight: 500;
+          }
+        }
+      }
+      
+      .wrapper {
+        padding: 0;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+
+        .group, .group-extra {
+          width: 100%;
+          background: #fbfbfb;
+          border: 1px solid #f2f2f2;
+          padding: var(--size);
+          display: flex;
+          flex-direction: row;
+          flex-wrap: wrap;
+          margin-bottom: 20px;
+          justify-content: space-between;
+          
+          .title {
+            width: 100%;
+            display: flex;
+            align-items: center;
+            margin-bottom: var(--size);
+            
+            h1 {
+              font-size: 20px;
+              color: #001529;
+              margin-bottom: 0;
+            }
+          }
+          
+          .input {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+            width: calc(50% - 10px);
+            border-bottom: 1px solid #e4e8ed;
+            margin-bottom: var(--size);
+            margin-top: auto !important;
+            
+            .label {
+              display: flex;
+              align-items: center;
+            }
+            
+            .label, .value {
+              font-size: 14px;
+              color: #828282;
+              line-height: 22px;
+              margin: 0;
+            }
+            
+            .value {
+              color: #001529;
+              font-weight: 400;
+              margin-bottom: var(--size);
+              margin-top: 8px;
+            }
+          }
+          
+          .input.checkboxGroup {
+            margin-top: 12px !important;
+            .opt {
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              padding: 6px 0;
+              color: rgba(0, 0, 0, 0.78);
+              &:not(:last-of-type) {
+                border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+              }
+            }
+          }
+          
+          .input.last {
+            margin: 0;
+            border: none;
+            .value {
+              margin: 0;
+              margin-top: 8px;
+            }
+          }
+        }
+        
+        .group {
+          &.display, &.repeatable {
+            padding-bottom: var(--size);
+          }
+        }
+        
+        .group.repeatable, .group-extra.repeatable {
+          justify-content: flex-start;
+          .repeatable-row {
+            width: 100%;
+            display: flex;
+            background: white;
+            button {
+              border-radius: 8px;
+              span[role="img"] {
+                font-size: 12px;
+                svg {
+                  margin-top: -5px;
+                }
+              }
+            }
+            &.open {
+              color: var(--mmt-primary-70) !important;
+              background: #e6f7ff !important;
+              border-color: #91d5ff !important;
+              .input {
+                color: var(--mmt-primary-70) !important;
+                background: #e6f7ff !important;
+                border-color: #91d5ff !important;
+                .value {
+                  color: var(--mmt-primary-70) !important;
+                  background: #e6f7ff !important;
+                  border: none;
+                }
+              }
+            }
+          }
+          .input {
+            margin-right: 0 !important;
+            margin: 0;
+            border-bottom: none;
+            .label {
+              display: flex;
+              align-items: center;
+              padding: 0px 8px 12px;
+              border-bottom: 1px solid #e4e8ed;
+              min-height: 35px;
+            }
+            .value {
+              padding: 12px 8px;
+              background: white;
+              border-bottom: 1px solid #e4e8ed;
+              min-height: 48px;
+              margin-bottom: 0;
+              margin-top: 0;
+            }
+            &.first-col{
+              .value {
+                padding-left: 14px;
+              }
+            }
+          }
+          .input.action {
+            .value {
+              text-align: center;
+            }
+          }
+          .no-data {
+            padding: 12px;
+            background: white;
+            width: 100%;
+            text-align: center;
+            margin-bottom: 0 !important;
+          }
+        }
+        
+        .group.repeatable {
+          .input {
+            .label {
+              display: flex;
+              align-items: center;
+              height: 100%;
+            }
+          }
+          .repetable-row-extra {
+            width: 100%;
+            display: flex;
+            flex-wrap: wrap;
+            padding: var(--size) 0;
+            background: #fbfbfb;
+            overflow: hidden;
+            transition: all 300ms ease;
+            .input {
+              display: flex !important;
+              flex-direction: column;
+              justify-content: space-between;
+              border-bottom: 1px solid #e4e8ed;
+              margin-bottom: var(--size);
+            }
+            .label, .value {
+              font-size: 14px;
+              color: #828282;
+              line-height: 22px;
+              margin: 0;
+              border-bottom: none;
+              padding-right: var(--size);
+              padding-bottom: 0px;
+            }
+            .value {
+              color: #001529;
+              font-weight: 400;
+              margin-bottom: var(--size);
+              background: none;
+              border-bottom: none;
+              padding: 0 8px;
+              min-height: unset;
+            }
+            .input.last {
+              margin: 0;
+              border: none;
+              .value {
+                margin: 0;
+              }
+            }
+          }
+        }
+      }
+      
+      .group.display {
+        flex-wrap: wrap;
+        .title {
+          margin-bottom: 0;
+        }
+        .group {
+          width: calc(100% / 2 - 8px);
+          background: white;
+          margin-bottom: 0;
+          margin-top: var(--size);
+          .title {
+            margin-bottom: var(--size);
+            h1 {
+              font-size: var(--font-size-lg);
+            }
+          }
+        }
+      }
+    }
+    
+    .section-tabs {
+      .ant-tabs-bar.ant-tabs-top-bar {
+        display: flex;
+        justify-content: center;
+        border-bottom: none;
+      }
+    }
+  }
+  
+  .anticon {
+    vertical-align: 0;
+    margin-right: 0px;
+    margin-top: 4px;
+  }
+  
+  .image-container{
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    vertical-align: middle;
+    .ant-image{
+      border: 1px solid rgb(204, 204, 204);
+      margin-right: 10px;
+    }
+  }
+
+  @media (min-width: 768px){
+    .group.col-md-6.col-sm-12.ml-2,
+    .group.col-md-6.col-sm-12.mr-2 {
+      flex: 0 0 calc(50% - 0.75rem);
+      max-width: calc(50% - 0.75rem);
+    }
+  }
+  
+  b {
+    color: #001529;
+  }
+`;
+
+styled__default["default"].div`
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  .ant-menu {
+    min-width: 200px;
+    height: 100%;
+
+    .ant-menu-item {
+      padding-left: var(--size) !important;
+    }
+  }
+
+  .view-content {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    position: relative;
+    width: 100%;
+    flex: 1;
+    overflow: auto;
+
+    .form-edit {
+      width: 100%;
+      display: flex;
+      justify-content: center;
+      padding-top: var(--size-lg);
+      overflow: auto;
+      flex-direction: column;
+      padding: 20px 100px 0 100px;
+
+      .main-form {
+        min-width: 400px;
+        width: 100%;
+        max-width: 700px;
+        min-height: 100%;
+        margin: auto;
+
+        @media screen and (max-width: 1200px) {
+          min-width: 600px;
+        }
+
+        @media screen and (max-width: 768px) {
+          min-width: 100%;
+        }
+      }
+    }
+  }
+`;
+
+styled__default["default"].div`
+  display: flex;
+  flex-direction: column;
+  gap: 34px;
+  padding-bottom: 34px;
+
+  .group-header {
+    border-bottom: 1px solid #E5E7EB;
+    margin-bottom: var(--size-lg);
+
+    h3 {
+      font-size: 20px;
+      font-weight: 600;
+      margin-bottom: 4px;
+    }
+
+    p {
+      color: #667085;
+      margin-bottom: var(--size-lg);
+      font-weight: 500;
+    }
+  }
+
+  .input-group {
+    display: flex;
+    gap: 8px;
+
+    .ant-form-item {
+      flex: 1;
+    }
+  }
+`;
+
+/* eslint-disable react/prop-types */
+styled__default["default"].div`
+  width: 100%;
+  display: flex;
+  gap: 32px;
+
+  .label-cont {
+    flex: 1;
+  
+    h3 {
+      font-size: var(--font-size-lg);
+      font-weight: 500;
+      margin-bottom: 4px;
+    }
+
+    p {
+      color: #6C737F;
+      font-size: 14px;
+      font-weight: 500;
+    }
+  }
+`;
+
+/* eslint-disable react/prop-types */
+styled__default["default"].div`
+  .form-footer {
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+    margin-top: 28px;
+  }
+`;
+
+/* eslint-disable react/prop-types */
+styled__default["default"].div`
+  flex: 1;
+`;
+
 const getKeyIndicatorsRowConfig = ({
   t,
   data = {}