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

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

@@ -0,0 +1,16 @@
+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;
+    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, 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,23 @@
+import { ChangeEvent } from 'react';
+import { AddressParts, SecondaryTaxpayer, SecondaryTaxpayerErrors } 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[];
+    /** Per-field messages, populated on submit. */
+    errors: SecondaryTaxpayerErrors;
+    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, errors, onFieldChange, onSsnChange, onSameAsPrimaryChange, }: SecondaryTaxpayerSectionProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+interface SecondaryTaxpayerToggleProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+/**
+ * Opt-in for the joint filer's details. Shown for Individual + "Married Filing
+ * Jointly"; the fields themselves stay hidden until this is ticked.
+ */
+export declare function SecondaryTaxpayerToggle({ checked, onChange }: SecondaryTaxpayerToggleProps): 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,80 @@
+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">;
+    accountType: "Business" | "Individual";
+    isIndividual: boolean;
+    isUS: boolean;
+    idLabel: string;
+    idPlaceholder: string;
+    idMaxLength: number;
+    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: (next: string) => void;
+    canAddSecondaryTaxpayer: boolean;
+    includeSecondaryTaxpayer: boolean;
+    setIncludeSecondaryTaxpayer: (checked: boolean) => void;
+    secondaryErrors: Partial<Record<"state" | "country" | "email" | "firstName" | "lastName" | "address1" | "address2" | "city" | "zipCode" | "ssn" | "phone", 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 {};

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

