@evenicanpm/admin-integrate 2.3.0 → 2.4.0

package/.turbo/turbo-biome$colon$format.log

@@ -0,0 +1,7 @@
+
+ WARN  Failed to replace env in config: ${NPM_TOKEN}
+../../apps/strapi                        |  WARN  Unsupported engine: wanted: {"node":">=18.0.0 <=22.x.x"} (current: {"node":"v24.16.0","pnpm":"11.0.0"})
+$ pnpm dlx @biomejs/biome check --write .
+ WARN  Failed to replace env in config: ${NPM_TOKEN}
+ WARN  Failed to replace env in config: ${NPM_TOKEN}
+Checked 275 files in 489ms. No fixes applied.

package/CHANGELOG.md

@@ -0,0 +1,3 @@
+# @evenicanpm/admin-integrate
+
+## 2.4.0

package/package.json

@@ -1,25 +1,44 @@
 {
-	"name": "@evenicanpm/admin-integrate",
-	"version": "2.3.0",
-	"description": "e4Integrate Admin Panel",
-	"type": "module",
-	"scripts": {
-		"test": "echo \"Error: no test specified\" && exit 1"
-	},
-	"exports": {
-		".": "./index.js",
-		"./*": "./*"
-	},
-	"author": "Evenica",
-	"license": "ISC",
-	"peerDependencies": {
-		"@dnd-kit/core": "^6.3.1",
-		"@dnd-kit/modifiers": "^9.0.0",
-		"@dnd-kit/sortable": "^10.0.0",
-		"@tanstack/react-query": "^5.81.5",
-		"@xyflow/react": "^12.8.4",
-		"elkjs": "^0.10.0",
-		"lodash": "^4.17.21"
-	},
-	"gitHead": "72bf1aeb02a3d96c587706c0d91606698e38ff6a"
-}
+  "name": "@evenicanpm/admin-integrate",
+  "version": "2.4.0",
+  "description": "e4Integrate Admin Panel",
+  "type": "module",
+  "exports": {
+    ".": "./index.js",
+    "./*": "./*"
+  },
+  "author": "Evenica",
+  "license": "ISC",
+  "peerDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^6.1.7",
+    "@mui/material": "^6.1.7",
+    "@mui/system": "^6.3.1",
+    "@tanstack/react-query": "^5.100.4",
+    "@xyflow/react": "^12.8.4",
+    "elkjs": "^0.10.0",
+    "lodash": "^4.17.21",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^6.1.7",
+    "@mui/material": "^6.1.7",
+    "@mui/system": "^6.3.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "typescript": "5.9.2"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}

package/src/components/integration-view/edges/default-edge.tsx

@@ -1,4 +1,5 @@
 import { BaseEdge, type EdgeProps, getSmoothStepPath } from "@xyflow/react";
