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

package/dist/api/federalPayments.d.ts

@@ -22,3 +22,4 @@ export declare function getFederalTaxTypeCodes(formType: string): Promise<Federa
 export declare function createFederalPayment(request: CreateFederalPaymentRequest): Promise<FederalPaymentResponse>;
 export declare function updateFederalPayment(federalPaymentId: number, request: UpdateFederalPaymentRequest): Promise<FederalPaymentResponse>;
 export declare function submitFederalPayment(federalPaymentId: number): Promise<FederalPaymentResponse>;
+export declare function blockFederalPayment(federalPaymentId: number): Promise<FederalPaymentResponse>;

package/dist/api/statePayments.d.ts

@@ -41,3 +41,4 @@ export declare function getStatePaymentById(statePaymentDetailId: number): Promi
 export declare function createStatePayment(request: CreateStatePaymentRequest): Promise<StatePaymentResponse>;
 export declare function updateStatePayment(statePaymentDetailId: number, request: UpdateStatePaymentRequest): Promise<StatePaymentResponse>;
 export declare function submitStatePayment(statePaymentDetailId: number, authorization?: StatePaymentAuthorizationRequest): Promise<StatePaymentResponse>;
+export declare function blockStatePayment(statePaymentDetailId: number): Promise<StatePaymentResponse>;

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

@@ -1,7 +1,8 @@
 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;
+import { formatDisplayDate } from '../payments/federalPaymentUtils';
+/** `2026-09-26` -> `09/26/2026` — the app-wide MM/DD/YYYY display format. */
+export declare const formatDashboardDate: typeof formatDisplayDate;
 /**
  * item.status/statusLabel are already the backend's canonical dashboard bucket
  * (`"paid" | "scheduled" | "submitted" | "failed" | "draft"`) and its display

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

@@ -28,6 +28,8 @@ interface CustomSelectProps {
     size?: 'md' | 'sm';
     /** Icon pinned inside the control's left edge, as on the tax-year picker. */
     leadingIcon?: ReactNode;
+    /** Shows a filter box atop the list — for long lists like the 50+ states. */
+    searchable?: boolean;
 }
 /**
  * The one dropdown in the app. Every select goes through it so hover/focus/selected
@@ -36,5 +38,5 @@ interface CustomSelectProps {
  * can't restyle, and can't show a badge (see the Reason for Payment "Coming Soon"
  * case) at all. Change it here and every dropdown changes with it.
  */
-export declare function CustomSelect({ value, onChange, options, placeholder, disabled, hasError, loading, loadingLabel, label, required, error, id, ariaLabel, size, leadingIcon, }: CustomSelectProps): import("react").JSX.Element;
+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;
 export {};

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

@@ -6,6 +6,7 @@ interface PaymentRowMenuProps {
     onEdit?: () => void;
     onSubmit?: () => void;
     onResubmit?: () => void;
+    onCancel?: () => void;
     isSubmitting?: boolean;
     isViewPdfLoading?: boolean;
 }

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

@@ -9,6 +9,7 @@ interface PaymentTableRowProps {
     onEdit: () => void;
     onViewPdf: () => void;
     onSubmit: () => void;
+    onCancel?: () => void;
 }
-export declare function PaymentTableRow({ row, layout, isSubmitting, isViewPdfLoading, onView, onEdit, onViewPdf, onSubmit, }: PaymentTableRowProps): import("react").JSX.Element;
+export declare function PaymentTableRow({ row, layout, isSubmitting, isViewPdfLoading, onView, onEdit, onViewPdf, onSubmit, onCancel, }: PaymentTableRowProps): import("react").JSX.Element;
 export {};

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

@@ -3,6 +3,8 @@ interface SettlementDatePickerProps {
     onChange: (value: string) => void;
     disabled?: boolean;
     hasError?: boolean;
+    /** Business days of lead time before the earliest selectable date (state payments: T+2). */
+    leadBusinessDays?: number;
 }
-export declare function SettlementDatePicker({ value, onChange, disabled, hasError, }: SettlementDatePickerProps): import("react").JSX.Element;
+export declare function SettlementDatePicker({ value, onChange, disabled, hasError, leadBusinessDays, }: SettlementDatePickerProps): import("react").JSX.Element;
 export {};

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