@@ -0,0 +1,15 @@
+import { BankAccountResponse } from '../../types/bankAccount';
+interface BankAccountDrawerProps {
+    open: boolean;
+    entityId: number | null;
+    /** Pass an account to edit it; omit to add a new one. */
+    account?: BankAccountResponse | null;
+    onClose: () => void;
+    onSaved?: (bankAccountDetailId: number) => void;
+}
+/**
+ * Slide-over for adding or editing a bank account without leaving the payment
+ * flow. Shares its validation with the settings form (createBankAccountSchema).
+ */
+export declare function BankAccountDrawer({ open, entityId, account, onClose, onSaved, }: BankAccountDrawerProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+interface BankConnectionMethodModalProps {
+    open: boolean;
+    onClose: () => void;
+    onAddManually: () => void;
+}
+/**
+ * Asks how to connect a bank account before opening the add form. Plaid isn't
+ * implemented yet, so that option is shown but not selectable.
+ */
+export declare function BankConnectionMethodModal({ open, onClose, onAddManually, }: BankConnectionMethodModalProps): import('react').ReactPortal | null;
+export {};

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

@@ -0,0 +1,10 @@
+interface BankConnectionMethodPickerProps {
+    onAddManually: () => void;
+    disabled?: boolean;
+}
+/**
+ * "Connect Your Bank Account" method choice. Plaid isn't implemented yet, so
+ * that option is present but not selectable.
+ */
+export declare function BankConnectionMethodPicker({ onAddManually, disabled, }: BankConnectionMethodPickerProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import { FederalPaymentDraft } from '../../types/federalPaymentFlow';
+interface FederalPaymentReviewPanelProps {
+    entityId: number | null;
+    paymentDraft: FederalPaymentDraft;
+}
+/**
+ * Read-only recap of step 1 for the Review & Submit step. Labels, asterisks and
+ * info copy mirror AddFederalPaymentForm so the review reads like the form the
+ * values came from; the values themselves are resolved through the same cached
+ * reference queries, falling back to the raw draft when a lookup isn't
+ * available (e.g. a draft opened straight from the payments list).
+ */
+export declare function FederalPaymentReviewPanel({ entityId, paymentDraft, }: FederalPaymentReviewPanelProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+import { EntityDetailsResponse } from '../../types/entity';
+import { FederalPaymentDraft } from '../../types/federalPaymentFlow';
+interface FederalPaymentReviewStepProps {
+    entity: EntityDetailsResponse | null;
+    paymentDraft: FederalPaymentDraft;
+}
+/**
+ * Step 3 of the federal flow — a read-only recap of what steps 1 and 2 saved,
+ * with the final submit to the IRS. The payment and its authorization are
+ * already persisted as a draft by step 2, so this screen only submits.
+ */
+export declare function FederalPaymentReviewStep({ entity, paymentDraft }: FederalPaymentReviewStepProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+interface InlineRowActionsProps {
+    /** Eye icon — omitted when the layout has no view action. */
+    onView?: () => void;
+    /** Pencil icon — Draft rows only. */
+    onEdit?: () => void;
+    button?: {
+        label: string;
+        onClick: () => void;
+        disabled?: boolean;
+    };
+}
+/**
+ * Row actions rendered inline (rather than in the row menu): the view/edit
+ * icons plus the tab's primary button — Submit & Pay, View or Re-Submit.
+ */
+export declare function InlineRowActions({ onView, onEdit, button }: InlineRowActionsProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface PaymentActionButtonProps {
+    onClick: () => void;
+    disabled?: boolean;
+    children: ReactNode;
+}
+/** Outlined pill used for the inline row actions (Submit & Pay, View). */
+export declare function PaymentActionButton({ onClick, disabled, children, }: PaymentActionButtonProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,43 @@
+/**
+ * Action row shared by the federal and state payment steps, pinned to the bottom
+ * of the page so the primary action stays reachable on these long forms.
+ *
+ * "Save as Draft" is a split control: the label saves and leaves, while the
+ * chevron opens the destructive alternative (Discard Payment) rather than
+ * spending a third button on it. The menu opens upward — the bar sits at the
+ * bottom of the viewport, so there is no room below it.
+ */
+interface BackAction {
+    /** `Back` on later steps, `Cancel` on the first one. */
+    label: string;
+    onClick: () => void;
+    /** Later steps go back to a previous step, so they show the arrow. */
+    showArrow?: boolean;
+    disabled?: boolean;
+}
+interface DraftAction {
+    onSave: () => void;
+    onDiscard: () => void;
+    isSaving?: boolean;
+    disabled?: boolean;
+}
+interface SubmitAction {
+    /** `Next` on the first two steps, `Submit Payment` on the last. */
+    label: string;
+    disabled?: boolean;
+    isSubmitting?: boolean;
+    /**
+     * Steps that are a `<form>` leave this off and let the button submit. The
+     * federal review step is a plain `<div>`, so it passes its handler here.
+     */
+    onClick?: () => void;
+}
+interface PaymentActionsFooterProps {
+    back?: BackAction;
+    /** Omitted when the payment is being viewed rather than filled in. */
+    draft?: DraftAction;
+    /** Omitted when the payment is being viewed rather than filled in. */
+    submit?: SubmitAction;
+}
+export declare function PaymentActionsFooter({ back, draft, submit, }: PaymentActionsFooterProps): import("react").JSX.Element;
+export {};

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 interface PaymentFormSectionProps {
-    title: string;
+    title: ReactNode;
     children: ReactNode;
     isFirst?: boolean;
     headerAction?: ReactNode;

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

@@ -0,0 +1,14 @@
+import { PaymentActionType } from './paymentsTableConfig';
+interface PaymentRowMenuProps {
+    actionType: PaymentActionType;
+    onView?: () => void;
+    onViewPdf?: () => void;
+    onEdit?: () => void;
+    onSubmit?: () => void;
+    onResubmit?: () => void;
+    isSubmitting?: boolean;
+    isViewPdfLoading?: boolean;
+}
+/** Vertical-dots row menu — holds the actions available for the row's status. */
+export declare function PaymentRowMenu(props: PaymentRowMenuProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+interface PaymentStatusBadgeProps {
+    status: string | null;
+    category: 'federal' | 'state';
+}
+/** Status pill for the Tax Payments table. */
+export declare function PaymentStatusBadge({ status, category }: PaymentStatusBadgeProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+interface PaymentStepperProps {
+    steps: string[];
+    /** 1-based index of the step currently being filled in. Earlier steps render as done. */
+    current: number;
+    /**
+     * Highest step to render as done. Defaults to everything before `current` —
+     * pass `current` itself once the active step's requirement is satisfied.
+     */
+    completed?: number;
+    className?: string;
+}
+/** `01 Payment Details — 02 Bank Account — 03 Review & Authorize` progress header. */
+export declare function PaymentStepper({ steps, current, completed, className }: PaymentStepperProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import { PaymentTableLayout } from './paymentsTableConfig';
+import { RemittancePaymentRow } from './remittancePaymentMappers';
+interface PaymentTableRowProps {
+    row: RemittancePaymentRow;
+    layout: PaymentTableLayout;
+    isSubmitting: boolean;
+    isViewPdfLoading: boolean;
+    onView: () => void;
+    onEdit: () => void;
+    onViewPdf: () => void;
+    onSubmit: () => void;
+}
+export declare function PaymentTableRow({ row, layout, isSubmitting, isViewPdfLoading, onView, onEdit, onViewPdf, onSubmit, }: PaymentTableRowProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import { RemittancePaymentRow } from './remittancePaymentMappers';
+interface PaymentsNeedAttentionProps {
+    rows: RemittancePaymentRow[];
+    onViewAll: () => void;
+    onView: (row: RemittancePaymentRow) => void;
+    onResubmit: (row: RemittancePaymentRow) => void;
+}
+/**
+ * Rejected payments carousel above the payments table — one payment at a time,
+ * with the arrows and dots from the design. Renders nothing when nothing is
+ * rejected.
+ */
+export declare function PaymentsNeedAttention({ rows, onViewAll, onView, onResubmit, }: PaymentsNeedAttentionProps): import("react").JSX.Element | null;
+export {};

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

@@ -0,0 +1,16 @@
+interface RecurringPaymentToggleProps {
+    enabled: boolean;
+    onChange: (enabled: boolean) => void;
+    frequency: string;
+    endDate: string;
+    onEndDateChange: (endDate: string) => void;
+    endDateError?: string;
+    disabled?: boolean;
+}
+/**
+ * "Make This a Recurring Payment" panel. When enabled, the backend generates
+ * one scheduled payment per occurrence of the chosen frequency, up to the end
+ * date entered here.
+ */
+export declare function RecurringPaymentToggle({ enabled, onChange, frequency, endDate, onEndDateChange, endDateError, disabled, }: RecurringPaymentToggleProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,34 @@
+import { StatePaymentOption } from '../../types/statePayment';
+export interface RecurringPeriodRow {
+    id: number;
+    taxPeriod: string;
+    taxAmount: string;
+    paymentDate: string;
+}
+export declare function createRecurringPeriodRow(id: number): RecurringPeriodRow;
+interface RecurringPeriodRowsProps {
+    rows: RecurringPeriodRow[];
+    taxPeriodOptions: StatePaymentOption[];
+    onChange: (id: number, patch: Partial<Omit<RecurringPeriodRow, 'id'>>) => void;
+    onRemove: (id: number) => void;
+    onAdd: () => void;
+    disabled?: boolean;
+}
+/**
+ * Extra tax period / amount / date rows for a recurring schedule.
+ *
+ * UI-only for now: StatePaymentDraft and CreateStatePaymentRequest each hold a
+ * single period, so only the first row (owned by the form itself) is
+ * submitted. These rows capture the intended schedule until the API accepts
+ * one.
+ */
+export declare function RecurringPeriodRows({ rows, taxPeriodOptions, onChange, onRemove, onAdd, disabled, }: RecurringPeriodRowsProps): import("react").JSX.Element;
+interface PeriodRowDeleteButtonProps {
+    onClick?: () => void;
+    label: string;
+    disabled?: boolean;
+    title?: string;
+}
+/** Trash button aligned to the input row, clearing the field labels above it. */
+export declare function PeriodRowDeleteButton({ onClick, label, disabled, title, }: PeriodRowDeleteButtonProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { EntityDetailsResponse } from '../../types/entity';
+import { StatePaymentDraft } from '../../types/statePaymentFlow';
+interface StateBankDetailsFormProps {
+    entity: EntityDetailsResponse | null;
+    paymentDraft: StatePaymentDraft;
+}
+export declare function StateBankDetailsForm({ entity, paymentDraft }: StateBankDetailsFormProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,14 @@
+import { EntityDetailsResponse } from '../../types/entity';
+import { StatePaymentDraft } from '../../types/statePaymentFlow';
+interface StatePaymentReviewPanelProps {
+    entity: EntityDetailsResponse | null;
+    paymentDraft: StatePaymentDraft;
+}
+/**
+ * Read-only summary beside the authorization agreement. Labels are resolved
+ * from the same cached reference queries the earlier steps use, falling back
+ * to the raw draft values when a lookup isn't available (e.g. a draft opened
+ * straight from the payments list).
+ */
+export declare function StatePaymentReviewPanel({ entity, paymentDraft }: StatePaymentReviewPanelProps): import("react").JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-export declare const disclosureAuthorizationAgreementOne = "I hereby authorize the contact person listed in item 5 on this form, and the financial institution(s) listed in items 9-11 on this form, to process EFTPS payments and to receive confidential information for enrollment purposes, to answer inquiries regarding my account, and to resolve any issues that may arise. This authorization includes passwords, payment instructions, taxpayer names, and identifying numbers.";
-export declare const disclosureAuthorizationAgreementTwo = "By completing the financial institution information in items 9-11 on this form, I authorize the designated Financial Agents of the U.S. Treasury to initiate EFTPS debit entries to my financial institution account for federal tax payments. All debits will be made in accordance with U.S. Treasury regulations. This authorization remains in effect until written notification of termination is received and the Financial Agent has had a reasonable opportunity to act on it.";
-export declare const authorityToExecuteAgreement = "Under penalties of perjury, I certify that I have the authority to sign this authorization on behalf of the taxpayer. If I am a corporate officer, partner, guardian, executor, receiver, administrator, trustee, or other party, I certify that I have the authority to execute this authorization on behalf of the taxpayer. If I am a tax practitioner, I certify that Form 2848 or Form 8655 is on file with the IRS.";
+export declare const disclosureAuthorizationAgreement = "I hereby authorize the contact person listed in item 5 on this form and financial institutions involved in the processing of my Electronic Federal Tax Payment System (EFTPS) payments to receive confidential information necessary to effect enrollment in EFTPS, electronic payment of taxes, answer inquiries and resolve issues related to enrollment and payments. This information includes, but is not limited to, passwords, payment instructions, taxpayer name and identifying number, and payment transaction details. This authorization is to remain in full force and effect until the designated Financial Agents of the U.S. Treasury have received written notification from me of termination in such time and in such manner to afford a reasonable opportunity to act on it.";
+export declare const debitAuthorizationAgreement = "By completing the financial institution information in items 9-11 on this form, I authorize designated Financial Agents of the U.S. Treasury to initiate EFTPS debit entries to the financial institution account indicated above, for payment of federal taxes owed to the IRS upon request by Taxpayer or his/her representative, using the Electronic Federal Tax Payment System (EFTPS). I further authorize the financial institution named above to debit such entries to the financial institution account indicated above. All debits initiated by the U.S. Treasury designated Financial Agents pursuant to this authorization shall be made under U.S. Treasury regulations. This authorization is to remain in full force and effect until the designated Financial Agents of the U.S. Treasury have received written notification of termination in such time and in such manner as to afford a reasonable opportunity to act on it.";
+export declare const authorityToExecuteAgreement = "If signed by a corporate officer, partner, or fiduciary on behalf of the taxpayer, I certify that I have the authority to have payments made from the taxpayer\u2019s account. If signed by a representative of the taxpayer, I certify that I have the authority to execute this authorization on behalf of the taxpayer (i.e., authority provided by Form 2848, Power of Attorney and Declaration of Representative, or Form 8655, Reporting Agent Authorization for Magnetic Tape/Electronic Filers)";
 export declare const agiTaxYearOptions: string[];

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

@@ -0,0 +1,6 @@
+/**
+ * Progress header shared by the federal payment flow — shown on the payment
+ * form (step 1) and on both step 2 screens: reporting agent authorization
+ * (businesses) and EFTPS individual enrollment (individuals).
+ */
+export declare const FEDERAL_PAYMENT_STEPS: string[];

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

@@ -1,5 +1,9 @@
 export { getMinSettlementDate } from './settlementDateRules';
 export declare function maskAccountNumber(accountNumber: string): string;
+/** `XXXX-1234` — the mask used by the bank account cards and pickers. */
+export declare function maskAccountNumberDashed(accountNumber: string): string;
+/** ISO `2026-08-18` → `08/18/2026`. Returns the input unchanged if unparseable. */
+export declare function formatDisplayDate(isoDate: string): string;
 export declare function getTaxPeriodOptions(): Array<{
     value: string;
     label: string;