@npm-zenwork/tax-remittance-ui 0.2.4 → 0.2.5

package/dist/api/bankAccounts.d.ts

@@ -1,11 +1,13 @@
 import { BankAccountResponse } from '../types/bankAccount';
 import { CreateBankAccountRequest, UpdateBankAccountRequest } from '../types/createBankAccount';
-import { PagedResult } from '../types/pagination';
-export interface GetBankAccountsQuery {
-    entityId: number;
-    pageNumber?: number;
-    pageSize?: number;
-}
-export declare function getBankAccounts({ entityId, pageNumber, pageSize, }: GetBankAccountsQuery): Promise<PagedResult<BankAccountResponse>>;
+/**
+ * The entity's bank accounts.
+ *
+ * The backend paginates this endpoint, but every `['bank-accounts', entityId]`
+ * consumer filters/paginates the full list client-side, so this fetches every
+ * account in one page rather than threading server-side paging through those
+ * call sites.
+ */
+export declare function getBankAccounts(entityId: number): Promise<BankAccountResponse[]>;
 export declare function createBankAccount(request: CreateBankAccountRequest): Promise<BankAccountResponse>;
 export declare function updateBankAccount(bankAccountDetailId: number, request: UpdateBankAccountRequest): Promise<BankAccountResponse>;

package/dist/api/entities.d.ts

@@ -1,17 +1,20 @@
 import { CreateEntityDetailsRequest, EntityDetailsResponse, UpdateEntityDetailsRequest } from '../types/entity';
-import { PagedResult } from '../types/pagination';
 interface CreateEntityDetailsResponse {
     entityId: number;
     userId: number | null;
     apiClientId: number | null;
     status: string;
 }
-export interface GetMyEntitiesQuery {
-    search?: string;
-    pageNumber?: number;
-    pageSize?: number;
-}
-export declare function getMyEntities({ search, pageNumber, pageSize, }?: GetMyEntitiesQuery): Promise<PagedResult<EntityDetailsResponse>>;
+/**
+ * The caller's entity list.
+ *
+ * The backend supports real search/pagination on this endpoint, but this is what
+ * backs the shared `['entities', 'mine']` query used by EmbeddedContext, the
+ * entity list page and the entity form — all of which filter/paginate a full
+ * list client-side, so this fetches every entity in one page rather than
+ * threading server-side paging through those call sites.
+ */
+export declare function getAllMyEntities(): Promise<EntityDetailsResponse[]>;
 export declare function createEntity(request: CreateEntityDetailsRequest): Promise<CreateEntityDetailsResponse>;
 export declare function updateEntity(entityId: number, request: UpdateEntityDetailsRequest): Promise<EntityDetailsResponse>;
 export {};

package/dist/api/remittancePayments.d.ts

