@npm-zenwork/tax-remittance-ui 0.13.0 → 0.13.1

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.
@@ -1,7 +1,8 @@
1
1
  import { DashboardNeedsAttentionItem, DashboardPaymentItem, DashboardUpcomingPayment, FederalQuarterAmount, StateJurisdictionAmount, StatePaymentTypeAmount } from '../../types/dashboard';
2
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;
3
+ import { formatDisplayDate } from '../payments/federalPaymentUtils';
4
+ /** `2026-09-26` -> `09/26/2026` — the app-wide MM/DD/YYYY display format. */
5
+ export declare const formatDashboardDate: typeof formatDisplayDate;
5
6
  /**
6
7
  * item.status/statusLabel are already the backend's canonical dashboard bucket
7
8
  * (`"paid" | "scheduled" | "submitted" | "failed" | "draft"`) and its display
@@ -28,6 +28,8 @@ interface CustomSelectProps {
28
28
  size?: 'md' | 'sm';
29
29
  /** Icon pinned inside the control's left edge, as on the tax-year picker. */
30
30
  leadingIcon?: ReactNode;
31
+ /** Shows a filter box atop the list — for long lists like the 50+ states. */
32
+ searchable?: boolean;
31
33
  }
32
34
  /**
33
35
  * The one dropdown in the app. Every select goes through it so hover/focus/selected
@@ -36,5 +38,5 @@ interface CustomSelectProps {
36
38
  * can't restyle, and can't show a badge (see the Reason for Payment "Coming Soon"
37
39
  * case) at all. Change it here and every dropdown changes with it.
38
40
  */
39
- export declare function CustomSelect({ value, onChange, options, placeholder, disabled, hasError, loading, loadingLabel, label, required, error, id, ariaLabel, size, leadingIcon, }: CustomSelectProps): import("react").JSX.Element;
41
+ export declare function CustomSelect({ value, onChange, options, placeholder, disabled, hasError, loading, loadingLabel, label, required, error, id, ariaLabel, size, leadingIcon, searchable, }: CustomSelectProps): import("react").JSX.Element;
40
42
  export {};
@@ -3,6 +3,8 @@ interface SettlementDatePickerProps {
3
3
  onChange: (value: string) => void;
4
4
  disabled?: boolean;
5
5
  hasError?: boolean;
6
+ /** Business days of lead time before the earliest selectable date (state payments: T+2). */
7
+ leadBusinessDays?: number;
6
8
  }
7
- export declare function SettlementDatePicker({ value, onChange, disabled, hasError, }: SettlementDatePickerProps): import("react").JSX.Element;
9
+ export declare function SettlementDatePicker({ value, onChange, disabled, hasError, leadBusinessDays, }: SettlementDatePickerProps): import("react").JSX.Element;
8
10
  export {};
@@ -2,8 +2,13 @@ export { getMinSettlementDate } from './settlementDateRules';
2
2
  export declare function maskAccountNumber(accountNumber: string): string;
3
3
  /** `XXXX-1234` — the mask used by the bank account cards and pickers. */
4
4
  export declare function maskAccountNumberDashed(accountNumber: string): string;
5
- /** ISO `2026-08-18` → `08/18/2026`. Returns the input unchanged if unparseable. */
5
+ /**
6
+ * The app's one display format for a date: ISO `2026-08-18` (or a full ISO
7
+ * timestamp) → `08/18/2026`. Returns the input unchanged if unparseable.
8
+ */
6
9
  export declare function formatDisplayDate(isoDate: string): string;
10
+ /** A `Date` in the same `MM/DD/YYYY` display format. */
11
+ export declare function formatDisplayDateFromDate(date: Date): string;
7
12
  export declare function getTaxPeriodOptions(): Array<{
8
13
  value: string;
9
14
  label: string;
@@ -1,8 +1,13 @@
1
1
  export declare const SETTLEMENT_DATE_NOON_CUTOFF_HOUR = 12;
2
+ /** State payments settle T+2: the earliest date is two business days after today. */
3
+ export declare const STATE_SETTLEMENT_LEAD_BUSINESS_DAYS = 2;
2
4
  export declare function toDateString(date: Date): string;
3
5
  export declare function parseDateString(value: string): Date | null;
4
- /** Earliest selectable date: today before noon, otherwise tomorrow (Tax1099). */
5
- export declare function getMinSettlementDate(reference?: Date): string;
6
+ /**
7
+ * Earliest selectable date. With no lead time: today before noon, otherwise
8
+ * tomorrow (Tax1099). With `leadBusinessDays`: that many weekdays after today.
9
+ */
10
+ export declare function getMinSettlementDate(reference?: Date, leadBusinessDays?: number): string;
6
11
  /** Latest selectable date: one year from today (Tax1099). */
7
12
  export declare function getMaxSettlementDate(reference?: Date): string;
8
13
  /** Latest selectable date of birth for a minimum age (inclusive). */
@@ -16,7 +21,8 @@ export declare function getMaxDateOfBirth(minimumAge?: number, reference?: Date)
16
21
  */
17
22
  export declare function isAtLeastAge(value: string, minimumAge: number, reference?: Date): boolean;
18
23
  export declare function isWeekday(date: Date): boolean;
19
- export declare function isSettlementDateSelectable(date: Date, reference?: Date): boolean;
20
- export declare function isValidSettlementDate(value: string, reference?: Date): boolean;
24
+ export declare function isSettlementDateSelectable(date: Date, reference?: Date, leadBusinessDays?: number): boolean;
25
+ export declare function isValidSettlementDate(value: string, reference?: Date, leadBusinessDays?: number): boolean;
26
+ export declare function isValidStateSettlementDate(value: string, reference?: Date): boolean;
21
27
  export declare function formatSettlementMonthLabel(year: number, monthIndex: number): string;
22
28
  export declare function getCalendarDays(year: number, monthIndex: number): Array<Date | null>;
@@ -0,0 +1 @@
1
+ export declare const COMING_SOON_REASON_CODES: Set<string>;