@evenicanpm/admin-integrate 1.2.2 → 1.4.0

package/src/api/scheduler/queries/get-non-scheduled-processes.query.ts

@@ -0,0 +1,48 @@
+import type { GetNonScheduledProcessesQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import {
+	type QueryClient,
+	type UseQueryOptions,
+	useQuery,
+} from "@tanstack/react-query";
+import { queryFn } from "./get-non-scheduled-processes.server";
+
+export const buildNonScheduledProcessesQueryKey = {
+	all: () => ["getNonScheduledProcesses"] as const,
+	byInput: (variables?: GetNonScheduledProcessesQueryVariables) => [
+		"getNonScheduledProcesses",
+		variables,
+	],
+};
+
+export const getNonScheduledProcesses = {
+	queryKey: buildNonScheduledProcessesQueryKey.all(),
+
+	prefetch: (
+		queryClient: QueryClient,
+		variables: GetNonScheduledProcessesQueryVariables,
+	) =>
+		queryClient.prefetchQuery({
+			queryKey: buildNonScheduledProcessesQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		}),
+
+	fetchData: async (
+		queryClient: QueryClient,
+		variables: GetNonScheduledProcessesQueryVariables,
+	) => {
+		return await queryClient.fetchQuery({
+			queryKey: buildNonScheduledProcessesQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		});
+	},
+
+	useData: (
+		variables: GetNonScheduledProcessesQueryVariables,
+		options?: UseQueryOptions,
+	) =>
+		useQuery({
+			queryKey: buildNonScheduledProcessesQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+			...options,
+		}),
+};

package/src/api/scheduler/queries/get-non-scheduled-processes.server.ts

@@ -0,0 +1,11 @@
+"use server";
+import type { GetNonScheduledProcessesQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
+
+export const queryFn = async (
+	variables: GetNonScheduledProcessesQueryVariables,
+) => {
+	const sdk = await createGraphqlclient();
+	const { data } = await sdk.GetNonScheduledProcesses(variables);
+	return data;
+};

package/src/api/scheduler/queries/get-process-schedule-group-details.query.ts

@@ -1,8 +1,11 @@
-import { useQuery, QueryClient, UseQueryOptions } from "@tanstack/react-query";
+import type { GetProcessScheduleGroupDetailsQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import {
+	type QueryClient,
+	type UseQueryOptions,
+	useQuery,
+} from "@tanstack/react-query";
 import { queryFn } from "./get-process-schedule-group-details.server";
 
-import { GetProcessScheduleGroupDetailsQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
-
 export const buildProcessScheduleGroupDetailsQueryKey = {
 	all: () => ["getProcessScheduleGroupDetails"] as const,
 	byInput: (variables?: GetProcessScheduleGroupDetailsQueryVariables) => [

package/src/api/scheduler/queries/get-process-schedule-group-details.server.ts

@@ -1,9 +1,9 @@
 "use server";
-import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
-import {
-	GetProcessScheduleGroupDetailsQueryVariables,
+import type {
 	GetProcessScheduleGroupDetailsQuery,
+	GetProcessScheduleGroupDetailsQueryVariables,
 } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
 
 export const queryFn = async (
 	variables: GetProcessScheduleGroupDetailsQueryVariables,

package/src/api/scheduler/queries/get-process-schedule.query.ts

@@ -1,8 +1,11 @@
-import { useQuery, QueryClient, UseQueryOptions } from "@tanstack/react-query";
+import type { GetProcessScheduleByIdQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import {
+	type QueryClient,
+	type UseQueryOptions,
+	useQuery,
+} from "@tanstack/react-query";
 import { queryFn } from "./get-process-schedule.server";
 
-import { GetProcessScheduleByIdQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
-
 export const buildProcessScheduleQueryKey = {
 	all: () => ["getProcessScheduleGroupById"] as const,
 	byInput: (variables?: GetProcessScheduleByIdQueryVariables) => [

package/src/api/scheduler/queries/get-process-schedule.server.ts

@@ -1,9 +1,9 @@
 "use server";
-import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
-import {
-	GetProcessScheduleByIdQueryVariables,
+import type {
 	GetProcessScheduleByIdQuery,
+	GetProcessScheduleByIdQueryVariables,
 } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
 
 export const queryFn = async (
 	variables: GetProcessScheduleByIdQueryVariables,

package/src/api/scheduler/queries/get-scheduled-processes.query.ts

@@ -1,8 +1,11 @@
-import { useQuery, QueryClient, UseQueryOptions } from "@tanstack/react-query";
+import type { GetScheduledProcessesQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import {
+	type QueryClient,
+	type UseQueryOptions,
+	useQuery,
+} from "@tanstack/react-query";
 import { queryFn } from "./get-scheduled-processes.server";
 
-import { GetScheduledProcessesQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
-
 export const buildScheduledProcessesQueryKey = {
 	all: () => ["getScheduledProcesses"] as const,
 	byInput: (variables?: GetScheduledProcessesQueryVariables) => [

package/src/api/scheduler/queries/get-scheduled-processes.server.ts

@@ -1,6 +1,6 @@
 "use server";
+import type { GetScheduledProcessesQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
 import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
-import { GetScheduledProcessesQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
 
 export const queryFn = async (
 	variables: GetScheduledProcessesQueryVariables,

package/src/api/scheduler/queries/index.ts

@@ -1,3 +1,4 @@
-export { getScheduledProcesses } from "./get-scheduled-processes.query";
-export { getProcessScheduleGroupDetails } from "./get-process-schedule-group-details.query";
+export { getNonScheduledProcesses } from "./get-non-scheduled-processes.query";
 export { getProcessScheduleById } from "./get-process-schedule.query";
+export { getProcessScheduleGroupDetails } from "./get-process-schedule-group-details.query";
+export { getScheduledProcesses } from "./get-scheduled-processes.query";

package/src/api/templates/queries/get-process-template-groups.query.ts

@@ -0,0 +1,48 @@
+import type { GetProcessTemplateGroupsQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import {
+	type QueryClient,
+	type UseQueryOptions,
+	useQuery,
+} from "@tanstack/react-query";
+import { queryFn } from "./get-process-template-groups.server";
+
+export const buildProcessTemplateGroupsQueryKey = {
+	all: () => ["getProcessTemplateGroups"] as const,
+	byInput: (variables?: GetProcessTemplateGroupsQueryVariables) => [
+		"getProcessTemplateGroups",
+		variables,
+	],
+};
+
+export const getProcessTemplateGroups = {
+	queryKey: buildProcessTemplateGroupsQueryKey.all(),
+
+	prefetch: (
+		queryClient: QueryClient,
+		variables: GetProcessTemplateGroupsQueryVariables,
+	) =>
+		queryClient.prefetchQuery({
+			queryKey: buildProcessTemplateGroupsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		}),
+
+	fetchData: async (
+		queryClient: QueryClient,
+		variables: GetProcessTemplateGroupsQueryVariables,
+	) => {
+		return await queryClient.fetchQuery({
+			queryKey: buildProcessTemplateGroupsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		});
+	},
+
+	useData: (
+		variables: GetProcessTemplateGroupsQueryVariables,
+		options?: UseQueryOptions,
+	) =>
+		useQuery({
+			queryKey: buildProcessTemplateGroupsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+			...options,
+		}),
+};

package/src/api/templates/queries/get-process-template-groups.server.ts

@@ -0,0 +1,11 @@
+"use server";
+import type { GetProcessTemplateGroupsQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
+
+export const queryFn = async (
+	variables: GetProcessTemplateGroupsQueryVariables,
+) => {
+	const sdk = await createGraphqlclient();
+	const { data } = await sdk.GetProcessTemplateGroups(variables);
+	return data;
+};

package/src/api/templates/queries/get-process-template-records.query.ts

@@ -0,0 +1,48 @@
+import type { GetProcessTemplateRecordsQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import {
+	type QueryClient,
+	type UseQueryOptions,
+	useQuery,
+} from "@tanstack/react-query";
+import { queryFn } from "./get-process-template-records.server";
+
+export const buildProcessTemplateRecordsQueryKey = {
+	all: () => ["getProcessTemplateRecords"] as const,
+	byInput: (variables?: GetProcessTemplateRecordsQueryVariables) => [
+		"getProcessTemplateRecords",
+		variables,
+	],
+};
+
+export const getProcessTemplateRecords = {
+	queryKey: buildProcessTemplateRecordsQueryKey.all(),
+
+	prefetch: (
+		queryClient: QueryClient,
+		variables: GetProcessTemplateRecordsQueryVariables,
+	) =>
+		queryClient.prefetchQuery({
+			queryKey: buildProcessTemplateRecordsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		}),
+
+	fetchData: async (
+		queryClient: QueryClient,
+		variables: GetProcessTemplateRecordsQueryVariables,
+	) => {
+		return await queryClient.fetchQuery({
+			queryKey: buildProcessTemplateRecordsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		});
+	},
+
+	useData: (
+		variables: GetProcessTemplateRecordsQueryVariables,
+		options?: UseQueryOptions,
+	) =>
+		useQuery({
+			queryKey: buildProcessTemplateRecordsQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+			...options,
+		}),
+};

package/src/api/templates/queries/get-process-template-records.server.ts

@@ -0,0 +1,11 @@
+"use server";
+import type { GetProcessTemplateRecordsQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
+
+export const queryFn = async (
+	variables: GetProcessTemplateRecordsQueryVariables,
+) => {
+	const sdk = await createGraphqlclient();
+	const { data } = await sdk.GetProcessTemplateRecords(variables);
+	return data;
+};

package/src/api/templates/queries/get-process-template.query.ts

@@ -0,0 +1,48 @@
+import type { GetProcessTemplateQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import {
+	type QueryClient,
+	type UseQueryOptions,
+	useQuery,
+} from "@tanstack/react-query";
+import { queryFn } from "./get-process-template.server";
+
+export const buildProcessTemplateQueryKey = {
+	all: () => ["getProcessTemplate"] as const,
+	byInput: (variables?: GetProcessTemplateQueryVariables) => [
+		"getProcessTemplate",
+		variables,
+	],
+};
+
+export const getProcessTemplate = {
+	queryKey: buildProcessTemplateQueryKey.all(),
+
+	prefetch: (
+		queryClient: QueryClient,
+		variables: GetProcessTemplateQueryVariables,
+	) =>
+		queryClient.prefetchQuery({
+			queryKey: buildProcessTemplateQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		}),
+
+	fetchData: async (
+		queryClient: QueryClient,
+		variables: GetProcessTemplateQueryVariables,
+	) => {
+		return await queryClient.fetchQuery({
+			queryKey: buildProcessTemplateQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		});
+	},
+
+	useData: (
+		variables: GetProcessTemplateQueryVariables,
+		options?: UseQueryOptions,
+	) =>
+		useQuery({
+			queryKey: buildProcessTemplateQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+			...options,
+		}),
+};

package/src/api/templates/queries/get-process-template.server.ts

@@ -0,0 +1,9 @@
+"use server";
+import type { GetProcessTemplateQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
+
+export const queryFn = async (variables: GetProcessTemplateQueryVariables) => {
+	const sdk = await createGraphqlclient();
+	const { data } = await sdk.GetProcessTemplate(variables);
+	return data;
+};

package/src/api/templates/queries/get-process-templates.query.ts

@@ -0,0 +1,45 @@
+import type { GetProcessTemplatesQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import {
+	type QueryClient,
+	type UseQueryOptions,
+	useQuery,
+} from "@tanstack/react-query";
+import { queryFn } from "./get-process-templates.server";
+
+export const buildProcessTemplatesQueryKey = {
+	byInput: (variables?: GetProcessTemplatesQueryVariables) => [
+		"getProcessTemplates",
+		variables,
+	],
+};
+
+export const getProcessTemplates = {
+	prefetch: (
+		queryClient: QueryClient,
+		variables: GetProcessTemplatesQueryVariables,
+	) =>
+		queryClient.prefetchQuery({
+			queryKey: buildProcessTemplatesQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		}),
+
+	fetchData: async (
+		queryClient: QueryClient,
+		variables: GetProcessTemplatesQueryVariables,
+	) => {
+		return await queryClient.fetchQuery({
+			queryKey: buildProcessTemplatesQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+		});
+	},
+
+	useData: (
+		variables: GetProcessTemplatesQueryVariables,
+		options?: UseQueryOptions,
+	) =>
+		useQuery({
+			queryKey: buildProcessTemplatesQueryKey.byInput(variables),
+			queryFn: () => queryFn(variables),
+			...options,
+		}),
+};

package/src/api/templates/queries/get-process-templates.server.ts

@@ -0,0 +1,9 @@
+"use server";
+import type { GetProcessTemplatesQueryVariables } from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
+
+export const queryFn = async (variables: GetProcessTemplatesQueryVariables) => {
+	const sdk = await createGraphqlclient();
+	const { data } = await sdk.GetProcessTemplates(variables);
+	return data;
+};

package/src/api/templates/queries/index.ts

@@ -0,0 +1,5 @@
+export { getProcessTemplate } from "./get-process-template.query";
+export { getProcessTemplateGroups } from "./get-process-template-groups.query";
+export { getProcessTemplateRecords } from "./get-process-template-records.query";
+export { getProcessTemplates } from "./get-process-templates.query";
+export { templateInputSearch } from "./template-input-search.query";

package/src/api/templates/queries/template-input-search.query.ts

@@ -0,0 +1,39 @@
+import type {
+	CheckUniqueIdentifierQueryVariables,
+	GetDataDescriptionsQueryVariables,
+	GetSourceEndpointsQueryVariables,
+} from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
+import { queryFn } from "./template-input-search.server";
+import type {
+	TemplateInputSearchQueryKey,
+	TemplateInputSearchQueryVariables,
+} from "./types";
+
+export const buildTemplateSearchQueryKey = {
+	getSourceEndpoints: (variables: GetSourceEndpointsQueryVariables) => [
+		"getSourceEndpoints",
+		variables,
+	],
+	getDataDescriptions: (variables: GetDataDescriptionsQueryVariables) => [
+		"getDataDescriptions",
+		variables,
+	],
+	checkUniqueIdentifier: (variables: CheckUniqueIdentifierQueryVariables) => [
+		"checkUniqueIdentifier",
+		variables,
+	],
+};
+
+export const templateInputSearch = {
+	useData: (
+		variables: TemplateInputSearchQueryVariables,
+		queryKey: TemplateInputSearchQueryKey,
+		options?: UseQueryOptions,
+	) =>
+		useQuery({
+			queryKey: buildTemplateSearchQueryKey[queryKey](variables),
+			queryFn: () => queryFn(variables, queryKey),
+			...options,
+		}),
+};

package/src/api/templates/queries/template-input-search.server.ts

@@ -0,0 +1,42 @@
+"use server";
+import type {
+	CheckUniqueIdentifierQueryVariables,
+	GetDataDescriptionsQueryVariables,
+	GetSourceEndpointsQueryVariables,
+} from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+import createGraphqlclient from "@evenicanpm/admin-core/api/sdk/graphqlClient.client";
+import type {
+	TemplateInputSearchQueryKey,
+	TemplateInputSearchQueryVariables,
+} from "./types";
+
+export const queryFn = async (
+	variables: TemplateInputSearchQueryVariables | string,
+	queryKey: TemplateInputSearchQueryKey,
+) => {
+	const sdk = await createGraphqlclient();
+
+	switch (queryKey) {
+		case "getSourceEndpoints": {
+			const { data } = await sdk.GetSourceEndpoints(
+				variables as GetSourceEndpointsQueryVariables,
+			);
+			return data;
+		}
+		case "getDataDescriptions": {
+			const { data } = await sdk.GetDataDescriptions(
+				variables as GetDataDescriptionsQueryVariables,
+			);
+			return data;
+		}
+		case "checkUniqueIdentifier": {
+			const { data } = await sdk.CheckUniqueIdentifier(
+				variables as CheckUniqueIdentifierQueryVariables,
+			);
+			return data;
+		}
+		default: {
+			throw new Error(`queryKey "${queryKey}" invalid`);
+		}
+	}
+};

package/src/api/templates/queries/types.ts

@@ -0,0 +1,34 @@
+import type {
+	GetDataDescriptionsQuery,
+	GetDataDescriptionsQueryVariables,
+	GetSourceEndpointsQuery,
+	GetSourceEndpointsQueryVariables,
+	CheckUniqueIdentifierQuery,
+	CheckUniqueIdentifierQueryVariables,
+} from "@evenicanpm/admin-core/api/e4/graphqlRequestSdk";
+
+export type TemplateInputSearchQueryVariables =
+	| GetSourceEndpointsQueryVariables
+	| GetDataDescriptionsQueryVariables
+	| CheckUniqueIdentifierQueryVariables;
+
+export type TemplateInputSearchQuery =
+	| GetSourceEndpointsQuery
+	| GetDataDescriptionsQuery
+	| CheckUniqueIdentifierQuery;
+
+export type TemplateInputSearchQueryKey =
+	| "getSourceEndpoints"
+	| "getDataDescriptions"
+	| "checkUniqueIdentifier";
+
+export const isTemplateInputSearchQueryKey = (
+	qn: string,
+): qn is TemplateInputSearchQueryKey => {
+	const keys: TemplateInputSearchQueryKey[] = [
+		"getSourceEndpoints",
+		"getDataDescriptions",
+		"checkUniqueIdentifier",
+	];
+	return keys.includes(qn as TemplateInputSearchQueryKey);
+};

package/src/components/breadcrumbs/breadcrumbs.tsx

@@ -1,22 +1,32 @@
-import React from "react";
-import Link from "next/link";
-
+import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
+import { Breadcrumbs, Button, Typography } from "@mui/material";
 // MUI
 import styled from "@mui/material/styles/styled";
-import { Breadcrumbs, Typography } from "@mui/material";
+import Link from "next/link";
+import { usePathname, useRouter } from "next/navigation";
 
-import { Crumb } from "./types";
+import type { Crumb } from "./types";
 
 // STYLED COMPONENTS
 export const Wrapper = styled("div")(({ theme }) => ({
 	padding: theme.spacing(0, 1, 3),
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
 }));
 
 type Props = {
 	breadcrumbs: Crumb[];
 };
 
-export default function IntegrateBreadcrumbs({ breadcrumbs }: Props) {
+export default function IntegrateBreadcrumbs({ breadcrumbs }: Readonly<Props>) {
+	const router = useRouter();
+	const pathname = usePathname();
+
+	const showBackButton = /^\/e4integrate\/(integrations|executions)\/\w+/.test(
+		pathname || "",
+	);
+
 	return (
 		<Wrapper>
 			<Breadcrumbs>
@@ -34,6 +44,23 @@ export default function IntegrateBreadcrumbs({ breadcrumbs }: Props) {
 					),
 				)}
 			</Breadcrumbs>
+			{showBackButton ? (
+				<Button
+					variant="text"
+					size="small"
+					color="info"
+					onClick={() => router.back()}
+					sx={{
+						textTransform: "none",
+						minWidth: "auto",
+						backgroundColor: "transparent",
+					}}
+				>
+					<ArrowBackIosIcon sx={{ width: "14px" }} /> Back
+				</Button>
+			) : (
+				<div />
+			)}
 		</Wrapper>
 	);
 }

package/src/components/button/outlined-icon-button.tsx

@@ -1,5 +1,5 @@
-import React from "react";
-import { IconButton, IconButtonProps } from "@mui/material";
+import { IconButton, type IconButtonProps } from "@mui/material";
+import type React from "react";
 
 interface Props extends IconButtonProps {
 	children: React.ReactNode;

package/src/components/core/date-time-popover.tsx

@@ -1,5 +1,12 @@
-import { Theme, useTheme } from "@mui/material";
-import { Popover, Box, Typography, PopoverProps } from "@mui/material";
+import { toLongDate } from "@evenicanpm/admin-integrate/utils/date-functions";
+import {
+	Box,
+	Popover,
+	type PopoverProps,
+	type Theme,
+	Typography,
+	useTheme,
+} from "@mui/material";
 
 interface Props extends PopoverProps {
 	dateIsoString: string;
@@ -8,16 +15,16 @@ interface Props extends PopoverProps {
 export default function DateTimePopover({
 	dateIsoString,
 	...popoverProps
-}: Props) {
+}: Readonly<Props>) {
 	const theme = useTheme();
 	const styles = getStyles(theme);
 
-	const date = new Date(dateIsoString);
+	const formatted = toLongDate(dateIsoString);
 
 	return (
 		<Popover {...popoverProps}>
 			<Box sx={styles.popover}>
-				<Typography>{date.toString()}</Typography>
+				<Typography>{formatted}</Typography>
 			</Box>
 		</Popover>
 	);