@@ -11,6 +11,8 @@ export interface RemittancePaymentResponse {
     paymentDate: string;
     status: string | null;
     reason: string | null;
+    /** Federal tax form / state reason for payment — not served by the API yet. */
+    formType?: string | null;
 }
 export interface RemittancePaymentStatusCounts {
     drafts: number;

package/dist/components/dashboard/AddFirstPaymentModal.d.ts

@@ -0,0 +1,12 @@
+import { PaymentType } from '../../embedded/EmbeddedContext';
+interface AddFirstPaymentModalProps {
+    open: boolean;
+    onClose: () => void;
+    /** Payment types the host enabled — local is always shown as coming soon. */
+    enabledPayments: PaymentType[];
+    onSelectFederal: () => void;
+    onSelectState: () => void;
+}
+/** Payment-type picker shown when starting the first payment from the dashboard. */
+export declare function AddFirstPaymentModal({ open, onClose, enabledPayments, onSelectFederal, onSelectState, }: AddFirstPaymentModalProps): import('react').ReactPortal | null;
+export {};

package/dist/components/dashboard/SetupChecklist.d.ts

@@ -0,0 +1,22 @@
+export interface SetupStep {
+    title: string;
+    description: string;
+    /** Label for the call-to-action shown while this step is the active one. */
+    actionLabel: string;
+    done: boolean;
+    onAction?: () => void;
+    /** Where the "View" button goes once the step is done. */
+    onView?: () => void;
+}
+interface SetupChecklistProps {
+    /** First name of the signed-in user, when known. */
+    userName?: string;
+    steps: SetupStep[];
+}
+/**
+ * "Complete your setup" onboarding card. Shown in place of the dashboard
+ * until the user has an entity, a payment, a bank account and an authorized
+ * payment.
+ */
+export declare function SetupChecklist({ userName, steps }: SetupChecklistProps): import("react").JSX.Element;
+export {};

package/dist/components/dashboard/useSetupProgress.d.ts

@@ -0,0 +1,25 @@
+import { DashboardResponse } from '../../types/dashboard';
+interface UseSetupProgressArgs {
+    entityId: number | null;
+    entityCount: number;
+    dashboard: DashboardResponse | undefined;
+}
+export interface SetupProgress {
+    hasEntity: boolean;
+    hasPayment: boolean;
+    hasBankAccount: boolean;
+    hasAuthorizedPayment: boolean;
+    isComplete: boolean;
+    /** First name of the signed-in user, when the session carries one. */
+    userName?: string;
+}
+/**
+ * Whether the four onboarding steps are done.
+ *
+ * Review & Authorize counts as done once a payment record exists, Draft
+ * included: the wizard only persists a payment after the authorization details
+ * are filled in, and scheduling happens later from the drafts tab. The API has
+ * no separate authorization flag to read.
+ */
+export declare function useSetupProgress({ entityId, entityCount, dashboard, }: UseSetupProgressArgs): SetupProgress;
+export {};

package/dist/components/entities/EntityActionsMenu.d.ts

@@ -2,6 +2,8 @@ import { EntityDetailsResponse } from '../../types/entity';
 interface EntityActionsMenuProps {
     entity: EntityDetailsResponse;
     onEdit: (entity: EntityDetailsResponse) => void;
+    /** `kebab` is the icon-only trigger used on the entity cards. */
+    variant?: 'button' | 'kebab';
 }
-export declare function EntityActionsMenu({ entity, onEdit }: EntityActionsMenuProps): import("react").JSX.Element;
+export declare function EntityActionsMenu({ entity, onEdit, variant }: EntityActionsMenuProps): import("react").JSX.Element;
 export {};

package/dist/components/entities/EntityCard.d.ts

@@ -0,0 +1,8 @@
+import { EntityDetailsResponse } from '../../types/entity';
+interface EntityCardProps {
+    entity: EntityDetailsResponse;
+    selected: boolean;
+    onEdit: (entity: EntityDetailsResponse) => void;
+}
+export declare function EntityCard({ entity, selected, onEdit }: EntityCardProps): import("react").JSX.Element;
+export {};

package/dist/components/entities/EntityTypeFilter.d.ts

@@ -0,0 +1,8 @@
+export declare const ALL_ENTITY_TYPES = "All";
+interface EntityTypeFilterProps {
+    value: string;
+    onChange: (entityType: string) => void;
+}
+/** Filter-icon button opening the entity type list. `All` clears the filter. */
+export declare function EntityTypeFilter({ value, onChange }: EntityTypeFilterProps): import("react").JSX.Element;
+export {};

package/dist/components/entities/entityListUtils.d.ts

@@ -1,6 +1,12 @@
 import { EntityDetailsResponse } from '../../types/entity';
 export declare function formatEin(idNumber: string): string;
 export declare function formatSsn(idNumber: string): string;
+/** Mask an EIN for display, revealing only the last 4 digits: `**-***6789`. */
+export declare function maskEin(idNumber: string): string;
+/** Mask an SSN for display, revealing only the last 4 digits: `***-**-6789`. */
+export declare function maskSsn(idNumber: string): string;
+/** Mask a stored 9-digit id for display: SSN shape for Individual, EIN otherwise. */
+export declare function maskIdNumber(idNumber: string, accountType: string): string;
 /** Format a stored 9-digit id for display: SSN for Individual, EIN otherwise. */
 export declare function formatIdNumber(idNumber: string, accountType: string): string;
 /**

package/dist/components/forms/SegmentedControl.d.ts

@@ -10,6 +10,10 @@ interface SegmentedControlProps<T extends string> {
     options: SegmentedControlOption<T>[];
     value: T;
     onChange: (value: T) => void;
+    /** false renders compact, content-width buttons instead of stretching to fill the row. */
+    fullWidth?: boolean;
+    /** Fires when any option receives focus — lets a contextual help panel follow the group. */
+    onFocus?: () => void;
 }
 /**
  * Accessible segmented control (WAI-ARIA radiogroup pattern) for a small,
@@ -18,5 +22,5 @@ interface SegmentedControlProps<T extends string> {
  * viewport width, from a full row on desktop down to two narrow cards on
  * mobile. Generic — not tied to any specific option set.
  */
