datastake-daf 0.6.818 → 0.6.820

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

@@ -1,30 +1,30 @@
 import React, { useState, useEffect } from "react";
-import { Checkbox, Form, Input, message } from 'antd';
+import { Checkbox, 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,
-  // Configuration
+  theme,
   Layout,
   redirectPath = "/",
   loginPath = "/login",
   appRedirectPath = "/app",
   params: propParams = {},
+  goTo,
+  isMobile = false,
+  t,
 }) {
-  const { t } = useTranslation();
-  const routeParams = useParams();
-  const { app, companyCode, userCode } = { ...routeParams, ...propParams };
-  const [passwords] = Form.useForm();
+  const { app, companyCode, userCode } = propParams;
   const [checking, setChecking] = useState(true);
-  const goTo = useNavigate();
-  const [termsAgreed, setTermsAgreed] = useState(false);
   const [passwordReseted, setPasswordReseted] = useState(false);
 
   useEffect(() => {
@@ -46,36 +46,125 @@ export default function AppInvitation({
             localStorage.setItem('token', data.token);
           }
           message.success(t('Invitation accepted'));
-          // Fix: ensure we don't rely on a variable from useParams that might not exist
-          // Just use the configured redirectPath
-          goTo(redirectPath);
+          if (goTo && typeof goTo === 'function') {
+            goTo(redirectPath);
+          } else {
+            window.location.href = redirectPath;
+          }
         },
         { companyCode, userCode }
       );
     }
   }, [invitationSuccess, user, confirmInvitation, goTo, redirectPath, companyCode, userCode, t]);
 
-  const displayError = (name) => {
-    return errors && errors[name] && errors[name].length > 0 && {
-      help: errors[name][0],
-      validateStatus: 'error',
-    };
-  };
+
+  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 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 />;
   }
 
@@ -88,6 +177,7 @@ 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;
                 }}
@@ -97,86 +187,21 @@ export default function AppInvitation({
             )}
           </div>
         ) : (
-          <>
-            <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>
-          </>
+          <AuthForm
+            fields={fields}
+            onSubmit={handleSubmit}
+            submitText={t("Confirm")}
+            initialValues={{ email: user?.email }}
+            errors={errors}
+            t={t}
+            executeRecaptcha={() => Promise.resolve(true)}
+            theme={theme || window.theme}
+          />
         )}
       </>
     );
 
     if (Layout) {
-      // Assuming Layout accepts these props as per Nashiriki AuthLayout
       return <Layout app={app} step={1} subTitle={subTitle} title={title}>{Content}</Layout>;
     }
 
@@ -189,5 +214,5 @@ export default function AppInvitation({
     );
   }
 
-  return user ? <Navigate to={appRedirectPath} /> : <Navigate to={redirectPath} />;
+  return null;
 }

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

@@ -5,8 +5,9 @@ import AdminAccountsScreen from "./AdminScreens/Accounts.jsx";
 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 AdminSubjectsViewScren from "./AdminScreens/SubjectsView.jsx";
