@zeniai/web-components 4.2.95 → 4.2.96

package/dist/common/util.d.ts

@@ -85,4 +85,5 @@ export declare const roundAmountIfNeeded: (amount: number) => number;
 export declare const flowFromUrl: () => string;
 export declare const isEqualProps: <T extends Record<string, unknown>>(prevProps: T, newProps: T, listOfProps: ReadonlyArray<keyof T>) => boolean;
 export declare const normalizeString: (str: string | undefined) => string;
+export declare const base64ToBytes: (base64: string) => Uint8Array;
 export {};

package/dist/components/aiCfo/components/FieldRowWithAutoFillBadge.d.ts

@@ -15,5 +15,18 @@ import { ReactNode } from 'react';
 export interface FieldRowWithAutoFillBadgeProps {
     children: ReactNode;
     isAutoFilled: boolean;
+    /**
+     * True when the field already holds a value — manually entered or filled by an
+     * earlier document. A filled field keeps its value during a new parse instead
+     * of being replaced (and unmounted) by a skeleton, so user input is never lost.
+     */
+    isFilled?: boolean;
+    /**
+     * While the uploaded document is being parsed for autofill, render a skeleton
+     * row in place of the (still-empty) field — it's one of the "expected" values
+     * the document may populate. Empty / 0-confidence results are fine; the
+     * skeleton just signals the field is loading.
+     */
+    isParsing?: boolean;
 }
