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

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.
+ *
+ * GET /portal/bank-accounts returns a paged envelope in `data`
+ * (BankAccountController.List). Every `['bank-accounts', entityId]` consumer
+ * filters/paginates client-side, so this requests one large page and unwraps
+ * it to a bare array rather than exposing pagination to callers.
+ */
+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/dashboard.d.ts

@@ -1,5 +1,7 @@
-import { DashboardPaymentsPage, DashboardPaymentsQuery, DashboardResponse, MonthlyOverview, PaymentCategorySummary } from '../types/dashboard';
+import { DashboardCharts, DashboardOverview, DashboardPaymentsPage, DashboardPaymentsQuery, DashboardResponse, MonthlyOverview, PaymentCategorySummary } from '../types/dashboard';
 export declare function getDashboard(entityId: number, taxYear?: number): Promise<DashboardResponse>;
 export declare function getDashboardSummary(entityId: number, category: string, taxYear: number): Promise<PaymentCategorySummary>;
 export declare function getDashboardMonthlyOverview(entityId: number, month: number, year?: number): Promise<MonthlyOverview>;
 export declare function getDashboardPayments({ entityId, search, taxYear, status, page, pageSize, }: DashboardPaymentsQuery): Promise<DashboardPaymentsPage>;
+export declare function getDashboardOverview(entityId: number, taxYear?: number): Promise<DashboardOverview>;
+export declare function getDashboardCharts(entityId: number, taxYear?: number): Promise<DashboardCharts>;

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.
+ *
+ * GET /portal/entities/mine returns a paged envelope in `data`
+ * (EntitiesController.GetMine). Backs the shared `['entities', 'mine']` query
+ * used by EmbeddedContext, the entity list page and the entity form, all of
+ * which filter/paginate client-side, so this requests one large page and
+ * unwraps it to a bare array rather than exposing pagination to callers.
+ */
+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/api/taxAccounts.d.ts