-export declare function SegmentedControl<T extends string>({ label, required, options, value, onChange, }: SegmentedControlProps<T>): import("react").JSX.Element;
+export declare function SegmentedControl<T extends string>({ label, required, options, value, onChange, fullWidth, onFocus, }: SegmentedControlProps<T>): import("react").JSX.Element;
 export {};

package/dist/components/icons/BankIcon.d.ts

@@ -0,0 +1 @@
+export default function BankIcon(): import("react").JSX.Element;

package/dist/components/icons/BusinessIcon.d.ts

@@ -0,0 +1 @@
+export default function BusinessIcon(): import("react").JSX.Element;

package/dist/components/icons/CheckCircleIcon.d.ts

@@ -0,0 +1 @@
+export default function CheckCircleIcon(): import("react").JSX.Element;

package/dist/components/icons/EmptyTaxAccountsIllustration.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Placeholder line-art for the "No Tax Accounts Yet" empty state. Swap for the
+ * final artwork when it's available.
+ */
+export default function EmptyTaxAccountsIllustration(): import("react").JSX.Element;

package/dist/components/icons/EntitySuccessIllustration.d.ts

@@ -0,0 +1,2 @@
+/** Decorative artwork for the entity-created success modal. */
+export default function EntitySuccessIllustration(): import("react").JSX.Element;

package/dist/components/icons/EyeIcon.d.ts

@@ -0,0 +1 @@
+export default function EyeIcon(): import("react").JSX.Element;

package/dist/components/icons/EyeOffIcon.d.ts

@@ -0,0 +1 @@
+export default function EyeOffIcon(): import("react").JSX.Element;

package/dist/components/icons/IndividualEntitySuccessIllustration.d.ts

@@ -0,0 +1,2 @@
+/** Decorative artwork for the individual entity-created success modal. */
+export default function IndividualEntitySuccessIllustration(): import("react").JSX.Element;

package/dist/components/icons/PersonIcon.d.ts

@@ -0,0 +1 @@
+export default function PersonIcon(): import("react").JSX.Element;

package/dist/components/icons/XCircleIcon.d.ts

@@ -0,0 +1 @@
+export default function XCircleIcon(): import("react").JSX.Element;

package/dist/components/onboarding/EntityAccountTypeRow.d.ts

@@ -0,0 +1,14 @@
+import { EntityFormValues } from '../../types/entity';
+import { HelpKey } from './entityHelpContent';
+interface EntityAccountTypeRowProps {
+    accountType: EntityFormValues['accountType'];
+    onAccountTypeChange: (next: EntityFormValues['accountType']) => void;
+    isIndividual: boolean;
+    filingStatus: string;
+    onFilingStatusChange: (value: string) => void;
+    focusHelp: (key: HelpKey) => () => void;
+    resetHelp: () => void;
+}
+/** Account Type toggle, plus Filing Status for individual accounts. */
+export declare function EntityAccountTypeRow({ accountType, onAccountTypeChange, isIndividual, filingStatus, onFilingStatusChange, focusHelp, resetHelp, }: EntityAccountTypeRowProps): import("react").JSX.Element;
+export {};

package/dist/components/onboarding/EntityAddressFields.d.ts

@@ -0,0 +1,17 @@
+import { FieldErrors, UseFormRegister, UseFormRegisterReturn } from 'react-hook-form';
+import { StateOption } from '../../lib/useAddressReference';
+import { EntityFormValues } from '../../types/entity';
+import { HelpKey } from './entityHelpContent';
+interface EntityAddressFieldsProps {
+    register: UseFormRegister<EntityFormValues>;
+    errors: FieldErrors<EntityFormValues>;
+    zipRegister: UseFormRegisterReturn;
+    isUS: boolean;
+    state: string;
+    stateOptions: StateOption[];
+    zipStateMismatch: boolean;
+    focusHelp: (key: HelpKey) => () => void;
+}
+/** Registered address for the entity — labels and formatting follow the country. */
+export declare function EntityAddressFields({ register, errors, zipRegister, isUS, state, stateOptions, zipStateMismatch, focusHelp, }: EntityAddressFieldsProps): import("react").JSX.Element;
+export {};

package/dist/components/onboarding/EntityBusinessFields.d.ts

