@rulebricks/cli 1.9.0

package/dist/components/Wizard/steps/FeatureConfigStep.js

@@ -0,0 +1,765 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import SelectInput from "ink-select-input";
+import TextInput from "ink-text-input";
+import { useWizard } from "../WizardContext.js";
+import { BorderBox, useTheme } from "../../common/index.js";
+import { Spinner } from "../../common/Spinner.js";
+import { LOGGING_SINK_INFO, CLOUD_REGIONS, DEFAULT_EMAIL_SUBJECTS, } from "../../../types/index.js";
+import { listBucketsInRegion, listRegions } from "../../../lib/cloudCli.js";
+const SSO_PROVIDERS = [
+    { label: "Microsoft Azure AD", value: "azure" },
+    { label: "Google Workspace", value: "google" },
+    { label: "Okta", value: "okta" },
+    { label: "Keycloak", value: "keycloak" },
+    { label: "Ory", value: "ory" },
+    { label: "Other OIDC Provider", value: "other" },
+];
+const LOGGING_CATEGORIES = [
+    { label: "Cloud Storage (S3, Azure Blob, GCS)", value: "cloud-storage" },
+    {
+        label: "Logging Platform (Datadog, Splunk, etc.)",
+        value: "logging-platform",
+    },
+];
+const CLOUD_STORAGE_SINKS = [
+    { label: "AWS S3", value: "s3" },
+    { label: "Azure Blob Storage", value: "azure-blob" },
+    { label: "Google Cloud Storage", value: "gcs" },
+];
+const LOGGING_PLATFORM_SINKS = [
+    { label: "Datadog", value: "datadog" },
+    { label: "Splunk (HEC)", value: "splunk" },
+    { label: "Elasticsearch", value: "elasticsearch" },
+    { label: "Grafana Loki", value: "loki" },
+    { label: "New Relic", value: "newrelic" },
+    { label: "Axiom", value: "axiom" },
+];
+// Datadog sites
+const DATADOG_SITES = [
+    { label: "US1 (datadoghq.com)", value: "datadoghq.com" },
+    { label: "US3 (us3.datadoghq.com)", value: "us3.datadoghq.com" },
+    { label: "US5 (us5.datadoghq.com)", value: "us5.datadoghq.com" },
+    { label: "EU1 (datadoghq.eu)", value: "datadoghq.eu" },
+    { label: "AP1 (ap1.datadoghq.com)", value: "ap1.datadoghq.com" },
+];
+function BucketSelector({ loggingSink, loggingRegion, availableBuckets, isRefreshing, onSelect, onRefresh, colors, }) {
+    useInput((input) => {
+        if (input.toLowerCase() === "r") {
+            onRefresh();
+        }
+    });
+    const bucketItems = availableBuckets.map((b) => ({ label: b, value: b }));
+    const hasBuckets = availableBuckets.length > 0;
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { bold: true, children: [loggingSink === "s3" && "Select S3 Bucket", loggingSink === "azure-blob" && "Select Azure Storage Account", loggingSink === "gcs" && "Select GCS Bucket"] }), _jsxs(Text, { color: "gray", dimColor: true, children: ["Select an existing bucket in ", loggingRegion] }), isRefreshing ? (_jsx(Box, { marginTop: 1, children: _jsx(Spinner, { label: "Refreshing bucket list..." }) })) : hasBuckets ? (_jsx(Box, { marginTop: 1, height: 10, flexDirection: "column", overflowY: "hidden", children: _jsx(SelectInput, { items: bucketItems, onSelect: onSelect, limit: 8, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => (_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "❯ " : "  ", label] })) }) })) : (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: "yellow", children: ["No buckets found in ", loggingRegion, "."] }), _jsx(Text, { color: "gray", dimColor: true, children: "Create a bucket in your cloud console, then press R to refresh." })] })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", "Sink: ", LOGGING_SINK_INFO[loggingSink]?.name] })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Region: ", loggingRegion] })] })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "R to refresh list \u2022 \u2191/\u2193 to navigate \u2022 Enter to select" }) })] }));
+}
+const YES_NO_OPTIONS = [
+    { label: "No, just collect metrics locally", value: false },
+    { label: "Yes, send metrics to external system", value: true },
+];
+export function FeatureConfigStep({ onComplete, onBack, }) {
+    const { state, dispatch } = useWizard();
+    const { colors } = useTheme();
+    // Determine what needs to be configured
+    const needsAI = state.aiEnabled && !state.openaiApiKey;
+    const needsSSO = state.ssoEnabled;
+    const needsMonitoring = state.monitoringEnabled;
+    const needsLogging = state.loggingSink !== "console";
+    const needsCustomEmails = state.customEmailsEnabled;
+    // Configuration order: AI -> SSO -> Monitoring -> Logging -> Custom Emails
+    const getInitialStep = () => {
+        if (needsAI)
+            return "openai-key";
+        if (needsSSO)
+            return "sso-provider";
+        if (needsMonitoring)
+            return "monitoring-remote-write-ask";
+        if (needsLogging)
+            return "logging-category";
+        if (needsCustomEmails)
+            return "email-subject-invite";
+        return "done";
+    };
+    const [subStep, setSubStep] = useState(getInitialStep);
+    const [openaiKey, setOpenaiKey] = useState(state.openaiApiKey || "");
+    const [ssoProvider, setSsoProvider] = useState(state.ssoProvider);
+    const [ssoUrl, setSsoUrl] = useState(state.ssoUrl || "");
+    const [ssoClientId, setSsoClientId] = useState(state.ssoClientId || "");
+    const [ssoClientSecret, setSsoClientSecret] = useState(state.ssoClientSecret || "");
+    const [remoteWriteUrl, setRemoteWriteUrl] = useState(state.prometheusRemoteWriteUrl || "");
+    const [loggingSink, setLoggingSink] = useState(state.loggingSink);
+    const [loggingBucket, setLoggingBucket] = useState(state.loggingBucket || "");
+    const [loggingRegion, setLoggingRegion] = useState(state.loggingRegion || "");
+    const [loggingCategory, setLoggingCategory] = useState(null);
+    const [error, setError] = useState(null);
+    // Logging platform config
+    const [datadogApiKey, setDatadogApiKey] = useState("");
+    const [datadogSite, setDatadogSite] = useState("datadoghq.com");
+    const [splunkHecToken, setSplunkHecToken] = useState("");
+    const [splunkUrl, setSplunkUrl] = useState("");
+    const [elasticsearchUrl, setElasticsearchUrl] = useState("");
+    const [elasticsearchUser, setElasticsearchUser] = useState("");
+    const [elasticsearchPass, setElasticsearchPass] = useState("");
+    const [elasticsearchIndex, setElasticsearchIndex] = useState("rulebricks-logs");
+    const [lokiUrl, setLokiUrl] = useState("");
+    const [newrelicLicenseKey, setNewrelicLicenseKey] = useState("");
+    const [newrelicAccountId, setNewrelicAccountId] = useState("");
+    const [axiomApiToken, setAxiomApiToken] = useState("");
+    const [axiomDataset, setAxiomDataset] = useState("rulebricks");
+    // Dynamic bucket/region lists
+    const [availableBuckets, setAvailableBuckets] = useState([]);
+    const [availableRegions, setAvailableRegions] = useState([]);
+    const [isRefreshing, setIsRefreshing] = useState(false);
+    // Custom email templates
+    const [emailSubjectInvite, setEmailSubjectInvite] = useState(state.emailSubjects?.invite || DEFAULT_EMAIL_SUBJECTS.invite);
+    const [emailSubjectConfirm, setEmailSubjectConfirm] = useState(state.emailSubjects?.confirmation || DEFAULT_EMAIL_SUBJECTS.confirmation);
+    const [emailSubjectRecovery, setEmailSubjectRecovery] = useState(state.emailSubjects?.recovery || DEFAULT_EMAIL_SUBJECTS.recovery);
+    const [emailSubjectChange, setEmailSubjectChange] = useState(state.emailSubjects?.emailChange || DEFAULT_EMAIL_SUBJECTS.emailChange);
+    const [emailTemplateInvite, setEmailTemplateInvite] = useState(state.emailTemplates?.invite || "");
+    const [emailTemplateConfirm, setEmailTemplateConfirm] = useState(state.emailTemplates?.confirmation || "");
+    const [emailTemplateRecovery, setEmailTemplateRecovery] = useState(state.emailTemplates?.recovery || "");
+    const [emailTemplateChange, setEmailTemplateChange] = useState(state.emailTemplates?.emailChange || "");
+    // If nothing needs configuration, complete immediately
+    useEffect(() => {
+        if (!needsAI &&
+            !needsSSO &&
+            !needsMonitoring &&
+            !needsLogging &&
+            !needsCustomEmails) {
+            onComplete();
+        }
+    }, []);
+    useInput((input, key) => {
+        if (key.escape) {
+            setError(null);
+            handleBack();
+        }
+    });
+    const handleBack = () => {
+        switch (subStep) {
+            case "openai-key":
+                onBack();
+                break;
+            case "sso-provider":
+                if (needsAI)
+                    setSubStep("openai-key");
+                else
+                    onBack();
+                break;
+            case "sso-url":
+                setSubStep("sso-provider");
+                break;
+            case "sso-client-id":
+                if (ssoProvider === "google")
+                    setSubStep("sso-provider");
+                else
+                    setSubStep("sso-url");
+                break;
+            case "sso-client-secret":
+                setSubStep("sso-client-id");
+                break;
+            case "monitoring-remote-write-ask":
+                if (needsSSO)
+                    setSubStep("sso-client-secret");
+                else if (needsAI)
+                    setSubStep("openai-key");
+                else
+                    onBack();
+                break;
+            case "monitoring-remote-write-url":
+                setSubStep("monitoring-remote-write-ask");
+                break;
+            case "logging-category":
+                if (needsMonitoring)
+                    setSubStep("monitoring-remote-write-ask");
+                else if (needsSSO)
+                    setSubStep("sso-client-secret");
+                else if (needsAI)
+                    setSubStep("openai-key");
+                else
+                    onBack();
+                break;
+            case "logging-sink":
+                setSubStep("logging-category");
+                break;
+            case "logging-region":
+            case "logging-region-loading":
+                setSubStep("logging-sink");
+                break;
+            case "logging-bucket":
+            case "logging-bucket-loading":
+                setSubStep("logging-region");
+                break;
+            // Logging platform config steps
+            case "logging-datadog-config":
+            case "logging-splunk-config":
+            case "logging-elasticsearch-config":
+            case "logging-loki-config":
+            case "logging-newrelic-config":
+            case "logging-axiom-config":
+                setSubStep("logging-sink");
+                break;
+            // Email template steps
+            case "email-subject-invite":
+                if (needsLogging)
+                    setSubStep("logging-category");
+                else if (needsMonitoring)
+                    setSubStep("monitoring-remote-write-ask");
+                else if (needsSSO)
+                    setSubStep("sso-client-secret");
+                else if (needsAI)
+                    setSubStep("openai-key");
+                else
+                    onBack();
+                break;
+            case "email-subject-confirm":
+                setSubStep("email-subject-invite");
+                break;
+            case "email-subject-recovery":
+                setSubStep("email-subject-confirm");
+                break;
+            case "email-subject-change":
+                setSubStep("email-subject-recovery");
+                break;
+            case "email-template-invite":
+                setSubStep("email-subject-change");
+                break;
+            case "email-template-confirm":
+                setSubStep("email-template-invite");
+                break;
+            case "email-template-recovery":
+                setSubStep("email-template-confirm");
+                break;
+            case "email-template-change":
+                setSubStep("email-template-recovery");
+                break;
+        }
+    };
+    const advanceToNext = (from) => {
+        switch (from) {
+            case "openai-key":
+                if (needsSSO)
+                    setSubStep("sso-provider");
+                else if (needsMonitoring)
+                    setSubStep("monitoring-remote-write-ask");
+                else if (needsLogging)
+                    setSubStep("logging-category");
+                else if (needsCustomEmails)
+                    setSubStep("email-subject-invite");
+                else
+                    onComplete();
+                break;
+            case "sso-client-secret":
+                if (needsMonitoring)
+                    setSubStep("monitoring-remote-write-ask");
+                else if (needsLogging)
+                    setSubStep("logging-category");
+                else if (needsCustomEmails)
+                    setSubStep("email-subject-invite");
+                else
+                    onComplete();
+                break;
+            case "monitoring-remote-write-ask":
+            case "monitoring-remote-write-url":
+                if (needsLogging)
+                    setSubStep("logging-category");
+                else if (needsCustomEmails)
+                    setSubStep("email-subject-invite");
+                else
+                    onComplete();
+                break;
+            case "logging-bucket":
+                // Cloud storage config complete, check for custom emails
+                if (needsCustomEmails)
+                    setSubStep("email-subject-invite");
+                else
+                    onComplete();
+                break;
+            case "logging-datadog-config":
+            case "logging-splunk-config":
+            case "logging-elasticsearch-config":
+            case "logging-loki-config":
+            case "logging-newrelic-config":
+            case "logging-axiom-config":
+                // Platform config complete, check for custom emails
+                if (needsCustomEmails)
+                    setSubStep("email-subject-invite");
+                else
+                    onComplete();
+                break;
+            case "email-template-change":
+                // All email config complete
+                onComplete();
+                break;
+        }
+    };
+    // === AI Configuration ===
+    const handleOpenAIKeySubmit = () => {
+        if (!openaiKey) {
+            setError("OpenAI API key is required for AI features");
+            return;
+        }
+        if (!openaiKey.startsWith("sk-")) {
+            setError('OpenAI API key should start with "sk-"');
+            return;
+        }
+        setError(null);
+        dispatch({ type: "SET_OPENAI_KEY", key: openaiKey });
+        advanceToNext("openai-key");
+    };
+    // === SSO Configuration ===
+    const handleSsoProviderSelect = (item) => {
+        const provider = item.value;
+        setSsoProvider(provider);
+        dispatch({ type: "SET_SSO_CONFIG", config: { ssoProvider: provider } });
+        if (provider === "google") {
+            setSubStep("sso-client-id");
+        }
+        else {
+            setSubStep("sso-url");
+        }
+    };
+    const handleSsoUrlSubmit = () => {
+        if (!ssoUrl) {
+            setError("SSO provider URL is required");
+            return;
+        }
+        try {
+            new URL(ssoUrl);
+        }
+        catch {
+            setError("Invalid URL format");
+            return;
+        }
+        setError(null);
+        setSubStep("sso-client-id");
+    };
+    const handleSsoClientIdSubmit = () => {
+        if (!ssoClientId) {
+            setError("Client ID is required");
+            return;
+        }
+        setError(null);
+        setSubStep("sso-client-secret");
+    };
+    const handleSsoClientSecretSubmit = () => {
+        if (!ssoClientSecret) {
+            setError("Client secret is required");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_SSO_CONFIG",
+            config: {
+                ssoProvider,
+                ssoUrl,
+                ssoClientId,
+                ssoClientSecret,
+            },
+        });
+        advanceToNext("sso-client-secret");
+    };
+    // === Monitoring Configuration ===
+    const handleRemoteWriteAsk = (item) => {
+        if (item.value) {
+            setSubStep("monitoring-remote-write-url");
+        }
+        else {
+            dispatch({ type: "SET_PROMETHEUS_REMOTE_WRITE", url: "" });
+            advanceToNext("monitoring-remote-write-ask");
+        }
+    };
+    const handleRemoteWriteUrlSubmit = () => {
+        if (remoteWriteUrl) {
+            try {
+                new URL(remoteWriteUrl);
+            }
+            catch {
+                setError("Invalid URL format");
+                return;
+            }
+        }
+        setError(null);
+        dispatch({ type: "SET_PROMETHEUS_REMOTE_WRITE", url: remoteWriteUrl });
+        advanceToNext("monitoring-remote-write-url");
+    };
+    // === Logging Configuration ===
+    // Map logging sink to cloud provider
+    const sinkToProvider = (sink) => {
+        if (sink === "s3")
+            return "aws";
+        if (sink === "azure-blob")
+            return "azure";
+        if (sink === "gcs")
+            return "gcp";
+        return null;
+    };
+    // Is sink a cloud storage type?
+    const isCloudStorageSink = (sink) => {
+        return sink === "s3" || sink === "azure-blob" || sink === "gcs";
+    };
+    // Step 1: Select logging category
+    const handleLoggingCategorySelect = (item) => {
+        const category = item.value;
+        setLoggingCategory(category);
+        setSubStep("logging-sink");
+    };
+    // Step 2: Select logging sink based on category
+    const handleLoggingSinkSelect = async (item) => {
+        const sink = item.value;
+        setLoggingSink(sink);
+        dispatch({ type: "SET_LOGGING_SINK", sink });
+        if (isCloudStorageSink(sink)) {
+            // Cloud storage: go to region selection
+            loadRegionsForLogging(sink);
+        }
+        else {
+            // Logging platform: go to platform-specific config
+            switch (sink) {
+                case "datadog":
+                    setSubStep("logging-datadog-config");
+                    break;
+                case "splunk":
+                    setSubStep("logging-splunk-config");
+                    break;
+                case "elasticsearch":
+                    setSubStep("logging-elasticsearch-config");
+                    break;
+                case "loki":
+                    setSubStep("logging-loki-config");
+                    break;
+                case "newrelic":
+                    setSubStep("logging-newrelic-config");
+                    break;
+                case "axiom":
+                    setSubStep("logging-axiom-config");
+                    break;
+            }
+        }
+    };
+    // Load regions for cloud storage
+    const loadRegionsForLogging = async (sink) => {
+        const provider = sinkToProvider(sink);
+        if (!provider) {
+            setSubStep("logging-region");
+            return;
+        }
+        setSubStep("logging-region-loading");
+        try {
+            const regions = await listRegions(provider);
+            if (regions.length > 0) {
+                setAvailableRegions(regions);
+            }
+            else {
+                setAvailableRegions(CLOUD_REGIONS[provider]);
+            }
+        }
+        catch {
+            setAvailableRegions(CLOUD_REGIONS[provider]);
+        }
+        setSubStep("logging-region");
+    };
+    // After region is selected, load buckets in that region
+    const handleLoggingRegionSelect = async (item) => {
+        setLoggingRegion(item.value);
+        dispatch({
+            type: "SET_LOGGING_CONFIG",
+            config: { loggingRegion: item.value },
+        });
+        // Now load buckets in this region
+        const provider = sinkToProvider(loggingSink);
+        if (provider) {
+            setSubStep("logging-bucket-loading");
+            try {
+                const buckets = await listBucketsInRegion(provider, item.value);
+                setAvailableBuckets(buckets);
+            }
+            catch {
+                setAvailableBuckets([]);
+            }
+        }
+        setSubStep("logging-bucket");
+    };
+    // Refresh bucket list
+    const refreshBuckets = async () => {
+        if (isRefreshing)
+            return;
+        const provider = sinkToProvider(loggingSink);
+        if (!provider || !loggingRegion)
+            return;
+        setIsRefreshing(true);
+        try {
+            const buckets = await listBucketsInRegion(provider, loggingRegion);
+            setAvailableBuckets(buckets);
+        }
+        catch {
+            // Keep existing list on error
+        }
+        setIsRefreshing(false);
+    };
+    // Select bucket (no create option)
+    const handleLoggingBucketSelect = (item) => {
+        setLoggingBucket(item.value);
+        dispatch({
+            type: "SET_LOGGING_CONFIG",
+            config: { loggingBucket: item.value },
+        });
+        advanceToNext("logging-bucket");
+    };
+    // === Logging Platform Config Handlers ===
+    const handleDatadogConfigSubmit = () => {
+        if (!datadogApiKey) {
+            setError("Datadog API key is required");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_LOGGING_CONFIG",
+            config: {
+                loggingBucket: datadogApiKey, // Repurpose bucket field for API key
+                loggingRegion: datadogSite, // Repurpose region field for site
+            },
+        });
+        advanceToNext("logging-datadog-config");
+    };
+    const handleSplunkConfigSubmit = () => {
+        if (!splunkUrl) {
+            setError("Splunk HEC URL is required");
+            return;
+        }
+        if (!splunkHecToken) {
+            setError("Splunk HEC token is required");
+            return;
+        }
+        try {
+            new URL(splunkUrl);
+        }
+        catch {
+            setError("Invalid URL format");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_LOGGING_CONFIG",
+            config: {
+                loggingBucket: splunkHecToken,
+                loggingRegion: splunkUrl,
+            },
+        });
+        advanceToNext("logging-splunk-config");
+    };
+    const handleElasticsearchConfigSubmit = () => {
+        if (!elasticsearchUrl) {
+            setError("Elasticsearch URL is required");
+            return;
+        }
+        try {
+            new URL(elasticsearchUrl);
+        }
+        catch {
+            setError("Invalid URL format");
+            return;
+        }
+        setError(null);
+        // Store as JSON in bucket field for complex config
+        dispatch({
+            type: "SET_LOGGING_CONFIG",
+            config: {
+                loggingBucket: JSON.stringify({
+                    url: elasticsearchUrl,
+                    user: elasticsearchUser,
+                    password: elasticsearchPass,
+                    index: elasticsearchIndex,
+                }),
+                loggingRegion: elasticsearchIndex,
+            },
+        });
+        advanceToNext("logging-elasticsearch-config");
+    };
+    const handleLokiConfigSubmit = () => {
+        if (!lokiUrl) {
+            setError("Loki URL is required");
+            return;
+        }
+        try {
+            new URL(lokiUrl);
+        }
+        catch {
+            setError("Invalid URL format");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_LOGGING_CONFIG",
+            config: {
+                loggingBucket: lokiUrl,
+                loggingRegion: "",
+            },
+        });
+        advanceToNext("logging-loki-config");
+    };
+    const handleNewrelicConfigSubmit = () => {
+        if (!newrelicLicenseKey) {
+            setError("New Relic License Key is required");
+            return;
+        }
+        if (!newrelicAccountId) {
+            setError("New Relic Account ID is required");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_LOGGING_CONFIG",
+            config: {
+                loggingBucket: newrelicLicenseKey,
+                loggingRegion: newrelicAccountId,
+            },
+        });
+        advanceToNext("logging-newrelic-config");
+    };
+    const handleAxiomConfigSubmit = () => {
+        if (!axiomApiToken) {
+            setError("Axiom API token is required");
+            return;
+        }
+        if (!axiomDataset) {
+            setError("Axiom dataset is required");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_LOGGING_CONFIG",
+            config: {
+                loggingBucket: axiomApiToken,
+                loggingRegion: axiomDataset,
+            },
+        });
+        advanceToNext("logging-axiom-config");
+    };
+    // === Custom Email Configuration Handlers ===
+    const handleEmailSubjectInviteSubmit = () => {
+        dispatch({
+            type: "SET_EMAIL_SUBJECTS",
+            subjects: { invite: emailSubjectInvite },
+        });
+        setSubStep("email-subject-confirm");
+    };
+    const handleEmailSubjectConfirmSubmit = () => {
+        dispatch({
+            type: "SET_EMAIL_SUBJECTS",
+            subjects: { confirmation: emailSubjectConfirm },
+        });
+        setSubStep("email-subject-recovery");
+    };
+    const handleEmailSubjectRecoverySubmit = () => {
+        dispatch({
+            type: "SET_EMAIL_SUBJECTS",
+            subjects: { recovery: emailSubjectRecovery },
+        });
+        setSubStep("email-subject-change");
+    };
+    const handleEmailSubjectChangeSubmit = () => {
+        dispatch({
+            type: "SET_EMAIL_SUBJECTS",
+            subjects: { emailChange: emailSubjectChange },
+        });
+        setSubStep("email-template-invite");
+    };
+    const validateUrl = (url) => {
+        if (!url)
+            return false;
+        try {
+            new URL(url);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    };
+    const handleEmailTemplateInviteSubmit = () => {
+        if (!validateUrl(emailTemplateInvite)) {
+            setError("Please enter a valid URL for the invite template");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_EMAIL_TEMPLATES",
+            templates: { invite: emailTemplateInvite },
+        });
+        setSubStep("email-template-confirm");
+    };
+    const handleEmailTemplateConfirmSubmit = () => {
+        if (!validateUrl(emailTemplateConfirm)) {
+            setError("Please enter a valid URL for the confirmation template");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_EMAIL_TEMPLATES",
+            templates: { confirmation: emailTemplateConfirm },
+        });
+        setSubStep("email-template-recovery");
+    };
+    const handleEmailTemplateRecoverySubmit = () => {
+        if (!validateUrl(emailTemplateRecovery)) {
+            setError("Please enter a valid URL for the recovery template");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_EMAIL_TEMPLATES",
+            templates: { recovery: emailTemplateRecovery },
+        });
+        setSubStep("email-template-change");
+    };
+    const handleEmailTemplateChangeSubmit = () => {
+        if (!validateUrl(emailTemplateChange)) {
+            setError("Please enter a valid URL for the email change template");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_EMAIL_TEMPLATES",
+            templates: { emailChange: emailTemplateChange },
+        });
+        advanceToNext("email-template-change");
+    };
+    // Build bucket items for selection (no create option - just existing buckets)
+    const getBucketItems = () => {
+        return availableBuckets.map((b) => ({ label: b, value: b }));
+    };
+    // Get regions based on logging sink (use dynamic regions if available)
+    const getLoggingRegions = () => {
+        if (availableRegions.length > 0) {
+            return availableRegions.map((r) => ({ label: r, value: r }));
+        }
+        const provider = sinkToProvider(loggingSink);
+        if (!provider)
+            return [];
+        return CLOUD_REGIONS[provider].map((r) => ({ label: r, value: r }));
+    };
+    // If nothing to configure, don't render
+    if (!needsAI &&
+        !needsSSO &&
+        !needsMonitoring &&
+        !needsLogging &&
+        !needsCustomEmails) {
+        return null;
+    }
+    // Progress summary
+    const ProgressSummary = () => (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [state.openaiApiKey && (_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsx(Text, { color: "gray", children: " OpenAI API key configured" })] })), state.ssoProvider && (_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" SSO: ", state.ssoProvider] })] })), state.prometheusRemoteWriteUrl && (_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsx(Text, { color: "gray", children: " Metrics remote write configured" })] }))] }));
+    return (_jsxs(BorderBox, { title: "Feature Configuration", children: [subStep === "openai-key" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "OpenAI API Key" }), _jsx(Text, { color: "gray", dimColor: true, children: "Required for AI-powered rule generation features" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: openaiKey, onChange: setOpenaiKey, onSubmit: handleOpenAIKeySubmit, placeholder: "sk-...", mask: "*" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Get your API key at: https://platform.openai.com/api-keys" }) })] })), subStep === "sso-provider" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "SSO Provider" }), _jsx(Text, { color: "gray", dimColor: true, children: "Select your identity provider" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: SSO_PROVIDERS, onSelect: handleSsoProviderSelect, itemComponent: ({ isSelected, label }) => (_jsx(Text, { color: isSelected ? colors.accent : undefined, children: label })) }) }), _jsx(ProgressSummary, {})] })), subStep === "sso-url" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { bold: true, children: [ssoProvider?.toUpperCase(), " Provider URL"] }), _jsxs(Text, { color: "gray", dimColor: true, children: [ssoProvider === "azure" &&
+                                "e.g., https://login.microsoftonline.com/your-tenant-id", ssoProvider === "okta" && "e.g., https://your-org.okta.com", ssoProvider === "keycloak" &&
+                                "e.g., https://keycloak.example.com/realms/your-realm", ssoProvider === "ory" &&
+                                "e.g., https://your-project.projects.oryapis.com", ssoProvider === "other" && "The base URL of your OIDC provider"] }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: ssoUrl, onChange: setSsoUrl, onSubmit: handleSsoUrlSubmit, placeholder: "https://..." }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Provider: ", ssoProvider] })] })] })), subStep === "sso-client-id" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "OAuth Client ID" }), _jsx(Text, { color: "gray", dimColor: true, children: "The client/application ID from your identity provider" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: ssoClientId, onChange: setSsoClientId, onSubmit: handleSsoClientIdSubmit, placeholder: "your-client-id" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Provider: ", ssoProvider] })] }), ssoUrl && (_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" URL: ", ssoUrl] })] }))] })] })), subStep === "sso-client-secret" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "OAuth Client Secret" }), _jsx(Text, { color: "gray", dimColor: true, children: "The client secret from your identity provider" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: ssoClientSecret, onChange: setSsoClientSecret, onSubmit: handleSsoClientSecretSubmit, placeholder: "your-client-secret", mask: "*" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Provider: ", ssoProvider] })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsx(Text, { color: "gray", children: " Client ID configured" })] })] })] })), subStep === "monitoring-remote-write-ask" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Prometheus Remote Write" }), _jsx(Text, { color: "gray", dimColor: true, children: "Do you want to send metrics to an external monitoring system?" }), _jsx(Text, { color: "gray", dimColor: true, children: "(e.g., Datadog, Grafana Cloud, Chronosphere)" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: YES_NO_OPTIONS, onSelect: handleRemoteWriteAsk, itemComponent: ({ isSelected, label }) => (_jsx(Text, { color: isSelected ? colors.accent : undefined, children: label })) }) }), _jsx(ProgressSummary, {})] })), subStep === "monitoring-remote-write-url" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Remote Write URL" }), _jsx(Text, { color: "gray", dimColor: true, children: "Prometheus remote_write endpoint URL" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: remoteWriteUrl, onChange: setRemoteWriteUrl, onSubmit: handleRemoteWriteUrlSubmit, placeholder: "https://metrics.example.com/api/v1/write" }) }), _jsx(ProgressSummary, {})] })), subStep === "logging-category" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "External Logging Destination" }), _jsx(Text, { color: "gray", dimColor: true, children: "Choose how you want to store decision logs (Console logging is always included)" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: LOGGING_CATEGORIES, onSelect: handleLoggingCategorySelect, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => (_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "❯ " : "  ", label] })) }) }), _jsx(ProgressSummary, {})] })), subStep === "logging-sink" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: loggingCategory === "cloud-storage"
+                            ? "Select Cloud Storage"
+                            : "Select Logging Platform" }), _jsx(Text, { color: "gray", dimColor: true, children: loggingCategory === "cloud-storage"
+                            ? "Store logs in cloud object storage"
+                            : "Send logs to a centralized logging platform" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: loggingCategory === "cloud-storage"
+                                ? CLOUD_STORAGE_SINKS
+                                : LOGGING_PLATFORM_SINKS, onSelect: handleLoggingSinkSelect, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => (_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "❯ " : "  ", label] })) }) }), state.infrastructureMode === "existing" &&
+                        loggingCategory === "cloud-storage" && (_jsx(Box, { marginTop: 1, borderStyle: "round", borderColor: "yellow", paddingX: 1, children: _jsx(Text, { color: "yellow", children: "Note: Cloud storage requires IRSA/Workload Identity in your cluster." }) })), _jsx(ProgressSummary, {})] })), subStep === "logging-region-loading" && (_jsx(Box, { flexDirection: "column", marginY: 1, children: _jsx(Spinner, { label: "Loading available regions..." }) })), subStep === "logging-region" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { bold: true, children: [loggingSink === "s3" && "Select AWS Region", loggingSink === "azure-blob" && "Select Azure Region", loggingSink === "gcs" && "Select GCP Region"] }), _jsx(Text, { color: "gray", dimColor: true, children: "Select the region where logs will be stored" }), _jsx(Box, { marginTop: 1, height: 10, flexDirection: "column", overflowY: "hidden", children: _jsx(SelectInput, { items: getLoggingRegions(), onSelect: handleLoggingRegionSelect, limit: 8, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => (_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "❯ " : "  ", label] })) }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", "Sink: ", LOGGING_SINK_INFO[loggingSink]?.name] })] })] })), subStep === "logging-bucket-loading" && (_jsx(Box, { flexDirection: "column", marginY: 1, children: _jsx(Spinner, { label: `Loading buckets in ${loggingRegion}...` }) })), subStep === "logging-bucket" && (_jsx(BucketSelector, { loggingSink: loggingSink, loggingRegion: loggingRegion, availableBuckets: availableBuckets, isRefreshing: isRefreshing, onSelect: handleLoggingBucketSelect, onRefresh: refreshBuckets, colors: colors })), subStep === "logging-datadog-config" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Datadog Configuration" }), _jsx(Text, { color: "gray", dimColor: true, children: "Configure Datadog Logs integration" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "API Key:" }), _jsx(Box, { children: _jsx(TextInput, { value: datadogApiKey, onChange: setDatadogApiKey, placeholder: "your-api-key", mask: "*" }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Datadog Site:" }), _jsx(SelectInput, { items: DATADOG_SITES, initialIndex: DATADOG_SITES.findIndex((s) => s.value === datadogSite), onSelect: (item) => setDatadogSite(item.value), indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => (_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "❯ " : "  ", label] })) })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Press Enter after selecting site to continue" }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: datadogApiKey ? colors.accent : colors.muted, bold: !!datadogApiKey, children: datadogApiKey
+                                ? "→ Press Enter to continue"
+                                : "Enter API key to continue" }) }), datadogApiKey && (_jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: "", onChange: () => { }, onSubmit: handleDatadogConfigSubmit, placeholder: "" }) }))] })), subStep === "logging-splunk-config" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Splunk HEC Configuration" }), _jsx(Text, { color: "gray", dimColor: true, children: "Configure Splunk HTTP Event Collector" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "HEC URL:" }), _jsx(Box, { children: _jsx(TextInput, { value: splunkUrl, onChange: setSplunkUrl, placeholder: "https://splunk.example.com:8088" }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "HEC Token:" }), _jsx(Box, { children: _jsx(TextInput, { value: splunkHecToken, onChange: setSplunkHecToken, onSubmit: handleSplunkConfigSubmit, placeholder: "your-hec-token", mask: "*" }) })] })] })), subStep === "logging-elasticsearch-config" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Elasticsearch Configuration" }), _jsx(Text, { color: "gray", dimColor: true, children: "Configure Elasticsearch logging destination" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Elasticsearch URL:" }), _jsx(Box, { children: _jsx(TextInput, { value: elasticsearchUrl, onChange: setElasticsearchUrl, placeholder: "https://elasticsearch.example.com:9200" }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Username (optional):" }), _jsx(Box, { children: _jsx(TextInput, { value: elasticsearchUser, onChange: setElasticsearchUser, placeholder: "elastic" }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Password (optional):" }), _jsx(Box, { children: _jsx(TextInput, { value: elasticsearchPass, onChange: setElasticsearchPass, placeholder: "", mask: "*" }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Index name:" }), _jsx(Box, { children: _jsx(TextInput, { value: elasticsearchIndex, onChange: setElasticsearchIndex, onSubmit: handleElasticsearchConfigSubmit, placeholder: "rulebricks-logs" }) })] })] })), subStep === "logging-loki-config" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Grafana Loki Configuration" }), _jsx(Text, { color: "gray", dimColor: true, children: "Configure Loki logging destination" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Loki URL:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Include /loki/api/v1/push endpoint" }), _jsx(Box, { children: _jsx(TextInput, { value: lokiUrl, onChange: setLokiUrl, onSubmit: handleLokiConfigSubmit, placeholder: "https://loki.example.com/loki/api/v1/push" }) })] })] })), subStep === "logging-newrelic-config" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "New Relic Configuration" }), _jsx(Text, { color: "gray", dimColor: true, children: "Configure New Relic Logs integration" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "License Key:" }), _jsx(Box, { children: _jsx(TextInput, { value: newrelicLicenseKey, onChange: setNewrelicLicenseKey, placeholder: "your-license-key", mask: "*" }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Account ID:" }), _jsx(Box, { children: _jsx(TextInput, { value: newrelicAccountId, onChange: setNewrelicAccountId, onSubmit: handleNewrelicConfigSubmit, placeholder: "1234567" }) })] })] })), subStep === "logging-axiom-config" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Axiom Configuration" }), _jsx(Text, { color: "gray", dimColor: true, children: "Configure Axiom logging destination" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "API Token:" }), _jsx(Box, { children: _jsx(TextInput, { value: axiomApiToken, onChange: setAxiomApiToken, placeholder: "xaat-...", mask: "*" }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Dataset:" }), _jsx(Box, { children: _jsx(TextInput, { value: axiomDataset, onChange: setAxiomDataset, onSubmit: handleAxiomConfigSubmit, placeholder: "rulebricks" }) })] })] })), subStep === "email-subject-invite" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Custom Email Templates" }), _jsx(Text, { color: "gray", dimColor: true, children: "Customize Supabase auth email subjects and templates." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "First, let's customize the subject lines. Press Enter to use defaults." }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Invite Email Subject:" }), _jsxs(Text, { color: "gray", dimColor: true, children: ["Default: \"", DEFAULT_EMAIL_SUBJECTS.invite, "\""] }), _jsx(Box, { children: _jsx(TextInput, { value: emailSubjectInvite, onChange: setEmailSubjectInvite, onSubmit: handleEmailSubjectInviteSubmit, placeholder: DEFAULT_EMAIL_SUBJECTS.invite }) })] })] })), subStep === "email-subject-confirm" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Custom Email Templates - Subject Lines" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Confirmation Email Subject:" }), _jsxs(Text, { color: "gray", dimColor: true, children: ["Default: \"", DEFAULT_EMAIL_SUBJECTS.confirmation, "\""] }), _jsx(Box, { children: _jsx(TextInput, { value: emailSubjectConfirm, onChange: setEmailSubjectConfirm, onSubmit: handleEmailSubjectConfirmSubmit, placeholder: DEFAULT_EMAIL_SUBJECTS.confirmation }) })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Invite: ", emailSubjectInvite] })] })] })), subStep === "email-subject-recovery" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Custom Email Templates - Subject Lines" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Password Recovery Email Subject:" }), _jsxs(Text, { color: "gray", dimColor: true, children: ["Default: \"", DEFAULT_EMAIL_SUBJECTS.recovery, "\""] }), _jsx(Box, { children: _jsx(TextInput, { value: emailSubjectRecovery, onChange: setEmailSubjectRecovery, onSubmit: handleEmailSubjectRecoverySubmit, placeholder: DEFAULT_EMAIL_SUBJECTS.recovery }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Invite: ", emailSubjectInvite] })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Confirmation: ", emailSubjectConfirm] })] })] })] })), subStep === "email-subject-change" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Custom Email Templates - Subject Lines" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Email Change Subject:" }), _jsxs(Text, { color: "gray", dimColor: true, children: ["Default: \"", DEFAULT_EMAIL_SUBJECTS.emailChange, "\""] }), _jsx(Box, { children: _jsx(TextInput, { value: emailSubjectChange, onChange: setEmailSubjectChange, onSubmit: handleEmailSubjectChangeSubmit, placeholder: DEFAULT_EMAIL_SUBJECTS.emailChange }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Invite: ", emailSubjectInvite] })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Confirmation: ", emailSubjectConfirm] })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Recovery: ", emailSubjectRecovery] })] })] })] })), subStep === "email-template-invite" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Custom Email Templates - Template URLs" }), _jsx(Text, { color: "gray", dimColor: true, children: "Provide URLs to your custom HTML email templates." }), _jsx(Text, { color: "gray", dimColor: true, children: "Templates must be publicly accessible (S3, GCS, or any HTTPS URL)." }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Invite Template URL:" }), _jsx(Box, { children: _jsx(TextInput, { value: emailTemplateInvite, onChange: setEmailTemplateInvite, onSubmit: handleEmailTemplateInviteSubmit, placeholder: "https://bucket.s3.amazonaws.com/templates/invite.html" }) })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsx(Text, { color: "gray", children: " All subject lines configured" })] })] })), subStep === "email-template-confirm" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Custom Email Templates - Template URLs" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Confirmation Template URL:" }), _jsx(Box, { children: _jsx(TextInput, { value: emailTemplateConfirm, onChange: setEmailTemplateConfirm, onSubmit: handleEmailTemplateConfirmSubmit, placeholder: "https://bucket.s3.amazonaws.com/templates/verify.html" }) })] }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Invite: ", emailTemplateInvite] })] })] })), subStep === "email-template-recovery" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Custom Email Templates - Template URLs" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Recovery Template URL:" }), _jsx(Box, { children: _jsx(TextInput, { value: emailTemplateRecovery, onChange: setEmailTemplateRecovery, onSubmit: handleEmailTemplateRecoverySubmit, placeholder: "https://bucket.s3.amazonaws.com/templates/password_change.html" }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Invite: ", emailTemplateInvite] })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Confirmation: ", emailTemplateConfirm] })] })] })] })), subStep === "email-template-change" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { bold: true, children: "Custom Email Templates - Template URLs" }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: "Email Change Template URL:" }), _jsx(Box, { children: _jsx(TextInput, { value: emailTemplateChange, onChange: setEmailTemplateChange, onSubmit: handleEmailTemplateChangeSubmit, placeholder: "https://bucket.s3.amazonaws.com/templates/email_change.html" }) })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Invite: ", emailTemplateInvite] })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Confirmation: ", emailTemplateConfirm] })] }), _jsxs(Box, { children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Recovery: ", emailTemplateRecovery] })] })] })] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["\u2717 ", error] }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Esc to go back \u2022 Enter to continue" }) })] }));
+}