@zeniai/web-components 4.1.41-betaAK1 → 4.1.41-betaAS01

package/dist/strings/strings.d.ts

@@ -7202,156 +7202,6 @@ export declare const zeniStrings: {
                 termsLink: string;
             };
         };
-        cashManagement: {
-            navCTA: {
-                label: string;
-                ariaLabel: string;
-            };
-            banner: {
-                notSetUp: {
-                    moveToTreasuryPrefix: string;
-                    moveToTreasurySuffix: string;
-                    toEarnPrefix: string;
-                    toEarnSuffix: string;
-                    approxPrefix: string;
-                    recommended: string;
-                    setUpAutoSweep: string;
-                    bufferIntroPrefix: string;
-                    bufferIntroAboveBuffer: string;
-                    bufferIntroSuffix: string;
-                    payrollProjectionPrefix: string;
-                    payrollProjectionAmountOpen: string;
-                    payrollProjectionAmountClose: string;
-                    payrollProjectionSuffix: string;
-                    ourAgentWill: string;
-                    features: {
-                        minimum: string;
-                        detect: string;
-                        consolidate: string;
-                        sweep: string;
-                    };
-                };
-                inProgress: {
-                    titlePrefix: string;
-                    titleSuffix: string;
-                    initiatedPrefix: string;
-                    pendingBadge: string;
-                };
-                complete: {
-                    titlePrefix: string;
-                    titleSuffix: string;
-                    completeBadge: string;
-                    nextAutoSweepPrefix: string;
-                };
-                footer: {
-                    frequencyPrefix: string;
-                    defaultFrequencyLabel: string;
-                    defaultEstimatedDaysLabel: string;
-                    dotSeparator: string;
-                };
-            };
-            sweepAmountCard: {
-                title: string;
-                coversLabel: string;
-                sweepFrequencyLabel: string;
-                daysSuffix: string;
-                payrollAndBillsPrefix: string;
-                payrollAndBillsSuffix: string;
-            };
-            sweepFlowRow: {
-                moveFundsFrom: string;
-                to: string;
-                treasury: string;
-                bubbleMorePrefix: string;
-            };
-            setupPage: {
-                title: string;
-                askAiCfo: string;
-                sourceAccountsHeader: string;
-                sweepAmountHeader: string;
-                primaryAccount: string;
-                descriptionPrefix: string;
-                descriptionSuffix: string;
-                riskLabel: string;
-                riskAdditional: string;
-                memoLabel: string;
-                memoPlaceholder: string;
-                frequencyLabel: string;
-                frequencyAdditionalPrefix: string;
-                bufferAmountSuffix: string;
-                cancel: string;
-                reviewSweep: string;
-                viewMore: string;
-                viewLess: string;
-                riskOptions: {
-                    low: string;
-                    moderate: string;
-                    high: string;
-                };
-                frequencyOptions: {
-                    daily: string;
-                    weekly: string;
-                    biweekly: string;
-                    monthly: string;
-                };
-            };
-            reviewPage: {
-                title: string;
-                askAiCfo: string;
-                descriptionPrefix: string;
-                descriptionMiddle: string;
-                descriptionSuffix: string;
-                defaultEstimatedDaysLabel: string;
-                safetyCheck: string;
-                risk: string;
-                bufferCushion: string;
-                bufferCushionPrefix: string;
-                bufferCushionSuffix: string;
-                operatingBalance: string;
-                minimumRequired: string;
-                edit: string;
-                confirmSweep: string;
-                disclaimer: string;
-                bufferAmountWrapPrefix: string;
-                bufferAmountWrapSuffix: string;
-                riskLabels: {
-                    low: string;
-                    moderate: string;
-                    high: string;
-                };
-            };
-            overview: {
-                title: string;
-                tabs: {
-                    overview: string;
-                    autoTransferRules: string;
-                };
-                emptyAutoTransferRules: string;
-                totalCash: string;
-                cashBalance: string;
-                treasury: string;
-                cashFlow: string;
-                outflows: string;
-                inflows: string;
-                cashBalanceProjection: string;
-                legend: {
-                    expectedInflow: string;
-                    expectedOutflow: string;
-                    safetyBuffer: string;
-                };
-                bufferLabelPrefix: string;
-                granularity: {
-                    daily: string;
-                    weekly: string;
-                    monthly: string;
-                };
-                outflowSection: {
-                    outflow: string;
-                    paymentDate: string;
-                    amount: string;
-                };
-            };
-        };
     };
     taskManagement: {
         common: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeniai/web-components",
-  "version": "4.1.41-betaAK1",
+  "version": "4.1.41-betaAS01",
   "private": false,
   "type": "module",
   "sideEffects": [
@@ -50,7 +50,7 @@
     "@stripe/react-stripe-js": "^2.7.3",
     "@stripe/stripe-js": "^4.4.0",
     "@zeniai/client-analytics": "2.0.19",
-    "@zeniai/client-epic-state": "5.0.77-betaAK1",
+    "@zeniai/client-epic-state": "5.0.77",
     "autosuggest-highlight": "^3.2.1",
     "browser-image-compression": "^2.0.2",
     "countries-list": "^2.6.1",

package/dist/components/spendManagement/cashManagement/AutoSweepFlow.d.ts

@@ -1,50 +0,0 @@
-import { default as React } from 'react';
-import { Amount, FundingAccount, ID } from '@zeniai/client-epic-state';
-import { RiskLevel, SweepFrequency } from './AutoSweepSetupPage';
-interface TreasurySummaryWithBalance {
-    availableBalance: Amount;
-    fundAllocations: {
-        amount: Amount;
-        fundCode: string;
-    }[];
-    insuredFunds: Amount;
-    processingBalance: Amount;
-    totalBalance: Amount;
-    totalYield: Amount;
-}
-export interface AutoSweepFlowProps {
-    averageDailySpend: number;
-    coverageDays: number;
-    primaryAccount: FundingAccount;
-    sourceAccounts: FundingAccount[];
-    sweepAmount: number;
-    initialFrequency?: SweepFrequency;
-    initialMemo?: string;
-    /** Initial state for the form. */
-    initialRisk?: RiskLevel;
-    sweepAmounts?: Record<ID, number>;
-    treasurySummary?: TreasurySummaryWithBalance;
-    /** Fired when the user clicks "Confirm Sweep" on the review screen. */
-    onConfirm?: (params: {
-        frequency: SweepFrequency;
-        memo: string;
-        risk: RiskLevel;
-        selectedSourceAccountIds: ID[];
-    }) => void;
-    /** Fired when the user clicks the back arrow on the setup screen. */
-    onExit?: () => void;
-}
-/**
- * Step state machine that pairs `AutoSweepSetupPage` and `AutoSweepReviewPage`.
- *
- * - Setup → Review: triggered by `onReviewClick` (Review Sweep button).
- * - Review → Setup: triggered by `onEditClick` (Edit button).
- * - Review → Confirm: triggered by `onConfirmClick`; bubbles up via `onConfirm`.
- *
- * Use this component in stories or screens that need the full
- * "configure → review → confirm" flow without their own routing layer.
- * In production a router-driven container can render the two pages on
- * separate routes instead of using this wrapper.
- */
-declare const AutoSweepFlow: React.FC<AutoSweepFlowProps>;
-export default AutoSweepFlow;

package/dist/components/spendManagement/cashManagement/AutoSweepReviewPage.d.ts

@@ -1,43 +0,0 @@
-import { default as React } from 'react';
-import { Amount, FundingAccount, ID } from '@zeniai/client-epic-state';
-import { RiskLevel } from './AutoSweepSetupPage';
-interface TreasurySummaryWithBalance {
-    availableBalance: Amount;
-    fundAllocations: {
-        amount: Amount;
-        fundCode: string;
-    }[];
-    insuredFunds: Amount;
-    processingBalance: Amount;
-    totalBalance: Amount;
-    totalYield: Amount;
-}
-export interface AutoSweepReviewPageProps {
-    averageDailySpend: number;
-    bufferAmount: number;
-    bufferCushionAmount: number;
-    coverageDays: number;
-    operatingBalance: number;
-    primaryAccount: FundingAccount;
-    risk: RiskLevel;
-    /**
-     * Subset of `sourceAccounts` ids the user picked on the setup page.
-     * Drives the source-icon cluster + count badge in the FlowRow so it
-     * matches what was shown on the setup screen.
-     */
-    selectedSourceAccountIds: ID[];
-    sourceAccounts: FundingAccount[];
-    sweepAmount: number;
-    estimatedDaysLabel?: string;
-    /**
-     * Treasury account summary used to render the destination ("Treasury")
-     * label and its current available balance. Source:
-     * `getTreasuryDetail(state).accountSummary`.
-     */
-    treasurySummary?: TreasurySummaryWithBalance;
-    onBackClick?: () => void;
-    onConfirmClick?: () => void;
-    onEditClick?: () => void;
-}
-declare const AutoSweepReviewPage: React.FC<AutoSweepReviewPageProps>;
-export default AutoSweepReviewPage;

package/dist/components/spendManagement/cashManagement/AutoSweepSetupPage.d.ts

@@ -1,117 +0,0 @@
-import { default as React } from 'react';
-import { Amount, FundingAccount, ID } from '@zeniai/client-epic-state';
-interface TreasurySummaryWithBalance {
-    availableBalance: Amount;
-    fundAllocations: {
-        amount: Amount;
-        fundCode: string;
-    }[];
-    insuredFunds: Amount;
-    processingBalance: Amount;
-    totalBalance: Amount;
-    totalYield: Amount;
-}
-export type RiskLevel = "low" | "moderate" | "high";
-export type SweepFrequency = "daily" | "weekly" | "biweekly" | "monthly";
-/**
- * Wiring (web-app-ui container):
- *
- * ```ts
- * import {
- *   getCommonSetupViewDetails,
- *   SetupView,
- * } from "@zeniai/client-epic-state";
- *
- * const setupView: SetupView = useSelector((state: RootState) =>
- *   getCommonSetupViewDetails(state, companyId, "zeni_treasury", "zeniAccounts")
- * );
- *
- * // primaryFundingAccount is resolved via companyTreasuryInfo.primaryFundingAccount
- * // → mapped to FundingAccount through mapDepositAccToFundingAccount /
- * //   mapPaymentAccToFundingAccount inside the selector.
- * if (setupView.primaryFundingAccount == null) {
- *   return <TreasurySetupPromo />;  // no primary set yet — guard upstream
- * }
- *
- * return (
- *   <AutoSweepSetupPage
- *     primaryAccount={setupView.primaryFundingAccount}
- *     sourceAccounts={setupView.allFundingAccounts}
- *     sweepAmounts={...}             // TODO(CES): see notes below
- *     sweepAmount={...}              // TODO(CES): see notes below
- *     coverageDays={...}             // TODO(CES): see notes below
- *     averageDailySpend={...}        // TODO(CES): see notes below
- *     treasurySummary={treasuryDetail.accountSummary}
- *     onReviewClick={(params) => {
- *       // TODO(web-app-ui): persist params into local form state and
- *       // navigate to AutoSweepReviewPage route.
- *     }}
- *   />
- * );
- * ```
- *
- * TODO(CES) — additional state/selectors/actions still needed to fully wire
- *   this up against backend data; the existing `getCommonSetupViewDetails`
- *   only covers `primaryFundingAccount` + `allFundingAccounts`:
- *   1. Auto-sweep recommendation selector — returns
- *      `{sweepAmount, coverageDays, averageDailySpend, perAccountSweepAmount}`
- *      computed from balances, payroll schedule, and the chosen risk buffer.
- *   2. Auto-sweep config state slice — persists user selections
- *      `{risk, memo, frequency, selectedSourceAccountIds}`, plus a
- *      `FetchStateAndError` for save/submit.
- *   3. Action + epic to submit the auto-sweep config (create / update).
- *   4. Action + epic to initiate a one-off sweep transfer (used by
- *      AutoSweepReviewPage's `Confirm Sweep`).
- *   5. Selector to derive the in-progress / completed sweep status that
- *      drives `CashManagementBanner` (`status: "in_progress" | "complete"`).
- *
- * TODO(web-app-ui) — container/screen still needed:
- *   1. New route + screen `AutoSweepSetupScreen` under
- *      `screens/cashManagement/` that calls `getCommonSetupViewDetails(
- *      state, companyId, "zeni_treasury", "zeniAccounts")` and the
- *      recommendation selector above, then renders this component.
- *   2. `onReviewClick` handler — store form params (e.g. via location
- *      state or a route-scoped reducer) and `navigate` to
- *      `AutoSweepReviewScreen`.
- *   3. `AutoSweepReviewScreen` — reads the same form params, renders
- *      `AutoSweepReviewPage`, and on `onConfirmClick` dispatches the
- *      submit-config + initiate-sweep actions, then navigates to the
- *      cash overview with the in-progress banner showing.
- */
-export interface AutoSweepSetupPageProps {
-    averageDailySpend: number;
-    coverageDays: number;
-    /**
-     * Primary funding account that performs the actual transfer to Treasury.
-     * Source: `getCommonSetupViewDetails(...).primaryFundingAccount` with
-     * `setupViewType: "zeni_treasury"`.
-     */
-    primaryAccount: FundingAccount;
-    /**
-     * All connected source accounts that can top up the primary.
-     * Source: `getCommonSetupViewDetails(...).allFundingAccounts`.
-     */
-    sourceAccounts: FundingAccount[];
-    sweepAmount: number;
-    frequency?: SweepFrequency;
-    memo?: string;
-    risk?: RiskLevel;
-    /** Per-account sweep amount keyed by FundingAccount id. */
-    sweepAmounts?: Record<ID, number>;
-    /**
-     * Treasury account summary used to render the destination ("Treasury")
-     * label and its current available balance. Source:
-     * `getTreasuryDetail(state).accountSummary`.
-     */
-    treasurySummary?: TreasurySummaryWithBalance;
-    onBackClick?: () => void;
-    onCancelClick?: () => void;
-    onReviewClick?: (params: {
-        frequency: SweepFrequency;
-        memo: string;
-        risk: RiskLevel;
-        selectedSourceAccountIds: ID[];
-    }) => void;
-}
-declare const AutoSweepSetupPage: React.FC<AutoSweepSetupPageProps>;
-export default AutoSweepSetupPage;

package/dist/components/spendManagement/cashManagement/CashManagementBanner.d.ts

@@ -1,20 +0,0 @@
-import { default as React } from 'react';
-export type CashManagementBannerStatus = "not_set_up" | "in_progress" | "complete";
-export interface CashManagementBannerProps {
-    amount: number;
-    status: CashManagementBannerStatus;
-    bufferAmount?: number;
-    completedAtLabel?: string;
-    estimatedAnnualYield?: number;
-    estimatedDaysLabel?: string;
-    frequencyLabel?: string;
-    initiatedAtLabel?: string;
-    nextSweepDateLabel?: string;
-    payrollAmount?: number;
-    payrollDateLabel?: string;
-    style?: React.CSSProperties;
-    onSetUpAutoSweepClick?: () => void;
-    onViewDetailsClick?: () => void;
-}
-declare const CashManagementBanner: React.FC<CashManagementBannerProps>;
-export default CashManagementBanner;

package/dist/components/spendManagement/cashManagement/CashManagementNavCTA.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-export interface CashManagementNavCTAProps {
-    /** Override the gate check (e.g. for storybook). When omitted, reads `is_cash_management_feature_enabled`. */
-    isFeatureEnabled?: boolean;
-    onClick: () => void;
-}
-/**
- * Right-side navbar CTA that links to the Cash Management page.
- *
- * Gated behind `is_cash_management_feature_enabled`. Renders nothing when
- * the gate is off so it can be safely dropped into existing navbars.
- */
-declare const CashManagementNavCTA: React.FC<CashManagementNavCTAProps>;
-export default CashManagementNavCTA;

package/dist/components/spendManagement/cashManagement/CashOverview.d.ts

@@ -1,53 +0,0 @@
-import { default as React } from 'react';
-import { UpcomingPaymentEvent } from '@zeniai/client-epic-state';
-import { AutoTransferRulePageProps } from '../autoTransferRules/AutoTransferRulePage';
-import { CashManagementBannerProps } from './CashManagementBanner';
-export type ProjectionGranularity = "daily" | "weekly" | "monthly";
-export interface ProjectionDataPoint {
-    balance: number;
-    date: string;
-    isInflow?: boolean;
-    isOutflow?: boolean;
-}
-export type CashManagementTabId = "overview" | "autoTransferRules";
-export interface CashOverviewProps {
-    bufferAmount: number;
-    cashBalance: number;
-    cashFlowTotal: number;
-    inflows: number;
-    outflowItems: UpcomingPaymentEvent[];
-    outflows: number;
-    projectionData: ProjectionDataPoint[];
-    totalCash: number;
-    treasuryBalance: number;
-    /**
-     * Props passed through to `<AutoTransferRulePage />` rendered under the
-     * "Auto Transfer Rules" tab. When omitted and `isAutoTransferRulesLoading`
-     * is false, that tab renders an empty state.
-     */
-    autoTransferRulePageProps?: AutoTransferRulePageProps;
-    /**
-     * When provided, renders `<CashManagementBanner>` just below the NavBar.
-     * The consumer is responsible for picking the right `status` and
-     * gating on the cash-management feature flag.
-     */
-    cashManagementBannerProps?: CashManagementBannerProps;
-    granularity?: ProjectionGranularity;
-    /** Initial active tab; defaults to `"overview"`. */
-    initialTab?: CashManagementTabId;
-    /**
-     * When `true`, the auto transfer rules tab renders a skeleton placeholder
-     * instead of the empty state. Use while the rules selector is fetching.
-     */
-    isAutoTransferRulesLoading?: boolean;
-    /**
-     * When `true`, the upcoming outflows table renders a skeleton placeholder
-     * in place of its rows. Use while the upcoming-payment-events selector is
-     * fetching.
-     */
-    isOutflowsLoading?: boolean;
-    onBackClick?: () => void;
-    onGranularityChange?: (granularity: ProjectionGranularity) => void;
-}
-declare const CashOverview: React.FC<CashOverviewProps>;
-export default CashOverview;

package/dist/components/spendManagement/cashManagement/OutflowSection.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { UpcomingPaymentEvent } from '@zeniai/client-epic-state';
-export interface OutflowSectionProps {
-    items: UpcomingPaymentEvent[];
-}
-export declare const OUTFLOW_COL_PCTS: readonly [45, 30, 25];
-declare const OutflowSection: React.FC<OutflowSectionProps>;
-export default OutflowSection;

package/dist/components/spendManagement/cashManagement/SweepAmountCard.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-export interface SweepAmountCardProps {
-    averageDailySpend: number;
-    coverageDays: number;
-    sweepAmount: number;
-    /** Word(s) preceding the days count. Defaults to "Covers". */
-    coverageLabel?: string;
-    style?: React.CSSProperties;
-}
-declare const SweepAmountCard: React.FC<SweepAmountCardProps>;
-export default SweepAmountCard;

package/dist/components/spendManagement/cashManagement/SweepFlowRow.d.ts

@@ -1,29 +0,0 @@
-import { default as React } from 'react';
-import { Amount, FundingAccount } from '@zeniai/client-epic-state';
-interface TreasurySummaryWithBalance {
-    availableBalance: Amount;
-    fundAllocations: {
-        amount: Amount;
-        fundCode: string;
-    }[];
-    insuredFunds: Amount;
-    processingBalance: Amount;
-    totalBalance: Amount;
-    totalYield: Amount;
-}
-export interface SweepFlowRowProps {
-    /** Primary funding account that performs the actual transfer to Treasury. */
-    primaryAccount: FundingAccount;
-    /**
-     * Subset of `sourceAccounts` to display in the icon cluster + count.
-     * - On the setup page this is reactive to checkbox state.
-     * - On the review page this is read-only (passed in by the caller).
-     */
-    selectedAccounts: FundingAccount[];
-    /** Full list of source accounts (used as the lookup pool for icons/sublabels). */
-    sourceAccounts: FundingAccount[];
-    /** Treasury account summary; rendered as the destination ("Treasury" + available balance). */
-    treasurySummary?: TreasurySummaryWithBalance;
-}
-declare const SweepFlowRow: React.FC<SweepFlowRowProps>;
-export default SweepFlowRow;