+
+
+
+ Rule Builder
+ Rule name
+
+ handleFieldChange("ruleName", e.target.value)}
+ />
+
+
+
+ Timeframe
+
handleFieldChange("ruleName", e.target.value)}
- />
-
-
-
- Timeframe
-
- handleFieldChange("timeframe", e.target.value)}
- />
- {
- if (selectedOption) {
- handleFieldChange("timeframeUnit", selectedOption.value);
- }
- }}
- options={options}
- styles={{
- control: (provided) => ({
- ...provided,
- width: '200px',
- }),
- }}
- />
-
-
- setQuery(q)}
- addRuleToNewGroups
- controlElements={{
- valueEditor: valueEditor,
- fieldSelector: (props) =>
- {!editMode &&
-
- Create Rule
-
- }
- {editMode &&
-
- handleDelete()} title="Delete">
- Delete Rule
-
-
- Update Rule
-
- {setActiveRow(null); setEditMode(false); setQuery(defaultQuery); setFormData({
- ruleName: "New Rule",
- timeframe: 600,
- timeframeUnit: "Seconds",
- });}}>
- Cancel
-
-
+ error={
+ formData.timeframe.toString() === "" || !isTimeframeNumeric
}
+ errorMessage={getTimeframeErrorMessage()}
+ placeholder="Timeframe"
+ value={formData.timeframe.toString()}
+ onChange={(e) => handleFieldChange("timeframe", e.target.value)}
+ />
+
{
+ if (selectedOption) {
+ handleFieldChange("timeframeUnit", selectedOption.value);
+ }
+ }}
+ options={options}
+ styles={{
+ control: (provided) => ({
+ ...provided,
+ width: "200px",
+ }),
+ }}
+ />
+
+ setQuery(q)}
+ addRuleToNewGroups
+ controlElements={{
+ valueEditor: valueEditor,
+ fieldSelector: (props) => (
+
+ {!editMode && (
+
+ Create Rule
+
+ )}
+ {editMode && (
+
+ handleDelete()}
+ title="Delete"
+ >
+ Delete Rule
+
+
+ Update Rule
+
+ {
+ setActiveRow(null);
+ setEditMode(false);
+ setQuery(defaultQuery);
+ setFormData({
+ ruleName: "New Rule",
+ timeframe: 600,
+ timeframeUnit: "Seconds",
+ });
+ }}
+ >
+ Cancel
+
-
-
- {loadingRules ? (Rules
+ )}
+
+
+ {loadingRules ? (
+ Rules
@@ -851,71 +974,122 @@ export default function Page() {
- {rules && rules.length > 0 ? rules.map((rule) => (
- <>
- handleRowClick(rule)} className={`cursor-pointer ${activeRow === rule.id ? 'bg-gray-100' : 'hover:bg-gray-100'}`} >
- {rule.name}
- {rule.definition_cel}
- {rule.created_by}
-
- {expandedRows[rule.id] && (
-
-
-
-
Timeframe: {rule.timeframe}
-
Created by: {rule.created_by}
-
Creation Time: {rule.creation_time}
-
- {rule.updated_by &&
Updated by: {rule.updated_by} }
- {rule.update_time &&
Update Time: {rule.update_time} }
- {
- rule.distribution && Object.keys(rule.distribution).length > 0 ? (
+ {rules && rules.length > 0 ? (
+ rules.map((rule) => (
+ <>
+
handleRowClick(rule)}
+ className={`cursor-pointer ${
+ activeRow === rule.id
+ ? "bg-gray-100"
+ : "hover:bg-gray-100"
+ }`}
+ >
+
+ {rule.name}
+
+
+ {rule.definition_cel}
+
+ {rule.created_by}
+
+ {expandedRows[rule.id] && (
+
+
+
+
Timeframe: {rule.timeframe}
+
+ Created by: {rule.created_by}
+
+
+ Creation Time: {rule.creation_time}
+
+
+ {rule.updated_by && (
+
+ Updated by: {rule.updated_by}
+
+ )}
+ {rule.update_time && (
+
+ Update Time: {rule.update_time}
+
+ )}
+ {rule.distribution &&
+ Object.keys(rule.distribution).length > 0 ? (
<>
key === "none" ? "Number of Alerts" : key)}
+ categories={Object.keys(
+ rule.distribution
+ ).map((key) =>
+ key === "none"
+ ? "Number of Alerts"
+ : key
+ )}
enableLegendSlider={true}
/>
- {/* Adjust margin-top as needed */}
-
Alerts hits (24 hours)
+
+ {" "}
+ {/* Adjust margin-top as needed */}
+
+ Alerts hits (24 hours)
+
No alerts matched this rule in the last 24 hours.
- )
- }
-
-
-
- )}
-
- )) :(
+
+ No alerts matched this rule in the last 24
+ hours.
+
+ )}
+
+
+ )}
+
+ ))
+ ) : (
<>
- Group Grafana and DB alerts
- (source == "grafana" && severity =="high") && (service == "database")
+
+ Group Grafana and DB alerts
+
+
+ (source == "grafana" && severity
+ =="high") && (service ==
+ "database")
+
noc@example.com
-
-
- A simple example to demonstrate how Rules works. Begin grouping alerts by creating your first Rule.
-
-
-
+
+
+
+ A simple example to demonstrate how Rules works.
+ Begin grouping alerts by creating your first Rule.
+
+
+
+
)}
-
- )}
-
-
-
-
+
+ )}
+
+
+
);
}
diff --git a/keep-ui/app/settings/add-user-modal.tsx b/keep-ui/app/settings/add-user-modal.tsx
index f9e333bfb..825b72c36 100644
--- a/keep-ui/app/settings/add-user-modal.tsx
+++ b/keep-ui/app/settings/add-user-modal.tsx
@@ -1,12 +1,24 @@
-import React from 'react';
-import { useForm, Controller, SubmitHandler, FieldValues } from 'react-hook-form';
-import { Dialog } from "@headlessui/react";
-import { TextInput, Button, Subtitle, SearchSelect, SearchSelectItem, Icon } from "@tremor/react";
+import React from "react";
+import {
+ useForm,
+ Controller,
+ SubmitHandler,
+ FieldValues,
+} from "react-hook-form";
+import {
+ TextInput,
+ Button,
+ Subtitle,
+ SearchSelect,
+ SearchSelectItem,
+ Icon,
+} from "@tremor/react";
import { AuthenticationType } from "utils/authenticationType";
import { User } from "./models";
import { getApiURL } from "utils/apiUrl";
import { InfoCircledIcon } from "@radix-ui/react-icons";
import "./add-user-modal.css";
+import Modal from "@/components/ui/Modal";
interface RoleOption {
value: string;
@@ -23,7 +35,6 @@ interface AddUserModalProps {
accessToken: string;
}
-
const roleOptions: RoleOption[] = [
{
value: "admin",
@@ -43,163 +54,230 @@ const roleOptions: RoleOption[] = [
},
];
-export default function AddUserModal({ isOpen, onClose, authType, setUsers, accessToken }: AddUserModalProps) {
- const { handleSubmit, control, setError, clearErrors, reset, formState: { errors } } = useForm();
+export default function AddUserModal({
+ isOpen,
+ onClose,
+ authType,
+ setUsers,
+ accessToken,
+}: AddUserModalProps) {
+ const {
+ handleSubmit,
+ control,
+ setError,
+ clearErrors,
+ reset,
+ formState: { errors },
+ } = useForm();
- const onSubmit: SubmitHandler
= async (data) => {
- try {
- const response = await fetch(`${getApiURL()}/users`, {
- method: "POST",
- headers: {
- Authorization: `Bearer ${accessToken}`,
- "Content-Type": "application/json",
- },
- body: JSON.stringify(data),
- });
+ const onSubmit: SubmitHandler = async (data) => {
+ try {
+ const response = await fetch(`${getApiURL()}/users`, {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(data),
+ });
- if (response.ok) {
- const newUser = await response.json();
- setUsers(prevUsers => [...prevUsers, newUser]);
- handleClose();
+ if (response.ok) {
+ const newUser = await response.json();
+ setUsers((prevUsers) => [...prevUsers, newUser]);
+ handleClose();
+ } else {
+ const errorData = await response.json();
+ // if 'detail' in errorData:
+ if (errorData.detail) {
+ setError("apiError", { type: "manual", message: errorData.detail });
} else {
- const errorData = await response.json();
- // if 'detail' in errorData:
- if (errorData.detail) {
- setError('apiError', { type: 'manual', message: errorData.detail });
- }
- else{
- setError('apiError', { type: 'manual', message: errorData.message || 'Failed to add user' });
- }
-
+ setError("apiError", {
+ type: "manual",
+ message: errorData.message || "Failed to add user",
+ });
}
- } catch (error) {
- setError('apiError', { type: 'manual', message: 'An unexpected error occurred' });
}
- };
+ } catch (error) {
+ setError("apiError", {
+ type: "manual",
+ message: "An unexpected error occurred",
+ });
+ }
+ };
- const handleClose = () => {
- clearErrors('apiError');
- reset();
- onClose();
- };
+ const handleClose = () => {
+ clearErrors("apiError");
+ reset();
+ onClose();
+ };
- return (
-
-
-
- Add User
-
-
+ {/* Submit and Cancel Buttons */}
+
+
+ Add User
+
+
+ Cancel
+
-
- );
- }
+
+
+ );
+}
diff --git a/keep-ui/app/settings/api-key-settings.tsx b/keep-ui/app/settings/api-key-settings.tsx
index da9dc9859..760c2b103 100644
--- a/keep-ui/app/settings/api-key-settings.tsx
+++ b/keep-ui/app/settings/api-key-settings.tsx
@@ -1,17 +1,17 @@
"use client";
import {
- Card,
- Title,
- Subtitle,
- Button,
- Table,
- TableBody,
- TableCell,
- TableHead,
- TableHeaderCell,
- TableRow,
- Text
+ Card,
+ Title,
+ Subtitle,
+ Button,
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeaderCell,
+ TableRow,
+ Text,
} from "@tremor/react";
import Loading from "app/loading";
import { CopyBlock, a11yLight } from "react-code-blocks";
@@ -19,7 +19,7 @@ import useSWR from "swr";
import { getApiURL } from "utils/apiUrl";
import { KeyIcon } from "@heroicons/react/24/outline";
import { fetcher } from "utils/fetcher";
-import { useState } from 'react';
+import { useState } from "react";
import { AuthenticationType } from "utils/authenticationType";
import { Config } from "./users-settings";
import CreateApiKeyModal from "./create-api-key-modal";
@@ -42,46 +42,42 @@ export interface ApiKey {
last_used?: string; // Assuming 'last_used' could be optional
}
-
export default function ApiKeySettings({ accessToken, selectedTab }: Props) {
const apiUrl = getApiURL();
const { data, error, isLoading } = useSWR
(
selectedTab === "api-key" ? `${apiUrl}/settings/apikeys` : null,
async (url) => {
- const response = await fetcher(url, accessToken);
- setApiKeys(response.apiKeys);
- return response;
+ const response = await fetcher(url, accessToken);
+ setApiKeys(response.apiKeys);
+ return response;
},
{ revalidateOnFocus: false }
);
-
const { data: configData } = useSWR("/api/config", fetcher, {
revalidateOnFocus: false,
});
-
const [isApiKeyModalOpen, setApiKeyModalOpen] = useState(false);
const [apiKeys, setApiKeys] = useState([]);
-
if (isLoading) return {error.message}
;
const getCopyBlockProps = (secret: string) => {
return {
- theme: { ...a11yLight },
- language: "text",
- text: secret,
- codeBlock: true,
- showLineNumbers: false,
- };
- }
+ theme: { ...a11yLight },
+ language: "text",
+ text: secret,
+ codeBlock: true,
+ showLineNumbers: false,
+ };
+ };
// Determine runtime configuration
const authType = configData?.AUTH_TYPE as AuthenticationType;
// Create API key disabled if authType is none
- const createApiKeyEnabled = authType !== AuthenticationType.NO_AUTH
+ const createApiKeyEnabled = authType !== AuthenticationType.NO_AUTH;
return (
@@ -98,63 +94,63 @@ export default function ApiKeySettings({ accessToken, selectedTab }: Props) {
icon={KeyIcon}
onClick={() => setApiKeyModalOpen(true)}
disabled={!createApiKeyEnabled}
- tooltip={!createApiKeyEnabled ? "API Key creation is disabled because Keep is running in NO_AUTH mode.": "Add user"}
+ tooltip={
+ !createApiKeyEnabled
+ ? "API Key creation is disabled because Keep is running in NO_AUTH mode."
+ : "Add user"
+ }
>
Create API key
- {apiKeys.length ? (
-
-
-
- Name
- Key
-
- Created By
-
-
- Created At
-
-
- Last Used
-
-
- {/* Menu */}
-
-
-
-
- {apiKeys.map((key) => (
-
- {key.reference_id}
-
-
-
-
- {key.created_by}
-
-
- {key.created_at}
-
-
-
- {key.last_used ?? "Never"}
-
-
-
-
+ {apiKeys.length ? (
+
+
+
+ Name
+ Key
+
+ Created By
+
+
+ Created At
+
+
+ Last Used
+
+ {/* Menu */}
- ))}
-
-
- ) : There are no active api keys
}
+
+
+ {apiKeys.map((key) => (
+
+ {key.reference_id}
+
+
+
+
+ {key.created_by}
+
+
+ {key.created_at}
+
+
+
+ {key.last_used ?? "Never"}
+
+
+
+
+ ))}
+
+
+ ) : (
+ There are no active api keys
+ )}
{/* Ensure CopyBlock is the only element within the card for proper spacing */}
= async (data) => {
- try {
- const response = await fetch(`${apiUrl}/settings/apikey`, {
- method: "POST",
- headers: {
- Authorization: `Bearer ${accessToken}`,
- "Content-Type": "application/json",
- },
- body: JSON.stringify(data),
- });
+ const onSubmit: SubmitHandler = async (data) => {
+ try {
+ const response = await fetch(`${apiUrl}/settings/apikey`, {
+ method: "POST",
+ headers: {
+ Authorization: `Bearer ${accessToken}`,
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(data),
+ });
- if (response.ok) {
- const newApiKey = await response.json();
- setApiKeys((prevApiKeys: ApiKey[]) => [...prevApiKeys, newApiKey]);
- handleClose();
+ if (response.ok) {
+ const newApiKey = await response.json();
+ setApiKeys((prevApiKeys: ApiKey[]) => [...prevApiKeys, newApiKey]);
+ handleClose();
+ } else {
+ const errorData = await response.json();
+ // if 'detail' in errorData:
+ if (errorData.detail) {
+ setError("apiError", { type: "manual", message: errorData.detail });
} else {
- const errorData = await response.json();
- // if 'detail' in errorData:
- if (errorData.detail) {
- setError('apiError', { type: 'manual', message: errorData.detail });
- }
- else{
- setError('apiError', { type: 'manual', message: errorData.message || 'Failed to create API Key' });
- }
-
+ setError("apiError", {
+ type: "manual",
+ message: errorData.message || "Failed to create API Key",
+ });
}
- } catch (error) {
- console.log({error})
- setError('apiError', { type: 'manual', message: 'An unexpected error occurred' });
}
- };
-
- const handleClose = () => {
- clearErrors('apiError');
- reset();
- onClose();
- };
+ } catch (error) {
+ console.log({ error });
+ setError("apiError", {
+ type: "manual",
+ message: "An unexpected error occurred",
+ });
+ }
+ };
- return (
-
-
-
- Create API Key
-
-
+ {/* Submit and Cancel Buttons */}
+
+
+ Create API Key{" "}
+
+
+ Cancel
+
-
- );
- }
+
+
+ );
+}
diff --git a/keep-ui/app/settings/users-settings.tsx b/keep-ui/app/settings/users-settings.tsx
index dd5f2f06a..fcfe0dfe9 100644
--- a/keep-ui/app/settings/users-settings.tsx
+++ b/keep-ui/app/settings/users-settings.tsx
@@ -21,7 +21,7 @@ import UsersMenu from "./users-menu";
import { User as AuthUser } from "next-auth";
import { UserPlusIcon } from "@heroicons/react/24/outline";
import { useState } from "react";
-import AddUserModal from './add-user-modal';
+import AddUserModal from "./add-user-modal";
import { AuthenticationType } from "utils/authenticationType";
interface Props {
@@ -49,15 +49,13 @@ export default function UsersSettings({
{ revalidateOnFocus: false }
);
-
const { data: configData } = useSWR
("/api/config", fetcher, {
revalidateOnFocus: false,
});
const [isAddUserModalOpen, setAddUserModalOpen] = useState(false);
const [users, setUsers] = useState([]);
- const [addUserError, setAddUserError] = useState('');
-
+ const [addUserError, setAddUserError] = useState("");
// Determine runtime configuration
const authType = configData?.AUTH_TYPE as AuthenticationType;
@@ -66,7 +64,6 @@ export default function UsersSettings({
if (!data || isLoading) return
@@ -84,7 +81,11 @@ export default function UsersSettings({
icon={UserPlusIcon}
onClick={() => setAddUserModalOpen(true)}
disabled={!addUserEnabled}
- tooltip={!addUserEnabled? "Add user is disabled because Keep is running in NO_AUTH mode.": "Add user"}
+ tooltip={
+ !addUserEnabled
+ ? "Add user is disabled because Keep is running in NO_AUTH mode."
+ : "Add user"
+ }
>
Add User
@@ -95,7 +96,11 @@ export default function UsersSettings({
{/** Image */}
- {authType == AuthenticationType.MULTI_TENANT? "Email": "Username"}
+
+ {authType == AuthenticationType.MULTI_TENANT
+ ? "Email"
+ : "Username"}
+
Name
Role
diff --git a/keep-ui/app/workflows/builder/[workflowId]/page.tsx b/keep-ui/app/workflows/builder/[workflowId]/page.tsx
index f714ccef4..8026f07ae 100644
--- a/keep-ui/app/workflows/builder/[workflowId]/page.tsx
+++ b/keep-ui/app/workflows/builder/[workflowId]/page.tsx
@@ -1,8 +1,7 @@
import { getServerSession } from "next-auth/next";
-import Page from "../page";
import { authOptions } from "pages/api/auth/[...nextauth]";
import { getApiURL } from "utils/apiUrl";
-import { load, JSON_SCHEMA } from "js-yaml";
+import PageClient from "../page.client";
export default async function PageWithId({
params,
@@ -18,5 +17,7 @@ export default async function PageWithId({
cache: "no-store",
});
const text = await response.json();
- return (null);
- const [installedProviders, setInstalledProviders] = useState(null);
+ const [installedProviders, setInstalledProviders] = useState<
+ Provider[] | null
+ >(null);
const apiUrl = getApiURL();
- const { data, error, isLoading } = useSWR(`${apiUrl}/providers`, (url) =>
- fetcher(url, accessToken)
- );
+ const { data, error, isLoading } = useProviders();
if (error) {
throw new KeepApiError(
@@ -54,24 +53,20 @@ export function BuilderCard({
useEffect(() => {
if (data && !providers && !installedProviders) {
setProviders(data.providers);
- setInstalledProviders(data.installed_providers)
+ setInstalledProviders(data.installed_providers);
enableButtons();
}
}, [data, providers, installedProviders, enableButtons]);
if (!providers || isLoading)
return (
-
+
);
return (
-
+
{error ? (
-
Builder
+
+ Builder <Badge color="orange" size="xs" tooltip="Slack us if something isn't working properly :)">Beta</Badge>
+
Workflow building kit
{workflow ? (
diff --git a/keep-ui/app/workflows/builder/page.tsx b/keep-ui/app/workflows/builder/page.tsx
index b0e58b560..d9c229d01 100644
--- a/keep-ui/app/workflows/builder/page.tsx
+++ b/keep-ui/app/workflows/builder/page.tsx
@@ -2,16 +2,15 @@ import PageClient from "./page.client";
import { Suspense } from "react";
import Loading from "../../loading";
-export default function Page({
- workflow,
- workflowId,
-}: {
- workflow: string;
- workflowId: string;
-}) {
+type PageProps = {
+ params: { workflow: string; workflowId: string };
+ searchParams: { [key: string]: string | string[] | undefined };
+};
+
+export default function Page({ params, searchParams }: PageProps) {
return (
}>
-
+
);
}
diff --git a/keep-ui/app/workflows/workflow-run-with-alert-modal.tsx b/keep-ui/app/workflows/workflow-run-with-alert-modal.tsx
index 4fa05a1cb..c28334291 100644
--- a/keep-ui/app/workflows/workflow-run-with-alert-modal.tsx
+++ b/keep-ui/app/workflows/workflow-run-with-alert-modal.tsx
@@ -1,19 +1,18 @@
-import { Dialog } from '@headlessui/react';
-import { useState } from 'react';
-import { TextInput, Button, Text, Card} from '@tremor/react';
+import { useState } from "react";
+import { TextInput, Button, Text, Card } from "@tremor/react";
import { TrashIcon } from "@heroicons/react/24/outline";
-
+import Modal from "@/components/ui/Modal";
interface StaticField {
- key: string;
- value: string;
- }
+ key: string;
+ value: string;
+}
interface AlertTriggerModalProps {
isOpen: boolean;
onClose: () => void;
onSubmit: (payload: any) => void;
- staticFields?: StaticField[];
+ staticFields?: StaticField[];
dependencies?: string[];
}
@@ -22,15 +21,29 @@ interface Field {
value: string;
}
-export default function AlertTriggerModal({ isOpen, onClose, onSubmit, staticFields = [], dependencies = [] }: AlertTriggerModalProps) {
+export default function AlertTriggerModal({
+ isOpen,
+ onClose,
+ onSubmit,
+ staticFields = [],
+ dependencies = [],
+}: AlertTriggerModalProps) {
const [dynamicFields, setDynamicFields] = useState
([]);
- const [fieldErrors, setFieldErrors] = useState(new Array(dynamicFields.length).fill(false));
- const [dependenciesErrors, setDependenciesErrors] = useState(new Array(dependencies.length).fill(false));
- const [dependencyValues, setDependencyValues] = useState>({});
-
-
-
- const handleFieldChange = (index: number, keyOrValue: string, newValue: string) => {
+ const [fieldErrors, setFieldErrors] = useState(
+ new Array(dynamicFields.length).fill(false)
+ );
+ const [dependenciesErrors, setDependenciesErrors] = useState(
+ new Array(dependencies.length).fill(false)
+ );
+ const [dependencyValues, setDependencyValues] = useState<
+ Record
+ >({});
+
+ const handleFieldChange = (
+ index: number,
+ keyOrValue: string,
+ newValue: string
+ ) => {
const newDynamicFields = dynamicFields.map((field, i) => {
if (i === index) {
return { ...field, [keyOrValue]: newValue };
@@ -41,67 +54,85 @@ export default function AlertTriggerModal({ isOpen, onClose, onSubmit, staticFie
};
const handleDependencyChange = (dependencyName: string, newValue: string) => {
- const newDependencyValues = { ...dependencyValues, [dependencyName]: newValue };
+ const newDependencyValues = {
+ ...dependencyValues,
+ [dependencyName]: newValue,
+ };
setDependencyValues(newDependencyValues);
// Update dependencies errors
- const newDependenciesErrors = dependencies.map(dep => !newDependencyValues[dep]);
+ const newDependenciesErrors = dependencies.map(
+ (dep) => !newDependencyValues[dep]
+ );
setDependenciesErrors(newDependenciesErrors);
};
-
const handleDeleteField = (index: number) => {
const newDynamicFields = dynamicFields.filter((_, i) => i !== index);
setDynamicFields(newDynamicFields);
- setFieldErrors(newFieldErrors => newFieldErrors.filter((_, i) => i !== index));
+ setFieldErrors((newFieldErrors) =>
+ newFieldErrors.filter((_, i) => i !== index)
+ );
};
const allFieldsFilled = () => {
// Check if all dynamic fields are filled
- const dynamicFieldsFilled = dynamicFields.every(field => field.key && field.value);
- const dependenciesFilled = !dependenciesErrors.some(error => error);
+ const dynamicFieldsFilled = dynamicFields.every(
+ (field) => field.key && field.value
+ );
+ const dependenciesFilled = !dependenciesErrors.some((error) => error);
return dynamicFieldsFilled && dependenciesFilled;
};
const handleAddField = (e: React.FormEvent) => {
- setDynamicFields([...dynamicFields, { key: '', value: '' }]);
+ setDynamicFields([...dynamicFields, { key: "", value: "" }]);
e.preventDefault();
};
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
// verify all fields are filled
- const dynamicFieldErrors = dynamicFields.map(field => !field.key || !field.value);
+ const dynamicFieldErrors = dynamicFields.map(
+ (field) => !field.key || !field.value
+ );
setFieldErrors(dynamicFieldErrors);
// Verify dependencies have values
- const newDependenciesErrors = dependencies.map(dep => !dependencyValues[dep]);
+ const newDependenciesErrors = dependencies.map(
+ (dep) => !dependencyValues[dep]
+ );
setDependenciesErrors(newDependenciesErrors);
// Check if there are errors in dynamic fields or dependencies
- const hasErrors = dynamicFieldErrors.some(error => error) || newDependenciesErrors.some(error => error);
+ const hasErrors =
+ dynamicFieldErrors.some((error) => error) ||
+ newDependenciesErrors.some((error) => error);
if (hasErrors) {
return; // Stop the form submission if there are errors
}
if (!allFieldsFilled()) {
- return;
- }
+ return;
+ }
// build the final payload
- const buildNestedObject = (acc: Record, key: string, value: string) => {
- const keys = key.split('.');
- let current = acc;
-
- for (let i = 0; i < keys.length - 1; i++) {
- const part = keys[i];
- current[part] = current[part] || {};
- current = current[part];
- }
-
- current[keys[keys.length - 1]] = value;
- return acc;
+ const buildNestedObject = (
+ acc: Record,
+ key: string,
+ value: string
+ ) => {
+ const keys = key.split(".");
+ let current = acc;
+
+ for (let i = 0; i < keys.length - 1; i++) {
+ const part = keys[i];
+ current[part] = current[part] || {};
+ current = current[part];
+ }
+
+ current[keys[keys.length - 1]] = value;
+ return acc;
};
// Construct payload with a flexible structure
@@ -113,7 +144,7 @@ export default function AlertTriggerModal({ isOpen, onClose, onSubmit, staticFie
}, {});
// Merge dependencyValues into the payload
- Object.keys(dependencyValues).forEach(key => {
+ Object.keys(dependencyValues).forEach((key) => {
if (dependencyValues[key]) {
buildNestedObject(payload, key, dependencyValues[key]);
}
@@ -121,80 +152,100 @@ export default function AlertTriggerModal({ isOpen, onClose, onSubmit, staticFie
// Add fingerprint key with a random number
const randomNum = Math.floor(Math.random() * 1000000);
- payload['fingerprint'] = `test-workflow-fingerprint-${randomNum}`;
+ payload["fingerprint"] = `test-workflow-fingerprint-${randomNum}`;
onClose();
onSubmit(payload);
};
return (
-
- 
+
+
+1. **Define the Matchers**: Specify which alert attributes will be used to match rows in the CSV file.
+2. **Upload the CSV File**: Provide the CSV file containing the data for enrichment.
+3. **Configure the Rule**: Set additional parameters, such as whether the rule should override existing alert attributes.
+
+## Practical Example
+
+Imagine you have a CSV file with columns representing different aspects of your infrastructure, such as `region`, `responsible_team`, and `severity_override`. By creating a mapping rule that matches alerts based on `service` and `region`, you can automatically enrich alerts with the responsible team and adjust severity based on the matched row in the CSV file.
+
+## Best Practices
+
+- **Keep CSV Files Updated**: Regularly update the CSV files to reflect the current state of your infrastructure and operational data.
+- **Use Specific Matchers**: Define matchers that are unique and relevant to ensure accurate matching.
+- **Monitor Rule Performance**: Review the application of mapping rules to ensure they are working as expected and adjust them as necessary.
+
+
+ 
+
diff --git a/examples/workflows/bash_example.yml b/examples/workflows/bash_example.yml
new file mode 100644
index 000000000..4b5518ef9
--- /dev/null
+++ b/examples/workflows/bash_example.yml
@@ -0,0 +1,29 @@
+workflow:
+ id: Resend-Python-service
+ description: Python Resend Mail
+ triggers:
+ - type: manual
+ owners: []
+ services: []
+ steps:
+ - name: run-script
+ provider:
+ config: '{{ providers.default-bash }}'
+ type: bash
+ with:
+ command: python3 test.py
+ timeout: 5
+ actions:
+ - condition:
+ - assert: '{{ steps.run-script.results.return_code }} == 0'
+ name: assert-condition
+ type: assert
+ name: trigger-resend
+ provider:
+ type: resend
+ config: "{{ providers.resend-test }}"
+ with:
+ _from: "onboarding@resend.dev"
+ to: "youremail.dev@gmail.com"
+ subject: "Python test is up!"
+ html: 
+ props.data.type && (
+ 
+ data.type && (
+