@@ -0,0 +1,19 @@
+import { FieldErrors, UseFormRegister, UseFormRegisterReturn } from 'react-hook-form';
+import { EntityFormValues } from '../../types/entity';
+import { HelpKey } from './entityHelpContent';
+interface EntityBusinessFieldsProps {
+    register: UseFormRegister<EntityFormValues>;
+    errors: FieldErrors<EntityFormValues>;
+    einRegister: UseFormRegisterReturn;
+    phoneRegister: UseFormRegisterReturn;
+    countryCodeRegister: UseFormRegisterReturn;
+    entityTypeOptions: string[];
+    accountType: string;
+    idLabel: string;
+    idPlaceholder: string;
+    idMaxLength: number;
+    focusHelp: (key: HelpKey) => () => void;
+}
+/** Business account fields: names, contact details, entity type and EIN. */
+export declare function EntityBusinessFields({ register, errors, einRegister, phoneRegister, countryCodeRegister, entityTypeOptions, accountType, idLabel, idPlaceholder, idMaxLength, focusHelp, }: EntityBusinessFieldsProps): import("react").JSX.Element;
+export {};

package/dist/components/onboarding/EntityCreatedModal.d.ts

@@ -0,0 +1,14 @@
+import { CreatedEntitySnapshot } from './useEntityForm';
+interface EntityCreatedModalProps {
+    created: CreatedEntitySnapshot | null;
+    onClose: () => void;
+    onGoToDashboard: () => void;
+    onStartPayment: () => void;
+}
+/**
+ * Picks the right success-modal variant for what was just created: business
+ * entities get one details page, individuals get the primary taxpayer plus an
+ * optional second page for a joint filer.
+ */
+export declare function EntityCreatedModal({ created, onClose, onGoToDashboard, onStartPayment, }: EntityCreatedModalProps): import("react").JSX.Element;
+export {};

package/dist/components/onboarding/EntityForm.d.ts

@@ -1 +1,6 @@
+/**
+ * Add Entity form — business or individual, with the contextual help panel
+ * beside it and a success modal once the entity is created. All behaviour
+ * lives in useEntityForm; this is layout only.
+ */
 export declare function EntityForm(): import("react").JSX.Element;

package/dist/components/onboarding/EntityFormHelpPanel.d.ts

@@ -0,0 +1,8 @@
+import { FieldHelp } from './entityHelpContent';
+/**
+ * Context panel beside the form. Shows generic guidance until a field with
+ * dedicated copy is focused, then swaps in that field's help.
+ */
+export declare function EntityFormHelpPanel({ active }: {
+    active: FieldHelp | null;
+}): import("react").JSX.Element;

package/dist/components/onboarding/EntityIdNumberInput.d.ts

@@ -0,0 +1,14 @@
+import { UseFormRegisterReturn } from 'react-hook-form';
+interface EntityIdNumberInputProps {
+    /** "EIN" for Business, "SSN" for Individual. */
+    label: string;
+    placeholder: string;
+    maxLength: number;
+    accountType: string;
+    register: UseFormRegisterReturn;
+    error?: string;
+    onFocus: () => void;
+}
+/** EIN / SSN input — masks the dashes in as the user types. */
+export declare function EntityIdNumberInput({ label, placeholder, maxLength, accountType, register, error, onFocus, }: EntityIdNumberInputProps): import("react").JSX.Element;
+export {};

package/dist/components/onboarding/EntityPhoneField.d.ts

@@ -0,0 +1,10 @@
+import { UseFormRegisterReturn } from 'react-hook-form';
+interface EntityPhoneFieldProps {
+    countryCodeRegister: UseFormRegisterReturn;
+    phoneRegister: UseFormRegisterReturn;
+    error?: string;
+    onFocus: () => void;
+}
+/** Country code + 10-digit phone number, stripped to digits as the user types. */
+export declare function EntityPhoneField({ countryCodeRegister, phoneRegister, error, onFocus, }: EntityPhoneFieldProps): import("react").JSX.Element;
+export {};

package/dist/components/onboarding/EntityPrimaryTaxpayerFields.d.ts

@@ -0,0 +1,17 @@
+import { FieldErrors, UseFormRegister, UseFormRegisterReturn } from 'react-hook-form';
+import { EntityFormValues } from '../../types/entity';
+interface EntityPrimaryTaxpayerFieldsProps {
+    register: UseFormRegister<EntityFormValues>;
+    errors: FieldErrors<EntityFormValues>;
+    einRegister: UseFormRegisterReturn;
+    phoneRegister: UseFormRegisterReturn;
+    countryCodeRegister: UseFormRegisterReturn;
+    accountType: string;
+    idLabel: string;
+    idPlaceholder: string;
+    idMaxLength: number;
+    resetHelp: () => void;
+}
+/** Individual account fields: the primary taxpayer's name, SSN and contact details. */
+export declare function EntityPrimaryTaxpayerFields({ register, errors, einRegister, phoneRegister, countryCodeRegister, accountType, idLabel, idPlaceholder, idMaxLength, resetHelp, }: EntityPrimaryTaxpayerFieldsProps): import("react").JSX.Element;
+export {};

