windmill-components 1.537.1 → 1.542.5

package/package/components/triggers/email/EmailTriggerEditorInner.svelte

@@ -0,0 +1,335 @@
+<script lang="ts">import { Button } from '../../common';
+import Drawer from '../../common/drawer/Drawer.svelte';
+import DrawerContent from '../../common/drawer/DrawerContent.svelte';
+import Path from '../../Path.svelte';
+import Required from '../../Required.svelte';
+import ScriptPicker from '../../ScriptPicker.svelte';
+import { EmailTriggerService } from '../../../gen';
+import { usedTriggerKinds, userStore, workspaceStore } from '../../../stores';
+import { canWrite, emptyString, sendUserToast } from '../../../utils';
+import Section from '../../Section.svelte';
+import { Loader2 } from 'lucide-svelte';
+import Label from '../../Label.svelte';
+import EmailTriggerEditorConfigSection from './EmailTriggerEditorConfigSection.svelte';
+import TriggerEditorToolbar from '../TriggerEditorToolbar.svelte';
+import { getHandlerType, handleConfigChange } from '../utils';
+import { untrack } from 'svelte';
+import Tabs from '../../common/tabs/Tabs.svelte';
+import Tab from '../../common/tabs/Tab.svelte';
+import TriggerRetriesAndErrorHandler from '../TriggerRetriesAndErrorHandler.svelte';
+import { saveEmailTriggerFromCfg } from './utils';
+let { useDrawer = true, hideTarget = false, description = undefined, isEditor = false, customLabel = undefined, allowDraft = false, isDeployed = false, onConfigChange = undefined, onCaptureConfigChange = undefined, onUpdate = undefined, onDelete = undefined, onReset = undefined, trigger = undefined, customSaveBehavior = undefined } = $props();
+// Form data state
+let initialPath = $state('');
+let edit = $state(true);
+let itemKind = $state('script');
+let is_flow = $state(false);
+let script_path = $state('');
+let initialScriptPath = $state('');
+let fixedScriptPath = $state('');
+let path = $state('');
+let pathError = $state('');
+let isValid = $state(false);
+let dirtyLocalPart = $state(false);
+let dirtyPath = $state(false);
+let local_part = $state('');
+let workspaced_local_part = $state(false);
+let drawerLoading = $state(true);
+let showLoader = $state(false);
+let can_write = $state(true);
+let extraPerms = $state(undefined);
+let error_handler_path = $state();
+let error_handler_args = $state({});
+let retry = $state();
+// Component references
+let drawer = $state(undefined);
+let initialConfig = undefined;
+let deploymentLoading = $state(false);
+let optionTabSelected = $state('error_handler');
+let errorHandlerSelected = $state('slack');
+const isAdmin = $derived($userStore?.is_admin || $userStore?.is_super_admin);
+const routeConfig = $derived.by(getEmailTriggerConfig);
+const captureConfig = $derived.by(isEditor ? getCaptureConfig : () => ({}));
+const saveDisabled = $derived(drawerLoading || !can_write || pathError != '' || !isValid || emptyString(script_path));
+$effect(() => {
+    is_flow = itemKind === 'flow';
+});
+export async function openEdit(ePath, isFlow, defaultConfig) {
+    drawerLoading = true;
+    let loader = setTimeout(() => {
+        showLoader = true;
+    }, 100); // if loading takes less than 100ms, we don't show the loader
+    try {
+        drawer?.openDrawer();
+        initialPath = ePath;
+        path = ePath;
+        itemKind = isFlow ? 'flow' : 'script';
+        edit = true;
+        dirtyPath = false;
+        dirtyLocalPart = false;
+        await loadTrigger(defaultConfig);
+    }
+    catch (err) {
+        sendUserToast(`Could not load email trigger: ${err}`, true);
+    }
+    finally {
+        if (!defaultConfig) {
+            // If the email trigger is loaded from the backend, we to set the initial config
+            initialConfig = structuredClone($state.snapshot(getEmailTriggerConfig()));
+        }
+        clearTimeout(loader);
+        drawerLoading = false;
+        showLoader = false;
+    }
+}
+export async function openNew(nis_flow, fixedScriptPath_, defaultValues) {
+    drawerLoading = true;
+    let loader = setTimeout(() => {
+        showLoader = true;
+    }, 100); // if loading takes less than 100ms, we don't show the loader
+    try {
+        drawer?.openDrawer();
+        is_flow = defaultValues?.is_flow ?? nis_flow;
+        edit = false;
+        itemKind = nis_flow ? 'flow' : 'script';
+        local_part = defaultValues?.local_part ?? '';
+        dirtyLocalPart = false;
+        initialScriptPath = '';
+        fixedScriptPath = fixedScriptPath_ ?? '';
+        script_path = fixedScriptPath;
+        path = defaultValues?.path ?? '';
+        initialPath = '';
+        dirtyPath = false;
+        workspaced_local_part = defaultValues?.workspaced_local_part ?? false;
+        error_handler_path = defaultValues?.error_handler_path ?? undefined;
+        error_handler_args = defaultValues?.error_handler_args ?? {};
+        retry = defaultValues?.retry ?? undefined;
+        errorHandlerSelected = getHandlerType(error_handler_path ?? '');
+    }
+    finally {
+        clearTimeout(loader);
+        drawerLoading = false;
+        showLoader = false;
+    }
+}
+function loadTriggerConfig(cfg) {
+    script_path = cfg?.script_path ?? '';
+    initialScriptPath = cfg?.script_path ?? '';
+    is_flow = cfg?.is_flow ?? false;
+    path = cfg?.path ?? '';
+    local_part = cfg?.local_part ?? '';
+    workspaced_local_part = cfg?.workspaced_local_part ?? false;
+    extraPerms = cfg?.extra_perms ?? undefined;
+    can_write = canWrite(path, cfg?.extra_perms ?? {}, $userStore);
+    error_handler_path = cfg?.error_handler_path;
+    error_handler_args = cfg?.error_handler_args ?? {};
+    retry = cfg?.retry;
+    errorHandlerSelected = getHandlerType(error_handler_path ?? '');
+}
+async function loadTrigger(defaultConfig) {
+    if (defaultConfig) {
+        loadTriggerConfig(defaultConfig);
+        return;
+    }
+    else {
+        const s = await EmailTriggerService.getEmailTrigger({
+            workspace: $workspaceStore,
+            path: initialPath
+        });
+        loadTriggerConfig(s);
+    }
+}
+async function triggerScript() {
+    if (customSaveBehavior) {
+        customSaveBehavior(routeConfig);
+        drawer?.closeDrawer();
+    }
+    else {
+        deploymentLoading = true;
+        const saveCfg = routeConfig;
+        const isSaved = await saveEmailTriggerFromCfg(initialPath, saveCfg, edit, $workspaceStore, !!$userStore?.is_admin || !!$userStore?.is_super_admin, usedTriggerKinds);
+        if (isSaved) {
+            onUpdate(saveCfg.path);
+            drawer?.closeDrawer();
+        }
+        deploymentLoading = false;
+    }
+}
+function getEmailTriggerConfig() {
+    const nCfg = {
+        script_path,
+        is_flow,
+        path,
+        local_part,
+        workspaced_local_part,
+        extra_perms: extraPerms,
+        error_handler_path,
+        error_handler_args,
+        retry
+    };
+    return nCfg;
+}
+// Update config for captures
+function getCaptureConfig() {
+    const newCaptureConfig = {
+        local_part: routeConfig.local_part,
+        path: routeConfig.path
+    };
+    //
+    return newCaptureConfig;
+}
+$effect(() => {
+    const args = [captureConfig, isValid];
+    untrack(() => onCaptureConfigChange?.(...args));
+});
+$effect(() => {
+    if (!drawerLoading) {
+        handleConfigChange(routeConfig, initialConfig, saveDisabled, edit, onConfigChange);
+    }
+});
+</script>
+
+{#snippet config()}
+	{#if drawerLoading}
+		{#if showLoader}
+			<Loader2 class="animate-spin" />
+		{/if}
+	{:else}
+		<div class="flex flex-col gap-12">
+			<Section label="Metadata">
+				<div class="flex flex-col gap-2">
+					<Label label="Path">
+						<Path
+							bind:dirty={dirtyPath}
+							bind:error={pathError}
+							bind:path
+							{initialPath}
+							checkInitialPathExistence={!edit}
+							namePlaceholder="email_trigger"
+							kind="email_trigger"
+							hideUser
+							disableEditing={!can_write}
+						/>
+					</Label>
+				</div>
+			</Section>
+
+			{#if !hideTarget}
+				<Section label="Target">
+					<p class="text-xs mt-3 mb-1 text-tertiary">
+						Pick a script or flow to be triggered<Required required={true} />
+					</p>
+					<div class="flex flex-col gap-2">
+						<div class="flex flex-row mb-2">
+							<ScriptPicker
+								disabled={fixedScriptPath != '' || !can_write}
+								initialPath={fixedScriptPath || initialScriptPath}
+								kinds={['script']}
+								allowFlow={true}
+								bind:itemKind
+								bind:scriptPath={script_path}
+								allowRefresh={can_write}
+								allowEdit={!$userStore?.operator}
+								clearable
+							/>
+
+							{#if emptyString(script_path)}
+								<Button
+									btnClasses="ml-4 mt-2"
+									color="dark"
+									size="xs"
+									href={itemKind === 'flow' ? '/flows/add?hub=72' : '/scripts/add?hub=hub%2F19813'}
+									target="_blank">Create from template</Button
+								>
+							{/if}
+						</div>
+					</div>
+				</Section>
+			{/if}
+
+			<EmailTriggerEditorConfigSection
+				initialTriggerPath={initialPath}
+				bind:local_part
+				bind:isValid
+				bind:workspaced_local_part
+				bind:dirtyLocalPart
+				{can_write}
+				showTestingBadge={isEditor}
+				isDraftOnly={trigger ? trigger.isDraft : false}
+			/>
+
+			<Section label="Advanced" collapsable>
+				<div class="flex flex-col gap-4">
+					<div class="min-h-96">
+						<Tabs bind:selected={optionTabSelected}>
+							<Tab value="error_handler">Error Handler</Tab>
+							<Tab value="retries">Retries</Tab>
+						</Tabs>
+						<div class="mt-4">
+							<TriggerRetriesAndErrorHandler
+								{optionTabSelected}
+								{itemKind}
+								{can_write}
+								bind:errorHandlerSelected
+								bind:error_handler_path
+								bind:error_handler_args
+								bind:retry
+							/>
+						</div>
+					</div>
+				</div>
+			</Section>
+		</div>
+	{/if}
+{/snippet}
+
+{#snippet saveButton()}
+	{#if !drawerLoading}
+		<TriggerEditorToolbar
+			{trigger}
+			permissions={drawerLoading || !can_write ? 'none' : can_write && isAdmin ? 'create' : 'write'}
+			{saveDisabled}
+			enabled={undefined}
+			{allowDraft}
+			{edit}
+			isLoading={deploymentLoading}
+			onUpdate={triggerScript}
+			{onReset}
+			{onDelete}
+			{isDeployed}
+		/>
+	{/if}
+{/snippet}
+
+{#if useDrawer}
+	<Drawer size="700px" bind:this={drawer}>
+		<DrawerContent
+			title={edit
+				? can_write
+					? `Edit email trigger ${initialPath}`
+					: `Email trigger ${initialPath}`
+				: 'New email trigger'}
+			on:close={() => drawer?.closeDrawer()}
+		>
+			{#snippet actions()}
+				{@render saveButton()}
+			{/snippet}
+			{@render config()}
+		</DrawerContent>
+	</Drawer>
+{:else}
+	<Section label={!customLabel ? 'Email trigger' : ''} headerClass="grow min-w-0 h-[30px]">
+		{#snippet header()}
+			{#if customLabel}
+				{@render customLabel()}
+			{/if}
+		{/snippet}
+		{#snippet action()}
+			{@render saveButton()}
+		{/snippet}
+		{#if description}
+			{@render description()}
+		{/if}
+		{@render config()}
+	</Section>
+{/if}

package/package/components/triggers/email/EmailTriggerEditorInner.svelte.d.ts

@@ -0,0 +1,22 @@
+import { type EmailTrigger, type NewEmailTrigger } from '../../../gen';
+declare const EmailTriggerEditorInner: import("svelte").Component<{
+    useDrawer?: boolean;
+    hideTarget?: boolean;
+    description?: any;
+    isEditor?: boolean;
+    customLabel?: any;
+    allowDraft?: boolean;
+    isDeployed?: boolean;
+    onConfigChange?: any;
+    onCaptureConfigChange?: any;
+    onUpdate?: any;
+    onDelete?: any;
+    onReset?: any;
+    trigger?: any;
+    customSaveBehavior?: any;
+}, {
+    openEdit: (ePath: string, isFlow: boolean, defaultConfig?: Partial<NewEmailTrigger>) => Promise<void>;
+    openNew: (nis_flow: boolean, fixedScriptPath_?: string, defaultValues?: Partial<EmailTrigger>) => Promise<void>;
+}, "">;
+type EmailTriggerEditorInner = ReturnType<typeof EmailTriggerEditorInner>;
+export default EmailTriggerEditorInner;

package/package/components/triggers/email/EmailTriggerPanel.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">import EmailTriggerEditorInner from './EmailTriggerEditorInner.svelte';
+import Description from '../../Description.svelte';
+import { enterpriseLicense, userStore } from '../../../stores';
+import { Alert } from '../../common';
+import { onMount } from 'svelte';
+import { getEmailDomain } from './utils';
+let emailTriggerEditor = $state(null);
+let { selectedTrigger, isFlow, path, defaultValues = undefined, isEditor = false, customLabel, onEmailDomain, ...restProps } = $props();
+async function openEmailTriggerEditor(isFlow, isDraft) {
+    if (isDraft) {
+        emailTriggerEditor?.openNew(isFlow, path, defaultValues);
+    }
+    else {
+        emailTriggerEditor?.openEdit(selectedTrigger.path ?? '', isFlow, defaultValues);
+    }
+}
+onMount(() => {
+    if (emailTriggerEditor) {
+        openEmailTriggerEditor(isFlow, selectedTrigger.isDraft ?? false);
+    }
+});
+let emailDomain = $state(null);
+getEmailDomain().then((domain) => {
+    emailDomain = domain;
+});
+$effect(() => {
+    if (emailDomain) {
+        onEmailDomain(emailDomain);
+    }
+});
+</script>
+
+<EmailTriggerEditorInner
+	useDrawer={false}
+	bind:this={emailTriggerEditor}
+	hideTarget
+	{isEditor}
+	{customLabel}
+	trigger={selectedTrigger}
+	allowDraft
+	{...restProps}
+>
+	{#snippet description()}
+		<div class="flex flex-col gap-2 pb-4">
+			<Description link="https://www.windmill.dev/docs/advanced/email_triggers">
+				Email triggers execute scripts and flows when emails are sent to specific addresses. Each
+				trigger can be configured with a specific local part.
+			</Description>
+
+			{#if !$userStore?.is_admin && !$userStore?.is_super_admin && selectedTrigger.isDraft}
+				<Alert title="Only workspace admins can create email triggers" type="info" size="xs" />
+			{/if}
+
+			{#if !$enterpriseLicense}
+				<Alert title="Community Edition limitations" type="warning" size="xs">
+					Email triggers on Windmill Community Edition are limited to 100 emails per day.
+				</Alert>
+			{/if}
+		</div>
+	{/snippet}
+</EmailTriggerEditorInner>

package/package/components/triggers/email/EmailTriggerPanel.svelte.d.ts

@@ -0,0 +1,14 @@
+import { type Snippet } from 'svelte';
+import type { Trigger } from '../utils';
+interface Props {
+    selectedTrigger: Trigger;
+    isFlow: boolean;
+    path: string;
+    defaultValues?: Record<string, any>;
+    isEditor?: boolean;
+    customLabel: Snippet;
+    onEmailDomain: (domain: string) => void;
+}
+declare const EmailTriggerPanel: import("svelte").Component<Props, {}, "">;
+type EmailTriggerPanel = ReturnType<typeof EmailTriggerPanel>;
+export default EmailTriggerPanel;

package/package/components/triggers/email/utils.d.ts

@@ -0,0 +1,4 @@
+import type { Writable } from 'svelte/store';
+export declare function getEmailAddress(local_part: string | undefined, workspaced_local_part: boolean, workspace_id: string, emailDomain: string): string;
+export declare function saveEmailTriggerFromCfg(initialPath: string, routeCfg: Record<string, any>, edit: boolean, workspace: string, isAdmin: boolean, usedTriggerKinds: Writable<string[]>): Promise<boolean>;
+export declare function getEmailDomain(): Promise<string>;

package/package/components/triggers/email/utils.js

@@ -0,0 +1,52 @@
+import { isCloudHosted } from '../../../cloud';
+import { EmailTriggerService, SettingService } from '../../../gen';
+import { sendUserToast } from '../../../toast';
+import { get } from 'svelte/store';
+export function getEmailAddress(local_part, workspaced_local_part, workspace_id, emailDomain) {
+    return `${isCloudHosted() || workspaced_local_part ? workspace_id + '-' : ''}${local_part ?? ''}@${emailDomain}`;
+}
+export async function saveEmailTriggerFromCfg(initialPath, routeCfg, edit, workspace, isAdmin, usedTriggerKinds) {
+    const requestBody = {
+        path: routeCfg.path,
+        script_path: routeCfg.script_path,
+        local_part: routeCfg.local_part,
+        is_flow: routeCfg.is_flow,
+        workspaced_local_part: routeCfg.workspaced_local_part,
+        error_handler_path: routeCfg.error_handler_path,
+        error_handler_args: routeCfg.error_handler_path ? routeCfg.error_handler_args : undefined,
+        retry: routeCfg.retry
+    };
+    try {
+        if (edit) {
+            await EmailTriggerService.updateEmailTrigger({
+                workspace: workspace,
+                path: initialPath,
+                requestBody: {
+                    ...requestBody,
+                    local_part: isAdmin || !edit ? routeCfg.local_part : undefined
+                }
+            });
+            sendUserToast(`Route ${routeCfg.path} updated`);
+        }
+        else {
+            await EmailTriggerService.createEmailTrigger({
+                workspace: workspace,
+                requestBody: requestBody
+            });
+            sendUserToast(`Route ${routeCfg.path} created`);
+        }
+        if (!get(usedTriggerKinds).includes('email')) {
+            usedTriggerKinds.update((t) => [...t, 'email']);
+        }
+        return true;
+    }
+    catch (error) {
+        sendUserToast(error.body || error.message, true);
+        return false;
+    }
+}
+export async function getEmailDomain() {
+    return ((await SettingService.getGlobal({
+        key: 'email_domain'
+    })) ?? 'mail.test.com');
+}

package/package/components/triggers/http/RouteEditorConfigSection.svelte

@@ -126,7 +126,7 @@ let userCanEditConfig = $derived(userIsAdmin || isDraftOnly); // User can edit c
 						<Toggle
 							size="sm"
 							checked={workspaced_route}
-							disabled={!can_write}
+							disabled={!can_write || !userCanEditConfig}
 							on:change={() => {
 								workspaced_route = !workspaced_route
 								dirtyRoutePath = true

package/package/components/triggers/http/utils.js

@@ -37,7 +37,7 @@ export async function saveHttpRouteFromCfg(initialPath, routeCfg, edit, workspac
         summary: routeCfg.summary,
         error_handler_path: routeCfg.error_handler_path,
         error_handler_args: routeCfg.error_handler_path ? routeCfg.error_handler_args : undefined,
-        retry: routeCfg.retry,
+        retry: routeCfg.retry
     };
     try {
         if (edit) {

package/package/components/triggers/triggers.svelte.d.ts

@@ -27,5 +27,6 @@ export declare class Triggers {
     fetchSqsTriggers(triggersCountStore: Writable<TriggersCount | undefined>, workspaceId: string | undefined, path: string, isFlow: boolean, user?: UserExt | undefined): Promise<void>;
     fetchGcpTriggers(triggersCountStore: Writable<TriggersCount | undefined>, workspaceId: string | undefined, path: string, isFlow: boolean, user?: UserExt | undefined): Promise<void>;
     fetchHttpTriggers(triggersCountStore: Writable<TriggersCount | undefined>, workspaceId: string | undefined, path: string, isFlow: boolean, user?: UserExt | undefined): Promise<void>;
+    fetchEmailTriggers(triggersCountStore: Writable<TriggersCount | undefined>, workspaceId: string | undefined, path: string, isFlow: boolean, user?: UserExt | undefined): Promise<void>;
     fetchTriggers(triggersCountStore: Writable<TriggersCount | undefined>, workspaceId: string | undefined, path: string, isFlow: boolean, primarySchedule?: ScheduleTrigger | undefined | false, user?: UserExt | undefined): Promise<void>;
 }

package/package/components/triggers/triggers.svelte.js

@@ -1,4 +1,4 @@
-import { KafkaTriggerService, MqttTriggerService, NatsTriggerService, PostgresTriggerService, ScheduleService, SqsTriggerService, WebsocketTriggerService, HttpTriggerService, GcpTriggerService } from '../../gen';
+import { KafkaTriggerService, MqttTriggerService, NatsTriggerService, PostgresTriggerService, ScheduleService, SqsTriggerService, WebsocketTriggerService, HttpTriggerService, GcpTriggerService, EmailTriggerService } from '../../gen';
 import { getLightConfig, sortTriggers, updateTriggersCount } from './utils';
 import { canWrite, formatCron, generateRandomString } from '../../utils';
 export class Triggers {
@@ -316,6 +316,27 @@ export class Triggers {
             console.error('Failed to fetch HTTP triggers:', error);
         }
     }
+    async fetchEmailTriggers(triggersCountStore, workspaceId, path, isFlow, user = undefined) {
+        if (!workspaceId)
+            return;
+        try {
+            const emailTriggers = await EmailTriggerService.listEmailTriggers({
+                workspace: workspaceId,
+                path,
+                isFlow
+            });
+            const emailCount = this.updateTriggers(emailTriggers, 'email', user);
+            triggersCountStore.update((triggersCount) => {
+                return {
+                    ...(triggersCount ?? {}),
+                    email_count: emailCount
+                };
+            });
+        }
+        catch (error) {
+            console.error('Failed to fetch email triggers:', error);
+        }
+    }
     async fetchTriggers(triggersCountStore, workspaceId, path, isFlow, primarySchedule = undefined, user = undefined) {
         if (!workspaceId)
             return;
@@ -329,7 +350,8 @@ export class Triggers {
             this.fetchNatsTriggers(triggersCountStore, workspaceId, path, isFlow, user),
             this.fetchMqttTriggers(triggersCountStore, workspaceId, path, isFlow, user),
             this.fetchSqsTriggers(triggersCountStore, workspaceId, path, isFlow, user),
-            this.fetchGcpTriggers(triggersCountStore, workspaceId, path, isFlow, user)
+            this.fetchGcpTriggers(triggersCountStore, workspaceId, path, isFlow, user),
+            this.fetchEmailTriggers(triggersCountStore, workspaceId, path, isFlow, user)
         ]);
     }
 }

package/package/components/triggers/utils.js

@@ -16,6 +16,7 @@ import { saveNatsTriggerFromCfg } from './nats/utils';
 import { saveMqttTriggerFromCfg } from './mqtt/utils';
 import { saveGcpTriggerFromCfg } from './gcp/utils';
 import { emptyString } from '../../utils';
+import { saveEmailTriggerFromCfg } from './email/utils';
 export const CLOUD_DISABLED_TRIGGER_TYPES = [
     'nats',
     'kafka',
@@ -29,6 +30,7 @@ export const CLOUD_DISABLED_TRIGGER_TYPES = [
 export const triggerIconMap = {
     webhook: Webhook,
     email: Mail,
+    default_email: Mail,
     schedule: Calendar,
     http: Route,
     websocket: Unplug,
@@ -52,6 +54,7 @@ export function triggerTypeToCaptureKind(triggerType) {
     const capturableTriggerTypes = [
         'webhook',
         'email',
+        'default_email',
         'http',
         'websocket',
         'postgres',
@@ -71,7 +74,7 @@ export function updateTriggersCount(triggersCountStore, type, action, primaryCfg
     // Map trigger types to their corresponding count property names
     const countPropertyMap = {
         webhook: undefined,
-        email: undefined,
+        default_email: undefined,
         schedule: 'schedule_count',
         http: 'http_routes_count',
         websocket: 'websocket_count',
@@ -81,6 +84,7 @@ export function updateTriggersCount(triggersCountStore, type, action, primaryCfg
         mqtt: 'mqtt_count',
         sqs: 'sqs_count',
         gcp: 'gcp_count',
+        email: 'email_count',
         poll: undefined,
         cli: undefined
     };
@@ -126,6 +130,8 @@ export function triggerKindToTriggerType(kind) {
             return 'webhook';
         case 'emails':
             return 'email';
+        case 'default_emails':
+            return 'default_email';
         case 'schedules':
             return 'schedule';
         case 'routes':
@@ -164,7 +170,7 @@ export async function deployTriggers(triggersToDeploy, workspaceId, isAdmin, use
     // Map of trigger types to their save functions
     const triggerSaveFunctions = {
         webhook: undefined,
-        email: undefined,
+        default_email: undefined,
         schedule: (trigger) => {
             if (trigger.isPrimary && initialPath) {
                 trigger.draftConfig = {
@@ -183,6 +189,7 @@ export async function deployTriggers(triggersToDeploy, workspaceId, isAdmin, use
         mqtt: (trigger) => saveMqttTriggerFromCfg(trigger.path ?? trigger.draftConfig?.path ?? '', trigger.draftConfig ?? {}, !trigger.isDraft, workspaceId, usedTriggerKinds),
         sqs: (trigger) => saveSqsTriggerFromCfg(trigger.path ?? trigger.draftConfig?.path ?? '', trigger.draftConfig ?? {}, !trigger.isDraft, workspaceId, usedTriggerKinds),
         gcp: (trigger) => saveGcpTriggerFromCfg(trigger.path ?? trigger.draftConfig?.path ?? '', trigger.draftConfig ?? {}, !trigger.isDraft, workspaceId, usedTriggerKinds),
+        email: (trigger) => saveEmailTriggerFromCfg(trigger.path ?? trigger.draftConfig?.path ?? '', trigger.draftConfig ?? {}, !trigger.isDraft, workspaceId, isAdmin, usedTriggerKinds),
         poll: undefined,
         cli: undefined
     };
@@ -262,6 +269,9 @@ export function getLightConfig(triggerType, trigger) {
     else if (triggerType === 'gcp') {
         return { gcp_resource_path: trigger.gcp_resource_path, topic: trigger.topic };
     }
+    else if (triggerType === 'email') {
+        return { local_part: trigger.local_part };
+    }
     else {
         return undefined;
     }
@@ -272,7 +282,7 @@ export function getTriggerLabel(trigger) {
     if (type === 'webhook') {
         return 'Webhook';
     }
-    else if (type === 'email') {
+    else if (type === 'default_email') {
         return 'Email';
     }
     else if (type === 'cli') {
@@ -303,6 +313,9 @@ export function getTriggerLabel(trigger) {
     else if (type === 'websocket' && config?.url) {
         return `${config?.url}`;
     }
+    else if (type === 'email' && config?.local_part) {
+        return `${config?.local_part}`;
+    }
     else if (isDraft && draftConfig?.path) {
         return `${draftConfig?.path}`;
     }
@@ -317,7 +330,7 @@ export function sortTriggers(triggers) {
     const triggerTypeOrder = [
         'webhook',
         'cli',
-        'email',
+        'default_email',
         'poll',
         'schedule',
         'http',
@@ -327,7 +340,8 @@ export function sortTriggers(triggers) {
         'nats',
         'mqtt',
         'sqs',
-        'gcp'
+        'gcp',
+        'email'
     ];
     return triggers.sort((a, b) => {
         // Draft triggers always come last

package/package/components/triggers.d.ts

@@ -16,5 +16,5 @@ export type TriggerContext = {
     triggersState: Triggers;
 };
 export declare function setScheduledPollSchedule(triggersState: Triggers, triggersCount: Writable<TriggersCount | undefined>): void;
-export type TriggerKind = 'webhooks' | 'emails' | 'schedules' | 'cli' | 'routes' | 'websockets' | 'scheduledPoll' | 'kafka' | 'nats' | 'postgres' | 'mqtt' | 'sqs' | 'gcp';
+export type TriggerKind = 'webhooks' | 'emails' | 'default_emails' | 'schedules' | 'cli' | 'routes' | 'websockets' | 'scheduledPoll' | 'kafka' | 'nats' | 'postgres' | 'mqtt' | 'sqs' | 'gcp';
 export declare function captureTriggerKindToTriggerKind(kind: CaptureTriggerKind): TriggerKind;