@evenicanpm/admin-integrate 2.3.1 → 2.4.1

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,9 @@
+# @evenicanpm/admin-integrate
+
+## 2.4.1
+
+### Patch Changes
+
+- fix: republish with resolved workspace dependencies
+
+## 2.4.0

package/documents/Process/get-process-details.ts

@@ -39,8 +39,6 @@ const _GET_PROCESS_BY_ID = gql`
         extendedFields
         properties
         maxEndpointMessageAttempts
-        directionTypeId
-        processTemplateId
         created
         modified
       }

package/documents/ProcessConfig/fragments.ts

@@ -63,6 +63,8 @@ export const ENDPOINT_EXPORT_FRAGMENT = gql`
         Enabled
       }
     }
+    TemplateConfig
+    ProcessTemplateId
   }
 `;
 
@@ -107,8 +109,6 @@ export const PROCESS_EXPORT_FRAGMENT = gql`
       Sort
       Params
       ParallelProcessingGroup
-      DirectionTypeId
-      ProcessTemplateId
     }
     ProcessIcon
     IsTriggered

package/documents/ProcessExport/read.ts

@@ -101,8 +101,6 @@ const _GET_CONFIGURATION_EXPORT = gql`
         Sort
         Params
         ParallelProcessingGroup
-        ProcessTemplateId
-        DirectionTypeId
       }
     }
   }

package/documents/ProcessTemplate/fragments.ts

@@ -7,7 +7,6 @@ export const PROCESS_TEMPLATE_FRAGMENT = gql`
     isActive
     created
     modified
