datastake-daf 0.6.721 → 0.6.723

package/src/@daf/pages/dashboards/UserDashboard/components/Triangulation/hook.js

@@ -0,0 +1,87 @@
+import { useMemo, useCallback } from "react";
+import { renderTooltipJsx } from '../../../../../utils/tooltip.js'
+import { getConfig } from './config.js'
+
+export const useTriangulation = ({ widgetData, t = () => {}, section, theme = {} }) => {
+
+    const config = useMemo(() => getConfig(theme), [theme]);
+
+    const data = useMemo(() => {
+		const data = {
+			singleSource: 0,
+			multipleSource: 0,
+			total: 0,
+		};
+
+		Object.values(widgetData).forEach((val) => {
+			data.total += val?.total || 0;
+			data.singleSource += val?.singleSource || 0;
+			data.multipleSource += val?.multiSource || 0;
+		});
+
+
+		return {
+			singleSource: data.total > 0 ? Math.round((data.singleSource / data.total) * 100) : 0,
+			multipleSource:
+				data.total > 0 ? Math.round((data.multipleSource / data.total) * 100) : 0,
+		};
+	}, [widgetData]);
+
+
+    const pieData = useMemo(() => {
+		// console.log("data", data);
+		const total = Object.values(data).reduce((all, val) => all + (val || 0), 0);
+		return config.map((conf) => ({
+			percent: (data[conf.key] || 0) / total,
+			color: conf.color,
+			key: conf.key,
+		}));
+	}, [data]);
+
+    const isEmpty = useMemo(() => Object.keys(data).filter((k) => !!data[k]).length === 0, [data]);
+
+    const getTooltipChildren = useCallback(
+		(item) => {
+			if (isEmpty) {
+				return renderTooltipJsx({
+					title: t("Triangulation"),
+					items: config.map((conf) => ({
+						label: t(conf.label[section]),
+						color: conf.color,
+						value: "0%",
+					})),
+				});
+			}
+
+			const _config = config.find((c) => c.key === item.key);
+
+			if (_config) {
+				return renderTooltipJsx({
+					title: t(
+						section === "data-compilation"
+							? "nashiriki::Information Sharing"
+							: "Triangulation",
+					),
+					items: [
+						{
+							// color: _config.color,
+							label: t(_config.label[section]),
+							value: `${data[_config.key] || 0}%`,
+						},
+					],
+				});
+			}
+
+			return null;
+		},
+		[t, data, section, isEmpty],
+	);
+
+    return {
+        pieData,
+        isEmpty,
+        getTooltipChildren,
+        data,
+        config,
+    }
+}

package/src/@daf/pages/dashboards/UserDashboard/components/Triangulation/index.jsx

@@ -0,0 +1,68 @@
+import React, { useMemo, useCallback } from 'react'
+import { useWidgetFetch } from '../../../../../hooks/useWidgetFetch.js'
+import { getConfig } from './config.js'
+import { renderTooltipJsx } from '../../../../../utils/tooltip.js'
+import Widget from '../../../../../core/components/Dashboard/Widget/index.jsx'
+import PieChart from '../../../../../core/components/Charts/PieChart/chart.jsx'
+import { useTriangulation } from './hook.js'
+
+const defaultFetchConfig = {
+	basepath: "analytics",
+	url: "/widgets/triangulation",
+	defaultData: [],
+	filters: {},
+};
+
+function Triangulation({
+    section = "data-compilation",
+	tabSelected = "dataFlow",
+	t=() => {},
+	user = {},
+	theme = {}
+}) {
+    const fetchConfig = useMemo(
+		() => ({
+			...defaultFetchConfig,
+			filters: {
+				section: section,
+				tabSelected: tabSelected,
+			},
+			stop: false,
+		}),
+		[tabSelected],
+	);
+
+    const { data: widgetData, loading } = useWidgetFetch({config: fetchConfig});
+
+    const { pieData, isEmpty, getTooltipChildren } = useTriangulation({ widgetData, theme, t, section });
+
+    return (
+        <Widget
+            loading={loading}
+            title={t(
+                section === "data-compilation"
+                    ? "Information Sharing"
+                    : "Triangulation",
+            )}
+            className="with-border-header flex-1 h-w-btn-header"
+        >
+            <div className="flex flex-1 flex-column justify-content-center pl-4 pr-4">
+                <div className="flex justify-content-center">
+                    <PieChart
+                        mouseXOffset={10}
+                        mouseYOffset={10}
+                        changeOpacityOnHover={false}
+                        data={pieData}
+                        doConstraints={false}
+                        isPie
+                        t={t}
+                        isEmpty={isEmpty}
+                        getTooltipChildren={getTooltipChildren}
+                    />
+                </div>
+            </div>
+        </Widget>
+    )
+}
+
+export default Triangulation

package/src/@daf/pages/dashboards/UserDashboard/config.js