+import AdminEventsScreen from "./AdminScreens/Events.jsx";
+import AdminDocumentsScreen from "./AdminScreens/Documents.jsx";
 export function getAdminRoutes(config) {
   const {
     appName,
@@ -16,8 +17,9 @@ export function getAdminRoutes(config) {
     useAdminAccountsViewConfig,
     useAdminSubjectsConfig,
     useAdminLocationConfig,
-    useAdminSubjectsViewConfig,
-    useAdminLocationViewConfig,
+   
+    useAdminDocumentsConfig,
+    useAdminEventsConfig,
     userIsAdmin,
   } = config;
 
@@ -59,36 +61,22 @@ export function getAdminRoutes(config) {
     return <AdminLocationScreen config={locationConfig} />;
   }
 
-  function LocationViewWrapper() {
-    const locationViewConfig =
-      typeof useAdminLocationViewConfig === "function"
-        ? useAdminLocationViewConfig()
-        : undefined;
-    return <AdminSubjectsViewScreen config={{ ...locationViewConfig, subject: "location" }} />;
-  }
 
-  function StakeholderViewWrapper() {
-    const stakeholderViewConfig =
-      typeof useAdminSubjectsViewConfig === "function"
-        ? useAdminSubjectsViewConfig()
-        : undefined;
-    return <AdminSubjectsViewScreen config={{ ...stakeholderViewConfig, subject: "stakeholder" }} />;
-  }
 
-  function LocationEditWrapper() {
-    const locationViewConfig =
-      typeof useAdminLocationViewConfig === "function"
-        ? useAdminLocationViewConfig()
+  function DocumentsWrapper() {
+    const documentsConfig =
+      typeof useAdminDocumentsConfig === "function"
+        ? useAdminDocumentsConfig()
         : undefined;
-    return <AdminSubjectsViewScreen config={{ ...locationViewConfig, subject: "location", mode: "edit" }} />;
+    return <AdminDocumentsScreen config={documentsConfig} />;
   }
 
-  function StakeholderEditWrapper() {
-    const stakeholderViewConfig =
-      typeof useAdminSubjectsViewConfig === "function"
-        ? useAdminSubjectsViewConfig()
+  function EventsWrapper() {
+    const eventsConfig =
+      typeof useAdminEventsConfig === "function"
+        ? useAdminEventsConfig()
         : undefined;
-    return <AdminSubjectsViewScreen config={{ ...stakeholderViewConfig, subject: "stakeholder", mode: "edit" }} />;
+    return <AdminEventsScreen config={eventsConfig} />;
   }
 
   const subjectsIndexComponent =
@@ -96,6 +84,10 @@ export function getAdminRoutes(config) {
       ? <LocationWrapper />
       : typeof useAdminSubjectsConfig === "function"
       ? <SubjectsWrapper />
+      : typeof useAdminDocumentsConfig === "function"
+      ? <DocumentsWrapper />
+      : typeof useAdminEventsConfig === "function"
+      ? <EventsWrapper />
       : <div />;
 
   const routes = [
@@ -156,6 +148,30 @@ 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/ViewForm/components/Records/config.js

@@ -4,6 +4,7 @@ export const getSourcesType = (subject) => {
       locations: "location",
       location: "location",
       "production-sites": "location",
+      scl: "location",
       
       stakeholders: "stakeholder",
       stakeholder: "stakeholder",

package/src/@daf/core/components/ViewForm/components/Records/index.jsx

@@ -39,7 +39,6 @@ const Records = ({
             const { data } = await VersionService.getSources({ type, id, params: {
                 source: selectedSource,
             } });
-            console.log({data})
             setVersions(data);
         } catch (error) {
             console.error('Error fetching versions:', error);

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

@@ -46,15 +46,20 @@ export function useAdminDashboard({ dashboardService, onError }) {
 	}, [dashboardService, onError]);
 
 	const fetchUserGrowth = useCallback(
-		async (params) => {
+		async (activeFilter) => {
 			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(params);
+				const response = await dashboardService.getUserGrowth(activeFilter);
 				setUserGrowthData(response || []);
 			} catch (err) {
 				if (onError) {
@@ -68,11 +73,9 @@ export function useAdminDashboard({ dashboardService, onError }) {
 		},
 		[dashboardService, onError]
 	);
-
 	useEffect(() => {
 		fetchDashboardData();
 	}, [fetchDashboardData]);
-
 	return {
 		data,
 		loading,

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

@@ -80,8 +80,9 @@ export default function useSource({ user = {}, t = () => {}, getData = () => {},
 	};
 }
 
-export const useSources = ({type, id, user, t = () => {}}) => {
+export const useSources = ({type, id, user, t = () => {}, stop}) => {
 	function getData(params) {
+		if(stop) return Promise.resolve({ data: [] });
 		if(id !== undefined && id !== null) {
 			return SourceService.getSources({type, id});
 		} else {

package/src/@daf/pages/Dashboards/SupplyChain/components/KeyIndicators/config.js

@@ -2,7 +2,7 @@ import React from "react";
 import CustomIcon from '../../../../../core/components/Icon/CustomIcon.jsx';
 import KeyIndicatorNavigateLabel from '../../../../../core/components/UI/KeyIndicatorNavigateLabel/index.jsx';
 
-export const getRowConfig = ({ t, data = {}, goTo, getRedirectLink, theme = {} }) => [
+export const getRowConfig = ({ t, data = {}, goTo, getRedirectLink, theme = {}, APP }) => [
 	{
 		label: (
 			<KeyIndicatorNavigateLabel 
@@ -10,7 +10,7 @@ export const getRowConfig = ({ t, data = {}, goTo, getRedirectLink, theme = {} }
 				getRedirectLink={getRedirectLink} 
 				theme={theme} 
 				label="Identified Mine Sites" 
-				link="/app/production-sites" 
+				link={APP === 'nashiriki' ? '/app/scl' : '/app/production-sites'} 
 			/>
 		),
 		render: () => {

package/src/@daf/pages/Dashboards/SupplyChain/components/KeyIndicators/index.js

@@ -13,7 +13,7 @@ const defaultFetchConfig = {
     },
 };
 
-function KeyIndicators({selectedSources = {}, theme = {}, getRedirectLink = () => {}, t = () => {}, goTo = () => {} }) {
+function KeyIndicators({selectedSources = {}, theme = {}, getRedirectLink = () => {}, t = () => {}, goTo = () => {}, APP }) {
     const fetchConfig = useMemo(() => ({
         ...defaultFetchConfig,
         filters: { ...defaultFetchConfig.filters, sources: selectedSources?.partners || [] },
@@ -29,8 +29,9 @@ function KeyIndicators({selectedSources = {}, theme = {}, getRedirectLink = () =
             goTo,
             getRedirectLink,
             theme,
+            APP
         })
-    }, [t, data, goTo, getRedirectLink, theme])
+    }, [t, data, goTo, getRedirectLink, theme, APP])
     
     return (
         <KeyIndicatorsWidget

package/src/@daf/pages/Dashboards/SupplyChain/index.jsx

@@ -21,6 +21,8 @@ function SupplyChain({
     informationSources,
     hardcodedData,
     breadcrumbs = [],
+    supportText,
+    APP,
 }) {
 
     const sourceOptions = useMemo(() => {
@@ -69,12 +71,13 @@ function SupplyChain({
                             />
                         </div>
                     }
+                    supportText={supportText}
                     breadcrumbs={breadcrumbs}
                 />
             }
         >
             <section>
-                <KeyIndicators selectedSources={selectedPartners} theme={theme} t={t} goTo={goTo} getRedirectLink={getRedirectLink} />
+                <KeyIndicators selectedSources={selectedPartners} theme={theme} t={t} goTo={goTo} getRedirectLink={getRedirectLink} APP={APP} />
             </section>                
             <section>
                 <SupplyChainMap selectedSources={selectedPartners} t={t} goTo={goTo} options={options} getRedirectLink={getRedirectLink} />

package/src/@daf/pages/Dashboards/UserDashboard/components/KeyIndicators/config.js

@@ -2,7 +2,7 @@ import React from 'react';
 import CustomIcon from '../../../../../core/components/Icon/CustomIcon.jsx';
 import KeyIndicatorNavigateLabel from '../../../../../core/components/UI/KeyIndicatorNavigateLabel/index.jsx';
 
-export const getRowConfig = ({ t, data = {}, goTo, getRedirectLink, theme = {} }) => [
+export const getRowConfig = ({ t, data = {}, goTo, getRedirectLink, theme = {}, APP }) => [
 	{
 		label: (
 			<KeyIndicatorNavigateLabel 
@@ -35,8 +35,8 @@ export const getRowConfig = ({ t, data = {}, goTo, getRedirectLink, theme = {} }
 				t={t} 
 				getRedirectLink={getRedirectLink} 
 				theme={theme} 
-				label="Activities" 
-				link="/app/activities" 
+				label={APP === 'nashiriki' ? 'Corrective Actions' : 'Activities'}
+				link={APP === 'nashiriki' ? '/app/corrective-actions' : '/app/activities'}
 			/>
 		),
 		render: () => {

package/src/@daf/pages/Dashboards/UserDashboard/components/KeyIndicators/index.jsx

@@ -17,6 +17,7 @@ function KeyIndicators({
     getRedirectLink = () => {},
 	theme = {},
 	partners = [],
+	APP,
 }) {
     const fetchConfig = useMemo(
 		() => ({
@@ -33,9 +34,10 @@ function KeyIndicators({
 				data: { ...data, partners },
 				goTo,
 				getRedirectLink,
-				theme
+				theme,
+				APP
 			}),
-		[t, data, goTo, getRedirectLink, partners, theme],
+		[t, data, goTo, getRedirectLink, partners, theme, APP],
 	);
 
     return (

package/src/@daf/pages/Dashboards/UserDashboard/components/MineSites/config.js

@@ -9,7 +9,7 @@ export const getTabs = (t) => {
 export const getFiltersConfig = ({t, filters, activeTab, options}) => {
     const value = filters.type ? { value: filters.type } : {};
 
-	const eventCategoryOptions = (options?.eventCategoryOptions || [])?.map((item) => ({
+	const eventCategoryOptions = (options?.eventCategoryOptions || options?.categoryOptions || [])?.map((item) => ({
 		value: item.value,
 		label: typeof item.label === 'object' ? Object.values(item.label)[1] : item.label,
 	}))
@@ -22,7 +22,7 @@ export const getFiltersConfig = ({t, filters, activeTab, options}) => {
 				key: "category",
 				type: "select",
 				...value,
-				options: options?.categoriesOptions ?? [],
+				options: options?.categoriesOptions || options?.category || [],
 			},
 		];
 	}

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

@@ -2,12 +2,12 @@ export const getActionWidgetsConfig = ({ goTo, getRedirectLink, APP, t }) => [
     {
         icon: "MineSite",
         title: t("Create Mine Site"),
-        onClick: () => goTo(getRedirectLink("/app/production-sites?create=true")),
+        onClick: () => goTo(getRedirectLink(`/app/${APP === 'nashiriki' ? 'scl' : 'production-sites'}?create=true`)),
     },
     {
         icon: "FileEdit",
         title: "Report Activity",
-        onClick: () => goTo(getRedirectLink("/app/activities?create=true")),
+        onClick: () => goTo(getRedirectLink(`/app/${APP === 'nashiriki' ? 'corrective-actions' : 'activities'}?create=true`)),
     },
     {
         icon: "ReportIncidents",

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

@@ -67,6 +67,7 @@ function UserDashboard({
                     t={t} 
                     goTo={goTo} 
                     getRedirectLink={getRedirectLink} 
+                    APP={APP}
                 />
             </section>
             <section>

package/src/@daf/pages/Dashboards/helper.js

@@ -53,7 +53,7 @@ export const mapDataForChainOfCustody = (data = {}, options = {}, goTo = () => {
 			number: 0,
 			name: item.name,
 			sources: parentId ? [parentId] : [],
-			subTitle: findOptions(item?.category, options?.categoriesOptions),
+			subTitle: findOptions(item?.category, options?.categoriesOptions || options?.category || []),
 			leftIcon: type === "client" ? rightIcon : leftIcon,
 			leftBackground: type === "client" ? rightBackground : leftBackground,
 			topIcon: mapIcon(item.category),
@@ -70,7 +70,7 @@ export const mapDataForChainOfCustody = (data = {}, options = {}, goTo = () => {
 		id: data.id,
 		number: 0,
 		name: data.name,
-		subTitle: findOptions(data?.category, options?.categoriesOptions),
+		subTitle: findOptions(data?.category, options?.categoriesOptions || options?.category || []),
 		leftIcon: middleIcon,
 		leftBackground: theme.colorPrimary10,
 		topIcon: mapIcon(data.category),

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

@@ -160,14 +160,26 @@ export const getColumns = ({ t, goTo, user, options, activeTab, getRedirectLink,
       return <AvatarGroup items={sources} />;
     },
   },
+  {
+    title: t("Author"),
+    dataIndex: "author",
+    key: "author",
+    show: activeTab === "own",
+    render: (value, all) => {
+      if (all.empty) {
+        return <div className="daf-default-cell" />;
+      }
+
+      const author = value?.name;
+      return author ? <Tooltip title={author}>{author}</Tooltip> : '-';
+    },
+    ellipsis: true,
+  },
   {
     title: t("Status"),
     dataIndex: "status",
     key: "status",
     show: activeTab === "own",
-    correctiveActions: activeTab === "own",
-    testimonials: activeTab === "own",
-    incident: activeTab === "own",
     render: (value, all) => {
       if (all.empty) {
         return <div className="daf-default-cell" />;