-export declare function FieldRowWithAutoFillBadge({ isAutoFilled, children, }: FieldRowWithAutoFillBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare function FieldRowWithAutoFillBadge({ isAutoFilled, isFilled, isParsing, children, }: FieldRowWithAutoFillBadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/summaryCard/tasksCard/TasksCard.d.ts

@@ -3,20 +3,18 @@ import { ClientAnalytics } from '@zeniai/client-analytics';
 import { TasksCardReport } from '@zeniai/client-epic-state';
 import { CardActions, CardData } from '../../cardTypes';
 import { DragAndDropProps } from '../../common/Card';
-declare const TasksCard: ({ card, data, actions, isExpenseAutomationEnabledForUser, analytics, dndProps, }: {
+declare const TasksCard: ({ card, data, actions, analytics, dndProps, }: {
     actions: CardActions;
     card: CardData;
     data: TasksCardReport;
-    isExpenseAutomationEnabledForUser: boolean;
     analytics?: ClientAnalytics;
     dndProps?: DragAndDropProps;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TasksCard;
-export declare const MemoTasksCard: React.MemoExoticComponent<({ card, data, actions, isExpenseAutomationEnabledForUser, analytics, dndProps, }: {
+export declare const MemoTasksCard: React.MemoExoticComponent<({ card, data, actions, analytics, dndProps, }: {
     actions: CardActions;
     card: CardData;
     data: TasksCardReport;
-    isExpenseAutomationEnabledForUser: boolean;
     analytics?: ClientAnalytics;
     dndProps?: DragAndDropProps;
 }) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/commonSetUp/utils/hasFormFieldValue.d.ts

@@ -0,0 +1,11 @@
+/**
+ * True when a react-hook-form field value is non-empty: a string with
+ * non-whitespace content, a non-empty array, an object with at least one
+ * non-empty entry (e.g. an address), or any other truthy scalar.
+ *
+ * Used by the verification sections to decide whether a field already holds a
+ * value (manually entered or document-autofilled) and so should keep its value
+ * during a new document parse instead of being replaced by a skeleton. Shared by
+ * the company + officer detail sections so the emptiness rule lives in one place.
+ */
+export declare function hasFormFieldValue(value: unknown): boolean;

package/dist/components/customerOnboarding/detail/CustomerOnboardingDetailPage.d.ts

@@ -46,6 +46,17 @@ export interface Props {
      * is rendered enabled but unwired).
      */
     integrationsSectionProps?: IntegrationsSectionProps;
+    /**
+     * True only for pure Tax/CFO/Payroll (product-suite) tenants. Gates the
+     * verification→setup_billing redirect so bookkeeping / mixed tenants are
+     * never routed to the interim product-suite page (which latches
+     * is_interim_email_sent and traps them on /thankyou).
+     *
+     * Absent/undefined intentionally means "treat as non-product-suite": the
+     * redirect stays suppressed, which is the safe default for callers that
+     * don't wire tenant product data.
+     */
+    isProductSuiteTenant?: boolean;
     handleAddCardPaymentSource: (paymentType: AddCardPaymentSourceType, paymentMethod: string, paymentId: string) => void;
     handleConfirmCardSetupIntent: (setupIntentData: SetupIntentResult) => void;
     handleCreateCardSetupIntent: (paymentsMethod: string[]) => void;

package/dist/components/customerOnboarding/detail/components/BankVerification.d.ts

@@ -1,11 +1,14 @@
 import { ID, PaymentAccount } from '@zeniai/client-epic-state';
-declare const BankVerification: ({ bankVerificationFlags, onClick, linkSessionId, }: {
+declare const BankVerification: ({ bankVerificationFlags, isVerificationLoading, linkSessionId, showStartVerification, onClick, }: {
     bankVerificationFlags: {
         isBankVerificationBox: boolean;
         paymentAccount: PaymentAccount | undefined;
         paymentAccountStatus: string | undefined;
+        providerVerificationStatusCode?: string;
     };
+    isVerificationLoading?: boolean;
     linkSessionId?: ID | null;
-    onClick: () => void;
+    showStartVerification?: boolean;
+    onClick?: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default BankVerification;

package/dist/components/customerOnboarding/detail/components/OnboardingStepFrame.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+export type SkipDisabledReason = "qbo" | "pending-verification" | "login-required";
 export interface OnboardingStepFrameProps {
     children: ReactNode;
     title: string;
@@ -8,6 +9,9 @@ export interface OnboardingStepFrameProps {
     ctaIcon?: JSX.Element;
     ctaLabel?: string;
     ctaLoading?: boolean;
+    skipDisabled?: boolean;
+    /** Chooses the disabled-skip tooltip copy. Defaults to the QBO reason. */
+    skipDisabledReason?: SkipDisabledReason;
     skipLabel?: string;
     stepNumber?: number;
     subtitle?: string;
@@ -16,4 +20,4 @@ export interface OnboardingStepFrameProps {
     onCtaClick?: () => void;
     onSkipClick?: () => void;
 }
-export declare const OnboardingStepFrame: ({ title, subtitle, stepNumber, totalSteps, ctaLabel, ctaIcon, ctaLoading, ctaDisabled, onCtaClick, backLabel, onBackClick, backDisabled, skipLabel, onSkipClick, children, }: OnboardingStepFrameProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OnboardingStepFrame: ({ title, subtitle, stepNumber, totalSteps, ctaLabel, ctaIcon, ctaLoading, ctaDisabled, onCtaClick, backLabel, onBackClick, backDisabled, skipLabel, skipDisabled, skipDisabledReason, onSkipClick, children, }: OnboardingStepFrameProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/customerOnboarding/detail/pages/AIAgentsActivatingPage.d.ts

@@ -4,6 +4,13 @@ export interface AIAgentsActivatingPageProps {
     stepNumber: number;
     tenantName: string;
     totalSteps: number;
+    /**
+     * When true the activation timeline is skipped and every row renders in its
+     * settled "building" state with the CTA enabled. Set on repeat visits once
+     * isOnboardingAiActivationViewed is true, so the animation doesn't replay
+     * each time the page loads.
+     */
+    alreadyViewed?: boolean;
     /** Override the background row statuses (used by stories). */
     backgroundRowStatuses?: ReadonlyArray<AIAgentRowStatus>;
     /**
@@ -28,4 +35,4 @@ export interface AIAgentsActivatingPageProps {
     showLedgerReadyInLabel?: boolean;
     onContinueClick: () => void;
 }
-export declare const AIAgentsActivatingPage: ({ tenantName, stepNumber, totalSteps, ledgerRowStatuses: overrideLedgerRowStatuses, backgroundRowStatuses: overrideBackgroundRowStatuses, showLedgerReadyInLabel: overrideShowLedgerReadyInLabel, showBackgroundReadyInLabel: overrideShowBackgroundReadyInLabel, counts, forceContinueEnabled, rowStartingDurationMs, onContinueClick, }: AIAgentsActivatingPageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AIAgentsActivatingPage: ({ tenantName, stepNumber, totalSteps, alreadyViewed, ledgerRowStatuses: overrideLedgerRowStatuses, backgroundRowStatuses: overrideBackgroundRowStatuses, showLedgerReadyInLabel: overrideShowLedgerReadyInLabel, showBackgroundReadyInLabel: overrideShowBackgroundReadyInLabel, counts, forceContinueEnabled, rowStartingDurationMs, onContinueClick, }: AIAgentsActivatingPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/customerOnboarding/detail/pages/VerifyUnlockFinancialStackPage.d.ts

@@ -1,8 +1,11 @@
+import { SkipDisabledReason } from '../components/OnboardingStepFrame';
 import { VerifyUnlockFinancialStackSectionProps } from '../sections/VerifyUnlockFinancialStackSection';
 export interface VerifyUnlockFinancialStackPageProps extends VerifyUnlockFinancialStackSectionProps {
     stepNumber: number;
     totalSteps: number;
+    skipDisabled?: boolean;
+    skipDisabledReason?: SkipDisabledReason;
     onStartVerificationClick: () => void;
     onSkipToDashboardClick?: () => void;
 }
-export declare const VerifyUnlockFinancialStackPage: ({ stepNumber, totalSteps, onStartVerificationClick, onSkipToDashboardClick, ...sectionProps }: VerifyUnlockFinancialStackPageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VerifyUnlockFinancialStackPage: ({ stepNumber, totalSteps, skipDisabled, skipDisabledReason, onStartVerificationClick, onSkipToDashboardClick, ...sectionProps }: VerifyUnlockFinancialStackPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/customerOnboarding/drawer/OnboardingSidebar.d.ts

@@ -20,10 +20,18 @@ export interface OnboardingSidebarProps {
      * Exactly one step should be "active".
      */
     stepStatuses: Partial<Record<OnboardingStep, OnboardingSidebarStepStatus>>;
+    /** Attention/error treatment for a step; takes precedence over `warningStep`. */
+    errorStep?: OnboardingStep;
     footerSlot?: ReactNode;
+    /**
+     * Step to render in warning colors (badge round + title) regardless of its
+     * progress status — signals an action the user must resolve (e.g. a pending
+     * bank verification on setup_billing) before onboarding can complete.
+     */
+    warningStep?: OnboardingStep;
     onLogoClick?: () => void;
     onStepClick?: (step: OnboardingStep) => void;
 }
-declare const OnboardingSidebar: ({ steps, stepStatuses, allRequiredStepsCompleted, footerSlot, onLogoClick, onStepClick, }: OnboardingSidebarProps) => import("react/jsx-runtime").JSX.Element;
+declare const OnboardingSidebar: ({ steps, stepStatuses, allRequiredStepsCompleted, footerSlot, warningStep, errorStep, onLogoClick, onStepClick, }: OnboardingSidebarProps) => import("react/jsx-runtime").JSX.Element;
 export default OnboardingSidebar;
 export declare const SIDEBAR_WIDTH_PX = 240;

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

@@ -2,7 +2,7 @@ import { ClientAnalytics } from '@zeniai/client-analytics';
 import { CardActions, CardType } from '../cards/cardTypes';
 import { AutoCompleteActions, AutoCompleteData } from '../common/autoComplete/autoCompleteProps';
 import { DashboardCardData } from './dashboardTypes';
-declare function Dashboard({ cardDataArray, cardActions, christmasAnimationEnabled, newYearAnimationEnabled, autoCompleteData, autoCompleteActions, analytics, isReimbursementEnabled, isBillPayEnabled, isVisitingFirstTime, isZeniAccountEnabled, isExpenseAutomationEnabledForUser, onDragAndDropCard, isAiCfoAccessEnabled, onAskAiCfoClick, onAiCfoDashboardPromptSubmit, onAiCfoDashboardOpenPanel, onAiCfoDashboardOpenScopePage, onAiCfoDashboardExpandToFullPage, isAiCfoFileUploadEnabled, initialSearchFocus, maxColumns, aiAuditScorePercentageEnabled, aiCfoDashboardShouldClearPromptOnSubmit, aiCfoDashboardSuggestedPromptQuestions, aiCfoDashboardSuggestedPromptQuestionsLoading, }: Readonly<{
+declare function Dashboard({ cardDataArray, cardActions, christmasAnimationEnabled, newYearAnimationEnabled, autoCompleteData, autoCompleteActions, analytics, isReimbursementEnabled, isBillPayEnabled, isVisitingFirstTime, isZeniAccountEnabled, onDragAndDropCard, isAiCfoAccessEnabled, onAskAiCfoClick, onAiCfoDashboardPromptSubmit, onAiCfoDashboardOpenPanel, onAiCfoDashboardOpenScopePage, onAiCfoDashboardExpandToFullPage, isAiCfoFileUploadEnabled, initialSearchFocus, maxColumns, aiAuditScorePercentageEnabled, aiCfoDashboardShouldClearPromptOnSubmit, aiCfoDashboardSuggestedPromptQuestions, aiCfoDashboardSuggestedPromptQuestionsLoading, }: Readonly<{
     aiAuditScorePercentageEnabled: boolean;
     analytics: ClientAnalytics;
     autoCompleteActions: AutoCompleteActions;
@@ -10,7 +10,6 @@ declare function Dashboard({ cardDataArray, cardActions, christmasAnimationEnabl
     cardActions: CardActions;
     cardDataArray: DashboardCardData[];
     isBillPayEnabled: boolean;
-    isExpenseAutomationEnabledForUser: boolean;
     isReimbursementEnabled: boolean;
     isVisitingFirstTime: boolean;
     isZeniAccountEnabled: boolean;

package/dist/components/formElements/labeledGroupedCheckBoxField/LabeledGroupedCheckBoxField.d.ts

@@ -9,6 +9,7 @@ export interface CheckBoxCoreDetails {
     groupLabel: boolean;
     label: string | React.ReactNode;
     value: string;
+    containerStyle?: React.CSSProperties;
     exceptionInfo?: string;
     exceptionMode?: CheckBoxMode;
     exceptionTooltipStyle?: React.CSSProperties;

package/dist/components/invoicing/catalogForm/InvoicingCatalogItemFormPage.d.ts

@@ -1,4 +1,4 @@
-import { InvoicingCatalogItemFormLocalData } from '@zeniai/client-epic-state';
+import { InvoicingCatalogItemFormLocalData, InvoicingQboAccountOption } from '@zeniai/client-epic-state';
 /**
  * Catalog item types as shown to the user. All three are parent catalog items;
  * the type controls the parent and nested sub-family payload fields.
@@ -29,6 +29,8 @@ export interface InvoicingCatalogItemFormPageProps {
      */
     defaultType?: CatalogFormType;
     errorMessage?: string;
+    qboClasses?: InvoicingQboAccountOption[];
+    qboIncomeAccounts?: InvoicingQboAccountOption[];
     onCancel: () => void;
     onChange: (localData: InvoicingCatalogItemFormLocalData) => void;
     onSubmit: () => void;
@@ -41,5 +43,5 @@ export interface InvoicingCatalogItemFormPageProps {
  * invoicing forms. The whole form syncs back to the CES draft (`localData`) on
  * every change; the save payload is derived from the draft in CES.
  */
-export declare function InvoicingCatalogItemFormPage({ applicabilityValues, applicableItemOptions, defaultType, errorMessage, isSubmitting, localData, mode, onBack, onCancel, onChange, onSubmit, periodUnitValues, pricingModelValues, prorationValues, tierTypeValues, trialEndActionValues, trialUnitValues, typeValues, }: Readonly<InvoicingCatalogItemFormPageProps>): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicingCatalogItemFormPage({ applicabilityValues, applicableItemOptions, defaultType, errorMessage, isSubmitting, localData, mode, onBack, onCancel, onChange, onSubmit, periodUnitValues, pricingModelValues, prorationValues, qboClasses, qboIncomeAccounts, tierTypeValues, trialEndActionValues, trialUnitValues, typeValues, }: Readonly<InvoicingCatalogItemFormPageProps>): import("react/jsx-runtime").JSX.Element;
 export default InvoicingCatalogItemFormPage;

package/dist/components/invoicing/catalogForm/catalogItemForm.shared.d.ts

@@ -37,14 +37,19 @@ export interface PickerValue {
     allOptions: CatalogSelectOption[];
     selectedOption?: string;
 }
+/** Unwrap accountingCode/accountingCategory — PickerValue when QBO-connected, string otherwise. */
+export declare const pickerOrText: (value: PickerValue | string) => string;
 export interface CatalogTierFormValues {
     endingUnit: string;
     packageSize: string;
-    price: string;
+    /** Held as a float by `returnValueType: "floatValue"`; `null` when cleared. */
+    price: number | null;
     pricingType: PickerValue;
     startingUnit: string;
 }
 export interface CatalogSubFamilyFormValues {
+    accountingCategory: PickerValue | string;
+    accountingCode: PickerValue | string;
     billingCycles: string;
     description: string;
     flags: MultiSelectFieldValue;
@@ -55,9 +60,11 @@ export interface CatalogSubFamilyFormValues {
     period: string;
     periodUnit: PickerValue;
     priceCode: string;
-    priceDollars: string;
+    /** Held as a float by `returnValueType: "floatValue"`; `null` when cleared. */
+    priceDollars: number | null;
     pricingModel: PickerValue;
     prorationType: PickerValue;
+    sku: string;
     tiers: CatalogTierFormValues[];
     trialEndAction: PickerValue;
     trialPeriod: string;
@@ -66,7 +73,7 @@ export interface CatalogSubFamilyFormValues {
 /**
  * Form-values shape reuses the CES localData field names verbatim — only the
  * fields whose *shape* differs on the form (pickers, multiselect, sub-families)
- * are overridden. Every plain field (name, productCode, sku, externalId, …) flows
+ * are overridden. Every plain field (name, productCode, externalId, …) flows
  * through by identity, so adding a field to the CES type needs no mapper change.
  */
 export type CatalogFormValues = Omit<InvoicingCatalogItemFormLocalData, "applicableItems" | "catalogType" | "itemApplicability" | "subFamilies"> & {

package/dist/components/invoicing/common/InvoicingFormRows.d.ts

@@ -65,6 +65,9 @@ export interface FormToggleRowProps {
     checked: boolean;
     description: string;
     label: string;
+    containerStyle?: React.CSSProperties;
+    descriptionStyle?: React.CSSProperties;
+    labelStyle?: React.CSSProperties;
     onChange: (checked: boolean) => void;
 }
-export declare function FormToggleRow({ checked, description, label, onChange, }: Readonly<FormToggleRowProps>): import("react/jsx-runtime").JSX.Element;
+export declare function FormToggleRow({ checked, containerStyle, description, descriptionStyle, label, labelStyle, onChange, }: Readonly<FormToggleRowProps>): import("react/jsx-runtime").JSX.Element;

package/dist/components/invoicing/common/InvoicingOpenEntityValue.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+export interface InvoicingOpenEntityValueProps {
+    dataTestId: string;
+    label: string;
+    ariaLabel?: string;
+    onOpen: () => void;
+}
+/**
+ * Linked-entity value for the invoicing detail pages: the name stays plain text
+ * and only a trailing open-in-new-tab icon is a click target, so long names
+ * don't read as one large hyperlink. Shared so the invoice and subscription
+ * detail pages can't drift apart.
+ */
+export declare function InvoicingOpenEntityValue({ ariaLabel, dataTestId, label, onOpen, }: Readonly<InvoicingOpenEntityValueProps>): ReactElement;

package/dist/components/invoicing/couponForm/couponForm.shared.d.ts

@@ -17,8 +17,10 @@ export interface PickerValue {
  * Every plain field (name, couponCode, couponId, …) flows through by identity,
  * so adding a field to the CES type needs no mapper change.
  */
-export type CouponFormValues = Omit<InvoicingCouponFormLocalData, "applyOn" | "discountType" | "durationType" | "periodUnit" | "validFrom" | "validTill"> & {
+export type CouponFormValues = Omit<InvoicingCouponFormLocalData, "applyOn" | "discountAmount" | "discountType" | "durationType" | "periodUnit" | "validFrom" | "validTill"> & {
     applyOn: PickerValue;
+    /** Held as a float by `returnValueType: "floatValue"`; `null` when cleared. */
+    discountAmount: number | null;
     discountType: PickerValue;
     durationType: PickerValue;
     periodUnit: PickerValue;

package/dist/components/invoicing/customerForm/customerForm.shared.d.ts

@@ -29,8 +29,8 @@ export declare const buildInvoicingCustomerFormOptions: () => InvoicingCustomerF
  * *shape* differs on the form (the three pickers) are overridden. Every plain
  * field (firstName, lastName, email, …) flows through by identity, so adding a
  * field to the CES type needs no mapper change. `preferredCurrencyCode` is
- * fixed to USD and shown as a readonly row, so it is dropped from the form
- * values and reconstructed on the way back.
+ * fixed to USD and not surfaced in the UI, so it is dropped from the form
+ * values and reconstructed on the way back for the request body.
  */
 export type CustomerFormValues = Omit<InvoicingCustomerFormLocalData, "customerType" | "netTermDays" | "preferredCurrencyCode" | "taxability"> & {
     customerType: PickerValue;

package/dist/components/invoicing/recordPayment/recordPayment.shared.d.ts

@@ -22,7 +22,9 @@ export interface PickerValue {
  * pickers, the date picker) are overridden. Every plain field (amount, comment,
  * referenceNumber, transactionId) flows through by identity.
  */
-export type RecordPaymentFormValues = Omit<RecordPaymentFormLocalData, "customerId" | "date" | "gateway" | "invoiceToLink" | "paymentMethod"> & {
+export type RecordPaymentFormValues = Omit<RecordPaymentFormLocalData, "amount" | "customerId" | "date" | "gateway" | "invoiceToLink" | "paymentMethod"> & {
+    /** Held as a float by `returnValueType: "floatValue"`; `null` when cleared. */
+    amount: number | null;
     customerId: PickerValue;
     date: Date | undefined;
     gateway: PickerValue;

package/dist/components/invoicing/settings/InvoicingIntegrationsSection.d.ts

@@ -17,8 +17,9 @@ export interface InvoicingIntegrationsSectionProps {
     onReconnectQBO: () => void;
     onRefreshQBO: () => void;
     onSaveChargeBeeCredentials: (apiKey: string, site: string) => void;
+    onConfigureQBO?: () => void;
     onConnectStripe?: (credentials: StripeConnectCredentials) => void;
     onDisconnectStripe?: () => void;
 }
-export declare function InvoicingIntegrationsSection({ deleteConnectionError, deleteConnectionState, initialStripeDialogOpen, integrationsView, isAdmin, isStripeBusy, onConnectStripe, onDisconnect, onDisconnectStripe, onReconnectQBO, onRefreshQBO, onSaveChargeBeeCredentials, saveChargeBeeError, saveChargeBeeState, settings, stripeError, stripeWebhookUrl, }: Readonly<InvoicingIntegrationsSectionProps>): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicingIntegrationsSection({ deleteConnectionError, deleteConnectionState, initialStripeDialogOpen, integrationsView, isAdmin, isStripeBusy, onConfigureQBO, onConnectStripe, onDisconnect, onDisconnectStripe, onReconnectQBO, onRefreshQBO, onSaveChargeBeeCredentials, saveChargeBeeError, saveChargeBeeState, settings, stripeError, stripeWebhookUrl, }: Readonly<InvoicingIntegrationsSectionProps>): import("react/jsx-runtime").JSX.Element;
 export default InvoicingIntegrationsSection;

package/dist/components/invoicing/settings/InvoicingQBOSettingsPage.d.ts

@@ -0,0 +1,24 @@
+import { FetchStateAndError, InvoicingNamedOption, InvoicingQboAccountMappingKindOption, InvoicingQboAccountOption, InvoicingQboConnection, InvoicingQboSettingsPayload, InvoicingQboSyncHealth } from '@zeniai/client-epic-state';
+export interface InvoicingQBOSettingsPageProps {
+    accountMappingKindOptions: InvoicingQboAccountMappingKindOption[];
+    accountsByAccountTypes: Record<string, InvoicingQboAccountOption[]>;
+    customerMatchingOptions: InvoicingNamedOption[];
+    isBackfilling: boolean;
+    isLoading: boolean;
+    isSaving: boolean;
+    retryFetchStateByTaskId: Record<string, FetchStateAndError>;
+    syncStatusOptions: InvoicingNamedOption[];
+    connection?: InvoicingQboConnection;
+    qboSettings?: InvoicingQboSettingsPayload;
+    saveErrorMessage?: string;
+    syncHealth?: InvoicingQboSyncHealth;
+    onBackClick: () => void;
+    onLoadAccounts: (accountTypes: string) => void;
+    onReconnect: () => void;
+    onRefresh: () => void;
+    onRetryTask: (taskId: string) => void;
+    onSave: (qboSettings: InvoicingQboSettingsPayload) => void;
+    onStartBackfill: (startDate: string) => void;
+}
+export declare function InvoicingQBOSettingsPage({ accountMappingKindOptions, accountsByAccountTypes, connection, customerMatchingOptions, isBackfilling, isLoading, isSaving, onBackClick, onLoadAccounts, onReconnect, onRefresh, onRetryTask, onSave, onStartBackfill, qboSettings, retryFetchStateByTaskId, saveErrorMessage, syncHealth, syncStatusOptions, }: Readonly<InvoicingQBOSettingsPageProps>): import("react/jsx-runtime").JSX.Element;
+export default InvoicingQBOSettingsPage;

package/dist/components/invoicing/settings/invoicingIntegrationCards.d.ts

@@ -12,6 +12,7 @@ export interface BuildInvoicingIntegrationCardsParams {
     onOpenStripeDialog: () => void;
     onReconnectQBO: () => void;
     onRefreshQBO: () => void;
+    onConfigureQBO?: () => void;
     onDisconnectStripe?: () => void;
 }
-export declare const buildInvoicingIntegrationCardSpecs: ({ integrationsView, isDarkTheme, isQBORefreshing, isStripeBusy, onDisconnectChargebee, onDisconnectQBO, onDisconnectStripe, onOpenChargebeeDialog, onOpenStripeDialog, onReconnectQBO, onRefreshQBO, settings, }: BuildInvoicingIntegrationCardsParams) => IntegrationCardSpec[];
+export declare const buildInvoicingIntegrationCardSpecs: ({ integrationsView, isDarkTheme, isQBORefreshing, isStripeBusy, onConfigureQBO, onDisconnectChargebee, onDisconnectQBO, onDisconnectStripe, onOpenChargebeeDialog, onOpenStripeDialog, onReconnectQBO, onRefreshQBO, settings, }: BuildInvoicingIntegrationCardsParams) => IntegrationCardSpec[];

package/dist/components/invoicing/settings/invoicingSettingsShared.d.ts

@@ -153,7 +153,7 @@ export declare const CardHeaderRow: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CardHeaderText: import('@emotion/styled').StyledComponent<{
+export declare const CardHeaderTitle: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/invoicing/subscriptionForm/subscriptionForm.shared.d.ts

@@ -27,16 +27,19 @@ export interface InvoicingSubscriptionFormOptions {
  * Reuses the CES localData field names verbatim — only the fields whose *shape*
  * differs on the form (pickers, multiselects, the trial-end date) are
  * overridden. Every plain field (autoCollection, poNumber, setupFee) flows
- * through by identity. `preferredCurrencyCode` is a fixed USD readonly display,
- * so it lives off react-hook-form and is reconstructed in the reverse mapper.
+ * through by identity. `preferredCurrencyCode` is fixed to USD and not surfaced
+ * in the UI, so it lives off react-hook-form and is reconstructed in the reverse
+ * mapper for the request body.
  */
-export type SubscriptionFormValues = Omit<InvoicingSubscriptionFormLocalData, "addonPriceCodes" | "billingFrequency" | "chargePriceCodes" | "couponId" | "customerId" | "planPriceCode" | "preferredCurrencyCode" | "trialEnd"> & {
+export type SubscriptionFormValues = Omit<InvoicingSubscriptionFormLocalData, "addonPriceCodes" | "billingFrequency" | "chargePriceCodes" | "couponId" | "customerId" | "planPriceCode" | "preferredCurrencyCode" | "setupFee" | "trialEnd"> & {
     addonPriceCodes: MultiSelectWithCheckBoxFieldValue;
     billingFrequency: PickerValue;
     chargePriceCodes: MultiSelectWithCheckBoxFieldValue;
     couponId: PickerValue;
     customerId: PickerValue;
     planPriceCode: PickerValue;
+    /** Held as a float by `returnValueType: "floatValue"`; `null` when cleared. */
+    setupFee: number | null;
     trialEnd: Date | undefined;
 };
 /** Value→label lookup for a checkbox-less multi-select (add-ons detail edit). */

package/dist/components/notifications/components/CommentsNotificationTileMedium.d.ts

@@ -1,11 +1,5 @@
 import { CommentBodyElement, CommentBodyLink, CommentBodyMention, CommentBodyText } from '@liveblocks/client';
 import { ExternalNotificationData, ID, NotificationStatus, User, ZeniUrl } from '@zeniai/client-epic-state';
-import { ResponsiveSized } from '../../../context/windowSizeProvider';
-/**
- * Dimensions
- */
-export declare const tileLineClamp: ResponsiveSized;
-export declare const notificationTileSectionWidth: ResponsiveSized;
 /**
  * Props
  */

package/dist/components/notifications/components/NotificationRowText.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { NotificationStatus } from '@zeniai/client-epic-state';
+/**
+ * Component & its Props
+ */
+interface NotificationRowTextProps {
+    children: ReactNode;
+    notificationStatus: NotificationStatus;
+    className?: string;
+}
+export declare const NotificationRowText: ({ children, className, notificationStatus, }: Readonly<NotificationRowTextProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationRowTextSpan: ({ children, className, notificationStatus, }: Readonly<NotificationRowTextProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/notifications/components/NotificationTagPill.d.ts

@@ -0,0 +1,12 @@
+import { NotificationTagType } from '../utils/commonHelpers';
+/**
+ * Component
+ */
+export declare const NotificationTagPill: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
+} & import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & {
+    tagType: NotificationTagType;
+}, {}, {}>;

package/dist/components/notifications/components/NotificationTileMedium.d.ts

@@ -1,10 +1,4 @@
 import { ID, NotificationActivityType, NotificationStatus, NotificationWithAuthors, ZeniDate } from '@zeniai/client-epic-state';
-import { ResponsiveSized } from '../../../context/windowSizeProvider';
-/**
- * Dimensions
- */
-export declare const tileLineClamp: ResponsiveSized;
-export declare const notificationTileSectionWidth: ResponsiveSized;
 /**
  * Props
  */
@@ -32,4 +26,4 @@ export declare const NotificationTileMedium: ({ sectionId, notificationData, isH
 export declare const NotificationMessageComponent: (notificationData: NotificationWithAuthors) => import("react/jsx-runtime").JSX.Element;
 export declare const NotificationActionComponents: (notificationData: NotificationWithAuthors) => import("react/jsx-runtime").JSX.Element;
 export declare const NotificationTimeComponent: (props: NotificationTimeProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationTagComponent: (notificationData: NotificationWithAuthors) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationTagComponent: (notificationData: NotificationWithAuthors) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/notifications/components/notificationRowStyles.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Dimensions
+ */
+export declare const NOTIFICATION_ROW_HEIGHT_PX: number;
+export declare const NOTIFICATION_COLUMN_WIDTHS: {
+    action: string;
+    message: string;
+    tag: string;
+    time: string;
+};
+/**
+ * Styled Components
+ */
+export declare const notificationRowCellStyles: import('@emotion/react').SerializedStyles;
+export declare const NotificationUnreadDot: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NotificationMessageCell: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NotificationActionCell: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NotificationTagCell: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NotificationTimeCell: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/notifications/table/notificationsListHeader/NotificationsListConfig.d.ts

@@ -4,3 +4,5 @@ export declare const DEFAULT_LIST_GROUP_GAP: number;
 export declare const DEFAULT_LIST_ITEM_LINE_HEIGHT: number;
 export declare const OVERSCAN_COUNT = 1;
 export declare const ARBITRARY_ITEM_COUNT = 1000;
+export declare const NOTIFICATION_GROUP_LABEL_HEIGHT: number;
+export declare const NOTIFICATION_EMPTY_GROUP_ROW_COUNT = 3;

package/dist/components/notifications/utils/commentsNotificationHelpers.d.ts

@@ -1,5 +1,16 @@
 import { ExternalNotificationData } from '@zeniai/client-epic-state';
 import { CommentNotificationGroupDetails } from './commonHelpers';
+/**
+ * Custom inbox notification kinds triggered by the tenant backend for thread
+ * resolve / reopen. Declared in `src/types/liveblocks.config.ts`. Consumers
+ * filtering `useInboxNotifications()` by kind must allow these through
+ * alongside the native "thread" kind.
+ */
+export declare const THREAD_RESOLVED_NOTIFICATION_KIND = "$threadResolved";
+export declare const THREAD_UNRESOLVED_NOTIFICATION_KIND = "$threadUnresolved";
+export declare const COMMENT_NOTIFICATION_KINDS: readonly ["thread", "$threadResolved", "$threadUnresolved"];
+export type CommentNotificationKind = (typeof COMMENT_NOTIFICATION_KINDS)[number];
+export declare const isCommentNotificationKind: (kind: string) => kind is CommentNotificationKind;
 /**
  * Helpers
  */

package/dist/components/notifications/utils/commonHelpers.d.ts

@@ -20,5 +20,6 @@ type NotificationGroupType = ReturnType<typeof toNotificationGroupType>;
 export declare const getGroupLabelValue: (notificationGroup: CommentNotificationGroupDetails | NotificationGroupDetails) => string;
 export declare const getGroupLabelText: (notificationGroup: CommentNotificationGroupDetails | NotificationGroupDetails) => string;
 export declare const getNotificationTimeString: (timestamp: Date) => string;
-export declare const getStatusBackgroundColor: (allowedValueWithCode: AllowedValueWithCode) => string;
+export type NotificationTagType = "attention" | "default" | "info" | "success" | "warning";
+export declare const getStatusTagType: (allowedValueWithCode: AllowedValueWithCode) => NotificationTagType;
 export {};

package/dist/components/settingsPage/Integrations/components/integrationCardTypes.d.ts

@@ -12,6 +12,7 @@ export interface IntegrationCardSpec {
     iconAction?: {
         isEnabled: boolean;
         isSpinning: boolean;
+        tooltip?: string;
         onClick: () => void;
     };
     primaryAction?: {