@spicenet-io/spiceflow-ui 3.3.5 → 3.3.7

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

@@ -0,0 +1,73 @@
+import type { Dispatch, MutableRefObject, SetStateAction } from "react";
+import { type Address } from "viem";
+import { type FeeEstimateSummary } from "@spicenet-io/spiceflow-core";
+import type { ChainBatch } from "../../types/authorization";
+import type { SelectedAsset } from "../../types/assets";
+import type { SpiceSupplyProps } from "../../types/supply";
+import type { ResolvedExactOutputSwap } from "../../utils/swapQuotes";
+import type { GaslessExecutionOptions, GaslessProgress } from "../../hooks/useSpiceExecution";
+export type SupplyStep = "idle" | "signing-delegation" | "signing-intent" | "submitting" | "executing" | "success" | "error";
+export type PaymentResult = {
+    status: "processing" | "success" | "failed";
+    txHash?: string;
+    error?: string;
+};
+type EstimateGaslessFn = (chainBatches: ChainBatch[], tokenAddress: string, tokenTransferAmount: bigint, options?: GaslessExecutionOptions) => Promise<FeeEstimateSummary>;
+type ExecuteGaslessFn = (chainBatches: ChainBatch[], tokenAddress: string, tokenTransferAmount: bigint, onProgress?: (progress: GaslessProgress) => void, signal?: AbortSignal, options?: GaslessExecutionOptions) => Promise<string>;
+type BuildPayBatchesFn = (options?: {
+    actionAmountOverride?: bigint;
+    fundingAmountOverride?: bigint;
+}) => Promise<ChainBatch[]>;
+type BuildSupplyBatchesFn = (spicenetFundingAmount?: bigint) => Promise<ChainBatch[]>;
+type EstimateRequiredGrossFundingFn = (requiredNetFunding: bigint, buildBatches: (grossFundingAmount: bigint) => ChainBatch[] | Promise<ChainBatch[]>, fundingToken: Address, gaslessOptions?: Pick<GaslessExecutionOptions, "useCustomTransfers" | "userOverride">) => Promise<bigint>;
+export interface ExecutorContext {
+    selectedAsset: SelectedAsset | null;
+    parsedAmount: number;
+    currentPaymentAmount: string;
+    isInsufficientBalance: boolean;
+    isPayMode: boolean;
+    isNon7702: boolean;
+    isSourceDestToken: boolean;
+    needsSwap: boolean;
+    exactOutputSwap: ResolvedExactOutputSwap | null;
+    selectedIsEquivalent: boolean;
+    resolvedTokenIn: Address | null;
+    embeddedWalletAddress: string | null | undefined;
+    providerEmbeddedAddress: string | null | undefined;
+    externalWallet: {
+        getEthereumProvider: () => Promise<any>;
+    } | null | undefined;
+    externalWalletAddress: string | null | undefined;
+    address: string | null | undefined;
+    isConnected: boolean;
+    ready: boolean;
+    authenticated: boolean;
+    provider: string | null | undefined;
+    resolvedChainId: number;
+    executionTokenAddress: Address;
+    destinationToken: SpiceSupplyProps["destinationToken"];
+    buildActionCalls: SpiceSupplyProps["buildActionCalls"];
+    buildSpicenetBatch: SpiceSupplyProps["buildSpicenetBatch"];
+    onPayExecute?: SpiceSupplyProps["onPayExecute"];
+    onError?: (err: Error) => void;
+    buildPayChainBatches: BuildPayBatchesFn;
+    buildSupplyChainBatches: BuildSupplyBatchesFn;
+    estimateGasless: EstimateGaslessFn;
+    executeGasless: ExecuteGaslessFn;
+    estimateRequiredGrossFunding: EstimateRequiredGrossFundingFn;
+    handleProgressCallback: (progress: GaslessProgress) => void;
+    setError: Dispatch<SetStateAction<string | null>>;
+    setStep: Dispatch<SetStateAction<SupplyStep>>;
+    setStatusMsg: Dispatch<SetStateAction<string>>;
+    setTxHash: Dispatch<SetStateAction<string | null>>;
+    setIsExecuting: Dispatch<SetStateAction<boolean>>;
+    setShowStatusPanel: Dispatch<SetStateAction<boolean>>;
+    setPaymentResult: Dispatch<SetStateAction<PaymentResult | null>>;
+    spiceDepositSubmittedRef: MutableRefObject<boolean>;
+    abortControllerRef: MutableRefObject<AbortController | null>;
+}
+export declare function executeSupply(ctx: ExecutorContext): Promise<void>;
+export declare function executeDirectExternalAction(ctx: ExecutorContext): Promise<`0x${string}` | undefined>;
+export declare function executeNon7702Pay(ctx: ExecutorContext): Promise<string>;
+export declare function executePay(ctx: ExecutorContext): Promise<void>;
+export {};

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