@@ -2,10 +2,19 @@ import { CreateTaxAccountRequest, TaxAccountDetailResponse, UpdateTaxAccountRequ
 import { PagedResult } from '../types/pagination';
 export interface GetTaxAccountsQuery {
     entityId: number;
+    state?: string;
+    reasonForPayment?: string;
+    status?: string;
     pageNumber?: number;
     pageSize?: number;
 }
-export declare function getTaxAccounts({ entityId, pageNumber, pageSize, }: GetTaxAccountsQuery): Promise<PagedResult<TaxAccountDetailResponse>>;
+/**
+ * Lists tax accounts for an entity. When `state` and `reasonForPayment` are
+ * both supplied, this is also the State Payment autobind lookup — the
+ * EntityId+State+ReasonForPayment unique index guarantees at most one item
+ * comes back.
+ */
+export declare function getTaxAccounts({ entityId, state, reasonForPayment, status, pageNumber, pageSize, }: GetTaxAccountsQuery): Promise<PagedResult<TaxAccountDetailResponse>>;
 export declare function getTaxAccount(taxAccountDetailId: number): Promise<TaxAccountDetailResponse>;
 export declare function createTaxAccount(request: CreateTaxAccountRequest): Promise<TaxAccountDetailResponse>;
 export declare function updateTaxAccount(taxAccountDetailId: number, request: UpdateTaxAccountRequest): Promise<TaxAccountDetailResponse>;

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/DashboardKpiCards.d.ts

@@ -0,0 +1,10 @@
+import { DashboardKpi } from './dashboardMockData';
+interface DashboardKpiCardsProps {
+    items: DashboardKpi[];
+}
+/**
+ * Top row of the redesigned dashboard: four at-a-glance figures.
+ * Each card is label / value / caption with no chrome beyond a hairline border.
+ */
+export declare function DashboardKpiCards({ items }: DashboardKpiCardsProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import { TaxYearOption } from './dashboardUtils';
+import { FederalQuarterPoint } from './dashboardMockData';
+interface FederalPaymentsChartCardProps {
+    points: FederalQuarterPoint[];
+    /** Owned by the dashboard page — changing it refetches `points` for that year. */
+    taxYear: number;
+    taxYearOptions: TaxYearOption[];
+    onTaxYearChange: (taxYear: number) => void;
+}
+export declare function FederalPaymentsChartCard({ points, taxYear, taxYearOptions, onTaxYearChange, }: FederalPaymentsChartCardProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { AttentionAlert } from './dashboardMockData';
+interface NeedAttentionCarouselProps {
+    alerts: AttentionAlert[];
+}
+export declare function NeedAttentionCarousel({ alerts }: NeedAttentionCarouselProps): import("react").JSX.Element | null;
+export {};

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

@@ -0,0 +1,7 @@
+import { PaymentTypeBar } from './dashboardMockData';
+interface PaymentsTypeCardProps {
+    bars: PaymentTypeBar[];
+    year: number;
+}
+export declare function PaymentsTypeCard({ bars, year }: PaymentsTypeCardProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { RecentPaymentRow } from './dashboardMockData';
+interface RecentPaymentsCardProps {
+    payments: RecentPaymentRow[];
+}
+export declare function RecentPaymentsCard({ payments }: RecentPaymentsCardProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,13 @@
+export interface RowAction {
+    key: string;
+    label: string;
+    onSelect: () => void;
+}
+interface RowActionsMenuProps {
+    /** Accessible name, e.g. "Actions for IRS — Federal Q2 2026". */
+    label: string;
+    actions: RowAction[];
+}
+/** The `⋮` row menu used by the Recent and Upcoming payment lists. */
+export declare function RowActionsMenu({ label, actions }: RowActionsMenuProps): import("react").JSX.Element;
+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/StatePaymentsChartCard.d.ts

@@ -0,0 +1,11 @@
+import { TaxYearOption } from './dashboardUtils';
+import { StatePaymentSlice } from './dashboardMockData';
+interface StatePaymentsChartCardProps {
+    slices: StatePaymentSlice[];
+    /** Owned by the dashboard page — changing it refetches `slices` for that year. */
+    taxYear: number;
+    taxYearOptions: TaxYearOption[];
+    onTaxYearChange: (taxYear: number) => void;
+}
+export declare function StatePaymentsChartCard({ slices, taxYear, taxYearOptions, onTaxYearChange, }: StatePaymentsChartCardProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+import { TaxYearOption } from './dashboardUtils';
+interface TaxYearSelectProps {
+    value: number;
+    options: TaxYearOption[];
+    onChange: (value: number) => void;
+}
+/** Calendar-icon year picker sitting in the Federal and State chart headers. */
+export declare function TaxYearSelect({ value, options, onChange }: TaxYearSelectProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { UpcomingPaymentRow } from './dashboardMockData';
+interface UpcomingPaymentsCardProps {
+    payments: UpcomingPaymentRow[];
+}
+export declare function UpcomingPaymentsCard({ payments }: UpcomingPaymentsCardProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,63 @@
+import { DashboardPaymentStatus } from './dashboardUtils';
+export interface AttentionAlert {
+    /** Composite `category-id`, unique across both payment categories. */
+    id: string;
+    /** The payment this alert is about — the View / Re-Submit buttons open it. */
+    paymentId: number;
+    category: string;
+    amount: number;
+    /** Why it needs attention, e.g. `Payment Rejected`. */
+    reason: string;
+    /** Meta line parts, joined with `·` — jurisdiction, tax type, period. */
+    details: string[];
+    /** Label on the primary (red) action button. */
+    actionLabel: string;
+}
+export interface DashboardKpi {
+    key: string;
+    label: string;
+    value: string;
+    caption: string;
+    tone: 'default' | 'danger';
+}
+export interface RecentPaymentRow {
+    id: string;
+    jurisdiction: string;
+    period: string;
+    paymentDate: string;
+    /** Drives the badge colour; `statusLabel` is what the badge prints. */
+    status: DashboardPaymentStatus;
+    statusLabel: string;
+    formType: string;
+    amount: number;
+}
+export interface UpcomingPaymentRow {
+    id: string;
+    /** Three-letter month for the date chip, e.g. `JUL`. */
+    month: string;
+    /** Day of month for the date chip, e.g. `31`. */
+    day: string;
+    title: string;
+    dueLabel: string;
+    jurisdiction: string;
+    amount: number;
+}
+export interface FederalQuarterPoint {
+    label: string;
+    amount: number;
+}
+export interface StatePaymentSlice {
+    state: string;
+    count: number;
+    amount: number;
+    /** Donut segment + legend dot colour. Category colours, not theme colours. */
+    color: string;
+}
+export interface PaymentTypeBar {
+    /** Printed verbatim — the design only shows a percentage on some rows. */
+    label: string;
+    amount: number;
+    /** Bar fill width, 0-100. */
+    percent: number;
+    color: string;
+}

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

@@ -0,0 +1,15 @@
+import { DashboardNeedsAttentionItem, DashboardPaymentItem, DashboardUpcomingPayment, FederalQuarterAmount, StateJurisdictionAmount, StatePaymentTypeAmount } from '../../types/dashboard';
+import { AttentionAlert, FederalQuarterPoint, PaymentTypeBar, RecentPaymentRow, StatePaymentSlice, UpcomingPaymentRow } from './dashboardMockData';
+/** `2026-09-26` -> `09-26-2026`, matching the redesigned dashboard's table style. */
+export declare function formatDashboardDate(isoDate: string): string;
+/**
+ * item.status/statusLabel are already the backend's canonical dashboard bucket
+ * (`"paid" | "scheduled" | "submitted" | "failed" | "draft"`) and its display
+ * label — no re-derivation needed, just carried through.
+ */
+export declare function mapRecentPaymentRow(item: DashboardPaymentItem): RecentPaymentRow;
+export declare function mapUpcomingPaymentRow(payment: DashboardUpcomingPayment, today?: Date): UpcomingPaymentRow;
+export declare function mapNeedsAttentionAlerts(items: DashboardNeedsAttentionItem[]): AttentionAlert[];
+export declare function mapFederalQuarterPoints(rows: FederalQuarterAmount[]): FederalQuarterPoint[];
+export declare function mapStatePaymentSlices(rows: StateJurisdictionAmount[]): StatePaymentSlice[];
+export declare function mapPaymentTypeBars(rows: StatePaymentTypeAmount[]): PaymentTypeBar[];

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

@@ -20,6 +20,24 @@ export interface PaymentCategorySummary {
     percentDone: number;
 }
 export declare function formatDashboardCurrency(amount: number): string;
+/**
+ * Currency with cents always shown. The redesigned dashboard tables and charts
+ * print `$12,450.00` rather than dropping `.00`, unlike formatDashboardCurrency.
+ */
+export declare function formatDashboardAmount(amount: number): string;
+export interface TaxYearOption {
+    /** The year sent to the charts endpoint. */
+    value: number;
+    label: string;
+}
+/**
+ * Builds the `Current TY 2026 / TY 2025 / TY 2024` choices for the chart card
+ * headers. The numeric `value` is what the dashboard queries key on — the
+ * label is display only.
+ */
+export declare function buildTaxYearOptions(currentYear: number): TaxYearOption[];
+/** Compact currency used by the State Payments legend, e.g. `$90.4k`. */
+export declare function formatDashboardCompact(amount: number): string;
 export declare function normalizePaymentStatus(status: string | null): DashboardPaymentStatus;
 export declare function getStatusLabel(status: DashboardPaymentStatus, rawStatus?: string | null): string;
 export declare function mapFederalPaymentToRow(payment: FederalPaymentResponse): DashboardPaymentRow;

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

@@ -0,0 +1,30 @@
+import { DashboardResponse } from '../../types/dashboard';
+interface UseSetupProgressArgs {
+    entityId: number | null;
+    entityCount: number;
+    dashboard: DashboardResponse | undefined;
+    /**
+     * Full name of the signed-in user, when the host app supplies one. Embedded
+     * hosts own the session, so the widget's own storage is empty there.
+     */
+    userName?: string;
+}
+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, userName, }: 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,14 +1,11 @@
 import { EntityDetailsResponse } from '../../types/entity';
-export declare function formatEin(idNumber: string): string;
-export declare function formatSsn(idNumber: string): string;
-/** Format a stored 9-digit id for display: SSN for Individual, EIN otherwise. */
-export declare function formatIdNumber(idNumber: string, accountType: string): string;
 /**
- * Format an id as the user types — strips non-digits, caps at 9 digits, and
- * inserts dashes for the appropriate mask (SSN `XXX-XX-XXXX`, EIN `XX-XXXXXXX`).
+ * Taxpayer-id and phone formatting now lives in `@/lib/fieldRules`, alongside
+ * the validation rules for the same fields, so the two can never drift apart.
+ * Re-exported here because the entity, settings and payment screens already
+ * import them from this module.
  */
-export declare function formatIdNumberInput(value: string, accountType: string): string;
-export declare function formatPhone(phoneNumber: string): string;
+export { formatEin, formatSsn, maskEin, maskSsn, maskIdNumber, formatIdNumber, formatIdNumberInput, formatPhone, } from '../../lib/fieldRules';
 export declare function formatJoinedDate(date: string): string;
 export declare function getJoinedYear(date: string): string;
 export declare function matchesEntitySearch(entity: EntityDetailsResponse, query: string): boolean;

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

@@ -1,16 +1,14 @@
-import { InputHTMLAttributes, SelectHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
 interface PhoneInputGroupProps {
     label?: string;
     required?: boolean;
     error?: string;
-    countryCodeSelectProps: SelectHTMLAttributes<HTMLSelectElement>;
     phoneInputProps: InputHTMLAttributes<HTMLInputElement>;
 }
 /**
- * Country-code select + phone number input rendered as one connected control
- * with a shared focus ring, instead of two visually disconnected inputs.
- * countryCode and phoneNumber stay separate registered fields — this is a
- * purely visual grouping.
+ * Phone number input with a shared focus ring on its wrapper.
+ * The country code is not user-editable — forms keep it in state as "+1" and
+ * prefix it onto the number when building the API payload.
  */
-export declare function PhoneInputGroup({ label, required, error, countryCodeSelectProps, phoneInputProps, }: PhoneInputGroupProps): import("react").JSX.Element;
+export declare function PhoneInputGroup({ label, required, error, phoneInputProps, }: PhoneInputGroupProps): import("react").JSX.Element;
 export {};

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

@@ -10,13 +10,17 @@ interface SegmentedControlProps<T extends string> {
     options: SegmentedControlOption<T>[];
     value: T;
     onChange: (value: T) => void;
+    /** false hugs the option labels instead of filling the column. */
+    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,
- * mutually-exclusive set of options — e.g. Account Type. Renders as equal-width
- * bordered cards (not a compact pill toggle) so it reads clearly at any
- * viewport width, from a full row on desktop down to two narrow cards on
- * mobile. Generic — not tied to any specific option set.
+ * mutually-exclusive set of options — e.g. Account Type. The options share one
+ * bordered track and split it evenly, so the control matches the height and
+ * width of an input sitting beside it in the same grid row. 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,16 @@
+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;
+    /** Off where filing status isn't part of the payload (edit flow). */
+    showFilingStatus?: boolean;
+}
+/** Account Type toggle, plus Filing Status for individual accounts. */
+export declare function EntityAccountTypeRow({ accountType, onAccountTypeChange, isIndividual, filingStatus, onFilingStatusChange, focusHelp, resetHelp, showFilingStatus, }: 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,17 @@
+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;
+    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, 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,9 @@
+import { UseFormRegisterReturn } from 'react-hook-form';
+interface EntityPhoneFieldProps {
+    phoneRegister: UseFormRegisterReturn;
+    error?: string;
+    onFocus: () => void;
+}
+/** National phone number, stripped to digits as the user types. */
+export declare function EntityPhoneField({ phoneRegister, error, onFocus }: EntityPhoneFieldProps): import("react").JSX.Element;
+export {};