Ses outbound followup (#20610)

This pull request unifies outbound with inbound under the new feature and the new email groups feature. These are workspace level shared inboxes that are shared between all workspace members. outbound sending with SES works, we only listen for tenant status events, rest is managed by AWS PR refactors old code and webhook to be split for outbound and inbound for proper separation | Area | Change | |---|---| | AWS SES driver | Split into `AwsSesRegisterDomainService` (tenant + identity + DKIM + MAIL FROM + configuration-set + EventBridge dest + contact list) and `AwsSesSendEmailService` (SendEmail). | | Reputation webhook | New `/webhooks/messaging/ses/outbound` route. SES → EventBridge (`Sending Status Enabled/Disabled` on default bus) → SNS → router → `SesOutboundSendingStateHandlerService` updates `emailing_domain.tenantStatus`. | | Inbound webhook | Refactored into `SesInboundWebhookRouterService` + `SesInboundMailHandlerService`. Shared `SnsSignatureVerifierService` + `SnsSubscriptionConfirmerService` across both routes. | | Global uniqueness | New migration + instance command: `emailing_domain.domain` is now globally unique (one tenant per domain across workspaces). | | Tenant status | New `emailing_domain.tenantStatus` column (`ACTIVE` / `PAUSED`) + `EmailingDomainTenantStatusService`. | | Send-email mutation | New `sendEmailViaDomain` GraphQL mutation + DTOs. | | Cleanup | `EmailingDomainWorkspaceCleanupJob` wired into `WorkspaceService.deleteWorkspace` — tears down SES tenant association + identity on workspace delete. | | Settings UI | Rewritten around reusable `SettingsTableListSection`. "Email Group" → "Email Handle" rename. New cells for status/source/forwarding. Outbound domains surfaced on workspace settings page. | ### Env vars (new) All in `config-variables.ts`, group `AWS_SES_SETTINGS`, all optional: - `AWS_SES_REGION` — `@IsAWSRegion`, consumed by `AwsSesClientProvider` + driver factory - `AWS_SES_ACCOUNT_ID` — used for ARN construction in driver factory - `SES_SNS_TOPIC_ARN_ALLOWLIST` — **shared** by inbound + outbound webhook routers, comma-separated list of accepted SNS topic ARNs (verified via `sns-payload-validator`) ### Migrations - `1778862608620-add-emailing-domain-tenant-status` (fast) — adds `tenantStatus` column. - `1778865501791-unique-emailing-domain-globally` (slow, idempotent) — enforces global uniqueness on `domain`. - Instance commands bumped to `2.5`. ### Infra dependency Two coupled twenty-infra PRs: - `ses-inbound-email` — receipt-rule + inbound SNS topic + S3 bucket policy + KMS grant + `email_group_*` outputs. - `ses-outbound-tf` — EventBridge rule + outbound SNS topic + SES IAM policy + outbound `webhook_url` subscription. **Based on `ses-inbound-email`.** Merge order: inbound first, then outbound. Outbound PR's chart edit owns the comma-joined `SES_SNS_TOPIC_ARN_ALLOWLIST` value (both ARNs). Features lives under `/settings/general` <img width="1496" height="845" alt="SCR-20260519-ofhi-2" src="https://github.com/user-attachments/assets/a025485a-09f7-4131-91cd-0067690ff18d" /> --------- Co-authored-by: Félix Malfait <felix.malfait@gmail.com> Co-authored-by: claude[bot] <41898282+claude[bot]@users.noreply.github.com> Co-authored-by: Félix Malfait <FelixMalfait@users.noreply.github.com>
2026-05-27 23:08:44 +05:30
parent 0702e72e3f
commit c5606212f2
80 changed files with 3155 additions and 1341 deletions
@@ -0,0 +1,23 @@
+import { styled } from '@linaria/react';
+
+import { type MessageChannel } from '@/accounts/types/MessageChannel';
+import { themeCssVariables } from 'twenty-ui/theme-constants';
+
+const StyledForwardingCell = styled.div`
+  color: ${themeCssVariables.font.color.tertiary};
+  font-family: monospace;
+  font-size: ${themeCssVariables.font.size.sm};
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+
+type SettingsWorkspaceEmailGroupForwardingCellProps = {
+  item: MessageChannel;
+};
+
+export const SettingsWorkspaceEmailGroupForwardingCell = ({
+  item,
+}: SettingsWorkspaceEmailGroupForwardingCellProps) => (
+  <StyledForwardingCell>{item.handle}</StyledForwardingCell>
+);
@@ -1,65 +1,13 @@
-import { styled } from '@linaria/react';
-import { Trans, useLingui } from '@lingui/react/macro';
+import { useLingui } from '@lingui/react/macro';

+import { type MessageChannel } from '@/accounts/types/MessageChannel';
 import { useMyMessageChannels } from '@/settings/accounts/hooks/useMyMessageChannels';
-import { Table } from '@/ui/layout/table/components/Table';
-import { TableCell } from '@/ui/layout/table/components/TableCell';
-import { TableHeader } from '@/ui/layout/table/components/TableHeader';
-import { TableRow } from '@/ui/layout/table/components/TableRow';
+import { SettingsTableListSection } from '@/settings/components/SettingsTableListSection';
+import { SettingsWorkspaceEmailGroupForwardingCell } from '@/settings/workspace/components/SettingsWorkspaceEmailGroupForwardingCell';
+import { SettingsWorkspaceEmailGroupSourceCell } from '@/settings/workspace/components/SettingsWorkspaceEmailGroupSourceCell';
 import { MessageChannelType, SettingsPath } from 'twenty-shared/types';
-import { H2Title, IconMail, IconPlus } from 'twenty-ui/display';
-import { Button } from 'twenty-ui/input';
-import { Section } from 'twenty-ui/layout';
-import { themeCssVariables } from 'twenty-ui/theme-constants';
 import { useNavigateSettings } from '~/hooks/useNavigateSettings';

-const GRID_AUTO_COLUMNS = '1fr 1fr';
-
-const StyledTableRows = styled.div`
-  padding-bottom: ${themeCssVariables.spacing[2]};
-  padding-top: ${themeCssVariables.spacing[2]};
-`;
-
-const StyledClickableRow = styled.div`
-  > * {
-    &:hover {
-      background-color: ${themeCssVariables.background.transparent.light};
-      cursor: pointer;
-    }
-  }
-`;
-
-const StyledNameCell = styled.div`
-  align-items: center;
-  color: ${themeCssVariables.font.color.primary};
-  display: flex;
-  gap: ${themeCssVariables.spacing[2]};
-  min-width: 0;
-`;
-
-const StyledHandle = styled.span`
-  font-weight: ${themeCssVariables.font.weight.medium};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-
-const StyledForwardingCell = styled.div`
-  color: ${themeCssVariables.font.color.tertiary};
-  font-family: monospace;
-  font-size: ${themeCssVariables.font.size.sm};
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-
-const StyledFooter = styled.div`
-  border-top: 1px solid ${themeCssVariables.border.color.light};
-  display: flex;
-  justify-content: flex-end;
-  padding-top: ${themeCssVariables.spacing[2]};
-`;
-
 export const SettingsWorkspaceEmailGroupSection = () => {
  const { t } = useLingui();
  const navigateSettings = useNavigateSettings();
@@ -70,67 +18,27 @@ export const SettingsWorkspaceEmailGroupSection = () => {
  );

  return (
-    <Section>
-      <H2Title
-        title={t`Email Groups`}
-        description={t`Workspace-level shared addresses that receive forwarded mail.`}
-      />
-      {emailGroupChannels.length > 0 && (
-        <Table>
-          <TableRow gridAutoColumns={GRID_AUTO_COLUMNS}>
-            <TableHeader
-              padding={`0 ${themeCssVariables.spacing[2]} 0 ${themeCssVariables.spacing[2]}`}
-            >
-              <Trans>Source</Trans>
-            </TableHeader>
-            <TableHeader
-              padding={`0 ${themeCssVariables.spacing[2]} 0 ${themeCssVariables.spacing[2]}`}
-            >
-              <Trans>Forwarding address</Trans>
-            </TableHeader>
-          </TableRow>
-          <StyledTableRows>
-            {emailGroupChannels.map((channel) => {
-              const sourceHandle =
-                channel.connectedAccount?.handle ?? channel.handle;
-
-              return (
-                <StyledClickableRow key={channel.id}>
-                  <TableRow
-                    gridAutoColumns={GRID_AUTO_COLUMNS}
-                    onClick={() =>
-                      navigateSettings(SettingsPath.EmailGroupChannelDetail, {
-                        messageChannelId: channel.id,
-                      })
-                    }
-                  >
-                    <TableCell>
-                      <StyledNameCell>
-                        <IconMail size={16} />
-                        <StyledHandle>{sourceHandle}</StyledHandle>
-                      </StyledNameCell>
-                    </TableCell>
-                    <TableCell>
-                      <StyledForwardingCell>
-                        {channel.handle}
-                      </StyledForwardingCell>
-                    </TableCell>
-                  </TableRow>
-                </StyledClickableRow>
-              );
-            })}
-          </StyledTableRows>
-        </Table>
-      )}
-      <StyledFooter>
-        <Button
-          Icon={IconPlus}
-          title={t`Add email group`}
-          variant="secondary"
-          size="small"
-          onClick={() => navigateSettings(SettingsPath.NewEmailGroupChannel)}
-        />
-      </StyledFooter>
-    </Section>
+    <SettingsTableListSection<MessageChannel>
+      title={t`Email Handles`}
+      description={t`Shared addresses your workspace uses to send and receive email.`}
+      items={emailGroupChannels}
+      columns={[
+        { label: t`Source`, Cell: SettingsWorkspaceEmailGroupSourceCell },
+        {
+          label: t`Forwarding address`,
+          Cell: SettingsWorkspaceEmailGroupForwardingCell,
+        },
+      ]}
+      gridAutoColumns="1fr 1fr"
+      onRowClick={(channel) =>
+        navigateSettings(SettingsPath.EmailGroupChannelDetail, {
+          messageChannelId: channel.id,
+        })
+      }
+      footerButtonLabel={t`Add email handle`}
+      onFooterButtonClick={() =>
+        navigateSettings(SettingsPath.NewEmailGroupChannel)
+      }
+    />
  );
 };
@@ -0,0 +1,31 @@
+import { styled } from '@linaria/react';
+
+import { type MessageChannel } from '@/accounts/types/MessageChannel';
+import { IconMail, OverflowingTextWithTooltip } from 'twenty-ui/display';
+import { themeCssVariables } from 'twenty-ui/theme-constants';
+
+const StyledNameCell = styled.div`
+  align-items: center;
+  color: ${themeCssVariables.font.color.primary};
+  display: flex;
+  font-weight: ${themeCssVariables.font.weight.medium};
+  gap: ${themeCssVariables.spacing[2]};
+  min-width: 0;
+`;
+
+type SettingsWorkspaceEmailGroupSourceCellProps = {
+  item: MessageChannel;
+};
+
+export const SettingsWorkspaceEmailGroupSourceCell = ({
+  item,
+}: SettingsWorkspaceEmailGroupSourceCellProps) => {
+  const sourceHandle = item.connectedAccount?.handle;
+
+  return (
+    <StyledNameCell>
+      <IconMail size={16} />
+      <OverflowingTextWithTooltip text={sourceHandle ?? '—'} />
+    </StyledNameCell>
+  );
+};
@@ -0,0 +1,48 @@
+import { useLingui } from '@lingui/react/macro';
+import { useQuery } from '@apollo/client/react';
+
+import { SettingsTableListSection } from '@/settings/components/SettingsTableListSection';
+import { SettingsEmailingDomainNameCell } from '@/settings/emailing-domains/components/SettingsEmailingDomainNameCell';
+import { SettingsEmailingDomainStatusCell } from '@/settings/emailing-domains/components/SettingsEmailingDomainStatusCell';
+import { SettingsPath } from 'twenty-shared/types';
+import {
+  type GetEmailingDomainsQuery,
+  GetEmailingDomainsDocument,
+} from '~/generated-metadata/graphql';
+import { useNavigateSettings } from '~/hooks/useNavigateSettings';
+
+type EmailingDomain = GetEmailingDomainsQuery['getEmailingDomains'][0];
+
+export const SettingsWorkspaceEmailingDomainsSection = () => {
+  const { t } = useLingui();
+  const navigateSettings = useNavigateSettings();
+
+  const { data } = useQuery(GetEmailingDomainsDocument);
+  const emailingDomains = data?.getEmailingDomains ?? [];
+
+  return (
+    <SettingsTableListSection<EmailingDomain>
+      title={t`Emailing Domains`}
+      description={t`Verify domains so the workspace can send outbound email through them.`}
+      items={emailingDomains}
+      columns={[
+        { label: t`Domain`, Cell: SettingsEmailingDomainNameCell },
+        {
+          label: t`Status`,
+          align: 'right',
+          Cell: SettingsEmailingDomainStatusCell,
+        },
+      ]}
+      gridAutoColumns="1fr 1fr"
+      onRowClick={(emailingDomain) =>
+        navigateSettings(SettingsPath.EmailingDomainDetail, {
+          domainId: emailingDomain.id,
+        })
+      }
+      footerButtonLabel={t`Add emailing domain`}
+      onFooterButtonClick={() =>
+        navigateSettings(SettingsPath.NewEmailingDomain)
+      }
+    />
+  );
+};