+import type React from "react";
 
 export function DefaultEdge({
 	id,
@@ -7,7 +8,7 @@ export function DefaultEdge({
 	targetX,
 	targetY,
 	markerEnd,
-}: EdgeProps): JSX.Element {
+}: EdgeProps): React.ReactElement {
 	const [edgePath] = getSmoothStepPath({
 		sourceX,
 		sourceY,

package/src/components/integration-view/integration-view.tsx

@@ -432,7 +432,7 @@ const IntegrationView: React.FC<Props> = ({
 		);
 	}, [drawerOpen, selectedProcessTaskId]);
 
-	const handleNodeDragStart = (_e: ReactMouseEvent, node: Node) => {
+	const handleNodeDragStart = (_e: MouseEvent | TouchEvent, node: Node) => {
 		let edgesFiltered = [];
 
 		const edgeList: FlowEdge[] = [];
@@ -479,7 +479,7 @@ const IntegrationView: React.FC<Props> = ({
 		setNodes(nodesFiltered);
 	};
 
-	const handleNodeDragEnd = (_e: ReactMouseEvent, node: Node) => {
+	const handleNodeDragEnd = (_e: MouseEvent | TouchEvent, node: Node) => {
 		const nodeY = node?.position?.y ?? 0;
 		const nodeH = node?.height ?? 0;
 

package/src/components/integration-view/nodes/add-node.tsx

@@ -1,7 +1,8 @@
 import AddCircleOutlineIcon from "@mui/icons-material/AddCircleOutline";
 import { IconButton, useTheme } from "@mui/material";
+import type React from "react";
 
-export function AddNode(): JSX.Element {
+export function AddNode(): React.ReactElement {
 	const theme = useTheme();
 
 	return (

package/src/components/integration-view/nodes/connection-node.tsx

@@ -1,6 +1,7 @@
 import { Handle, Position } from "@xyflow/react";
+import type React from "react";
 
-export function ConnectionNode(): JSX.Element {
+export function ConnectionNode(): React.ReactElement {
 	return (
 		<div>
 			<Handle type="source" position={Position.Bottom} style={{ opacity: 1 }} />

package/src/components/integration-view/nodes/empty-node.tsx

@@ -2,8 +2,9 @@ import AddCircleOutlineIcon from "@mui/icons-material/AddCircleOutline";
 import { Box, Card, CardContent, CardHeader, Typography } from "@mui/material";
 import { Handle, type NodeProps, Position } from "@xyflow/react";
 import { useTranslations } from "next-intl";
+import type React from "react";
 
-export function EmptyNode(props: NodeProps): JSX.Element {
+export function EmptyNode(props: NodeProps): React.ReactElement {
 	const t = useTranslations("Integrate.IntegrationDetails.View.EmptyNode");
 	return (
 		<Box sx={{ opacity: props.data.disabled ? 0.5 : 1 }}>

package/src/components/integration-view/nodes/entry-node.tsx

@@ -9,9 +9,10 @@ import {
 } from "@mui/material";
 import { Handle, type NodeProps, Position } from "@xyflow/react";
 import { useTranslations } from "next-intl";
+import type React from "react";
 import { inputIcon, timerIcon, triggerIcon } from "../task-icon";
 
-export function EntryNode(props: NodeProps): JSX.Element {
+export function EntryNode(props: NodeProps): React.ReactElement {
 	const t = useTranslations("Integrate.IntegrationDetails.View.EntryNode");
 
 	const theme = useTheme();

package/src/components/integration-view/nodes/execution-entry-node.tsx

@@ -9,9 +9,10 @@ import {
 	useTheme,
 } from "@mui/material";
 import { Handle, type NodeProps, Position } from "@xyflow/react";
+import type React from "react";
 import type { ReactNode } from "react";
 
-export function ExecutionEntryNode(props: NodeProps): JSX.Element {
+export function ExecutionEntryNode(props: NodeProps): React.ReactElement {
 	const theme = useTheme();
 	const styles = getStyles(theme, props);
 

package/src/components/integration-view/nodes/execution-task-node.tsx

@@ -2,9 +2,10 @@ import type { ProcessTaskExecution } from "@evenicanpm/admin-core/api/e4/graphql
 import { ExecutionTag } from "@evenicanpm/admin-integrate/components/execution";
 import { Box, Card, CardContent, Typography, useTheme } from "@mui/material";
 import { Handle, type NodeProps, Position } from "@xyflow/react";
+import type React from "react";
 import { mapIconByOrchestrationType } from "../task-icon";
 
-export function ExecutionTaskNode(props: NodeProps): JSX.Element {
+export function ExecutionTaskNode(props: NodeProps): React.ReactElement {
 	const theme = useTheme();
 
 	const borderColor = () => {

package/src/components/integration-view/nodes/group-node.tsx

@@ -1,8 +1,9 @@
 import AddCircleOutlineIcon from "@mui/icons-material/AddCircleOutline";
 import { Box, Card, CardContent, CardHeader, Typography } from "@mui/material";
 import { Handle, type NodeProps, Position } from "@xyflow/react";
+import type React from "react";
 
-export function GroupNode(props: NodeProps): JSX.Element {
+export function GroupNode(props: NodeProps): React.ReactElement {
 	return (
 		<Box sx={{ opacity: props.data.disabled ? 0.5 : 1 }}>
 			<Card

package/src/components/integration-view/nodes/row-node.tsx

@@ -1,7 +1,8 @@
 import { Box } from "@mui/material";
 import type { NodeProps } from "@xyflow/react";
+import type React from "react";
 
-export function RowNode(props: NodeProps): JSX.Element {
+export function RowNode(props: NodeProps): React.ReactElement {
 	return (
 		// <Box sx={{ opacity: props.data.disabled ? 0.5 : 1 }}>
 		<Box>

package/src/components/integration-view/nodes/task-node.tsx

@@ -8,10 +8,11 @@ import {
 	useTheme,
 } from "@mui/material";
 import { Handle, type NodeProps, Position } from "@xyflow/react";
+import type React from "react";
 import type { ProcessTask } from "../../../../../admin-core/src/api/e4/graphqlRequestSdk";
 import { mapIconByOrchestrationType } from "../task-icon";
 
-export function TaskNode(props: NodeProps): JSX.Element {
+export function TaskNode(props: NodeProps): React.ReactElement {
 	const theme = useTheme();
 
 	return (

package/src/components/list-filter/list-filter.tsx

@@ -74,14 +74,12 @@ const ListFilter = function ListFilter<FilterShape extends Filters>(
 		(values, [key, filter]) => {
 			if (filter.type === "select" && filter.value) {
 				return Object.assign(values, {
-					// @ts-expect-error
 					[key]: filter.options.find((o) => o.id === filter.value[0].id),
 				});
 			}
 			if (filter.type === "multiSelect" && filter.value) {
 				return Object.assign(values, {
 					[key]: filter.options.filter((o) =>
-						// @ts-expect-error
 						filter.value.find((v) => v.id === o.id),
 					),
 				});

package/src/components/templatesV2/pageForm.tsx

@@ -112,7 +112,7 @@ export default function PageForm({
 			}}
 		>
 			{(formik) => {
-				formikRef.current = formik;
+				formikRef.current = formik as FormikProps<FormState>;
 				useEffect(() => {
 					if (setSubmitRef) setSubmitRef(submit);
 					return () => {

package/src/global.d.ts

@@ -0,0 +1,3 @@
+declare module "*.css";
+declare module "*.scss";
+declare module "*.sass";

package/src/pages/integration-create/pre-creation-step.tsx

@@ -50,7 +50,7 @@ export default function PreCreationStep(props: Readonly<Props>) {
 				processTaskId={undefined}
 				onTaskClick={(processTask: ProcessTask) => {
 					const endpoint = (props.processConfig?.Endpoints ?? []).find(
-						(ep) => ep?.Name === processTask.endpoint,
+						(ep) => ep?.Name === processTask.endpoint?.name,
 					);
 
 					let templateConfig: string | undefined;

package/src/pages/integration-details/integration-details.tsx

@@ -3,6 +3,7 @@ import type {
 	ConfigImport,
 	ConfigurationExportQuery,
 	GetProcessByIdQuery,
+	ProcessTask,
 } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
 import { getProcessById } from "@evenicanpm/admin-integrate/api/process/queries";
 import { buildProcessByIdQueryKey } from "@evenicanpm/admin-integrate/api/process/queries/get-process-by-id.query";
@@ -37,22 +38,22 @@ import {
 	taskReducer,
 } from "./task-drawer/task-reducer";
 
-function mergeByKey(
+function mergeByKey<T>(
 	keyFields: string | string[],
-	arr1: any[] = [],
-	arr2: any[] = [],
-) {
+	arr1: T[] = [],
+	arr2: T[] = [],
+): T[] {
 	const keys = Array.isArray(keyFields) ? keyFields : [keyFields];
 
 	// Build lookup maps for each key -> value => baseItem (from arr1)
-	const lookupByKey: Record<string, Map<any, any>> = {};
+	const lookupByKey: Record<string, Map<unknown, T>> = {};
 	for (const k of keys) {
 		lookupByKey[k] = new Map();
 	}
 
 	for (const item of arr1) {
 		for (const key of keys) {
-			const val = item?.[key];
+			const val = (item as Record<string, unknown> | null | undefined)?.[key];
 			if (val !== undefined && val !== null) {
 				lookupByKey[key].set(val, item);
 			}
@@ -60,28 +61,29 @@ function mergeByKey(
 	}
 
 	// Use a Set to preserve insertion order and ensure uniqueness
-	const resultSet = new Set<any>(arr1);
+	const resultSet = new Set<T>(arr1);
 
 	for (const item of arr2) {
-		let matchedBase: any = null;
+		let matchedBase: T | undefined;
 
 		// Try keys in order of priority
 		for (const key of keys) {
-			const val = item?.[key];
+			const val = (item as Record<string, unknown> | null | undefined)?.[key];
 			if (val !== undefined && val !== null) {
 				const candidate = lookupByKey[key].get(val);
-				if (candidate) {
+				if (candidate !== undefined) {
 					matchedBase = candidate;
 					break;
 				}
 			}
 		}
 
-		if (matchedBase) {
+		if (matchedBase !== undefined) {
 			// Merge properties from item into matched base (respecting exclusions)
-			for (const prop of Object.keys(item)) {
+			const itemRecord = item as Record<string, unknown> | null | undefined;
+			for (const prop of Object.keys(itemRecord ?? {})) {
 				if (prop !== "Sort" && prop !== "ParallelProcessingGroup") {
-					matchedBase[prop] = item[prop];
+					(matchedBase as Record<string, unknown>)[prop] = itemRecord?.[prop];
 				}
 			}
 		} else {
@@ -89,7 +91,7 @@ function mergeByKey(
 			resultSet.add(item);
 			// Register the newly added item in lookups so subsequent arr2 items can match it
 			for (const key of keys) {
-				const val = item?.[key];
+				const val = (item as Record<string, unknown> | null | undefined)?.[key];
 				if (val !== undefined && val !== null) {
 					lookupByKey[key].set(val, item);
 				}
@@ -175,7 +177,9 @@ export default function IntegrationDetails() {
 		//setConfig(newConfig);
 
 		const configData: ConfigExport =
-			config ?? (configFromApi as any)?.configurationExport;
+			config ??
+			((configFromApi as ConfigurationExportQuery)
+				?.configurationExport as ConfigExport);
 
 		configData.DepotGroups = mergeByKey(
 			"DepotGroup",
@@ -287,12 +291,15 @@ export default function IntegrationDetails() {
 		}
 	}, [scheduleLoading]);
 
-	const onAdd = (data: any) => {
+	const onAdd = (data: {
+		sort?: number;
+		paralellelProcessingGroup?: string;
+	}) => {
 		dispatchTaskState({
 			type: TaskActionType.OPEN_ADD,
 			sort: data.sort,
 			parallelProcessingGroup: data.paralellelProcessingGroup,
-		} as EditAction);
+		} as unknown as EditAction);
 	};
 
 	useEffect(() => {
@@ -314,14 +321,21 @@ export default function IntegrationDetails() {
 			<IntegrateBreadcrumbs breadcrumbs={breadcrumbs} />
 			<IntegrationDetailsHeader
 				name={
-					(config || (configFromApi as any)?.configurationExport)?.Processes[0]
-						?.Name || "Untitled Integration"
+					(
+						config ||
+						((configFromApi as ConfigurationExportQuery)
+							?.configurationExport as ConfigExport)
+					)?.Processes?.[0]?.Name || "Untitled Integration"
 				}
 				icon={details?.processById?.processIcon ?? ""}
 				setName={(name) => {
 					const configData =
-						config || (configFromApi as any)?.configurationExport;
-					configData.Processes[0].Name = name;
+						config ||
+						((configFromApi as ConfigurationExportQuery)
+							?.configurationExport as ConfigExport);
+					if (configData?.Processes?.[0]) {
+						configData.Processes[0].Name = name as string;
+					}
 					setConfig(configData);
 				}}
 				onImportClick={() => {
@@ -391,15 +405,15 @@ export default function IntegrationDetails() {
 								.configurationExport as ConfigExport)
 						}
 						variant="process"
-						onTaskClick={(processTask: any) => {
+						onTaskClick={(processTask: ProcessTask) => {
 							const endpoint = (
 								config ??
 								(configFromApi as ConfigurationExportQuery).configurationExport
 							)?.Endpoints?.find(
-								(ep) => !!ep && ep.Name === processTask.endpoint,
+								(ep) => !!ep && ep.Name === processTask.endpoint?.name,
 							);
 
-							let templateConfig: any;
+							let templateConfig: string | undefined;
 
 							if (endpoint) {
 								if (typeof endpoint.TemplateConfig === "string") {
@@ -437,7 +451,11 @@ export default function IntegrationDetails() {
 					renderKey={taskState.processTaskId ?? 0}
 					dispatch={dispatchTaskState}
 					handleUpdateConfig={handleUpdateConfig}
-					config={config ?? (configFromApi as any)?.configurationExport}
+					config={
+						config ??
+						((configFromApi as ConfigurationExportQuery)
+							?.configurationExport as ConfigExport)
+					}
 				/>
 			</Box>
 			<ScheduleDrawer

package/tsconfig.json

@@ -12,27 +12,13 @@
 		"outDir": "./dist",
 		"jsx": "preserve",
 		"baseUrl": "./",
-		"typeRoots": ["../../../../admin/node_modules/@types"],
 		"paths": {
-			"*": ["../../../../admin/node_modules/*"],
-			"@/lib/*": [
-				"../../../../admin/node_modules/@evenicanpm/admin-integrate/src/lib/*"
-			],
-			"@/auth/*": [
-				"../../../../admin/node_modules/@evenicanpm/admin-integrate/src/auth/*"
-			],
-			"@/api/*": [
-				"../../../../admin/node_modules/@evenicanpm/admin-integrate/src/api/*"
-			],
-			"@/components/*": [
-				"../../../../admin/node_modules/@evenicanpm/admin-integrate/src/components/*"
-			],
-			"@evenicanpm/admin-core/*": [
-				"../../../../admin/node_modules/@evenicanpm/admin-core/src/*"
-			],
-			"@evenicanpm/admin-integrate/*": [
-				"../../../../admin/node_modules/@evenicanpm/admin-integrate/src/*"
-			]
+			"@/lib/*": ["src/lib/*"],
+			"@/auth/*": ["src/auth/*"],
+			"@/api/*": ["src/api/*"],
+			"@/components/*": ["src/components/*"],
+			"@evenicanpm/admin-core/*": ["../admin-core/src/*"],
+			"@evenicanpm/admin-integrate/*": ["src/*"]
 		}
 	},
 	"include": ["src"]