@spicenet-io/spiceflow-ui 4.9.3-xchain.0 → 4.9.3

package/README.md

@@ -108,49 +108,6 @@ it becomes a `protocol` everyone can name.
 
 ## Development
 
-### Rollup balance pricing
-
-Rollup USD values use the host-configured RPC provider's pricing capability when the balance API has no valid value. The built-in account panel and withdrawal modal enable this while open; custom `useSpiceAssets` consumers can opt in with `priceEnabled`. Quantities arrive independently. Lookups follow receipt mappings, prefer `nativeChainId`, and fall back to other supported chains with a configured Alchemy endpoint. Explicit account `tokenPrices` overrides still take precedence over provider quotes.
-
-Wallet discovery and rollup balances share a one-minute quote cache. Pricing polls only while the view is open and the page is visible. A failed refresh can retain a marked stale quote for up to five minutes; an unavailable quote displays `—`. No extra key, internal RPC, or symbol-based ERC-20 price fallback is used.
-
-### Direct withdrawal in a custom balance row
-
-`useSpiceDirectWithdraw()` uses the same embedded-wallet transfer and fee path as the account panel's direct Withdraw buttons. It selects the connected external wallet as recipient, exposes `canWithdraw` and `state`, and rejects duplicate submissions while pending. Pass the raw `bigint` balance to `withdraw({ tokenAddress, chainId, balance })` and refresh the host's balance after it resolves. Rejections are available as `state.message` for the host to render.
-
-Custom account rows accept React content in `displayValue`, so a host can render its own button with that controller. Set the row's `asset: { tokenAddress, chainId }` when it represents an on-chain balance; the account panel then omits that token from discovered idle balances. Existing string values continue to work.
-
-### Withdraw from an account balance
-
-`AccountDisplay.onWithdrawClick` receives the rollup receipt-token ID when a
-user clicks Withdraw on an idle rollup balance. The main Withdraw button calls
-it without an ID. Pass the ID to `SpiceWithdraw.initialSourceAssetId` to open
-the existing modal with that asset selected; the user chooses the destination
-network inside the modal. Existing callbacks that take no arguments continue
-to work.
-
-```tsx
-const [withdrawOpen, setWithdrawOpen] = useState(false);
-const [withdrawAssetId, setWithdrawAssetId] = useState<string>();
-
-<AccountDisplay
-  onWithdrawClick={(receiptTokenId) => {
-    setWithdrawAssetId(receiptTokenId);
-    setWithdrawOpen(true);
-  }}
-/>
-<SpiceWithdraw
-  isOpen={withdrawOpen}
-  onClose={() => setWithdrawOpen(false)}
-  initialSourceAssetId={withdrawAssetId}
-  buildSpicenetBatch={buildSpicenetWithdrawalBatch}
-/>
-```
-
-Keep the integration's existing withdrawal batch builder and callbacks.
-`initialSourceAssetId` selects a current balance by ID; it does not supply a
-cached balance or change the receipt's supported withdrawal routes.
-
 ### Fee-Charging Intent Flows
 
 - `SpiceSupply` and `SpicePay` are fee-charging intent-execution flows and must surface fee estimation before enabling submission.

package/dist/auth-privy.js

@@ -1,2 +1,2 @@
 "use client";
-import{P as g}from"./privy-BKkDy7CR.js";import"react/jsx-runtime";import"react";import"@spicenet-io/spiceflow-core";import"viem";import"viem/actions";import"@privy-io/react-auth";import"wagmi";import"@tanstack/react-query";export{g as PrivyLogin};
+import{P as g}from"./privy-DhjzUaUt.js";import"react/jsx-runtime";import"react";import"@spicenet-io/spiceflow-core";import"viem";import"viem/actions";import"@privy-io/react-auth";import"wagmi";import"@tanstack/react-query";export{g as PrivyLogin};

package/dist/components/AccountDisplay/parts/AccountIdleBalances.d.ts

@@ -1,7 +1,11 @@
 import React from "react";
 import { SpiceAsset } from "../types";
 import type { ResolvedDarkPalette } from "../../../utils/theme";