@@ -0,0 +1,45 @@
+import { type Address } from "viem";
+import { type FeeEstimateSummary } from "@spicenet-io/spiceflow-core";
+import type { FeePreview } from "../../types/ui";
+import type { ChainBatch } from "../../types/authorization";
+import type { SelectedAsset } from "../../types/assets";
+import type { SpiceSupplyProps } from "../../types/supply";
+import type { ResolvedExactOutputSwap } from "../../utils/swapQuotes";
+import type { ResolvedSwap } from "@spicenet-io/spiceflow-core";
+import type { GaslessExecutionOptions } from "../../hooks/useSpiceExecution";
+type EstimateGaslessFn = (chainBatches: ChainBatch[], tokenAddress: string, tokenTransferAmount: bigint, options?: GaslessExecutionOptions) => Promise<FeeEstimateSummary>;
+type BuildPayBatchesFn = (options?: {
+    actionAmountOverride?: bigint;
+    fundingAmountOverride?: bigint;
+}) => Promise<ChainBatch[]>;
+type BuildSupplyBatchesFn = (spicenetFundingAmount?: bigint) => Promise<ChainBatch[]>;
+type EstimateRequiredGrossFundingFn = (requiredNetFunding: bigint, buildBatches: (grossFundingAmount: bigint) => ChainBatch[] | Promise<ChainBatch[]>, fundingToken: Address, gaslessOptions?: Pick<GaslessExecutionOptions, "useCustomTransfers" | "userOverride">) => Promise<bigint>;
+export interface FeePreviewContext {
+    selectedAsset: SelectedAsset | null;
+    isPayMode: boolean;
+    parsedAmount: number;
+    needsSwap: boolean;
+    exactOutputSwap: ResolvedExactOutputSwap | null;
+    isNon7702: boolean;
+    isSourceDestToken: boolean;
+    currentPaymentAmount: string;
+    destinationToken: SpiceSupplyProps["destinationToken"];
+    resolvedTokenIn: Address | null;
+    embeddedWalletAddress: string | null | undefined;
+    providerEmbeddedAddress: string | null | undefined;
+    resolvedChainId: number;
+    isConnected: boolean;
+    address: string | null | undefined;
+    ready: boolean;
+    authenticated: boolean;
+    isDirect: boolean;
+    resolvedSwap: ResolvedSwap | null;
+    isQuoting: boolean;
+    executionTokenAddress: Address;
+    buildPayChainBatches: BuildPayBatchesFn;
+    buildSupplyChainBatches: BuildSupplyBatchesFn;
+    estimateGasless: EstimateGaslessFn;
+    estimateRequiredGrossFunding: EstimateRequiredGrossFundingFn;
+}
+export declare function estimateFeePreview(ctx: FeePreviewContext): Promise<FeePreview | null>;
+export {};

package/dist/components/SpiceWithdraw/executors.d.ts

