@npm-zenwork/tax-remittance-ui 0.2.5 → 0.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/api/bankAccounts.d.ts +4 -4
- package/dist/api/dashboard.d.ts +3 -1
- package/dist/api/entities.d.ts +5 -5
- package/dist/api/taxAccounts.d.ts +10 -1
- package/dist/components/dashboard/DashboardKpiCards.d.ts +10 -0
- package/dist/components/dashboard/FederalPaymentsChartCard.d.ts +11 -0
- package/dist/components/dashboard/NeedAttentionCarousel.d.ts +6 -0
- package/dist/components/dashboard/PaymentsTypeCard.d.ts +7 -0
- package/dist/components/dashboard/RecentPaymentsCard.d.ts +6 -0
- package/dist/components/dashboard/RowActionsMenu.d.ts +13 -0
- package/dist/components/dashboard/StatePaymentsChartCard.d.ts +11 -0
- package/dist/components/dashboard/TaxYearSelect.d.ts +9 -0
- package/dist/components/dashboard/UpcomingPaymentsCard.d.ts +6 -0
- package/dist/components/dashboard/dashboardMockData.d.ts +63 -0
- package/dist/components/dashboard/dashboardOverviewMappers.d.ts +15 -0
- package/dist/components/dashboard/dashboardUtils.d.ts +18 -0
- package/dist/components/dashboard/useSetupProgress.d.ts +6 -1
- package/dist/components/entities/entityListUtils.d.ts +5 -14
- package/dist/components/forms/PhoneInputGroup.d.ts +5 -7
- package/dist/components/forms/SegmentedControl.d.ts +5 -5
- package/dist/components/onboarding/EntityAccountTypeRow.d.ts +5 -3
- package/dist/components/onboarding/EntityBusinessFields.d.ts +1 -3
- package/dist/components/onboarding/EntityPhoneField.d.ts +2 -3
- package/dist/components/onboarding/EntityPrimaryTaxpayerFields.d.ts +1 -2
- package/dist/components/onboarding/SecondaryTaxpayerSection.d.ts +4 -2
- package/dist/components/onboarding/SecondaryTaxpayerToggle.d.ts +10 -0
- package/dist/components/onboarding/useEntityForm.d.ts +5 -3
- package/dist/components/payments/FederalPaymentReviewPanel.d.ts +14 -0
- package/dist/components/payments/FederalPaymentReviewStep.d.ts +13 -0
- package/dist/components/payments/PaymentActionsFooter.d.ts +43 -0
- package/dist/components/payments/eftpsIndividualEnrollmentConfig.d.ts +3 -3
- package/dist/components/settings/EditEntityForm.d.ts +12 -0
- package/dist/components/settings/TaxAccountDrawer.d.ts +2 -2
- package/dist/components/settings/taxAccountDrawerConfig.d.ts +0 -4
- package/dist/components/tax-forms/states/virginia/VA16Form.d.ts +53 -0
- package/dist/components/tax-forms/states/virginia/VA16Form.preview.d.ts +2 -0
- package/dist/components/ui/ToastProvider.d.ts +2 -2
- package/dist/embedded/EmbeddedContext.d.ts +4 -1
- package/dist/embedded/EmbeddedWidgetBase.d.ts +3 -1
- package/dist/embedded/TaxRemittanceEmbedded.d.ts +6 -0
- package/dist/embedded/pages/EmbeddedEntityEditPage.d.ts +6 -0
- package/dist/index.cjs +22 -22
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.mjs +8240 -7750
- package/dist/index.mjs.map +1 -1
- package/dist/lib/entityFormUtils.d.ts +19 -7
- package/dist/lib/fieldRules.d.ts +92 -0
- package/dist/lib/fieldSchemas.d.ts +12 -0
- package/dist/lib/jwt.d.ts +10 -0
- package/dist/lib/paymentFrequency.d.ts +10 -0
- package/dist/lib/paymentStatus.d.ts +7 -0
- package/dist/lib/paymentsNavigation.d.ts +12 -0
- package/dist/lib/useElementWidth.d.ts +9 -0
- package/dist/pages/FederalPaymentReviewPage.d.ts +1 -0
- package/dist/styles.css +1 -1
- package/dist/types/bankAccount.d.ts +2 -0
- package/dist/types/createBankAccount.d.ts +2 -0
- package/dist/types/dashboard.d.ts +59 -0
- package/dist/types/entity.d.ts +3 -2
- package/dist/types/taxAccountDetails.d.ts +31 -29
- package/package.json +1 -1
- package/dist/components/dashboard/MonthlyOverviewSection.d.ts +0 -8
- package/dist/components/dashboard/MyPaymentsTable.d.ts +0 -8
- package/dist/components/dashboard/PaymentSummaryCard.d.ts +0 -21
- package/dist/components/settings/AddTaxAccountForm.d.ts +0 -32
- package/dist/components/settings/EditEntityModal.d.ts +0 -8
- package/dist/components/settings/taxAccountFormConfig.d.ts +0 -18
- package/dist/pages/AddTaxAccountPage.d.ts +0 -1
- package/dist/types/taxAccount.d.ts +0 -9
|
@@ -3,10 +3,10 @@ import { CreateBankAccountRequest, UpdateBankAccountRequest } from '../types/cre
|
|
|
3
3
|
/**
|
|
4
4
|
* The entity's bank accounts.
|
|
5
5
|
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
6
|
+
* GET /portal/bank-accounts returns a paged envelope in `data`
|
|
7
|
+
* (BankAccountController.List). Every `['bank-accounts', entityId]` consumer
|
|
8
|
+
* filters/paginates client-side, so this requests one large page and unwraps
|
|
9
|
+
* it to a bare array rather than exposing pagination to callers.
|
|
10
10
|
*/
|
|
11
11
|
export declare function getBankAccounts(entityId: number): Promise<BankAccountResponse[]>;
|
|
12
12
|
export declare function createBankAccount(request: CreateBankAccountRequest): Promise<BankAccountResponse>;
|
package/dist/api/dashboard.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { DashboardPaymentsPage, DashboardPaymentsQuery, DashboardResponse, MonthlyOverview, PaymentCategorySummary } from '../types/dashboard';
|
|
1
|
+
import { DashboardCharts, DashboardOverview, DashboardPaymentsPage, DashboardPaymentsQuery, DashboardResponse, MonthlyOverview, PaymentCategorySummary } from '../types/dashboard';
|
|
2
2
|
export declare function getDashboard(entityId: number, taxYear?: number): Promise<DashboardResponse>;
|
|
3
3
|
export declare function getDashboardSummary(entityId: number, category: string, taxYear: number): Promise<PaymentCategorySummary>;
|
|
4
4
|
export declare function getDashboardMonthlyOverview(entityId: number, month: number, year?: number): Promise<MonthlyOverview>;
|
|
5
5
|
export declare function getDashboardPayments({ entityId, search, taxYear, status, page, pageSize, }: DashboardPaymentsQuery): Promise<DashboardPaymentsPage>;
|
|
6
|
+
export declare function getDashboardOverview(entityId: number, taxYear?: number): Promise<DashboardOverview>;
|
|
7
|
+
export declare function getDashboardCharts(entityId: number, taxYear?: number): Promise<DashboardCharts>;
|
package/dist/api/entities.d.ts
CHANGED
|
@@ -8,11 +8,11 @@ interface CreateEntityDetailsResponse {
|
|
|
8
8
|
/**
|
|
9
9
|
* The caller's entity list.
|
|
10
10
|
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* entity list page and the entity form
|
|
14
|
-
*
|
|
15
|
-
*
|
|
11
|
+
* GET /portal/entities/mine returns a paged envelope in `data`
|
|
12
|
+
* (EntitiesController.GetMine). Backs the shared `['entities', 'mine']` query
|
|
13
|
+
* used by EmbeddedContext, the entity list page and the entity form, all of
|
|
14
|
+
* which filter/paginate client-side, so this requests one large page and
|
|
15
|
+
* unwraps it to a bare array rather than exposing pagination to callers.
|
|
16
16
|
*/
|
|
17
17
|
export declare function getAllMyEntities(): Promise<EntityDetailsResponse[]>;
|
|
18
18
|
export declare function createEntity(request: CreateEntityDetailsRequest): Promise<CreateEntityDetailsResponse>;
|
|
@@ -2,10 +2,19 @@ import { CreateTaxAccountRequest, TaxAccountDetailResponse, UpdateTaxAccountRequ
|
|
|
2
2
|
import { PagedResult } from '../types/pagination';
|
|
3
3
|
export interface GetTaxAccountsQuery {
|
|
4
4
|
entityId: number;
|
|
5
|
+
state?: string;
|
|
6
|
+
reasonForPayment?: string;
|
|
7
|
+
status?: string;
|
|
5
8
|
pageNumber?: number;
|
|
6
9
|
pageSize?: number;
|
|
7
10
|
}
|
|
8
|
-
|
|
11
|
+
/**
|
|
12
|
+
* Lists tax accounts for an entity. When `state` and `reasonForPayment` are
|
|
13
|
+
* both supplied, this is also the State Payment autobind lookup — the
|
|
14
|
+
* EntityId+State+ReasonForPayment unique index guarantees at most one item
|
|
15
|
+
* comes back.
|
|
16
|
+
*/
|
|
17
|
+
export declare function getTaxAccounts({ entityId, state, reasonForPayment, status, pageNumber, pageSize, }: GetTaxAccountsQuery): Promise<PagedResult<TaxAccountDetailResponse>>;
|
|
9
18
|
export declare function getTaxAccount(taxAccountDetailId: number): Promise<TaxAccountDetailResponse>;
|
|
10
19
|
export declare function createTaxAccount(request: CreateTaxAccountRequest): Promise<TaxAccountDetailResponse>;
|
|
11
20
|
export declare function updateTaxAccount(taxAccountDetailId: number, request: UpdateTaxAccountRequest): Promise<TaxAccountDetailResponse>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DashboardKpi } from './dashboardMockData';
|
|
2
|
+
interface DashboardKpiCardsProps {
|
|
3
|
+
items: DashboardKpi[];
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Top row of the redesigned dashboard: four at-a-glance figures.
|
|
7
|
+
* Each card is label / value / caption with no chrome beyond a hairline border.
|
|
8
|
+
*/
|
|
9
|
+
export declare function DashboardKpiCards({ items }: DashboardKpiCardsProps): import("react").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TaxYearOption } from './dashboardUtils';
|
|
2
|
+
import { FederalQuarterPoint } from './dashboardMockData';
|
|
3
|
+
interface FederalPaymentsChartCardProps {
|
|
4
|
+
points: FederalQuarterPoint[];
|
|
5
|
+
/** Owned by the dashboard page — changing it refetches `points` for that year. */
|
|
6
|
+
taxYear: number;
|
|
7
|
+
taxYearOptions: TaxYearOption[];
|
|
8
|
+
onTaxYearChange: (taxYear: number) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare function FederalPaymentsChartCard({ points, taxYear, taxYearOptions, onTaxYearChange, }: FederalPaymentsChartCardProps): import("react").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface RowAction {
|
|
2
|
+
key: string;
|
|
3
|
+
label: string;
|
|
4
|
+
onSelect: () => void;
|
|
5
|
+
}
|
|
6
|
+
interface RowActionsMenuProps {
|
|
7
|
+
/** Accessible name, e.g. "Actions for IRS — Federal Q2 2026". */
|
|
8
|
+
label: string;
|
|
9
|
+
actions: RowAction[];
|
|
10
|
+
}
|
|
11
|
+
/** The `⋮` row menu used by the Recent and Upcoming payment lists. */
|
|
12
|
+
export declare function RowActionsMenu({ label, actions }: RowActionsMenuProps): import("react").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TaxYearOption } from './dashboardUtils';
|
|
2
|
+
import { StatePaymentSlice } from './dashboardMockData';
|
|
3
|
+
interface StatePaymentsChartCardProps {
|
|
4
|
+
slices: StatePaymentSlice[];
|
|
5
|
+
/** Owned by the dashboard page — changing it refetches `slices` for that year. */
|
|
6
|
+
taxYear: number;
|
|
7
|
+
taxYearOptions: TaxYearOption[];
|
|
8
|
+
onTaxYearChange: (taxYear: number) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare function StatePaymentsChartCard({ slices, taxYear, taxYearOptions, onTaxYearChange, }: StatePaymentsChartCardProps): import("react").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TaxYearOption } from './dashboardUtils';
|
|
2
|
+
interface TaxYearSelectProps {
|
|
3
|
+
value: number;
|
|
4
|
+
options: TaxYearOption[];
|
|
5
|
+
onChange: (value: number) => void;
|
|
6
|
+
}
|
|
7
|
+
/** Calendar-icon year picker sitting in the Federal and State chart headers. */
|
|
8
|
+
export declare function TaxYearSelect({ value, options, onChange }: TaxYearSelectProps): import("react").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { DashboardPaymentStatus } from './dashboardUtils';
|
|
2
|
+
export interface AttentionAlert {
|
|
3
|
+
/** Composite `category-id`, unique across both payment categories. */
|
|
4
|
+
id: string;
|
|
5
|
+
/** The payment this alert is about — the View / Re-Submit buttons open it. */
|
|
6
|
+
paymentId: number;
|
|
7
|
+
category: string;
|
|
8
|
+
amount: number;
|
|
9
|
+
/** Why it needs attention, e.g. `Payment Rejected`. */
|
|
10
|
+
reason: string;
|
|
11
|
+
/** Meta line parts, joined with `·` — jurisdiction, tax type, period. */
|
|
12
|
+
details: string[];
|
|
13
|
+
/** Label on the primary (red) action button. */
|
|
14
|
+
actionLabel: string;
|
|
15
|
+
}
|
|
16
|
+
export interface DashboardKpi {
|
|
17
|
+
key: string;
|
|
18
|
+
label: string;
|
|
19
|
+
value: string;
|
|
20
|
+
caption: string;
|
|
21
|
+
tone: 'default' | 'danger';
|
|
22
|
+
}
|
|
23
|
+
export interface RecentPaymentRow {
|
|
24
|
+
id: string;
|
|
25
|
+
jurisdiction: string;
|
|
26
|
+
period: string;
|
|
27
|
+
paymentDate: string;
|
|
28
|
+
/** Drives the badge colour; `statusLabel` is what the badge prints. */
|
|
29
|
+
status: DashboardPaymentStatus;
|
|
30
|
+
statusLabel: string;
|
|
31
|
+
formType: string;
|
|
32
|
+
amount: number;
|
|
33
|
+
}
|
|
34
|
+
export interface UpcomingPaymentRow {
|
|
35
|
+
id: string;
|
|
36
|
+
/** Three-letter month for the date chip, e.g. `JUL`. */
|
|
37
|
+
month: string;
|
|
38
|
+
/** Day of month for the date chip, e.g. `31`. */
|
|
39
|
+
day: string;
|
|
40
|
+
title: string;
|
|
41
|
+
dueLabel: string;
|
|
42
|
+
jurisdiction: string;
|
|
43
|
+
amount: number;
|
|
44
|
+
}
|
|
45
|
+
export interface FederalQuarterPoint {
|
|
46
|
+
label: string;
|
|
47
|
+
amount: number;
|
|
48
|
+
}
|
|
49
|
+
export interface StatePaymentSlice {
|
|
50
|
+
state: string;
|
|
51
|
+
count: number;
|
|
52
|
+
amount: number;
|
|
53
|
+
/** Donut segment + legend dot colour. Category colours, not theme colours. */
|
|
54
|
+
color: string;
|
|
55
|
+
}
|
|
56
|
+
export interface PaymentTypeBar {
|
|
57
|
+
/** Printed verbatim — the design only shows a percentage on some rows. */
|
|
58
|
+
label: string;
|
|
59
|
+
amount: number;
|
|
60
|
+
/** Bar fill width, 0-100. */
|
|
61
|
+
percent: number;
|
|
62
|
+
color: string;
|
|
63
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { DashboardNeedsAttentionItem, DashboardPaymentItem, DashboardUpcomingPayment, FederalQuarterAmount, StateJurisdictionAmount, StatePaymentTypeAmount } from '../../types/dashboard';
|
|
2
|
+
import { AttentionAlert, FederalQuarterPoint, PaymentTypeBar, RecentPaymentRow, StatePaymentSlice, UpcomingPaymentRow } from './dashboardMockData';
|
|
3
|
+
/** `2026-09-26` -> `09-26-2026`, matching the redesigned dashboard's table style. */
|
|
4
|
+
export declare function formatDashboardDate(isoDate: string): string;
|
|
5
|
+
/**
|
|
6
|
+
* item.status/statusLabel are already the backend's canonical dashboard bucket
|
|
7
|
+
* (`"paid" | "scheduled" | "submitted" | "failed" | "draft"`) and its display
|
|
8
|
+
* label — no re-derivation needed, just carried through.
|
|
9
|
+
*/
|
|
10
|
+
export declare function mapRecentPaymentRow(item: DashboardPaymentItem): RecentPaymentRow;
|
|
11
|
+
export declare function mapUpcomingPaymentRow(payment: DashboardUpcomingPayment, today?: Date): UpcomingPaymentRow;
|
|
12
|
+
export declare function mapNeedsAttentionAlerts(items: DashboardNeedsAttentionItem[]): AttentionAlert[];
|
|
13
|
+
export declare function mapFederalQuarterPoints(rows: FederalQuarterAmount[]): FederalQuarterPoint[];
|
|
14
|
+
export declare function mapStatePaymentSlices(rows: StateJurisdictionAmount[]): StatePaymentSlice[];
|
|
15
|
+
export declare function mapPaymentTypeBars(rows: StatePaymentTypeAmount[]): PaymentTypeBar[];
|
|
@@ -20,6 +20,24 @@ export interface PaymentCategorySummary {
|
|
|
20
20
|
percentDone: number;
|
|
21
21
|
}
|
|
22
22
|
export declare function formatDashboardCurrency(amount: number): string;
|
|
23
|
+
/**
|
|
24
|
+
* Currency with cents always shown. The redesigned dashboard tables and charts
|
|
25
|
+
* print `$12,450.00` rather than dropping `.00`, unlike formatDashboardCurrency.
|
|
26
|
+
*/
|
|
27
|
+
export declare function formatDashboardAmount(amount: number): string;
|
|
28
|
+
export interface TaxYearOption {
|
|
29
|
+
/** The year sent to the charts endpoint. */
|
|
30
|
+
value: number;
|
|
31
|
+
label: string;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Builds the `Current TY 2026 / TY 2025 / TY 2024` choices for the chart card
|
|
35
|
+
* headers. The numeric `value` is what the dashboard queries key on — the
|
|
36
|
+
* label is display only.
|
|
37
|
+
*/
|
|
38
|
+
export declare function buildTaxYearOptions(currentYear: number): TaxYearOption[];
|
|
39
|
+
/** Compact currency used by the State Payments legend, e.g. `$90.4k`. */
|
|
40
|
+
export declare function formatDashboardCompact(amount: number): string;
|
|
23
41
|
export declare function normalizePaymentStatus(status: string | null): DashboardPaymentStatus;
|
|
24
42
|
export declare function getStatusLabel(status: DashboardPaymentStatus, rawStatus?: string | null): string;
|
|
25
43
|
export declare function mapFederalPaymentToRow(payment: FederalPaymentResponse): DashboardPaymentRow;
|
|
@@ -3,6 +3,11 @@ interface UseSetupProgressArgs {
|
|
|
3
3
|
entityId: number | null;
|
|
4
4
|
entityCount: number;
|
|
5
5
|
dashboard: DashboardResponse | undefined;
|
|
6
|
+
/**
|
|
7
|
+
* Full name of the signed-in user, when the host app supplies one. Embedded
|
|
8
|
+
* hosts own the session, so the widget's own storage is empty there.
|
|
9
|
+
*/
|
|
10
|
+
userName?: string;
|
|
6
11
|
}
|
|
7
12
|
export interface SetupProgress {
|
|
8
13
|
hasEntity: boolean;
|
|
@@ -21,5 +26,5 @@ export interface SetupProgress {
|
|
|
21
26
|
* are filled in, and scheduling happens later from the drafts tab. The API has
|
|
22
27
|
* no separate authorization flag to read.
|
|
23
28
|
*/
|
|
24
|
-
export declare function useSetupProgress({ entityId, entityCount, dashboard, }: UseSetupProgressArgs): SetupProgress;
|
|
29
|
+
export declare function useSetupProgress({ entityId, entityCount, dashboard, userName, }: UseSetupProgressArgs): SetupProgress;
|
|
25
30
|
export {};
|
|
@@ -1,20 +1,11 @@
|
|
|
1
1
|
import { EntityDetailsResponse } from '../../types/entity';
|
|
2
|
-
export declare function formatEin(idNumber: string): string;
|
|
3
|
-
export declare function formatSsn(idNumber: string): string;
|
|
4
|
-
/** Mask an EIN for display, revealing only the last 4 digits: `**-***6789`. */
|
|
5
|
-
export declare function maskEin(idNumber: string): string;
|
|
6
|
-
/** Mask an SSN for display, revealing only the last 4 digits: `***-**-6789`. */
|
|
7
|
-
export declare function maskSsn(idNumber: string): string;
|
|
8
|
-
/** Mask a stored 9-digit id for display: SSN shape for Individual, EIN otherwise. */
|
|
9
|
-
export declare function maskIdNumber(idNumber: string, accountType: string): string;
|
|
10
|
-
/** Format a stored 9-digit id for display: SSN for Individual, EIN otherwise. */
|
|
11
|
-
export declare function formatIdNumber(idNumber: string, accountType: string): string;
|
|
12
2
|
/**
|
|
13
|
-
*
|
|
14
|
-
*
|
|
3
|
+
* Taxpayer-id and phone formatting now lives in `@/lib/fieldRules`, alongside
|
|
4
|
+
* the validation rules for the same fields, so the two can never drift apart.
|
|
5
|
+
* Re-exported here because the entity, settings and payment screens already
|
|
6
|
+
* import them from this module.
|
|
15
7
|
*/
|
|
16
|
-
export
|
|
17
|
-
export declare function formatPhone(phoneNumber: string): string;
|
|
8
|
+
export { formatEin, formatSsn, maskEin, maskSsn, maskIdNumber, formatIdNumber, formatIdNumberInput, formatPhone, } from '../../lib/fieldRules';
|
|
18
9
|
export declare function formatJoinedDate(date: string): string;
|
|
19
10
|
export declare function getJoinedYear(date: string): string;
|
|
20
11
|
export declare function matchesEntitySearch(entity: EntityDetailsResponse, query: string): boolean;
|
|
@@ -1,16 +1,14 @@
|
|
|
1
|
-
import { InputHTMLAttributes
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
2
|
interface PhoneInputGroupProps {
|
|
3
3
|
label?: string;
|
|
4
4
|
required?: boolean;
|
|
5
5
|
error?: string;
|
|
6
|
-
countryCodeSelectProps: SelectHTMLAttributes<HTMLSelectElement>;
|
|
7
6
|
phoneInputProps: InputHTMLAttributes<HTMLInputElement>;
|
|
8
7
|
}
|
|
9
8
|
/**
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
* purely visual grouping.
|
|
9
|
+
* Phone number input with a shared focus ring on its wrapper.
|
|
10
|
+
* The country code is not user-editable — forms keep it in state as "+1" and
|
|
11
|
+
* prefix it onto the number when building the API payload.
|
|
14
12
|
*/
|
|
15
|
-
export declare function PhoneInputGroup({ label, required, error,
|
|
13
|
+
export declare function PhoneInputGroup({ label, required, error, phoneInputProps, }: PhoneInputGroupProps): import("react").JSX.Element;
|
|
16
14
|
export {};
|
|
@@ -10,17 +10,17 @@ interface SegmentedControlProps<T extends string> {
|
|
|
10
10
|
options: SegmentedControlOption<T>[];
|
|
11
11
|
value: T;
|
|
12
12
|
onChange: (value: T) => void;
|
|
13
|
-
/** false
|
|
13
|
+
/** false hugs the option labels instead of filling the column. */
|
|
14
14
|
fullWidth?: boolean;
|
|
15
15
|
/** Fires when any option receives focus — lets a contextual help panel follow the group. */
|
|
16
16
|
onFocus?: () => void;
|
|
17
17
|
}
|
|
18
18
|
/**
|
|
19
19
|
* Accessible segmented control (WAI-ARIA radiogroup pattern) for a small,
|
|
20
|
-
* mutually-exclusive set of options — e.g. Account Type.
|
|
21
|
-
* bordered
|
|
22
|
-
*
|
|
23
|
-
*
|
|
20
|
+
* mutually-exclusive set of options — e.g. Account Type. The options share one
|
|
21
|
+
* bordered track and split it evenly, so the control matches the height and
|
|
22
|
+
* width of an input sitting beside it in the same grid row. Generic — not tied
|
|
23
|
+
* to any specific option set.
|
|
24
24
|
*/
|
|
25
25
|
export declare function SegmentedControl<T extends string>({ label, required, options, value, onChange, fullWidth, onFocus, }: SegmentedControlProps<T>): import("react").JSX.Element;
|
|
26
26
|
export {};
|
|
@@ -4,11 +4,13 @@ interface EntityAccountTypeRowProps {
|
|
|
4
4
|
accountType: EntityFormValues['accountType'];
|
|
5
5
|
onAccountTypeChange: (next: EntityFormValues['accountType']) => void;
|
|
6
6
|
isIndividual: boolean;
|
|
7
|
-
filingStatus
|
|
8
|
-
onFilingStatusChange
|
|
7
|
+
filingStatus?: string;
|
|
8
|
+
onFilingStatusChange?: (value: string) => void;
|
|
9
9
|
focusHelp: (key: HelpKey) => () => void;
|
|
10
10
|
resetHelp: () => void;
|
|
11
|
+
/** Off where filing status isn't part of the payload (edit flow). */
|
|
12
|
+
showFilingStatus?: boolean;
|
|
11
13
|
}
|
|
12
14
|
/** Account Type toggle, plus Filing Status for individual accounts. */
|
|
13
|
-
export declare function EntityAccountTypeRow({ accountType, onAccountTypeChange, isIndividual, filingStatus, onFilingStatusChange, focusHelp, resetHelp, }: EntityAccountTypeRowProps): import("react").JSX.Element;
|
|
15
|
+
export declare function EntityAccountTypeRow({ accountType, onAccountTypeChange, isIndividual, filingStatus, onFilingStatusChange, focusHelp, resetHelp, showFilingStatus, }: EntityAccountTypeRowProps): import("react").JSX.Element;
|
|
14
16
|
export {};
|
|
@@ -6,8 +6,6 @@ interface EntityBusinessFieldsProps {
|
|
|
6
6
|
errors: FieldErrors<EntityFormValues>;
|
|
7
7
|
einRegister: UseFormRegisterReturn;
|
|
8
8
|
phoneRegister: UseFormRegisterReturn;
|
|
9
|
-
countryCodeRegister: UseFormRegisterReturn;
|
|
10
|
-
entityTypeOptions: string[];
|
|
11
9
|
accountType: string;
|
|
12
10
|
idLabel: string;
|
|
13
11
|
idPlaceholder: string;
|
|
@@ -15,5 +13,5 @@ interface EntityBusinessFieldsProps {
|
|
|
15
13
|
focusHelp: (key: HelpKey) => () => void;
|
|
16
14
|
}
|
|
17
15
|
/** Business account fields: names, contact details, entity type and EIN. */
|
|
18
|
-
export declare function EntityBusinessFields({ register, errors, einRegister, phoneRegister,
|
|
16
|
+
export declare function EntityBusinessFields({ register, errors, einRegister, phoneRegister, accountType, idLabel, idPlaceholder, idMaxLength, focusHelp, }: EntityBusinessFieldsProps): import("react").JSX.Element;
|
|
19
17
|
export {};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
2
2
|
interface EntityPhoneFieldProps {
|
|
3
|
-
countryCodeRegister: UseFormRegisterReturn;
|
|
4
3
|
phoneRegister: UseFormRegisterReturn;
|
|
5
4
|
error?: string;
|
|
6
5
|
onFocus: () => void;
|
|
7
6
|
}
|
|
8
|
-
/**
|
|
9
|
-
export declare function EntityPhoneField({
|
|
7
|
+
/** National phone number, stripped to digits as the user types. */
|
|
8
|
+
export declare function EntityPhoneField({ phoneRegister, error, onFocus }: EntityPhoneFieldProps): import("react").JSX.Element;
|
|
10
9
|
export {};
|
|
@@ -5,7 +5,6 @@ interface EntityPrimaryTaxpayerFieldsProps {
|
|
|
5
5
|
errors: FieldErrors<EntityFormValues>;
|
|
6
6
|
einRegister: UseFormRegisterReturn;
|
|
7
7
|
phoneRegister: UseFormRegisterReturn;
|
|
8
|
-
countryCodeRegister: UseFormRegisterReturn;
|
|
9
8
|
accountType: string;
|
|
10
9
|
idLabel: string;
|
|
11
10
|
idPlaceholder: string;
|
|
@@ -13,5 +12,5 @@ interface EntityPrimaryTaxpayerFieldsProps {
|
|
|
13
12
|
resetHelp: () => void;
|
|
14
13
|
}
|
|
15
14
|
/** Individual account fields: the primary taxpayer's name, SSN and contact details. */
|
|
16
|
-
export declare function EntityPrimaryTaxpayerFields({ register, errors, einRegister, phoneRegister,
|
|
15
|
+
export declare function EntityPrimaryTaxpayerFields({ register, errors, einRegister, phoneRegister, accountType, idLabel, idPlaceholder, idMaxLength, resetHelp, }: EntityPrimaryTaxpayerFieldsProps): import("react").JSX.Element;
|
|
17
16
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ChangeEvent } from 'react';
|
|
2
|
-
import { AddressParts, SecondaryTaxpayer } from '../../lib/entityFormUtils';
|
|
2
|
+
import { AddressParts, SecondaryTaxpayer, SecondaryTaxpayerErrors } from '../../lib/entityFormUtils';
|
|
3
3
|
import { StateOption } from '../../lib/useAddressReference';
|
|
4
4
|
type SecondaryField = keyof Omit<SecondaryTaxpayer, 'sameAsPrimaryAddress'>;
|
|
5
5
|
interface SecondaryTaxpayerSectionProps {
|
|
@@ -9,6 +9,8 @@ interface SecondaryTaxpayerSectionProps {
|
|
|
9
9
|
country: string;
|
|
10
10
|
};
|
|
11
11
|
stateOptions: StateOption[];
|
|
12
|
+
/** Per-field messages, populated on submit. */
|
|
13
|
+
errors: SecondaryTaxpayerErrors;
|
|
12
14
|
onFieldChange: (field: SecondaryField) => (event: ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void;
|
|
13
15
|
onSsnChange: (value: string) => void;
|
|
14
16
|
onSameAsPrimaryChange: (checked: boolean) => void;
|
|
@@ -17,5 +19,5 @@ interface SecondaryTaxpayerSectionProps {
|
|
|
17
19
|
* Joint-filer details, shown for Individual + "Married Filing Jointly".
|
|
18
20
|
* UI-only — nothing here is submitted yet (see SecondaryTaxpayer).
|
|
19
21
|
*/
|
|
20
|
-
export declare function SecondaryTaxpayerSection({ values, address, stateOptions, onFieldChange, onSsnChange, onSameAsPrimaryChange, }: SecondaryTaxpayerSectionProps): import("react").JSX.Element;
|
|
22
|
+
export declare function SecondaryTaxpayerSection({ values, address, stateOptions, errors, onFieldChange, onSsnChange, onSameAsPrimaryChange, }: SecondaryTaxpayerSectionProps): import("react").JSX.Element;
|
|
21
23
|
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface SecondaryTaxpayerToggleProps {
|
|
2
|
+
checked: boolean;
|
|
3
|
+
onChange: (checked: boolean) => void;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Opt-in for the joint filer's details. Shown for Individual + "Married Filing
|
|
7
|
+
* Jointly"; the fields themselves stay hidden until this is ticked.
|
|
8
|
+
*/
|
|
9
|
+
export declare function SecondaryTaxpayerToggle({ checked, onChange }: SecondaryTaxpayerToggleProps): import("react").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -20,14 +20,12 @@ export declare function useEntityForm(): {
|
|
|
20
20
|
einRegister: import('react-hook-form').UseFormRegisterReturn<"ein">;
|
|
21
21
|
phoneRegister: import('react-hook-form').UseFormRegisterReturn<"phoneNumber">;
|
|
22
22
|
zipRegister: import('react-hook-form').UseFormRegisterReturn<"zipCode">;
|
|
23
|
-
countryCodeRegister: import('react-hook-form').UseFormRegisterReturn<"countryCode">;
|
|
24
23
|
accountType: "Business" | "Individual";
|
|
25
24
|
isIndividual: boolean;
|
|
26
25
|
isUS: boolean;
|
|
27
26
|
idLabel: string;
|
|
28
27
|
idPlaceholder: string;
|
|
29
28
|
idMaxLength: number;
|
|
30
|
-
entityTypeOptions: string[];
|
|
31
29
|
stateOptions: import('../../lib/useAddressReference').StateOption[];
|
|
32
30
|
state: string;
|
|
33
31
|
zipStateMismatch: boolean;
|
|
@@ -56,7 +54,11 @@ export declare function useEntityForm(): {
|
|
|
56
54
|
focusHelp: (key: HelpKey) => () => void;
|
|
57
55
|
resetHelp: () => void;
|
|
58
56
|
filingStatus: string;
|
|
59
|
-
setFilingStatus:
|
|
57
|
+
setFilingStatus: (next: string) => void;
|
|
58
|
+
canAddSecondaryTaxpayer: boolean;
|
|
59
|
+
includeSecondaryTaxpayer: boolean;
|
|
60
|
+
setIncludeSecondaryTaxpayer: (checked: boolean) => void;
|
|
61
|
+
secondaryErrors: Partial<Record<"state" | "country" | "email" | "firstName" | "lastName" | "address1" | "address2" | "city" | "zipCode" | "ssn" | "phone", string>>;
|
|
60
62
|
showSecondaryTaxpayer: boolean;
|
|
61
63
|
secondaryTaxpayer: SecondaryTaxpayer;
|
|
62
64
|
secondaryAddress: {
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FederalPaymentDraft } from '../../types/federalPaymentFlow';
|
|
2
|
+
interface FederalPaymentReviewPanelProps {
|
|
3
|
+
entityId: number | null;
|
|
4
|
+
paymentDraft: FederalPaymentDraft;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Read-only recap of step 1 for the Review & Submit step. Labels, asterisks and
|
|
8
|
+
* info copy mirror AddFederalPaymentForm so the review reads like the form the
|
|
9
|
+
* values came from; the values themselves are resolved through the same cached
|
|
10
|
+
* reference queries, falling back to the raw draft when a lookup isn't
|
|
11
|
+
* available (e.g. a draft opened straight from the payments list).
|
|
12
|
+
*/
|
|
13
|
+
export declare function FederalPaymentReviewPanel({ entityId, paymentDraft, }: FederalPaymentReviewPanelProps): import("react").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { EntityDetailsResponse } from '../../types/entity';
|
|
2
|
+
import { FederalPaymentDraft } from '../../types/federalPaymentFlow';
|
|
3
|
+
interface FederalPaymentReviewStepProps {
|
|
4
|
+
entity: EntityDetailsResponse | null;
|
|
5
|
+
paymentDraft: FederalPaymentDraft;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Step 3 of the federal flow — a read-only recap of what steps 1 and 2 saved,
|
|
9
|
+
* with the final submit to the IRS. The payment and its authorization are
|
|
10
|
+
* already persisted as a draft by step 2, so this screen only submits.
|
|
11
|
+
*/
|
|
12
|
+
export declare function FederalPaymentReviewStep({ entity, paymentDraft }: FederalPaymentReviewStepProps): import("react").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Action row shared by the federal and state payment steps, pinned to the bottom
|
|
3
|
+
* of the page so the primary action stays reachable on these long forms.
|
|
4
|
+
*
|
|
5
|
+
* "Save as Draft" is a split control: the label saves and leaves, while the
|
|
6
|
+
* chevron opens the destructive alternative (Discard Payment) rather than
|
|
7
|
+
* spending a third button on it. The menu opens upward — the bar sits at the
|
|
8
|
+
* bottom of the viewport, so there is no room below it.
|
|
9
|
+
*/
|
|
10
|
+
interface BackAction {
|
|
11
|
+
/** `Back` on later steps, `Cancel` on the first one. */
|
|
12
|
+
label: string;
|
|
13
|
+
onClick: () => void;
|
|
14
|
+
/** Later steps go back to a previous step, so they show the arrow. */
|
|
15
|
+
showArrow?: boolean;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
}
|
|
18
|
+
interface DraftAction {
|
|
19
|
+
onSave: () => void;
|
|
20
|
+
onDiscard: () => void;
|
|
21
|
+
isSaving?: boolean;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
}
|
|
24
|
+
interface SubmitAction {
|
|
25
|
+
/** `Next` on the first two steps, `Submit Payment` on the last. */
|
|
26
|
+
label: string;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
isSubmitting?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Steps that are a `<form>` leave this off and let the button submit. The
|
|
31
|
+
* federal review step is a plain `<div>`, so it passes its handler here.
|
|
32
|
+
*/
|
|
33
|
+
onClick?: () => void;
|
|
34
|
+
}
|
|
35
|
+
interface PaymentActionsFooterProps {
|
|
36
|
+
back?: BackAction;
|
|
37
|
+
/** Omitted when the payment is being viewed rather than filled in. */
|
|
38
|
+
draft?: DraftAction;
|
|
39
|
+
/** Omitted when the payment is being viewed rather than filled in. */
|
|
40
|
+
submit?: SubmitAction;
|
|
41
|
+
}
|
|
42
|
+
export declare function PaymentActionsFooter({ back, draft, submit, }: PaymentActionsFooterProps): import("react").JSX.Element;
|
|
43
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const
|
|
3
|
-
export declare const authorityToExecuteAgreement = "
|
|
1
|
+
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.";
|
|
2
|
+
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.";
|
|
3
|
+
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)";
|
|
4
4
|
export declare const agiTaxYearOptions: string[];
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { EntityDetailsResponse } from '../../types/entity';
|
|
2
|
+
interface EditEntityFormProps {
|
|
3
|
+
entity: EntityDetailsResponse;
|
|
4
|
+
onCancel: () => void;
|
|
5
|
+
onSaved: () => void;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Edit Entity form — same composition as the Add Entity form (EntityForm), with
|
|
9
|
+
* the identifier locked and no filing status, which the update payload omits.
|
|
10
|
+
*/
|
|
11
|
+
export declare function EditEntityForm({ entity, onCancel, onSaved }: EditEntityFormProps): import("react").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -3,9 +3,9 @@ import { TaxAccountDetailResponse } from '../../types/taxAccountDetails';
|
|
|
3
3
|
declare const taxAccountSchema: z.ZodObject<{
|
|
4
4
|
state: z.ZodString;
|
|
5
5
|
reasonForPayment: z.ZodString;
|
|
6
|
+
stateAccountId: z.ZodString;
|
|
6
7
|
accountId: z.ZodString;
|
|
7
|
-
|
|
8
|
-
taxYear: z.ZodOptional<z.ZodString>;
|
|
8
|
+
taxYear: z.ZodString;
|
|
9
9
|
frequency: z.ZodOptional<z.ZodString>;
|
|
10
10
|
status: z.ZodString;
|
|
11
11
|
notes: z.ZodOptional<z.ZodString>;
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
/** Filing cadences offered for a tax account. */
|
|
2
|
-
export declare const TAX_ACCOUNT_FREQUENCIES: readonly ["Monthly", "Quarterly", "Semi-Annually", "Annually"];
|
|
3
1
|
export declare const TAX_ACCOUNT_STATUSES: readonly ["Active", "Inactive"];
|
|
4
|
-
/** Current year and the four before it — the years an account can be filed for. */
|
|
5
|
-
export declare function getTaxAccountYearOptions(): string[];
|