-import type { DirectWithdrawState } from "../../../hooks/useDirectWithdraw";
+export interface DirectWithdrawState {
+    key: string;
+    step: "pending" | "error";
+    message?: string;
+}
 interface AccountIdleBalancesProps {
     spiceAssets: SpiceAsset[];
     loading: boolean;
@@ -10,7 +14,6 @@ interface AccountIdleBalancesProps {
     canDirectWithdraw?: boolean;
     onDirectWithdraw?: (asset: SpiceAsset) => void;
     directWithdrawState?: DirectWithdrawState | null;
-    onWithdrawClick?: (receiptTokenId?: string) => void;
 }
 export declare const AccountIdleBalances: React.NamedExoticComponent<AccountIdleBalancesProps>;
 export {};

package/dist/components/AccountDisplay/parts/AccountPanel.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { SpiceAsset, CustomSection, AccountNotice } from "../types";
 import { VerifiedPendingDeposit } from "../../../hooks/usePendingDeposit";
 import type { ResolvedDarkPalette } from "../../../utils/theme";
-import type { DirectWithdrawState } from "../../../hooks/useDirectWithdraw";
+import { type DirectWithdrawState } from "./AccountIdleBalances";
 interface AccountPanelProps {
     appName: string;
     status: "active" | "inactive";
@@ -17,7 +17,7 @@ interface AccountPanelProps {
     customSections: CustomSection[];
     notice?: AccountNotice | null;
     onDepositClick?: () => void;
-    onWithdrawClick?: (receiptTokenId?: string) => void;
+    onWithdrawClick?: () => void;
     depositDisabled?: boolean;
     onCompleteDeposit?: (deposit: VerifiedPendingDeposit) => void;
     primaryColor?: string;

package/dist/components/AccountDisplay/types.d.ts

@@ -5,8 +5,7 @@ export interface CustomSectionItem {
     tokenSymbol: string;
     tokenLogoURI?: string;
     label: string;
-    displayValue: React.ReactNode;
-    asset?: Pick<SpiceAsset, "tokenAddress" | "chainId">;
+    displayValue: string;
     valueColor?: "green" | "red" | "default";
 }
 export interface CustomSection {
@@ -25,9 +24,7 @@ export interface SpiceAsset {
     balance: string;
     balanceFormatted: number;
     usdValue: number;
-    priceStatus?: "fresh" | "stale" | "unavailable";
     logoURI?: string;
-    receiptTokenId?: string;
     directWithdraw?: boolean;
 }
 export interface BreakdownLabel {
@@ -51,7 +48,7 @@ export interface AccountDisplayProps {
     dark?: boolean;
     onDepositSuccess?: () => void;
     onDepositClick?: () => void;
-    onWithdrawClick?: (receiptTokenId?: string) => void;
+    onWithdrawClick?: () => void;
     onCompleteDeposit?: (deposit: VerifiedPendingDeposit) => void;
     showModeToggle?: boolean;
     defaultMode?: "7702" | "non7702";

package/dist/components/SpiceSupply/lib/buildBatches.d.ts

@@ -2,12 +2,11 @@ import { type Address } from "viem";
 import type { ResolvedSwap } from "@spicenet-io/spiceflow-core";
 import type { ChainBatch } from "../../../types/authorization";
 import type { SelectedAsset } from "../../../types/assets";
-import type { PivotRoute, SpiceSupplyProps, SupplyBatchBuildOptions } from "../../../types/supply";
+import type { SpiceSupplyProps, SupplyBatchBuildOptions } from "../../../types/supply";
 import type { ResolvedExactOutputSwap } from "../../../utils/swapQuotes";
 import type { ExecutionOptions } from "../../../hooks/useSpiceExecution";
 import type { FeeEstimateSummary } from "@spicenet-io/spiceflow-core";
 type EstimateFn = (chainBatches: ChainBatch[], tokenAddress: string, tokenTransferAmount: bigint, options?: ExecutionOptions) => Promise<FeeEstimateSummary>;
-export declare function getPivotEscrowAmount(sourceSwap: Pick<ResolvedSwap, "amountOutMinimum">, gasSkim: bigint): bigint;
 export declare function isExternalInPlacePaySource(selectedAsset: SelectedAsset | null, isNon7702: boolean, resolvedChainId: number): boolean;
 export declare function stripSpicenetFundingBatches(batches: ChainBatch[]): ChainBatch[];
 export declare function scaleTokenAmount(amount: bigint, fromDecimals: number, toDecimals: number): bigint;
@@ -32,14 +31,8 @@ export interface BatchBuilderContext {
     exactOutputSwap: ResolvedExactOutputSwap | null;
     quoteAmountOut: bigint | null;
     resolvedTokenIn: Address | null;
-    sourceSwap?: ResolvedSwap | null;
-    pivot?: PivotRoute | null;
     requestTimestampMs?: number;
 }
-export declare function isPivotSupply(ctx: Pick<BatchBuilderContext, "isPayMode" | "selectedAsset" | "resolvedChainId" | "sourceSwap" | "pivot">): ctx is typeof ctx & {
-    sourceSwap: ResolvedSwap;
-    pivot: PivotRoute;
-};
 export declare function buildPayChainBatches(ctx: BatchBuilderContext, options?: SupplyBatchBuildOptions): Promise<ChainBatch[]>;
 export declare function buildSupplyChainBatches(ctx: BatchBuilderContext, options?: SupplyBatchBuildOptions): Promise<ChainBatch[]>;
 export declare function estimateRequiredGrossFunding(requiredNetFunding: bigint, buildBatches: (grossFundingAmount: bigint) => ChainBatch[] | Promise<ChainBatch[]>, fundingToken: Address, estimate: EstimateFn, executionOptions?: Pick<ExecutionOptions, "useCustomTransfers" | "userOverride">): Promise<bigint>;

package/dist/components/SpiceSupply/lib/executors.d.ts

@@ -1,8 +1,7 @@
 import type { Dispatch, MutableRefObject, SetStateAction } from "react";
 import { type Address } from "viem";
 import type { SelectedAsset } from "../../../types/assets";
-import type { BuildPayBatchesFn, BuildSupplyBatchesFn, PivotRoute, SpiceSupplyProps } from "../../../types/supply";
-import type { ResolvedSwap } from "@spicenet-io/spiceflow-core";
+import type { BuildPayBatchesFn, BuildSupplyBatchesFn, SpiceSupplyProps } from "../../../types/supply";
 import { type SupplyFeeQuote } from "./feePreview";
 import type { ResolvedExactOutputSwap } from "../../../utils/swapQuotes";
 import type { ExecutionProgress } from "../../../hooks/useSpiceExecution";
@@ -26,8 +25,6 @@ export type ExecutorContext = {
     exactOutputSwap: ResolvedExactOutputSwap | null;
     selectedIsEquivalent: boolean;
     resolvedTokenIn: Address | null;
-    sourceSwap: ResolvedSwap | null;
-    pivot: PivotRoute | null;
     embeddedWalletAddress: string | null | undefined;
     providerEmbeddedAddress: string | null | undefined;
     recipient?: Address;

package/dist/components/SpiceSupply/lib/feePreview.d.ts

@@ -3,7 +3,7 @@ import { type FeeEstimateSummary } from "@spicenet-io/spiceflow-core";
 import type { FeePreview } from "../../../types/ui";
 import type { ChainBatch } from "../../../types/authorization";
 import type { Asset, SelectedAsset } from "../../../types/assets";
-import type { PivotRoute, SpiceSupplyProps, SupplyBatchBuildOptions } from "../../../types/supply";
+import type { SpiceSupplyProps, SupplyBatchBuildOptions } from "../../../types/supply";
 import type { ResolvedExactOutputSwap } from "../../../utils/swapQuotes";
 import type { ResolvedSwap } from "@spicenet-io/spiceflow-core";
 import type { ExecutionOptions } from "../../../hooks/useSpiceExecution";
@@ -14,14 +14,7 @@ export type SupplyFeeQuote = {
     preview: FeePreview;
     feeEstimate: FeeEstimateSummary | null;
     grossFundingAmount?: bigint;
-    sourceGasSkim?: bigint;
 };
-export declare function sizePivotSourceGasSkim(params: {
-    user: Address;
-    pivot: PivotRoute;
-    buildSupplyChainBatches: BuildSupplyBatchesFn;
-    signal?: AbortSignal;
-}): Promise<bigint>;
 export declare function solveGrossFunding(fees: Pick<FeePreview, "grossAmount" | "gasFee" | "spicenetFee" | "bridgeFee">, requiredNetFunding: bigint): bigint;
 export declare function estimatePayFunding(args: {
     requiredNetFunding: bigint;
@@ -46,7 +39,6 @@ export declare function estimateSupplyMaxAmount(ctx: {
     isNon7702: boolean;
     needsSwap: boolean;
     isQuoting: boolean;
-    pivot?: PivotRoute | null;
     embeddedWalletAddress: string | null | undefined;
     buildSupplyChainBatches: BuildSupplyBatchesFn;
     estimate: EstimateFn;
@@ -77,8 +69,6 @@ export interface FeePreviewContext {
     authenticated: boolean;
     isDirect: boolean;
     resolvedSwap: ResolvedSwap | null;
-    sourceSwap?: ResolvedSwap | null;
-    pivot?: PivotRoute | null;
     isQuoting: boolean;
     executionTokenAddress: Address;
     buildPayChainBatches: BuildPayBatchesFn;

package/dist/components/SpiceWithdraw/lib/helpers.d.ts

@@ -2,5 +2,5 @@ import type { ChainBatch } from "../../../types/authorization";
 export declare function normalizeTokenLabel(value?: string | null): string;
 export declare function formatTokenAmount(rawAmount: bigint, decimals: number): string;
 export declare function scaleAmountBetweenDecimals(amount: bigint, fromDecimals: number, toDecimals: number): bigint;
-export declare function estimateUsd(amount: number, price?: number, stale?: boolean): string;
+export declare function estimateUsd(amount: number, symbol?: string): string;
 export declare function buildWithdrawFeeEstimateKey(batches: ChainBatch[], tokenAddress?: string | null): string | null;

package/dist/components/SpiceWithdraw/parts/WithdrawBalanceCardHeader.d.ts

@@ -4,6 +4,7 @@ interface WithdrawBalanceCardHeaderProps {
     label: string;
     spiceAssetsLoading: boolean;
     totalSelectedBalance: number;
+    onOpenBalancePopover: (anchor: HTMLElement | null) => void;
     dark: boolean;
     dk: ResolvedDarkPalette;
 }

package/dist/components/SpiceWithdraw/parts/WithdrawBalancePopover.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { ResolvedDarkPalette } from "../../../utils/theme";
+interface BalancePopoverProps {
+    show: boolean;
+    position: {
+        top: number;
+        left: number;
+    } | null;
+    popoverRef: React.RefObject<HTMLDivElement>;
+    spiceAssets: any[] | null | undefined;
+    dark: boolean;
+    dk: ResolvedDarkPalette;
+}
+export declare const BalancePopover: React.FC<BalancePopoverProps>;
+export {};

package/dist/execution/pollIntentStep.d.ts

@@ -24,7 +24,6 @@ export declare function runAllIntentSteps(options: {
     totalSteps: number;
     delayBeforeSpicenetStepMs?: number;
     isSpicenetStep?: (stepIndex: number) => boolean;
-    beforeStep?: (stepIndex: number) => Promise<void>;
     maxExecuteAttemptsForStep?: (stepIndex: number) => number;
     maxPolls?: number;
     onStatusMessage?: (message: string, txHash?: string) => void;

package/dist/hooks/index.d.ts

@@ -6,8 +6,6 @@ export type { UseWalletReturn, WalletState, WalletActions } from "./useWallet";
 export { useSpiceAssets } from "./useSpiceAssets";
 export type { UseSpiceAssetsConfig, UseSpiceAssetsReturn, } from "./useSpiceAssets";
 export { useSpiceExecution } from "./useSpiceExecution";
-export { useDirectWithdraw as useSpiceDirectWithdraw } from "./useDirectWithdraw";
-export type { DirectWithdrawParams, DirectWithdrawState, } from "./useDirectWithdraw";
 export type { ExecutionProgress, ExecutionStep, ExecutionOptions, OnProgress, } from "./useSpiceExecution";
 export { useLockDuration } from "./useLockDuration";
 export type { UseLockDurationReturn } from "./useLockDuration";

package/dist/hooks/useDirectWithdraw.d.ts

@@ -4,15 +4,9 @@ export interface DirectWithdrawParams {
     tokenAddress: Address | string;
     chainId: number;
     balance: bigint;
+    recipient: Address | string;
     onProgress?: (progress: ExecutionProgress) => void;
 }
-export interface DirectWithdrawState {
-    key: string;
-    step: "pending" | "error";
-    message?: string;
-}
 export declare function useDirectWithdraw(): {
-    withdraw: ({ tokenAddress, chainId, balance, onProgress, }: DirectWithdrawParams) => Promise<string>;
-    canWithdraw: boolean;
-    state: DirectWithdrawState | null;
+    withdraw: ({ tokenAddress, chainId, balance, recipient, onProgress, }: DirectWithdrawParams) => Promise<string>;
 };

package/dist/hooks/useSpiceAssets.d.ts

@@ -5,7 +5,6 @@ export interface UseSpiceAssetsConfig {
     supportedChains?: number[];
     enabled?: boolean;
     refetchInterval?: number;
-    priceEnabled?: boolean;
 }
 export interface UseSpiceAssetsReturn {
     assets: Asset[];
@@ -15,4 +14,4 @@ export interface UseSpiceAssetsReturn {
     refetch: () => Promise<void>;
     getAssetsByChain: (chainId: number) => Asset[];
 }
-export declare const useSpiceAssets: ({ address, supportedChains, enabled, refetchInterval, priceEnabled, }: UseSpiceAssetsConfig) => UseSpiceAssetsReturn;
+export declare const useSpiceAssets: ({ address, supportedChains, enabled, refetchInterval, }: UseSpiceAssetsConfig) => UseSpiceAssetsReturn;

package/dist/hooks/useSupplyAssets.d.ts

@@ -8,19 +8,10 @@ export declare function compareSupplyAssets(a: Asset & {
 export declare function isSupportedSupplyAsset(asset: Pick<Asset, "address" | "chainTokens">, supportedSourceAssets?: string[]): boolean;
 export declare function isSpendableSupplyAsset(asset: Pick<Asset, "address" | "chainTokens" | "chainId"> & {
     _source?: string;
-    isNative?: boolean;
-}, destinationChainId: number, supportedSourceAssets?: string[], options?: {
-    allowPivot?: boolean;
-}): boolean;
-export declare function isSpendablePayAsset(asset: Pick<Asset, "chainId"> & {
-    _source?: string;
-}, destinationChainId: number): boolean;
+}, destinationChainId: number, supportedSourceAssets?: string[]): boolean;
 export declare function isSpendableExternalAsset(asset: Pick<Asset, "address" | "chainTokens" | "chainId"> & {
     _source?: string;
-    isNative?: boolean;
-}, destinationToken: Pick<DestinationToken, "address" | "chainId">, supportedSourceAssets?: string[], options?: {
-    allowPivot?: boolean;
-}): boolean;
+}, destinationToken: Pick<DestinationToken, "address" | "chainId">, supportedSourceAssets?: string[]): boolean;
 type DestinationToken = {
     address: Address;
     decimals: number;

package/dist/hooks/useSupplyQuote.d.ts

@@ -3,7 +3,6 @@ import { type LiquidityVenuesConfig } from "../utils/crossChainRouter/venueConfi
 import type { ResolvedSwap } from "../utils/crossChainRouter/liquidityVenues";
 import { type ExactOutputSwapIntent, type ResolvedExactOutputSwap } from "../utils/swapQuotes";
 import type { SelectedAsset } from "../types/assets";
-import type { PivotRoute } from "../types/supply";
 export interface UseSupplyQuoteOpts {
     direction: "input" | "output";
     selectedAsset: SelectedAsset | null;
@@ -35,8 +34,6 @@ export interface SupplyQuoteResult {
     isDirect: boolean;
     needsSwap: boolean;
     selectedIsEquivalent: boolean;
-    sourceSwap: ResolvedSwap | null;
-    pivot: PivotRoute | null;
 }
 export declare function resolveInputSupplySwapQuote(params: {
     chainId: number;

package/dist/hooks/useWalletBalances.d.ts

@@ -8,7 +8,6 @@ export interface UseAssetsConfig {
     fetchBalances: (address: Address, supportedChains?: number[]) => Promise<MultiChainBalances>;
     enabled?: boolean;
     refreshInterval?: number;
-    priceEnabled?: boolean;
 }
 export interface UseAssetsReturn {
     assets: Asset[];
@@ -18,4 +17,4 @@ export interface UseAssetsReturn {
     getAssetsByChain: (chainId: number) => Asset[];
     getNativeAssets: () => Asset[];
 }
-export declare const useWalletBalances: ({ address, supportedChains, fetchBalances, enabled, refreshInterval, priceEnabled, }: UseAssetsConfig) => UseAssetsReturn;
+export declare const useWalletBalances: ({ address, supportedChains, fetchBalances, enabled, refreshInterval, }: UseAssetsConfig) => UseAssetsReturn;