@@ -2,8 +2,13 @@ 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. */
+/**
+ * The app's one display format for a date: ISO `2026-08-18` (or a full ISO
+ * timestamp) → `08/18/2026`. Returns the input unchanged if unparseable.
+ */
 export declare function formatDisplayDate(isoDate: string): string;
+/** A `Date` in the same `MM/DD/YYYY` display format. */
+export declare function formatDisplayDateFromDate(date: Date): string;
 export declare function getTaxPeriodOptions(): Array<{
     value: string;
     label: string;

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

@@ -3,7 +3,7 @@ import { ComponentType, SVGProps } from 'react';
 export type PaymentStatus = 'drafts' | 'scheduled' | 'submitted' | 'rejected' | 'paid';
 /** Tabs on the Tax Payments table — every bucket, plus the unfiltered "All". */
 export type PaymentTab = 'all' | PaymentStatus;
-export type PaymentActionType = 'draft-actions' | 'view-pdf' | 'view-link' | 'rejected-actions';
+export type PaymentActionType = 'draft-actions' | 'view-pdf' | 'view-link' | 'rejected-actions' | 'cancel-only';
 export declare const statusTabs: {
     key: PaymentTab;
     label: string;

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

@@ -1,8 +1,13 @@
 export declare const SETTLEMENT_DATE_NOON_CUTOFF_HOUR = 12;
+/** State payments settle T+2: the earliest date is two business days after today. */
+export declare const STATE_SETTLEMENT_LEAD_BUSINESS_DAYS = 2;
 export declare function toDateString(date: Date): string;
 export declare function parseDateString(value: string): Date | null;
-/** Earliest selectable date: today before noon, otherwise tomorrow (Tax1099). */
-export declare function getMinSettlementDate(reference?: Date): string;
+/**
+ * Earliest selectable date. With no lead time: today before noon, otherwise
+ * tomorrow (Tax1099). With `leadBusinessDays`: that many weekdays after today.
+ */
+export declare function getMinSettlementDate(reference?: Date, leadBusinessDays?: number): string;
 /** Latest selectable date: one year from today (Tax1099). */
 export declare function getMaxSettlementDate(reference?: Date): string;
 /** Latest selectable date of birth for a minimum age (inclusive). */
@@ -16,7 +21,8 @@ export declare function getMaxDateOfBirth(minimumAge?: number, reference?: Date)
  */
 export declare function isAtLeastAge(value: string, minimumAge: number, reference?: Date): boolean;
 export declare function isWeekday(date: Date): boolean;
-export declare function isSettlementDateSelectable(date: Date, reference?: Date): boolean;
-export declare function isValidSettlementDate(value: string, reference?: Date): boolean;
+export declare function isSettlementDateSelectable(date: Date, reference?: Date, leadBusinessDays?: number): boolean;
+export declare function isValidSettlementDate(value: string, reference?: Date, leadBusinessDays?: number): boolean;
+export declare function isValidStateSettlementDate(value: string, reference?: Date): boolean;
 export declare function formatSettlementMonthLabel(year: number, monthIndex: number): string;
 export declare function getCalendarDays(year: number, monthIndex: number): Array<Date | null>;

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

@@ -0,0 +1 @@
+export declare const COMING_SOON_REASON_CODES: Set<string>;

package/dist/components/ui/ConfirmDialog.d.ts

@@ -0,0 +1,26 @@
+interface ConfirmDialogProps {
+    open: boolean;
+    title: string;
+    description: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    /** Destructive styling on the confirm button — red outline, not filled, so the safer
+     * Cancel path stays the visually prominent one. Defaults to true — this component only
+     * exists today for destructive confirmations. */
+    danger?: boolean;
+    /** Disables both buttons and shows a spinner on confirm while a request is
+     * in flight, so a second click can't fire a duplicate submission. */
+    isLoading?: boolean;
+}
+/**
+ * Generic confirm/cancel modal — same portal + escape-to-close + role="dialog" shape as
+ * BankConnectionMethodModal.tsx, generalized for any destructive confirmation (first use:
+ * "Block this scheduled payment?"). Layout follows the design reference: centered warning
+ * badge, centered title/description, and the destructive action rendered as a lighter
+ * outlined button (left) next to the prominent solid Cancel button (right) — the safe path
+ * stays visually dominant, not the destructive one.
+ */
+export declare function ConfirmDialog({ open, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, danger, isLoading, }: ConfirmDialogProps): import('react').ReactPortal | null;
+export {};