feat(workflows): offer the sandbox sender in workflow email steps

common/hogvm/typescript/src/stl/print.ts

@@ -119,7 +119,7 @@ export function printHogStringOutput(obj: any): string {
     return printHogValue(obj)
 }
 
-type ASTNode = Map<string, any> | null
+export type ASTNode = Map<string, any> | null
 
 // Note: this printer currently is experimental and used for debugging/printing SQL only.
 // When making queries via run(query), we send the AST nodes directly to the server.

frontend/src/lib/components/CyclotronJob/CyclotronJobInputs.tsx

@@ -140,6 +140,7 @@ export type CyclotronJobInputsProps = {
     // (the workflow builder's auto-save). Only the email input types read these.
     emailLiveChanges?: boolean
     emailSaveIndicator?: ReactNode
+    emailSandboxSenderAllowed?: boolean
     parentConfiguration?: CyclotronJobInputConfiguration
     onInputSchemaChange?: (schema: CyclotronJobInputSchemaType[]) => void
     // Classes for the column the inputs are laid out in, so a host with height to spare can let
@@ -160,6 +161,7 @@ export function CyclotronJobInputs({
     emailFieldErrors,
     emailLiveChanges,
     emailSaveIndicator,
+    emailSandboxSenderAllowed,
     showSource,
     sampleGlobalsWithInputs,
     className,
@@ -205,6 +207,7 @@ export function CyclotronJobInputs({
                                         emailFieldErrors={emailFieldErrors}
                                         emailLiveChanges={emailLiveChanges}
                                         emailSaveIndicator={emailSaveIndicator}
+                                        emailSandboxSenderAllowed={emailSandboxSenderAllowed}
                                     />
                                 )
                             })}
@@ -308,6 +311,7 @@ function EmailTemplateField({
     fieldErrors,
     liveChanges,
     saveIndicator,
+    sandboxSenderAllowed,
 }: {
     schema: CyclotronJobInputSchemaType
     value: any
@@ -316,6 +320,7 @@ function EmailTemplateField({
     fieldErrors?: EmailFieldErrors
     liveChanges?: boolean
     saveIndicator?: ReactNode
+    sandboxSenderAllowed?: boolean
 }): JSX.Element {
     return (
         <EmailTemplater
@@ -328,6 +333,7 @@ function EmailTemplateField({
             fieldErrors={fieldErrors}
             liveChanges={liveChanges}
             saveIndicator={saveIndicator}
+            sandboxSenderAllowed={sandboxSenderAllowed}
         />
     )
 }
@@ -717,6 +723,7 @@ type CyclotronJobInputProps = {
     emailFieldErrors?: EmailFieldErrors
     emailLiveChanges?: boolean
     emailSaveIndicator?: ReactNode
+    emailSandboxSenderAllowed?: boolean
 }
 
 function NonFailureStatusCodesField({
@@ -772,6 +779,7 @@ function CyclotronJobInputRenderer({
     emailFieldErrors,
     emailLiveChanges,
     emailSaveIndicator,
+    emailSandboxSenderAllowed,
 }: CyclotronJobInputProps): JSX.Element {
     const templating = schema.templating ?? true
 
@@ -917,6 +925,7 @@ function CyclotronJobInputRenderer({
                     fieldErrors={emailFieldErrors}
                     liveChanges={emailLiveChanges}
                     saveIndicator={emailSaveIndicator}
+                    sandboxSenderAllowed={emailSandboxSenderAllowed}
                 />
             )
         case 'non_failure_status_codes':
@@ -1106,6 +1115,7 @@ function CyclotronJobInputWithSchema({
     emailFieldErrors,
     emailLiveChanges,
     emailSaveIndicator,
+    emailSandboxSenderAllowed,
 }: CyclotronJobInputWithSchemaProps): JSX.Element | null {
     const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: schema.key })
     const [editing, setEditing] = useState(false)
@@ -1276,6 +1286,7 @@ function CyclotronJobInputWithSchema({
                                 emailFieldErrors={emailFieldErrors}
                                 emailLiveChanges={emailLiveChanges}
                                 emailSaveIndicator={emailSaveIndicator}
+                                emailSandboxSenderAllowed={emailSandboxSenderAllowed}
                             />
                         )}
                         {warning && !value?.secret ? (

frontend/src/lib/constants.tsx

@@ -611,6 +611,7 @@ export const FEATURE_FLAGS = {
     WORKFLOWS_LINEAR_VIEW: 'workflows-linear-view', // owner: #team-workflows
     WORKFLOWS_OVERVIEW_TAB: 'workflows-overview-tab', // owner: @dmarchuk #team-workflows, experimental Overview tab on a workflow
     WORKFLOWS_PUSH_NOTIFICATIONS: 'workflows-push-notifications', // owner: #team-workflows
+    WORKFLOWS_SANDBOX_SENDER: 'workflows-sandbox-sender', // owner: #team-workflows
     WORKFLOWS_SEND_CALENDAR: 'workflows-send-calendar', // owner: @meikelmosby #team-workflows, calendar of scheduled email sends in Broadcasts and Workflows
     WORKFLOWS_TILE_CANVAS: 'workflows-tile-canvas', // owner: #team-workflows
     WORKFLOWS_TRANSACTIONAL_EMAIL_API: 'workflows-transactional-email-api', // owner: @mayteio #team-workflows

frontend/src/lib/integrations/IntegrationsList.tsx

@@ -20,14 +20,14 @@ export function IntegrationsList({
     /** Rendered once the list has loaded and nothing matches. */
     emptyState?: JSX.Element
 }): JSX.Element {
-    const { integrations, integrationsLoading } = useValues(integrationsLogic)
+    const { userManagedIntegrations, integrationsLoading } = useValues(integrationsLogic)
     const { startPolling, stopPolling } = useActions(integrationsLogic)
 
     useOnMountEffect(() => {
         startPolling()
         return () => stopPolling()
     })
-    const filteredIntegrations = integrations?.filter((integration) => {
+    const filteredIntegrations = userManagedIntegrations?.filter((integration) => {
         if (onlyKinds && !onlyKinds.includes(integration.kind)) {
             return false
         }
@@ -46,7 +46,7 @@ export function IntegrationsList({
                     filteredIntegrations.map((integration) => (
                         <IntegrationView key={integration.id} integration={integration} />
                     ))
-                ) : integrationsLoading || integrations === null ? (
+                ) : integrationsLoading || userManagedIntegrations === null ? (
                     <LemonSkeleton className="h-10" />
                 ) : (
                     emptyState