@letanure/resend-cli/dist/src/modules/audiences/retrieve/Form.js

A command-line interface for Resend email API

import { jsx as _jsx } from "react/jsx-runtime";
import { Spinner } from '@inkjs/ui';
import { useInput } from 'ink';
import React, { useState } from 'react';
import { SimpleForm } from '../../../components/forms/SimpleForm.js';
import { ErrorScreen } from '../../../components/ui/ErrorScreen.js';
import { Layout } from '../../../components/ui/layout.js';
import { SuccessScreen } from '../../../components/ui/SuccessScreen.js';
import { config } from '../../../config/config.js';
import { useDryRun } from '../../../contexts/DryRunProvider.js';
import { useResend } from '../../../contexts/ResendProvider.js';
import { useAudienceSelector } from '../../../hooks/useAudienceSelector.js';
import { retrieveAudience } from './action.js';
import { fields } from './fields.js';
import { RetrieveAudienceOptionsSchema } from './schema.js';
export const Form = ({ onExit }) => {
    const { isDryRun } = useDryRun();
    const { apiKey } = useResend();
    const [isSubmitting, setIsSubmitting] = useState(false);
    const [successData, setSuccessData] = useState(null);
    const [isDryRunSuccess, setIsDryRunSuccess] = useState(false);
    const [error, setError] = useState(null);
    const [selectedAudienceId, setSelectedAudienceId] = useState('');
    const initialFormData = React.useMemo(() => {
        return selectedAudienceId ? { id: selectedAudienceId } : undefined;
    }, [selectedAudienceId]);
    const audienceSelector = useAudienceSelector((audienceId) => {
        setSelectedAudienceId(audienceId);
    });
    // Create form fields with audience selector
    const formFields = React.useMemo(() => {
        return fields.map((field) => {
            if (field.name === 'id') {
                return {
                    ...field,
                    type: 'input-with-selector',
                    onSelectorOpen: audienceSelector.openSelector,
                };
            }
            return field;
        });
    }, [audienceSelector.openSelector]);
    // Handle Esc key to go back from result screens
    useInput((_input, key) => {
        if (key.escape && (successData || error)) {
            setSuccessData(null);
            setIsDryRunSuccess(false);
            setError(null);
        }
    }, { isActive: !!(successData || error) });
    const handleSubmit = async (data) => {
        setIsSubmitting(true);
        try {
            if (isDryRun) {
                setSuccessData({
                    'Audience ID': data.id,
                    'API Key': apiKey ? `${apiKey.substring(0, 10)}...` : 'Not set',
                    Status: 'Validation successful! (Audience not retrieved due to dry-run mode)',
                });
                setIsDryRunSuccess(true);
            }
            else {
                const result = await retrieveAudience(data, apiKey);
                if (result.success && result.data) {
                    setSuccessData({
                        'Audience ID': result.data.id,
                        Name: result.data.name,
                        'Object Type': result.data.object,
                        'Created At': result.data.created_at,
                    });
                    setIsDryRunSuccess(false);
                }
                else {
                    setError({
                        title: 'Audience Retrieval Failed',
                        message: result.error || 'Unknown error occurred',
                        suggestion: 'Check the audience ID and ensure it exists in your Resend account',
                    });
                }
            }
        }
        catch (error) {
            setError({
                title: 'Audience Retrieval Error',
                message: error instanceof Error ? error.message : 'Unknown error',
                suggestion: 'Please check your API key and network connection',
            });
        }
        finally {
            setIsSubmitting(false);
        }
    };
    if (isSubmitting) {
        return (_jsx(Layout, { headerText: `${config.baseTitle} - Audiences - Retrieve`, showNavigationInstructions: false, navigationContext: "none", children: _jsx(Spinner, { label: "Retrieving audience..." }) }));
    }
    if (successData) {
        return (_jsx(SuccessScreen, { data: successData, successMessage: "Audience Retrieved Successfully", headerText: `${config.baseTitle} - Audiences - Retrieve`, isDryRun: isDryRunSuccess, onExit: () => {
                setSuccessData(null);
                setIsDryRunSuccess(false);
                onExit();
            } }));
    }
    if (error) {
        return (_jsx(ErrorScreen, { title: error.title, message: error.message, suggestion: error.suggestion, headerText: `${config.baseTitle} - Audiences - Retrieve`, onExit: () => {
                setError(null);
                onExit();
            }, showRetry: true, onRetry: () => {
                setError(null);
                setIsSubmitting(false);
            } }));
    }
    // If the audience selector is open, render it instead of the form
    if (audienceSelector.isOpen) {
        return audienceSelector.selectorComponent;
    }
    return (_jsx(Layout, { headerText: `${config.baseTitle} - Audiences - Retrieve`, showNavigationInstructions: true, navigationContext: "form-single", children: _jsx(SimpleForm, { fields: formFields, onSubmit: handleSubmit, onCancel: onExit, validateWith: RetrieveAudienceOptionsSchema, initialData: initialFormData }) }));
};
//# sourceMappingURL=Form.js.map