datastake-daf 0.6.792 → 0.6.794

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

@@ -2,7 +2,7 @@ import { useState, useMemo } from "react";
 import { useAdminTable } from "../hook";
 import AdminTable from "../components/index.jsx";
 import DAFTable from "../../../../Table/index.jsx";
-import { theme, Tag } from "antd";
+import { theme, Tag, message } from "antd";
 import CustomIcon from "../../../../Icon/CustomIcon.jsx";
 import {
 	getTabs,
@@ -10,9 +10,10 @@ import {
 	filtersConfig,
 	defaultUrlParams,
 	checkboxConfig,
-} from "../SubjectsTable/helper.js";
-import { getColumns } from "../SubjectsTable/columns.js";
+} from "./helper.js";
+import { getColumns } from "./column.js";
 import CombineLocationModal from "../../AdminModals/CombineLocation/index.jsx";
+
 const { useToken } = theme;
 
 export default function LocationTable({
@@ -28,14 +29,49 @@ export default function LocationTable({
 	view,
 	headerTitle,
 	breadcrumbs,
-	mergeSubjectsFunction,
+	mergeLocationsFunction,
 	refetchTrigger,
 }) {
 	const [showFilters, setShowFilters] = useState(false);
 	const [hasError, setHasError] = useState(false);
-	const [selectedLocations, setSelectedLocations] = useState([]);
-	const { token } = useToken();
-	const [combineLocationVisible, setCombineLocationVisible] = useState(false);
+	
+	const [selectedLocations, setSelectedLocations] = useState([]); 
+	
+    const { token } = useToken();
+	const [isCombineModalOpen, setIsModalOpen] = useState(false);
+
+	const getDataWithStringPagination = async ({ params }) => {
+		const { pagination, tab, filters, search, sort, ...otherParams } = params;
+		
+		let paginationObj = { page: 1, pageSize: 20 };
+		if (pagination) {
+			try {
+				paginationObj = typeof pagination === 'string' ? JSON.parse(pagination) : pagination;
+			} catch (e) {
+				console.error('Failed to parse pagination', e);
+			}
+		}
+		
+		let activeTab = tab || "active";
+		if (!tab && filters) {
+			try {
+				const parsedFilters = typeof filters === 'string' ? JSON.parse(filters) : filters;
+				activeTab = parsedFilters.activeTab || "active";
+			} catch (e) {
+				activeTab = "active";
+			}
+		}
+		
+		const transformedParams = {
+			pagination: {
+				skip: String(paginationObj.page || 1),
+				take: String(paginationObj.pageSize || 20),
+			},
+			tab: activeTab,
+		};
+		
+		return getData({ params: transformedParams });
+	};
 
 	const {
 		filter,
@@ -58,7 +94,7 @@ export default function LocationTable({
 		defaultPageSize,
 		filtersConfig,
 		getRedirectLink,
-		getData,
+		getData: getDataWithStringPagination,
 		refetchTrigger,
 	});
 
@@ -66,7 +102,7 @@ export default function LocationTable({
 		return {
 			category: config.options?.category,
 			country: config.options?.countries,
-			sources: [], //TODO: add sources logic and make sure you only show unique sources only once
+			sources: [],
 		};
 	}, [config.options]);
 
@@ -76,7 +112,7 @@ export default function LocationTable({
 			goTo,
 			token,
 			module,
-			selectedLocations,
+			selectedLocations, 
 			setSelectedLocations,
 			getRedirectLink,
 			selectOptions,
@@ -93,8 +129,8 @@ export default function LocationTable({
 				actionButton={[
 					{
 						icon: "Merge",
-						onClick: () => setCombineLocationVisible(true),
-						tooltip: "Combine",
+						onClick: () => setIsModalOpen(true),
+						tooltip: t("admin::merge-locations"),
 						disabled: selectedLocations.length < 2,
 					},
 				]}
@@ -112,25 +148,15 @@ export default function LocationTable({
 				breadcrumbs={breadcrumbs}
 			>
 				{selectedLocations.length > 0 && (
-					<div
-						className="flex flex-row  ml-6 mt-5"
-						style={{
-							flexWrap: "wrap",
-							gap: "8px",
-						}}
-					>
+					<div className="flex flex-row  ml-6 mt-5" style={{ flexWrap: "wrap", gap: "8px" }}>
 						{selectedLocations.map((account) => (
 							<Tag
 								key={account.userId}
 								className="flex flex-row gap-2 items-center"
 								onClick={() =>
-									setSelectedLocations((prev) =>
-										prev.filter((a) => a.datastakeId !== account.datastakeId),
-									)
+									setSelectedLocations((prev) => prev.filter((a) => a.datastakeId !== account.datastakeId))
 								}
-								style={{
-									cursor: "pointer",
-								}}
+								style={{ cursor: "pointer" }}
 							>
 								<span>{account.datastakeId}</span>
 								<CustomIcon name="Close" size={10} />
@@ -156,25 +182,27 @@ export default function LocationTable({
 				/>
 			</AdminTable>
 
-			<CombineLocationModal
-				isOpen={combineLocationVisible}
-				t={t}
-				onClose={() => {
-					setCombineLocationVisible(false);
-				}}
-				onSuccess={(data) => {
-					setCombineLocationVisible(false);
-					setLoading(true);
-					if (typeof mergeSubjectsFunction === 'function') {
-						mergeSubjectsFunction(data);
-						setSelectedLocations([])
-					}
-				}}
-				selectedLocations={selectedLocations}
-				selectOptions={selectOptions || {}}
-				module={module}
-				entity={headerTitle}
-			/>
+		<CombineLocationModal
+			isOpen={isCombineModalOpen}
+			t={t}
+			onClose={() => setIsModalOpen(false)}
+			onSuccess={(data) => {
+				console.log("Modal Success triggered", data); // 1. Check if this logs
+				console.log("Is function?", typeof mergeLocationsFunction);
+				setIsModalOpen(false);
+				setLoading(true);
+				if (typeof mergeLocationsFunction === 'function') {
+					mergeLocationsFunction(data).finally(() => {
+						setSelectedLocations([]);
+						fetchData();
+					});
+				}
+			}}
+			selectedLocations={selectedLocations}
+			selectOptions={selectOptions}
+			module={module}
+			entity={headerTitle} 
+		/>
 		</>
 	);
-}
+}

package/src/@daf/core/components/Screens/Admin/AdminTables/SubjectsTable/columns.js

@@ -104,48 +104,48 @@ export const getColumns = ({
 				return <Tooltip title={country}>{country}</Tooltip>;
 			},
 		},
-		{
-			title: t("Province"),
-			dataIndex: "administrativeLevel1",
-			key: "administrativeLevel1",
-			ellipsis: true,
-			show: entity.includes("locations"),
-			render: (value, all) => {
-				if (all.empty) {
-					return <div className="daf-default-cell" />;
-				}
+	{
+		title: t("Admin Level 1"),
+		dataIndex: "administrativeLevel1",
+		key: "administrativeLevel1",
+		ellipsis: true,
+		show: entity.includes("location"),
+		render: (value, all) => {
+			if (all.empty) {
+				return <div className="daf-default-cell" />;
+			}
 
-				let label;
-				if(all?.administrativeLevel1 && value === all?.administrativeLevel1) {
-					label = all?.linking?.SCL?.[value]?.name
-				} else {
-					label = getNameByLevel(all?.linking?.SCL, "level_1")?.name
-				}
+			let label;
+			if(all?.administrativeLevel1 && value === all?.administrativeLevel1) {
+				label = all?.linking?.SCL?.[value]?.name
+			} else {
+				label = getNameByLevel(all?.linking?.SCL, "level_1")?.name
+			}
 
-				return <Tooltip title={label || '-'}>{label || '-'}</Tooltip>;
-			},
+			return <Tooltip title={label || '-'}>{label || '-'}</Tooltip>;
 		},
-		{
-			title: t("Territory"),
-			dataIndex: "administrativeLevel2",
-			key: "administrativeLevel2",
-			show: entity.includes("locations"),
-			ellipsis: true,
-			render: (value, all) => {
-				if (all.empty) {
-					return <div className="daf-default-cell" />;
-				}
+	},
+	{
+		title: t("Admin Level 2"),
+		dataIndex: "administrativeLevel2",
+		key: "administrativeLevel2",
+		show: entity.includes("location"),
+		ellipsis: true,
+		render: (value, all) => {
+			if (all.empty) {
+				return <div className="daf-default-cell" />;
+			}
 
-				let label;
-				if(all?.administrativeLevel2 && value === all?.administrativeLevel2) {
-					label = all?.linking?.SCL?.[value]?.name
-				} else {
-					label = getNameByLevel(all?.linking?.SCL, "level_2")?.name
-				}
+			let label;
+			if(all?.administrativeLevel2 && value === all?.administrativeLevel2) {
+				label = all?.linking?.SCL?.[value]?.name
+			} else {
+				label = getNameByLevel(all?.linking?.SCL, "level_2")?.name
+			}
 
-				return <Tooltip title={label || '-'}>{label || '-'}</Tooltip>;
-			},
+			return <Tooltip title={label || '-'}>{label || '-'}</Tooltip>;
 		},
+	},
 		{
 			title: t("Sources"),
 			dataIndex: "sources",
@@ -210,7 +210,7 @@ export const getColumns = ({
 					<div
 						className="cursor-pointer"
 						onClick={() => {
-							goTo(getRedirectLink(`/app/accounts/view/${all.id}/details`));
+							goTo(getRedirectLink(`/app/management/subject/stakeholder/${all.id}`));
 						}}
 					>
 						<CustomIcon name="Link" width={18} height={18} />

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

@@ -2,7 +2,7 @@ import { useState, useMemo } from "react";
 import { useAdminTable } from "../hook";
 import AdminTable from "../components/index.jsx";
 import DAFTable from "../../../../Table/index.jsx";
-import { theme, Tag } from "antd";
+import { theme, Tag, message } from "antd";
 import CustomIcon from "../../../../Icon/CustomIcon.jsx";
 import {
 	getTabs,
@@ -38,6 +38,41 @@ export default function SubjectsTable({
 	const { token } = useToken();
 	const [isCombineModalOpen, setIsModalOpen] = useState(false);
 
+
+
+
+const getDataWithStringPagination = async ({ params }) => {
+		const { pagination, tab, filters, search, sort, ...otherParams } = params;
+		
+		let paginationObj = { page: 1, pageSize: 20 };
+		if (pagination) {
+			try {
+				paginationObj = typeof pagination === 'string' ? JSON.parse(pagination) : pagination;
+			} catch (e) {
+				console.error('Failed to parse pagination', e);
+			}
+		}
+		
+		let activeTab = tab || "active";
+		if (!tab && filters) {
+			try {
+				const parsedFilters = typeof filters === 'string' ? JSON.parse(filters) : filters;
+				activeTab = parsedFilters.activeTab || "active";
+			} catch (e) {
+				activeTab = "active";
+			}
+		}
+		
+		const transformedParams = {
+			pagination: {
+				skip: String(paginationObj.page || 1),
+				take: String(paginationObj.pageSize || 20),
+			},
+			tab: activeTab,
+		};
+		
+		return getData({ params: transformedParams });
+	};
 	const {
 		filter,
 		activeTab,
@@ -59,7 +94,7 @@ export default function SubjectsTable({
 		defaultPageSize,
 		filtersConfig,
 		getRedirectLink,
-		getData,
+		getData: getDataWithStringPagination,
 		refetchTrigger,
 	});
 
@@ -67,7 +102,7 @@ export default function SubjectsTable({
 		return {
 			category: config.options?.category,
 			country: config.options?.countries,
-			sources: [], //TODO: add sources logic and make sure you only show unique sources only once
+			sources: [],
 		};
 	}, [config.options]);
 
@@ -113,25 +148,15 @@ export default function SubjectsTable({
 				breadcrumbs={breadcrumbs}
 			>
 				{selectedSubjects.length > 0 && (
-					<div
-						className="flex flex-row  ml-6 mt-5"
-						style={{
-							flexWrap: "wrap",
-							gap: "8px",
-						}}
-					>
+					<div className="flex flex-row  ml-6 mt-5" style={{ flexWrap: "wrap", gap: "8px" }}>
 						{selectedSubjects.map((account) => (
 							<Tag
 								key={account.userId}
 								className="flex flex-row gap-2 items-center"
 								onClick={() =>
-									setSelectedSubjects((prev) =>
-										prev.filter((a) => a.datastakeId !== account.datastakeId),
-									)
+									setSelectedSubjects((prev) => prev.filter((a) => a.datastakeId !== account.datastakeId))
 								}
-								style={{
-									cursor: "pointer",
-								}}
+								style={{ cursor: "pointer" }}
 							>
 								<span>{account.datastakeId}</span>
 								<CustomIcon name="Close" size={10} />
@@ -160,19 +185,20 @@ export default function SubjectsTable({
 			<CombineSubjectsModal
 				isOpen={isCombineModalOpen}
 				t={t}
-				onClose={() => {
-					setIsModalOpen(false);
-				}}
+				onClose={() => setIsModalOpen(false)}
 				onSuccess={(data) => {
 					setIsModalOpen(false);
 					setLoading(true);
+					message.success(t("Subjects successfully merged."))
 					if (typeof mergeSubjectsFunction === 'function') {
-						mergeSubjectsFunction(data);
-						setSelectedSubjects([])
+						mergeSubjectsFunction(data).finally(() => {
+							setSelectedSubjects([]);
+							fetchData();
+						});
 					}
 				}}
 				selectedSubjects={selectedSubjects}
-				selectOptions={selectOptions || {}}
+				selectOptions={selectOptions}
 				module={module}
 				entity={headerTitle}
 			/>

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

@@ -54,6 +54,7 @@ export default function UserTable({
 		getRedirectLink,
 		getData,
 		defaultPageSize,
+		fetchPendingOnMount: true, // Users table needs pending count
 	});
 
 	const selectOptions = useMemo(() => {

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

@@ -0,0 +1,81 @@
+import { Form, Input, Select } from "antd";
+import { useEffect } from "react";
+import { useForms } from "../../../../../context/Forms";
+export default function EditLocation({
+	t,
+	conf,
+	data = {},
+	formOptions = {},
+	MainForm,
+	setData = () => {},
+	isChanged,
+	setIsChanged,
+	goToView,
+}) {
+	const { addCheck, removeCheck } = useForms();
+
+	useEffect(() => {
+		if (isChanged) {
+			addCheck(() => goToView());
+		} else {
+			removeCheck();
+		}
+	}, [isChanged, addCheck, removeCheck, goToView]);
+
+	const renderItem = (item) => {
+		const getValue = () => {
+			switch (item.type) {
+				case "select":
+					return (
+						<Select
+							options={(formOptions[item.optionsName] || []).map((o) => ({
+								value: o.value,
+								label: t(o.label),
+							}))}
+						/>
+					);
+				case "administrative":
+				
+					return <Input disabled />;
+				default:
+					return <Input />;
+			}
+		};
+
+		return (
+			<div className="group" key={item.key}>
+				<Form.Item label={t(item.label)} name={item.key}>
+					{getValue()}
+				</Form.Item>
+			</div>
+		);
+	};
+
+	// Safety check for conf and conf.items
+	if (!conf || !conf.items || !Array.isArray(conf.items)) {
+		return null;
+	}
+
+	return (
+		<div className="form-edit flex-row">
+			<Form
+				onValuesChange={(changedData) => {
+					setIsChanged(true);
+					setData((prev) => ({ ...prev, ...changedData }));
+				}}
+				style={{ width: 700 }}
+				layout="vertical"
+				form={MainForm}
+			>
+				<div className="group">
+					<div className="daf-title with-subtitle">
+						<h1>{t(conf.title)}</h1>
+					</div>
+				</div>
+
+				{conf.items.map((item) => renderItem(item))}
+			</Form>
+		</div>
+	);
+}
+

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

@@ -0,0 +1,76 @@
+import { Form, Input, Select } from "antd";
+import { useEffect } from "react";
+import { useForms } from "../../../../../context/Forms";
+
+export default function EditStakeholder({
+	t,
+	conf,
+	data = {},
+	formOptions = {},
+	MainForm,
+	setData = () => {},
+	isChanged,
+	setIsChanged,
+	goToView,
+}) {
+	const { addCheck, removeCheck } = useForms();
+console.log(conf,"data");
+	useEffect(() => {
+		if (isChanged) {
+			addCheck(() => goToView());
+		} else {
+			removeCheck();
+		}
+	}, [isChanged, addCheck, removeCheck, goToView]);
+
+	const renderItem = (item) => {
+		const getValue = () => {
+			switch (item.type) {
+				case "select":
+					return (
+						<Select
+							options={(formOptions[item.optionsName] || []).map((o) => ({
+								value: o.value,
+								label: t(o.label),
+							}))}
+						/>
+					);
+				default:
+					return <Input />;
+			}
+		};
+
+		return (
+			<div className="group" key={item.key}>
+				<Form.Item label={t(item.label)} name={item.key}>
+					{getValue()}
+				</Form.Item>
+			</div>
+		);
+	};
+
+
+
+	return (
+		<div className="form-edit flex-row">
+			<Form
+				onValuesChange={(changedData) => {
+					setIsChanged(true);
+					setData((prev) => ({ ...prev, ...changedData }));
+				}}
+				style={{ width: 700 }}
+				layout="vertical"
+				form={MainForm}
+			>
+				<div className="group">
+					<div className="daf-title with-subtitle">
+						<h1>{t(conf.title)}</h1>
+					</div>
+				</div>
+
+				{conf.items.map((item) => renderItem(item))}
+			</Form>
+		</div>
+	);
+}
+

package/src/@daf/core/components/Screens/Admin/AdminViews/ViewLocation/config.js

@@ -0,0 +1,38 @@
+export const config = [
+	{
+		label: "Core Data",
+		key: "core-data",
+		title: "Core Data",
+		items: [
+			{ 
+				label: "Name", 
+				key: "name", 
+				type: "input" 
+			},
+			{ 
+				label: "Category", 
+				key: "category", 
+				type: "select", 
+				optionsName: "category" 
+			},
+			{ 
+				label: "Country", 
+				key: "country", 
+				type: "select", 
+				optionsName: "countries" 
+			},
+			{ 
+				label: "Province", 
+				key: "administrativeLevel1", 
+				type: "administrative",
+				level: "level_1"
+			},
+			{ 
+				label: "Territory", 
+				key: "administrativeLevel2", 
+				type: "administrative",
+				level: "level_2"
+			},
+		],
+	},
+];

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

@@ -0,0 +1,13 @@
+export const getNameByLevel = (data, level) => {
+	const entry = Object.values(data || {}).find(item => item.level === level);
+	return entry?.name || "-";
+};
+
+export const getAdministrativeLevel1 = (location) => {
+	return getNameByLevel(location?.linking?.SCL, "level_1");
+};
+
+export const getAdministrativeLevel2 = (location) => {
+	return getNameByLevel(location?.linking?.SCL, "level_2");
+};
+