package/dist/components/onboarding/EntitySuccessModal.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+export interface SuccessDetailRow {
+    label: string;
+    value: string;
+    /**
+     * Masked stand-in for a sensitive value (EIN / SSN). When set the row shows
+     * this instead of `value`, with a reveal toggle.
+     */
+    masked?: string;
+}
+export interface SuccessDetailPage {
+    /** Section heading — also turns on the pager when there's more than one page. */
+    title?: string;
+    rows: SuccessDetailRow[];
+}
+interface EntitySuccessModalProps {
+    open: boolean;
+    entityName: string;
+    description: string;
+    illustration: ReactNode;
+    pages: SuccessDetailPage[];
+    onClose: () => void;
+    onGoToDashboard: () => void;
+    onStartPayment: () => void;
+}
+/**
+ * Confirmation shown right after an entity is created. Business entities get a
+ * single details page; individuals filing jointly get a second page for the
+ * secondary taxpayer, reachable via the pager.
+ *
+ * "Go to Dashboard" and "Start Payment" both just go to the dashboard for now —
+ * there's no payment flow wired up yet.
+ */
+export declare function EntitySuccessModal({ open, entityName, description, illustration, pages, onClose, onGoToDashboard, onStartPayment, }: EntitySuccessModalProps): import('react').ReactPortal | null;
+export {};

package/dist/components/onboarding/SecondaryTaxpayerSection.d.ts

