datastake-daf 0.6.813 → 0.6.815

package/src/@daf/core/components/Screens/Admin/AdminViews/components/Edit/index.jsx

@@ -3,7 +3,7 @@ import { ExclamationCircleOutlined } from "@ant-design/icons";
 import { useCallback, useEffect } from "react";
 import { useForms } from "../../../../../../context/Forms/index.js";
 import Users from "../Users/index.jsx";
-import AdminService from "../../../../../../../services/AdminService.js";
+
 export default function Edit({
 	t,
 	goTo,
@@ -37,17 +37,14 @@ export default function Edit({
 	}, [isChanged, addCheck, removeCheck]);
 
 	const deleteUser = useCallback(
-		async (id) => {
-			try {
-				await AdminService.removeUserFromAccount({ accountId: data.id, userId: id });
-				message.success(t("User removed successfully"));
-				fetchData();
-			} catch (err) {
-				handleError(err);
-			}
+		(id) => {
+			// TODO: add call 
+			console.log("DELETE", id);
+			fetchData();
 		},
-		[fetchData, data.id, t, handleError],
+		[fetchData],
 	);
+
 	const updateUser = useCallback((id, val) => {
 		setIsChanged(true);
 		setData((prev) => ({
@@ -74,9 +71,9 @@ export default function Edit({
 
 	const onSuspend = () => {
 		Modal.confirm({
-			title: t("Are-you-sure-you-want-to-suspend-this-account?"),
+			title: t("sbg-admin::suspend-title"),
 			icon: <ExclamationCircleOutlined />,
-			content: <span style={{ color: "#888" }}>{t("Associated-users-will-lose-access-to-the-application-and-to-all-data-created-for-this-account.")}</span>,
+			content: t("sbg-admin::suspend-content"),
 			okText: t("Yes"),
 			cancelText: t("No"),
 			onOk: async () => {

package/src/@daf/core/components/Screens/Admin/AdminViews/components/Users/index.jsx

@@ -34,7 +34,6 @@ export default function Users({
 	inviteCompanyAccount = () => {},
 	companyId,
 	handleError = () => {},
-
 }) {
 	const [hasError, setHasError] = useState(false);
 	const [showFilters, setShowFilters] = useState(false);
@@ -73,9 +72,9 @@ export default function Users({
 	const onDeleteUserClick = useCallback(
 		(id) => {
 			Modal.confirm({
-				title: t("Are-you-sure-you-want-to-remove-the-user-from-this-account?"),
+				title: t("sbg-admin::remove-user-title"),
 				icon: <ExclamationCircleOutlined />,
-				content: <span style={{ color: "#888" }}>{t("The-user-will-lose-access-to-the-application-and-to-all-data-created-for-this-account.")}</span>,
+				content: t("sbg-admin::remove-user-body"),
 				okText: t("Yes"),
 				cancelText: t("No"),
 				onOk: () => {
@@ -88,15 +87,8 @@ export default function Users({
 	);
 
 	const data = useMemo(() => {
-		const { users = [], pendingUsers = [] } = accountData;
-		let filtered = [
-			...users,
-			...pendingUsers.map(u => ({ 
-				...u, 
-				status: 'pending',
-				id: u.invitationToken || u.email // ensure pending users have an ID
-			}))
-		];
+		const { users = [] } = accountData;
+		let filtered = [...users];
 
 		if (!isEmptyOrSpaces(activeFilters.search)) {
 			const search = activeFilters.search.toLowerCase();
@@ -194,10 +186,6 @@ export default function Users({
 			inviteCompanyAccount={inviteCompanyAccount}
 			companyId={companyId}
 			handleError={handleError}
-			existingEmails={[
-				...(accountData?.users || []).map(u => u.email?.toLowerCase()),
-				...(accountData?.pendingUsers || []).map(u => u.email?.toLowerCase()),
-			].filter(Boolean)}
 		/>
 		</div>
 	);

package/src/@daf/core/components/Screens/Admin/AdminViews/components/View/helpers.js

@@ -1,15 +1,23 @@
 import { Tag } from "antd";
 
 export const renderStatus = ({ val, t = (s) => s }) => {
-	if (val === 'pending') {
-		return <Tag color="orange">{t("Pending")}</Tag>;
-	}
-	if (val === 'unsaved') {
-		return <Tag color="red">{t("Unsaved")}</Tag>;
-	}
-	if (val === 'active' || val === true) {
+	// switch (val) {
+	// 	case "active":
+	// 		return <Tag color="green">{t("Active")}</Tag>;
+	// 	case "unsaved":
+	// 		return <Tag color="red">{t("Unsaved")}</Tag>;
+	// 	case "inactive":
+	// 	case "suspended":
+	// 		return <Tag color="red">{t("Suspended")}</Tag>;
+	// 	case "pending":
+	// 		return <Tag color="orange">{t("Pending")}</Tag>;
+	// 	default:
+	// 		return <Tag color="default">{t("Unknown")}</Tag>;
+	// }
+
+	if (val) {
 		return <Tag color="green">{t("Active")}</Tag>;
+	} else {
+		return <Tag color="red">{t("Suspended")}</Tag>;
 	}
-	
-	return <Tag color="red">{t("Suspended")}</Tag>;
 };

package/src/@daf/core/components/Screens/Admin/AdminViews/index.jsx

@@ -172,15 +172,14 @@ function AdminView({
 									try {
 										const { pendingCompanyId, status, ...userDataToInvite } = user;
 										console.log('Sending invitation for:', user.email, userDataToInvite);
-										// Use the standalone invite function, don't mix it with updateAccount
-										// await inviteCompanyAccount({
-										// 	companyId: editData.id,
-										// 	data: {
-										// 		...userDataToInvite,
-										// 		pendingCompanyId,
-										// 	},
-										// });
-										// console.log('Invitation sent successfully for:', user.email);
+										await inviteCompanyAccount({
+											companyId: editData.id,
+											data: {
+												...userDataToInvite,
+												pendingCompanyId,
+											},
+										});
+										console.log('Invitation sent successfully for:', user.email);
 									} catch (inviteError) {
 										console.error('Failed to invite user:', user.email, inviteError);
 										handleError(inviteError);

package/src/@daf/core/components/Screens/Admin/AppInvitation/index.jsx

@@ -1,30 +1,30 @@
 import React, { useState, useEffect } from "react";
-import { Checkbox, message } from 'antd';
+import { Checkbox, Form, Input, message } from 'antd';
 import DafButton from '../../../Button/index.jsx';
 import Loading from "../../../Loading/index.jsx";
-import AuthForm from "../../../AuthForm/index.jsx";
 
-
-
-const theme = window.theme;
 export default function AppInvitation({
+  // Redux State
   errors,
   user,
   invitationSuccess,
+  // Actions
   confirmInvitation,
   getUserFromInvitation,
-  theme,
+  // Configuration
   Layout,
   redirectPath = "/",
   loginPath = "/login",
   appRedirectPath = "/app",
   params: propParams = {},
-  goTo,
-  isMobile = false,
-  t,
 }) {
-  const { app, companyCode, userCode } = propParams;
+  const { t } = useTranslation();
+  const routeParams = useParams();
+  const { app, companyCode, userCode } = { ...routeParams, ...propParams };
+  const [passwords] = Form.useForm();
   const [checking, setChecking] = useState(true);
+  const goTo = useNavigate();
+  const [termsAgreed, setTermsAgreed] = useState(false);
   const [passwordReseted, setPasswordReseted] = useState(false);
 
   useEffect(() => {
@@ -46,125 +46,36 @@ export default function AppInvitation({
             localStorage.setItem('token', data.token);
           }
           message.success(t('Invitation accepted'));
-          if (goTo && typeof goTo === 'function') {
-            goTo(redirectPath);
-          } else {
-            window.location.href = redirectPath;
-          }
+          // Fix: ensure we don't rely on a variable from useParams that might not exist
+          // Just use the configured redirectPath
+          goTo(redirectPath);
         },
         { companyCode, userCode }
       );
     }
   }, [invitationSuccess, user, confirmInvitation, goTo, redirectPath, companyCode, userCode, t]);
 
-
-  useEffect(() => {
-
-    const isInInvitationFlow = checking || 
-      (invitationSuccess && user && user.inviteToken) || 
-      (invitationSuccess && user && !user.inviteToken);
-    
-    if (!isInInvitationFlow) {
-      if (user) {
-        if (goTo && typeof goTo === 'function') {
-          goTo(appRedirectPath);
-        } else {
-          window.location.href = appRedirectPath;
-        }
-      } else {
-        if (goTo && typeof goTo === 'function') {
-          goTo(redirectPath);
-        } else {
-          window.location.href = redirectPath;
-        }
-      }
-    }
-  }, [user, goTo, appRedirectPath, redirectPath, checking, invitationSuccess]);
+  const displayError = (name) => {
+    return errors && errors[name] && errors[name].length > 0 && {
+      help: errors[name][0],
+      validateStatus: 'error',
+    };
+  };
 
   const subTitle = !passwordReseted ? 'Set up your password and agree with out terms and conditions.' :
     isMobile ? 'Your account has been successfully set up. To log in use a desktop device.'
       : 'Your account has been successfully set up. Please click the button below to log in.';
   const title = passwordReseted ? 'Thank You!' : undefined;
 
-  const fields = [
-    {
-      name: 'email',
-      label: t("Email"),
-      type: 'input',
-      disabled: true,
-    },
-    {
-      name: 'password',
-      label: t("Password"),
-      type: 'password',
-      required: true,
-      rules: [{
-        required: true,
-        message: t("errors::password should not be empty")
-      }],
-      placeholder: t("Password"),
-    },
-    {
-      name: 'confirmPassword',
-      label: t("Confirm Password"),
-      type: 'password',
-      required: true,
-      dependencies: ['password'],
-      rules: [
-        {
-          required: true,
-          message: t("errors::password should not be empty"),
-        },
-        ({ getFieldValue }) => ({
-          validator(rule, value) {
-            if (!value || getFieldValue('password') === value) {
-              return Promise.resolve();
-            }
-            return Promise.reject(t('errors::passwordNotMatch'));
-          },
-        }),
-      ],
-      placeholder: t("Confirm Password"),
-    },
-    {
-      name: 'mailUpdates',
-      type: 'custom',
-      valuePropName: 'checked',
-      component: <Checkbox>{t("Sign up to receive updates")}</Checkbox>,
-    },
-    {
-      name: 'agreeTerms',
-      type: 'custom',
-      valuePropName: 'checked',
-      rules: [{ 
-        validator: (_, value) => value ? Promise.resolve() : Promise.reject(new Error(t('You must agree to the terms and conditions'))) 
-      }],
-      component: (
-        <Checkbox>
-          <p className="mb-0">
-            {t('Agree to the Terms of Use of this application and the Privacy Policy')}
-          </p>
-        </Checkbox>
-      ),
-    }
-  ];
-
-  const handleSubmit = (values) => {
-    const { password, mailUpdates } = values;
-    confirmInvitation(
-      { password, mailUpdates },
-      () => { },
-      { companyCode, userCode }
-    );
-    setPasswordReseted(true);
-  };
-
   if (checking && !invitationSuccess) {
     return <Loading />;
   }
 
+  // If auto-confirming (inviteToken present), we might want to show loading or nothing until redirect
   if (invitationSuccess && user && user.inviteToken) {
-   
+     // The useEffect will handle the redirect/confirm. 
+     // We can show loading here too or just return null.
+     // Original code: checks invitationSuccess && !user.inviteToken for form, else redirect.
      return <Loading />;
   }
 
@@ -177,7 +88,6 @@ export default function AppInvitation({
               <DafButton
                 type="primary"
                 className="normal-br"
-                style={theme || window.theme ? { backgroundColor: (theme || window.theme).colorPrimary, borderColor: (theme || window.theme).colorPrimary } : {}}
                 onClick={() => {
                   window.location.href = loginPath;
                 }}
@@ -187,21 +97,86 @@ export default function AppInvitation({
             )}
           </div>
         ) : (
-          <AuthForm
-            fields={fields}
-            onSubmit={handleSubmit}
-            submitText={t("Confirm")}
-            initialValues={{ email: user?.email }}
-            errors={errors}
-            t={t}
-            executeRecaptcha={() => Promise.resolve(true)}
-            theme={theme || window.theme}
-          />
+          <>
+            <Form name="password" layout="vertical" form={passwords} >
+              <Form.Item
+                required
+                name="password"
+                {...displayError('password')}
+                label={t("Password")}
+                rules={[{
+                  required: true,
+                  message: t("errors::password should not be empty")
+                }]}>
+                <Input.Password size="large" placeholder={t("Password")} />
+              </Form.Item>
+              <Form.Item
+                required
+                name="confirmPassword"
+                {...displayError('confirmPassword')}
+                label={t("Confirm Password")}
+                dependencies={['password']}
+                rules={[
+                  {
+                    required: true,
+                    message: t("errors::password should not be empty"),
+                  },
+                  ({ getFieldValue }) => ({
+                    validator(rule, value) {
+                      if (!value || getFieldValue('password') === value) {
+                        return Promise.resolve();
+                      }
+                      return Promise.reject(t('errors::passwordNotMatch'));
+                    },
+                  }),
+                ]}>
+                <Input.Password size="large" placeholder={t("Confirm Password")} />
+              </Form.Item>
+              <Form.Item
+                name="mailUpdates" valuePropName="checked" noStyle>
+                <Checkbox>{t("Sign up to receive updates")}</Checkbox>
+              </Form.Item>
+              <Form.Item
+                name="agreeTerms" valuePropName="checked" noStyle>
+                <Checkbox
+                  checked={termsAgreed}
+                  onChange={(e) => setTermsAgreed(e.target.checked)}
+                >
+                  <p className="mb-0">
+                    {t('Agree to the Terms of Use of this application and the Privacy Policy')}
+                  </p>
+                </Checkbox>
+              </Form.Item>
+            </Form>
+            <div className="buttons">
+              <DafButton
+                className="normal-br"
+                type="primary"
+                block
+                size="large"
+                disabled={!termsAgreed}
+                onClick={() => {
+                  passwords.validateFields().then(data => {
+                    const { password, mailUpdates } = data;
+                    confirmInvitation(
+                      { password, mailUpdates },
+                      () => { },
+                      { companyCode, userCode }
+                    );
+                    setPasswordReseted(true);
+                  });
+                }}
+              >
+                {t("Confirm")}
+              </DafButton>
+            </div>
+          </>
         )}
       </>
     );
 
     if (Layout) {
+      // Assuming Layout accepts these props as per Nashiriki AuthLayout
       return <Layout app={app} step={1} subTitle={subTitle} title={title}>{Content}</Layout>;
     }
 
@@ -214,5 +189,5 @@ export default function AppInvitation({
     );
   }
 
-  return null;
+  return user ? <Navigate to={appRedirectPath} /> : <Navigate to={redirectPath} />;
 }

package/src/@daf/core/components/Screens/Admin/adminRoutes.js

@@ -6,8 +6,7 @@ import AdminAccountsViewScreen from "./AdminScreens/AccountsView.jsx";
 import AdminSubjectsScreen from "./AdminScreens/Subjects.jsx";
 import AdminLocationScreen from "./AdminScreens/Location.jsx";
 import AdminSubjectsViewScreen from "./AdminScreens/SubjectsView.jsx";
-import AdminEventsScreen from "./AdminScreens/Events.jsx";
-import AdminDocumentsScreen from "./AdminScreens/Documents.jsx";
+
 export function getAdminRoutes(config) {
   const {
     appName,
@@ -19,8 +18,6 @@ export function getAdminRoutes(config) {
     useAdminLocationConfig,
     useAdminSubjectsViewConfig,
     useAdminLocationViewConfig,
-    useAdminDocumentsConfig,
-    useAdminEventsConfig,
     userIsAdmin,
   } = config;
 
@@ -94,31 +91,11 @@ export function getAdminRoutes(config) {
     return <AdminSubjectsViewScreen config={{ ...stakeholderViewConfig, subject: "stakeholder", mode: "edit" }} />;
   }
 
-  function DocumentsWrapper() {
-    const documentsConfig =
-      typeof useAdminDocumentsConfig === "function"
-        ? useAdminDocumentsConfig()
-        : undefined;
-    return <AdminDocumentsScreen config={documentsConfig} />;
-  }
-
-  function EventsWrapper() {
-    const eventsConfig =
-      typeof useAdminEventsConfig === "function"
-        ? useAdminEventsConfig()
-        : undefined;
-    return <AdminEventsScreen config={eventsConfig} />;
-  }
-
   const subjectsIndexComponent =
     typeof useAdminLocationConfig === "function"
       ? <LocationWrapper />
       : typeof useAdminSubjectsConfig === "function"
       ? <SubjectsWrapper />
-      : typeof useAdminDocumentsConfig === "function"
-      ? <DocumentsWrapper />
-      : typeof useAdminEventsConfig === "function"
-      ? <EventsWrapper />
       : <div />;
 
   const routes = [
@@ -179,30 +156,6 @@ export function getAdminRoutes(config) {
             visible: (user) => userIsAdmin(user),
             component: <SubjectsWrapper />,
           },
-
-        ]
-        
-      : []),
-      ...(typeof useAdminDocumentsConfig === "function"
-      ? [
-          {
-            path: "management/subjects/document",
-            key: `${APP_PREFIX}_ADMIN_SUBJECTS_DOCUMENTS`,
-            exact: true,
-            visible: (user) => userIsAdmin(user),
-            component: <DocumentsWrapper />,
-          },
-        ]
-      : []),  
-      ...(typeof useAdminEventsConfig === "function"
-      ? [
-          {
-            path: "management/subjects/event",
-            key: `${APP_PREFIX}_ADMIN_SUBJECTS_EVENTS`,
-            exact: true,
-            visible: (user) => userIsAdmin(user),
-            component: <EventsWrapper />,
-          },
         ]
       : []),
   ];

package/src/@daf/core/components/Table/index.jsx

@@ -36,7 +36,12 @@ export default function DAFTable({
   doEmptyRows,
   ...rest
 }) {
-  const [source, setSource] = useState([]);
+  const source = useMemo(() => {
+    if (data && Array.isArray(data)) {
+      return data;
+    }
+    return [];
+  }, [data]);
   const projectData = (projects || []).find(p => p.id === selectedProject);
   const [filtersInit, setFiltersInit] = useState(!loading);
 
@@ -85,11 +90,11 @@ export default function DAFTable({
     } : filtersConfig;
   }, [sourcesKey, sources, filtersConfig, t]);
 
-  useEffect(() => {
-    if (data && Array.isArray(data)) {
-      setSource(data);
-    }
-  }, [data, data.length]);
+  // useEffect(() => {
+  //   if (data && Array.isArray(data)) {
+  //     setSource(data);
+  //   }
+  // }, [data, data.length]);
 
   const paginationPageSize = pagination?.pageSize;
   const dataSource = useMemo(() => {

package/src/@daf/hooks/useAdminDashboard.js

@@ -46,20 +46,15 @@ export function useAdminDashboard({ dashboardService, onError }) {
 	}, [dashboardService, onError]);
 
 	const fetchUserGrowth = useCallback(
-		async (activeFilter) => {
+		async (params) => {
 			if (!dashboardService?.getUserGrowth) {
 				console.warn("dashboardService.getUserGrowth not provided");
 				return;
 			}
 
-			if (activeFilter === undefined || activeFilter === null) {
-				console.warn("activeFilter not provided to fetchUserGrowth");
-				return;
-			}
-
 			setUserGrowthDataLoading(true);
 			try {
-				const response = await dashboardService.getUserGrowth(activeFilter);
+				const response = await dashboardService.getUserGrowth(params);
 				setUserGrowthData(response || []);
 			} catch (err) {
 				if (onError) {
@@ -73,9 +68,11 @@ export function useAdminDashboard({ dashboardService, onError }) {
 		},
 		[dashboardService, onError]
 	);
+
 	useEffect(() => {
 		fetchDashboardData();
 	}, [fetchDashboardData]);
+
 	return {
 		data,
 		loading,

package/src/@daf/pages/Events/Activities/columns.js

@@ -117,19 +117,23 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
         },
     },              
     {
-        title: t("Sources"),
-        dataIndex: "sources",
-        key: "sources",
-        show: activeTab !== "own",
-        render: (val, all) => {
-            if (all.empty) {
-                return <div className="daf-default-cell" />;
-            }
+      title: t("Sources"),
+      dataIndex: "sources",
+      key: "sources",
+      show: activeTab !== "own",
+      render: (val, all) => {
+          if (all.empty) {
+              return <div className="daf-default-cell" />;
+          }
 
-            const sources = sourceAvatarConfig(val, user, applications);
+        if (!val || val?.length === 0) {
+          return "-";
+        }
 
-            return <AvatarGroup items={sources}></AvatarGroup>;
-        },
+        const sources = sourceAvatarConfig(val, user, applications);
+
+        return <AvatarGroup items={sources} />;
+      },
     },
     {
         title: t("Status"),

package/src/@daf/pages/Events/Incidents/columns.js

@@ -117,19 +117,23 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
         },
     },              
     {
-        title: t("Sources"),
-        dataIndex: "sources",
-        key: "sources",
-        show: activeTab !== "own",
-        render: (val, all) => {
-            if (all.empty) {
-                return <div className="daf-default-cell" />;
-            }
+      title: t("Sources"),
+      dataIndex: "sources",
+      key: "sources",
+      show: activeTab !== "own",
+      render: (val, all) => {
+          if (all.empty) {
+              return <div className="daf-default-cell" />;
+          }
 
-            const sources = sourceAvatarConfig(val, user, applications);
+        if (!val || val?.length === 0) {
+          return "-";
+        }
 
-            return <AvatarGroup items={sources}></AvatarGroup>;
-        },
+        const sources = sourceAvatarConfig(val, user, applications);
+
+        return <AvatarGroup items={sources} />;
+      },
     },
     {
         title: t("Status"),