@@ -0,0 +1,50 @@
+import type { Dispatch, MutableRefObject, SetStateAction } from "react";
+import { type FeeEstimateSummary } from "@spicenet-io/spiceflow-core";
+import type { Address } from "viem";
+import type { ChainBatch } from "../../types/authorization";
+import type { DestinationToken } from "../../types/withdraw";
+import type { GaslessExecutionOptions, GaslessProgress } from "../../hooks/useSpiceExecution";
+export type WithdrawalExecutionContext = {
+    actionId: string;
+    intentId: string;
+    intentIndex: number;
+    totalSteps: number;
+};
+type EstimateGaslessFn = (chainBatches: ChainBatch[], tokenAddress: string, tokenTransferAmount: bigint, options?: GaslessExecutionOptions) => Promise<FeeEstimateSummary>;
+type ExecuteGaslessFn = (chainBatches: ChainBatch[], tokenAddress: string, tokenTransferAmount: bigint, onProgress?: (progress: GaslessProgress) => void, signal?: AbortSignal, options?: GaslessExecutionOptions) => Promise<string>;
+export interface WithdrawExecutorContext {
+    computedWithdrawBatches: ChainBatch[];
+    walletAddress: string | null | undefined;
+    recipientAddress: string | null | undefined;
+    selectedDestToken: DestinationToken | null;
+    selectedChainId: number | null;
+    amount: string;
+    receiveAmountRaw: bigint;
+    gasFee: bigint | null;
+    isNon7702: boolean;
+    onWithdrawExecute?: (amount: string) => Promise<void> | void;
+    onWithdrawSuccess?: (info: {
+        token: string;
+        amount: string;
+        chainId: number;
+    }) => void;
+    onWithdrawError?: (msg: string) => void;
+    buildSpicenetBatch?: (params: {
+        destinationChainId: number;
+        deliveryToken: Address;
+        deliveryAmount: bigint;
+        deliveryRecipient: Address;
+    }) => ChainBatch | null;
+    buildWithdrawBatches: (spicenetFundingAmount?: bigint) => ChainBatch[];
+    estimateGasless: EstimateGaslessFn;
+    executeGasless: ExecuteGaslessFn;
+    setIsExecuting: Dispatch<SetStateAction<boolean>>;
+    setExecutionError: Dispatch<SetStateAction<string | null>>;
+    setExecutionProgress: Dispatch<SetStateAction<GaslessProgress | null>>;
+    setLockedGasFee: Dispatch<SetStateAction<bigint | null>>;
+    executionContextRef: MutableRefObject<WithdrawalExecutionContext | null>;
+    isMountedRef: MutableRefObject<boolean>;
+}
+export declare function executeWithdraw(ctx: WithdrawExecutorContext): Promise<void>;
+export declare function retryWithdraw(ctx: WithdrawExecutorContext): Promise<void>;
+export {};

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

@@ -0,0 +1,6 @@
+import type { FeeEstimateSummary } from "@spicenet-io/spiceflow-core";
+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, symbol?: string): string;
+export declare function getFeeAdjustedWithdrawFunding(feeEstimate: FeeEstimateSummary, fallbackChainId: number): bigint | null;

package/dist/components/SpiceWithdraw/views/BalancePopover.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/components/SpiceWithdraw/views/WithdrawDetailsPanel.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import type { ResolvedDarkPalette } from "../../../utils/theme";
+import type { Theme, CustomStyles } from "../../../types/theme";
+interface WithdrawDetailsPanelProps {
+    show: boolean;
+    onToggle: () => void;
+    showCustomAddress: boolean;
+    setShowCustomAddress: React.Dispatch<React.SetStateAction<boolean>>;
+    customRecipient: string;
+    setCustomRecipient: (value: string) => void;
+    externalAddress: string | null | undefined;
+    recipientAddress: string | null | undefined;
+    destChainName: string;
+    destChainLogo: string | null;
+    compatibleDestinationChains: number[];
+    txDetailsChainSwitchRef: React.RefObject<HTMLButtonElement>;
+    onOpenNetworkPopover: (anchor: HTMLButtonElement | null) => void;
+    sourceChainLabel: string;
+    sourceDetailsLogo: string | null | undefined;
+    sourceTokenLabel: string;
+    amount: string;
+    totalSourceDebitDisplay: string;
+    receiveAmountDisplay: string;
+    destTokenSymbol: string;
+    shouldQuoteWithdrawGas: boolean;
+    estimatingFee: boolean;
+    feeError: string | null;
+    displayedGasFee: bigint | null;
+    selectedDestToken: {
+        decimals: number;
+        symbol: string;
+    } | null;
+    theme: Theme;
+    styles: CustomStyles | undefined;
+    dark: boolean;
+    dk: ResolvedDarkPalette;
+}
+export declare const WithdrawDetailsPanel: React.FC<WithdrawDetailsPanelProps>;
+export {};

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { useWalletBalances, fetchBalances } from "./useAssets";
+export { useWalletBalances, fetchBalances } from "./useWalletBalances";
 export { useAssetInput } from "./useAssetInput";
 export type { UseAssetInputReturn } from "./useAssetInput";
 export { useWallet } from "./useWallet";
@@ -6,9 +6,9 @@ export type { UseWalletReturn, WalletState, WalletActions } from "./useWallet";
 export { useEmbeddedWalletAddress } from "./useEmbeddedWalletAddress";
 export { useSpiceAssets } from "./useSpiceAssets";
 export type { UseSpiceAssetsConfig, UseSpiceAssetsReturn, } from "./useSpiceAssets";
-export { useSpiceExecution } from "./useGaslessExecution";
-export { useSpiceExecution as useGaslessExecution } from "./useGaslessExecution";
-export type { GaslessProgress, GaslessStep, GaslessExecutionOptions, OnProgress, } from "./useGaslessExecution";
+export { useSpiceExecution } from "./useSpiceExecution";
+export { useSpiceExecution as useGaslessExecution } from "./useSpiceExecution";
+export type { GaslessProgress, GaslessStep, GaslessExecutionOptions, OnProgress, } from "./useSpiceExecution";
 export { useLockDuration } from "./useLockDuration";
 export type { UseLockDurationReturn } from "./useLockDuration";
 export type { VerifiedPendingDeposit } from "./usePendingDeposit";

package/dist/hooks/{useLockDuration/index.d.ts → useLockDuration.d.ts}

@@ -1,4 +1,4 @@
-import { LockDurationOption } from "../../types/lock";
+import { LockDurationOption } from "../types/lock";
 export interface UseLockDurationReturn {
     selectedDurationIdx: number;
     setSelectedDurationIdx: (idx: number) => void;

package/dist/hooks/{useSpiceAssets/index.d.ts → useSpiceAssets.d.ts}

@@ -1,5 +1,5 @@
 import { Address } from "viem";
-import { Asset } from "../../types/assets";
+import { Asset } from "../types/assets";
 export interface UseSpiceAssetsConfig {
     address?: Address | string;
     supportedChains?: number[];

package/dist/hooks/useSpiceBrand.d.ts

@@ -1,4 +1,4 @@
-import type { ResolvedDarkPalette } from "../utils/resolveTheme";
+import type { ResolvedDarkPalette } from "../utils/theme";
 import type { Theme, SpiceTheme, CustomStyles } from "../types/theme";
 export interface UseSpiceBrandResult {
     brand: SpiceTheme | undefined;
@@ -8,5 +8,13 @@ export interface UseSpiceBrandResult {
     primaryColor: string;
     dk: ResolvedDarkPalette;
     palette: ResolvedDarkPalette;
+    fontFamily: string;
+    monoFont: string;
+    inputDark: boolean;
+    cardBg: string;
+    cardBorder: string;
+    textPrimary: string;
+    textSecondary: string;
+    subtitleText: string;
 }
 export declare function useSpiceBrand(componentStyles?: CustomStyles, componentDark?: boolean): UseSpiceBrandResult;

package/dist/hooks/{useGaslessExecution/index.d.ts → useSpiceExecution.d.ts}

@@ -1,6 +1,6 @@
 import { Address } from "viem";
-import { ChainBatch, Call } from "../../types/authorization";
-import type { FeeEstimateSummary } from "../../types/unified";
+import { ChainBatch, Call } from "../types/authorization";
+import type { FeeEstimateSummary } from "@spicenet-io/spiceflow-core";
 export type { Call, ChainBatch };
 export type GaslessStep = "idle" | "building" | "signing-delegation" | "signing-intent" | "submitting" | "executing" | "confirming-rollup" | "success" | "error";
 export interface GaslessProgress {

package/dist/hooks/{useStatus/index.d.ts → useStatus.d.ts}

@@ -1,4 +1,4 @@
-import { IntentStatus, SwapStep } from "../../types/status";
+import { IntentStatus, SwapStep } from "../types/status";
 export interface UseStatusConfig {
     checkStepStatus: (intentId: string, stepId: number) => Promise<{
         success: boolean;

package/dist/hooks/{useAssets/index.d.ts → useWalletBalances.d.ts}

@@ -1,5 +1,5 @@
 import { Address } from "viem";
-import { Asset, MultiChainBalances } from "../../types/assets";
+import { Asset, MultiChainBalances } from "../types/assets";
 export declare const fetchBalances: (walletAddress: Address, supportedChains?: number[]) => Promise<MultiChainBalances>;
 export interface UseAssetsConfig {
     address?: Address;