@@ -0,0 +1,21 @@
+import { ChangeEvent } from 'react';
+import { AddressParts, SecondaryTaxpayer } from '../../lib/entityFormUtils';
+import { StateOption } from '../../lib/useAddressReference';
+type SecondaryField = keyof Omit<SecondaryTaxpayer, 'sameAsPrimaryAddress'>;
+interface SecondaryTaxpayerSectionProps {
+    values: SecondaryTaxpayer;
+    /** Address to display — mirrors the primary address while the toggle is on. */
+    address: AddressParts & {
+        country: string;
+    };
+    stateOptions: StateOption[];
+    onFieldChange: (field: SecondaryField) => (event: ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void;
+    onSsnChange: (value: string) => void;
+    onSameAsPrimaryChange: (checked: boolean) => void;
+}
+/**
+ * Joint-filer details, shown for Individual + "Married Filing Jointly".
+ * UI-only — nothing here is submitted yet (see SecondaryTaxpayer).
+ */
+export declare function SecondaryTaxpayerSection({ values, address, stateOptions, onFieldChange, onSsnChange, onSameAsPrimaryChange, }: SecondaryTaxpayerSectionProps): import("react").JSX.Element;
+export {};

package/dist/components/onboarding/entityHelpContent.d.ts

@@ -0,0 +1,123 @@
+import { ReactNode } from 'react';
+export interface FieldHelp {
+    title: string;
+    /** Drives the REQUIRED / OPTIONAL badge in the help panel. */
+    required: boolean;
+    description: ReactNode;
+    tips: ReactNode[];
+    correct?: string;
+    mistake?: string;
+}
+/**
+ * Per-field copy for the "How to fill this" side panel — keyed by a help key
+ * set on each input's onFocus. Fields without an entry here fall back to the
+ * panel's generic copy.
+ */
+export declare const HELP_CONTENT: {
+    accountType: {
+        title: string;
+        required: true;
+        description: string;
+        tips: (string | import("react").JSX.Element)[];
+        correct: string;
+        mistake: string;
+    };
+    legalBusinessName: {
+        title: string;
+        required: true;
+        description: import("react").JSX.Element;
+        tips: (string | import("react").JSX.Element)[];
+        correct: string;
+        mistake: string;
+    };
+    businessDisplayName: {
+        title: string;
+        required: false;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+    email: {
+        title: string;
+        required: true;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+    phoneNumber: {
+        title: string;
+        required: true;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+    entityType: {
+        title: string;
+        required: true;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+    ein: {
+        title: string;
+        required: true;
+        description: import("react").JSX.Element;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+    address1: {
+        title: string;
+        required: true;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+    address2: {
+        title: string;
+        required: false;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+    city: {
+        title: string;
+        required: true;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+    state: {
+        title: string;
+        required: true;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+    zipCode: {
+        title: string;
+        required: true;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+    country: {
+        title: string;
+        required: true;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    };
+};
+export type HelpKey = keyof typeof HELP_CONTENT;
+export declare const DEFAULT_HELP_TIPS: ReactNode[];

package/dist/components/onboarding/useEntityForm.d.ts

@@ -0,0 +1,78 @@
+import { ChangeEvent } from 'react';
+import { SecondaryTaxpayer } from '../../lib/entityFormUtils';
+import { EntityFormValues } from '../../types/entity';
+import { HelpKey } from './entityHelpContent';
+/** What the success modal renders — captured at save time. */
+export interface CreatedEntitySnapshot {
+    values: EntityFormValues;
+    secondary: SecondaryTaxpayer | null;
+}
+/**
+ * All state, validation and submit behaviour for the Add Entity form. Kept
+ * out of the component so the JSX is pure composition.
+ */
+export declare function useEntityForm(): {
+    register: import('react-hook-form').UseFormRegister<EntityFormValues>;
+    errors: import('react-hook-form').FieldErrors<EntityFormValues>;
+    onSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
+    error: string | null;
+    isSubmitting: boolean;
+    einRegister: import('react-hook-form').UseFormRegisterReturn<"ein">;
+    phoneRegister: import('react-hook-form').UseFormRegisterReturn<"phoneNumber">;
+    zipRegister: import('react-hook-form').UseFormRegisterReturn<"zipCode">;
+    countryCodeRegister: import('react-hook-form').UseFormRegisterReturn<"countryCode">;
+    accountType: "Business" | "Individual";
+    isIndividual: boolean;
+    isUS: boolean;
+    idLabel: string;
+    idPlaceholder: string;
+    idMaxLength: number;
+    entityTypeOptions: string[];
+    stateOptions: import('../../lib/useAddressReference').StateOption[];
+    state: string;
+    zipStateMismatch: boolean;
+    activeHelp: {
+        title: string;
+        required: true;
+        description: string;
+        tips: (string | import("react").JSX.Element)[];
+        correct: string;
+        mistake: string;
+    } | {
+        title: string;
+        required: true;
+        description: import("react").JSX.Element;
+        tips: (string | import("react").JSX.Element)[];
+        correct: string;
+        mistake: string;
+    } | {
+        title: string;
+        required: false;
+        description: string;
+        tips: string[];
+        correct: string;
+        mistake: string;
+    } | null;
+    focusHelp: (key: HelpKey) => () => void;
+    resetHelp: () => void;
+    filingStatus: string;
+    setFilingStatus: import('react').Dispatch<import('react').SetStateAction<string>>;
+    showSecondaryTaxpayer: boolean;
+    secondaryTaxpayer: SecondaryTaxpayer;
+    secondaryAddress: {
+        address1: string;
+        address2: string;
+        city: string;
+        state: string;
+        zipCode: string;
+        country: string;
+    };
+    secondaryStateOptions: import('../../lib/useAddressReference').StateOption[];
+    updateSecondaryField: <K extends keyof Omit<SecondaryTaxpayer, "sameAsPrimaryAddress">>(field: K) => (event: ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void;
+    setSecondarySsn: (value: string) => void;
+    setSecondarySameAsPrimary: (checked: boolean) => void;
+    createdEntity: CreatedEntitySnapshot | null;
+    handleAccountTypeChange: (next: EntityFormValues["accountType"]) => void;
+    handleCancel: () => void;
+    goToDashboard: () => void;
+};

package/dist/components/payments/BankAccountCard.d.ts

@@ -0,0 +1,16 @@
+import { BankAccountResponse } from '../../types/bankAccount';
+interface BankAccountCardProps {
+    account: BankAccountResponse;
+    onEdit: (account: BankAccountResponse) => void;
+    /** Omit to render a plain (non-selectable) card, as on the settings page. */
+    onSelect?: (bankAccountDetailId: number) => void;
+    selected?: boolean;
+}
+/**
+ * Bank account tile with an actions menu. In the payment flow it doubles as a
+ * radio for choosing the account to debit; inactive accounts are shown (so the
+ * user can see why one isn't usable) but can't be picked — they can still be
+ * edited or reactivated from the menu.
+ */
+export declare function BankAccountCard({ account, onEdit, onSelect, selected, }: BankAccountCardProps): import("react").JSX.Element;
+export {};