-    directionTypeId
     pages {
       id
       title
@@ -48,13 +47,6 @@ export const PROCESS_TEMPLATE_FRAGMENT = gql`
         }
       }
     }
-    mappings {
-      fieldName
-      jsonPath
-      jsonValuePath
-      format
-      inputTypeCode
-    }
   }
 `;
 

package/package.json

@@ -1,25 +1,44 @@
 {
-	"name": "@evenicanpm/admin-integrate",
-	"version": "2.3.1",
-	"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": "7a5a6a8c3c3dd9efe96fbbb884b21e7681d32550"
-}
+  "name": "@evenicanpm/admin-integrate",
+  "version": "2.4.1",
+  "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/inputs/FormikPageBody.tsx

@@ -148,7 +148,6 @@ export function FormikPageBody({
 		disabledFields,
 		setFieldValidationInProgress,
 		submitValidationResults,
-		isCreateMode,
 	};
 
 	const renderRow = (

package/src/components/templatesV2/inputs/primitives/TextWithQueryInput.tsx

@@ -66,8 +66,6 @@ interface DisplayStateInput {
 	helpText?: string | null;
 	validating: boolean;
 	readOnly?: boolean;
-	isEditableAfterCreate?: boolean;
-	isCreateMode?: boolean;
 }
 
 function getInputDisplayState({
@@ -77,14 +75,11 @@ function getInputDisplayState({
 	helpText,
 	validating,
 	readOnly,
-	isEditableAfterCreate,
-	isCreateMode,
 }: DisplayStateInput): {
 	displayError: string | undefined;
 	displayHelpText: string;
 	formHelperTextSx: SxProps<Theme>;
 	isDisabled: boolean;
-	isCreateMode: boolean;
 } {
 	const showError = Boolean(error);
 	const effectiveValidation = getEffectiveValidation(
@@ -99,11 +94,7 @@ function getInputDisplayState({
 	const isError = showError || effectiveValidation?.isValid === false;
 	const displayError = getDisplayError(validating, isError, helperMessage);
 	const displayHelpText = validating ? "Checking…" : helperMessage;
-	const isDisabled = Boolean(
-		readOnly ||
-			validating ||
-			(isEditableAfterCreate === false && !isCreateMode),
-	);
+	const isDisabled = Boolean(readOnly || validating);
 	const formHelperTextSx: SxProps<Theme> = {
 		...(validating && { color: "text.secondary" }),
 		...(isSuccess && !validating && { color: "success.main" }),
@@ -114,7 +105,6 @@ function getInputDisplayState({
 		displayHelpText,
 		formHelperTextSx,
 		isDisabled,
-		isCreateMode: isCreateMode || false,
 	};
 }
 
@@ -138,8 +128,6 @@ export interface TextWithQueryInputProps {
 	options?: SelectorOption[];
 	/** Result from validateFieldOnSubmit (on Next click); shown below field. */
 	submitValidationResult?: SubmitValidationResult | null;
-	isEditableAfterCreate?: boolean;
-	isCreateMode?: boolean;
 }
 
 export function TextWithQueryInput({
@@ -159,8 +147,6 @@ export function TextWithQueryInput({
 	placeholder,
 	options = [],
 	submitValidationResult,
-	isEditableAfterCreate,
-	isCreateMode,
 }: Readonly<TextWithQueryInputProps>) {
 	const [validation, setValidation] = React.useState<{
 		isValid: boolean;
@@ -170,7 +156,6 @@ export function TextWithQueryInput({
 
 	const handleBlur = React.useCallback(async () => {
 		onBlur?.();
-		if (isEditableAfterCreate === false && !isCreateMode) return;
 		const strValue = valueToString(value);
 		if (!strValue && inputType !== InputType.CHECKBOX) {
 			setValidation(null);
@@ -210,8 +195,6 @@ export function TextWithQueryInput({
 		onBlur,
 		validateFormikBeforeApi,
 		setFieldValidationInProgress,
-		isEditableAfterCreate,
-		isCreateMode,
 	]);
 
 	if (readOnly) {
@@ -233,8 +216,6 @@ export function TextWithQueryInput({
 		helpText,
 		validating,
 		readOnly,
-		isEditableAfterCreate,
-		isCreateMode,
 	});
 
 	const clearValidationAndSet = (v: TextWithQueryValue) => {

package/src/components/templatesV2/inputs/renderers/renderFormControl.tsx

@@ -200,7 +200,6 @@ export function renderFormControl({
 	disabledFields,
 	setFieldValidationInProgress,
 	submitValidationResults,
-	isCreateMode,
 }: {
 	input: ProcessTemplateInput;
 	templateId: string;
@@ -222,7 +221,6 @@ export function renderFormControl({
 		string,
 		{ isValid: boolean; message: string }
 	>;
-	isCreateMode?: boolean;
 }) {
 	const k = templateFieldKey(templateId, input.fieldName ?? "");
 	const err = errors[k] ?? null;
@@ -265,8 +263,6 @@ export function renderFormControl({
 						setFieldValidationInProgress={setFieldValidationInProgress}
 						options={getSelectorOptionsFromInput(input)}
 						submitValidationResult={submitValidationResult}
-						isEditableAfterCreate={input.isEditableAfterCreate ?? true}
-						isCreateMode={isCreateMode}
 					/>
 				)}
 			</Field>

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/components/templatesV2/types.tsx

@@ -19,8 +19,8 @@ export type ProcessTemplateInputSchema = ArrayElement<
 export type Data = { processTemplate: ProcessTemplate[] };
 
 export type ProcessTemplateFilter = {
-	sourceTemplateId?: string | null;
-	targetTemplateId?: string | null;
+	processTemplateGroupId?: string | null;
+	processTemplateId?: string | null;
 };
 
 export type FieldValue =

package/src/components/templatesV2/wizard.tsx

@@ -21,10 +21,6 @@ import {
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import React, { useEffect, useRef, useState } from "react";
 import { applyTemplateConfig, InputType } from "./inputs";
-import {
-	parseWithMappings,
-	type Mapping,
-} from "./utils/parseTemplateValuesFromConfig";
 import PageForm from "./pageForm";
 import {
 	type FieldValue,
@@ -281,8 +277,7 @@ function PageNav({
 
 interface Props {
 	readonly metadata: Metadata;
-	readonly sourceTemplateId?: string;
-	readonly targetTemplateId?: string;
+	readonly processTemplateGroupId?: string;
 	readonly processTemplateId?: string;
 	readonly handleBack?: (event?: React.MouseEventHandler) => void;
 	readonly handleFinish?: (event?: React.MouseEventHandler) => void;
@@ -295,7 +290,6 @@ interface Props {
 	readonly isCreateMode?: boolean;
 	readonly readOnly?: boolean;
 	readonly sharedCount?: (count: number) => void;
-	readonly config: Record<string, unknown>;
 }
 
 export default function Wizard({ metadata, sharedCount, ...props }: Props) {
@@ -310,54 +304,11 @@ export default function Wizard({ metadata, sharedCount, ...props }: Props) {
 
 	const { data, isLoading } = getProcessTemplate.useData({
 		input: {
-			sourceTemplateId: props.sourceTemplateId || null,
-			targetTemplateId: props.targetTemplateId || null,
+			processTemplateGroupId: props.processTemplateGroupId || null,
+			processTemplateId: props.processTemplateId || null,
 		},
 	});
 
-	const parsedTemplateConfigs = React.useMemo((): Array<
-		Record<string, unknown>
-	> => {
-		if (props.config == null) return [];
-		type TemplateEntry = {
-			id?: unknown;
-			processTemplateId?: unknown;
-			mappings?: unknown[];
-		};
-		const allTemplates =
-			(data as { processTemplate?: TemplateEntry[] })?.processTemplate ?? [];
-		return allTemplates.flatMap((template) => {
-			const mappings = (template?.mappings ?? []) as Mapping[];
-			if (!mappings.length) return [];
-			const processTemplateId = template?.processTemplateId ?? template?.id;
-			return [
-				{
-					...parseWithMappings(
-						props.config as { json: Record<string, unknown> },
-						mappings,
-					),
-					processTemplateId,
-				},
-			];
-		});
-	}, [data, props.config]);
-
-	const parsedTemplateConfigString = React.useMemo(
-		() =>
-			parsedTemplateConfigs.length > 0
-				? JSON.stringify(parsedTemplateConfigs[0])
-				: null,
-		[parsedTemplateConfigs],
-	);
-
-	const parsedAllTemplateConfigsString = React.useMemo(
-		() =>
-			parsedTemplateConfigs.length > 0
-				? JSON.stringify(parsedTemplateConfigs)
-				: null,
-		[parsedTemplateConfigs],
-	);
-
 	const [initialValues, setInitialValues] = React.useState<FormState>({});
 	// aggregated form values across pages
 	const [aggregatedValues, setAggregatedValues] =
@@ -389,6 +340,7 @@ export default function Wizard({ metadata, sharedCount, ...props }: Props) {
 		const typedData = data as GetProcessTemplateQuery;
 		if (typedData?.processTemplate) {
 			const templates = typedData.processTemplate as ProcessTemplate[];
+
 			setTemplates(templates);
 			setTemplatesSorted(
 				templates.map((t) => ({
@@ -473,12 +425,12 @@ export default function Wizard({ metadata, sharedCount, ...props }: Props) {
 	);
 
 	useEffect(() => {
-		if (!parsedAllTemplateConfigsString) return;
-		for (const config of parsedTemplateConfigs) {
+		if (props.templateConfig) {
+			const config = JSON.parse(props.templateConfig);
 			applyTemplateConfig(
 				{
-					name: "",
-					templateConfig: JSON.stringify(config),
+					name: config.taskName as string,
+					templateConfig: props.templateConfig,
 				} as SearchOption,
 				(templateId: string, fieldName: string, value: FieldValue) => {
 					const key = templateFieldKey(templateId, fieldName);
@@ -486,7 +438,7 @@ export default function Wizard({ metadata, sharedCount, ...props }: Props) {
 				},
 			);
 		}
-	}, [parsedAllTemplateConfigsString]);
+	}, [props.templateConfig]);
 
 	const clearTemplateFields = (templateId: string) => {
 		setAggregatedValues((prev) => {
@@ -648,9 +600,8 @@ export default function Wizard({ metadata, sharedCount, ...props }: Props) {
 		isLoading &&
 		!currentFlat &&
 		!currentTemplate &&
-		!parsedTemplateConfigString &&
-		!props.sourceTemplateId &&
-		!props.targetTemplateId;
+		!props.templateConfig &&
+		(!props.processTemplateGroupId || !props.processTemplateId);
 	if (showLoading) {
 		return (
 			<Box sx={{ padding: theme.spacing(10, 3) }}>
@@ -725,7 +676,7 @@ export default function Wizard({ metadata, sharedCount, ...props }: Props) {
 							isCreateMode={props.isCreateMode}
 							disabledFields={disabledFields}
 							setFieldsDisabled={setFieldsDisabled}
-							templateConfig={parsedTemplateConfigString ?? ""}
+							templateConfig={props.templateConfig || ""}
 							setFieldValidationInProgress={setIsFieldValidationInProgress}
 							submitValidationResults={submitValidationResults ?? undefined}
 						/>

package/src/global.d.ts

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