@@ -1,27 +1,27 @@
 export const getActionWidgetsConfig = ({ goTo, getRedirectLink, APP, t }) => [
     ...(APP === 'nashiriki' ? [{
         icon: "MineSite",
-		title: t("nashiriki::create-mine-site"),
-		onClick: () => goTo(getRedirectLink("/app/scl?create=true")),
-    }] : null),
-	{
-		icon: "FileEdit",
-		title: t("nashiriki::report-activity"),
-		onClick: () => goTo(getRedirectLink("/app/corrective-actions?create=true")),
-	},
-	{
-		icon: "ReportIncidents",
-		title: t("nashiriki::report-incident"),
-		onClick: () => goTo(getRedirectLink("/app/incident?create=true")),
-	},
-	{
-		icon: "Search",
-		title: t("nashiriki::find-information"),
-		onClick: () => goTo(getRedirectLink("/app/find-information")),
-	},
-	{
-		icon: "Share",
-		title: t("nashiriki::share-information"),
-		onClick: () => goTo(getRedirectLink("/app/partners")),
-	},
-];
+        title: t("nashiriki::create-mine-site"),
+        onClick: () => goTo(getRedirectLink("/app/scl?create=true")),
+    }] : []),
+    {
+        icon: "FileEdit",
+        title: "Report Activity",
+        onClick: () => goTo(getRedirectLink("/app/corrective-actions?create=true")),
+    },
+    {
+        icon: "ReportIncidents",
+        title: "Report Incident",
+        onClick: () => goTo(getRedirectLink("/app/incident?create=true")),
+    },
+    {
+        icon: "Search",
+        title: "Find Information",
+        onClick: () => goTo(getRedirectLink("/app/find-information")),
+    },
+    {
+        icon: "Share",
+        title: "Share Information",
+        onClick: () => goTo(getRedirectLink("/app/partners")),
+    },
+];

package/src/@daf/pages/dashboards/UserDashboard/index.jsx

@@ -3,12 +3,23 @@ import { getActionWidgetsConfig } from './config'
 import ActionWidget from '../../../core/components/Dashboard/Widget/ActionWidget/index.jsx'
 import Header from '../../../core/components/Header/index.jsx'
 import DashboardLayout from '../../../core/components/Dashboard/DashboardLayout/index.jsx'
+import KeyIndicators from './components/KeyIndicators/index.jsx'
+import MineSites from './components/MineSites/index.jsx'
+import DataCompilation from './components/DataCompilation/index.jsx'
+import DataConsilidation from './components/DataConsilidation/index.jsx'
 
 function UserDashboard({
     t = () => {},
     goTo = () => {},
     getRedirectLink = () => {},
     APP,
+    theme = {},
+    partners,
+    selectedPartners,
+    setSelectedPartners,
+    informationSources,
+    user = {},
+    options = {},
 }) {
 
     const actionsWidgetsConfig = useMemo(
@@ -16,6 +27,14 @@ function UserDashboard({
         [t, getRedirectLink, APP, t],
     );
 
+    const informationSourcesCount = useMemo(() => {
+        return informationSources > 0
+            ? informationSources
+            : selectedPartners?.partners?.length > 0
+                ? selectedPartners?.partners?.length
+                : 0
+    }, [informationSources, selectedPartners]);
+
     return (
         <DashboardLayout
             header={
@@ -35,6 +54,43 @@ function UserDashboard({
                 />
                 ))}
             </section>
+            <section>
+                <KeyIndicators 
+                    theme={theme}  
+                    partners={informationSourcesCount} 
+                    t={t} 
+                    goTo={goTo} 
+                    getRedirectLink={getRedirectLink} 
+                />
+            </section>
+            <section>
+                <MineSites 
+                    t={t}
+                    goTo={goTo}
+                    getRedirectLink={getRedirectLink}
+                    theme={theme}
+                    selectedPartners={selectedPartners}
+                    setSelectedPartners={setSelectedPartners}
+                    partners={partners}
+                    user={user}
+                    options={options}
+                    APP={APP}
+                />
+            </section>
+            <section>
+                <DataCompilation 
+                    t={t} 
+                    user={user} 
+                    theme={theme} 
+                />
+            </section>
+            <section>
+                <DataConsilidation 
+                    t={t} 
+                    user={user} 
+                    theme={theme} 
+                />
+            </section>
 
         </DashboardLayout>
     )

package/src/@daf/services/AuthenticationService.js

@@ -128,7 +128,13 @@ class AuthenticationService extends BaseService {
 		});
 	}
 
-    inviteUser(payload) {
+    inviteUser(payload, id) {
+		if(id) {
+			return this.apiPost({
+				url: `/companies/${id}/invite`,
+				data: payload,
+			});
+		}
 		return this.apiPost({
 			url: '/companies/invite',
 			data: payload,

package/build/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/build/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow: