@spicenet-io/spiceflow-ui 4.0.14 → 4.1.1

package/dist/auth-privy.cjs.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("./privy-BdHp5Owr.js");require("react/jsx-runtime"),require("react"),require("@spicenet-io/spiceflow-core"),require("viem"),require("viem/actions"),require("@privy-io/react-auth"),require("wagmi"),require("@tanstack/react-query"),exports.PrivyLogin=r.PrivyLogin;
+"use strict";const r=require("./privy-JCBW-mP2.js");require("react/jsx-runtime"),require("react"),require("@spicenet-io/spiceflow-core"),require("viem"),require("viem/actions"),require("@privy-io/react-auth"),require("wagmi"),require("@tanstack/react-query"),exports.PrivyLogin=r.PrivyLogin;

package/dist/auth-privy.js

@@ -1,2 +1,2 @@
 "use client";
-import{P as g}from"./privy-Ds5DCgFX.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-COlZvldu.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/SpiceDeposit/lib/executors.d.ts

@@ -1,5 +1,6 @@
 import { Address } from "viem";
 import { SelectedAsset } from "../../../types/assets";
+import type { ExecutionRunner } from "../../../execution/runner";
 import type { DepositConfirmationData } from "../steps/DepositStatusModal";
 import type { DepositModalProps } from "../../../types";
 export interface DepositFee {
@@ -57,7 +58,7 @@ export interface DepositExecutorContext {
     onDepositExecute?: (amount: string) => Promise<void> | void;
     onDepositSelect?: (asset: any) => void;
     onDepositSuccess?: (detail: any) => void;
-    actions: any;
+    execution: Pick<ExecutionRunner, "execute">;
     getCurrentIntentStatus: () => any;
     getCurrentPostDepositStatus: () => string;
 }

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

@@ -1,6 +1,6 @@
 import type { Dispatch, SetStateAction } from "react";
 import { type Address } from "viem";
-import type { Authorization, ChainBatch } from "../../../types/authorization";
+import type { ChainBatch } from "../../../types/authorization";
 import type { SelectedAsset } from "../../../types/assets";
 import type { LockDurationOption, SpiceLockModalProps } from "../../../types/lock";
 import type { FeePreview } from "../../../types/ui";
@@ -53,10 +53,5 @@ export type LockExecutorContext = {
         setShowStatusPanel: Dispatch<SetStateAction<boolean>>;
     };
 } & Pick<SpiceLockModalProps, "onLockExecute" | "onLockSuccess" | "buildSpicenetBatch">;
-export declare function run7702LockIntent(ctx: LockExecutorContext, batches: ChainBatch[], preSignedAuthorizations?: Authorization[]): Promise<void>;
-export declare function executeLock(ctx: LockExecutorContext): Promise<void>;
-export declare function executeEmbeddedDepositLock(ctx: LockExecutorContext): Promise<void>;
-export declare function executeSemi7702Lock(ctx: LockExecutorContext): Promise<void>;
 export declare function estimateLockFees(ctx: LockExecutorContext): Promise<FeePreview | null>;
-export declare function executeDirectExternalLock(ctx: LockExecutorContext): Promise<void>;
 export declare function handleConvert(ctx: LockExecutorContext): Promise<void>;

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

@@ -1,10 +1,9 @@
 import type { Dispatch, MutableRefObject, SetStateAction } from "react";
 import { type Address } from "viem";
-import type { ChainBatch } from "../../../types/authorization";
 import type { SelectedAsset } from "../../../types/assets";
-import type { SpiceSupplyProps, SupplyBatchBuildOptions } from "../../../types/supply";
+import type { BuildPayBatchesFn, BuildSupplyBatchesFn, EstimateRequiredGrossFundingFn, SpiceSupplyProps } from "../../../types/supply";
 import type { ResolvedExactOutputSwap } from "../../../utils/swapQuotes";
-import type { ExecutionOptions, ExecutionProgress } from "../../../hooks/useSpiceExecution";
+import type { ExecutionProgress } from "../../../hooks/useSpiceExecution";
 import type { ExecutionRunner } from "../../../execution/runner";
 export type SupplyStep = "idle" | "signing-delegation" | "signing-intent" | "submitting" | "executing" | "success" | "error";
 export type PaymentResult = {
@@ -12,9 +11,6 @@ export type PaymentResult = {
     txHash?: string;
     error?: string;
 };
-type BuildPayBatchesFn = (options?: SupplyBatchBuildOptions) => Promise<ChainBatch[]>;
-type BuildSupplyBatchesFn = (options?: SupplyBatchBuildOptions) => Promise<ChainBatch[]>;
-type EstimateRequiredGrossFundingFn = (requiredNetFunding: bigint, buildBatches: (grossFundingAmount: bigint) => ChainBatch[] | Promise<ChainBatch[]>, fundingToken: Address, executionOptions?: Pick<ExecutionOptions, "useCustomTransfers" | "userOverride">) => Promise<bigint>;
 export type ExecutorContext = {
     selectedAsset: SelectedAsset | null;
     parsedAmount: number;
@@ -66,8 +62,4 @@ export type ExecutorContext = {
     };
 } & Pick<SpiceSupplyProps, "destinationToken" | "buildActionCalls" | "feeExecutionMode" | "buildSpicenetBatch" | "onPayExecute" | "onSuccess">;
 export declare function executeSupply(ctx: ExecutorContext): Promise<void>;
-export declare function executeNon7702Supply(ctx: ExecutorContext, signal?: AbortSignal): 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/parts/SupplyStepStatusCard.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { ResolvedDarkPalette } from "../../../utils/theme";
+import type { SupplyStep } from "../lib/executors";
+export declare const STEP_LABELS: Record<SupplyStep, string>;
+export declare const PROGRESS_STEPS: SupplyStep[];
+export declare const SupplyStepStatusCard: React.FC<{
+    step: SupplyStep;
+    statusMsg: string;
+    txHash: string | null;
+    explorerUrl: string;
+    currentStepIdx: number;
+    palette: ResolvedDarkPalette;
+    cardBg: string;
+    cardBorder: string;
+    textPrimary: string;
+    textSecondary: string;
+    fontFamily: string;
+    primaryColor: string;
+    onRetry: () => void;
+}>;

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

@@ -1,5 +1,4 @@
 import React from "react";
 import type { SpiceWithdrawProps } from "../../types/withdraw";
 export type { SpiceWithdrawProps };
-export declare const SpiceWithdrawFlow: React.FC<SpiceWithdrawProps>;
 export declare const SpiceWithdraw: React.FC<SpiceWithdrawProps>;

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

@@ -0,0 +1,12 @@
+import React from "react";
+import type { ResolvedDarkPalette } from "../../../utils/theme";
+interface WithdrawBalanceCardHeaderProps {
+    label: string;
+    spiceAssetsLoading: boolean;
+    totalSelectedBalance: number;
+    onOpenBalancePopover: (anchor: HTMLElement | null) => void;
+    dark: boolean;
+    dk: ResolvedDarkPalette;
+}
+export declare const WithdrawBalanceCardHeader: React.FC<WithdrawBalanceCardHeaderProps>;
+export {};

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

@@ -0,0 +1,28 @@
+import React from "react";
+import type { ResolvedDarkPalette } from "../../../utils/theme";
+import type { DestinationToken } from "../../../types/withdraw";
+interface WithdrawDestinationCardProps {
+    header: React.ReactNode;
+    amount: string;
+    receiveAmountDisplay: string;
+    receiveUsdEstimate: string;
+    selectedDestToken: DestinationToken | null;
+    destTokenSymbol: string;
+    destChainName: string;
+    destChainLogo: string | null;
+    compatibleDestinationChains: number[];
+    networkSwitchRef: React.RefObject<HTMLButtonElement>;
+    onOpenNetworkPopover: (anchor: HTMLButtonElement | null) => void;
+    showNetworkPopover: boolean;
+    setShowNetworkPopover: React.Dispatch<React.SetStateAction<boolean>>;
+    networkPopoverPos: {
+        top: number;
+        left: number;
+    } | null;
+    selectedChainId: number | null;
+    setSelectedChainId: React.Dispatch<React.SetStateAction<number | null>>;
+    dark: boolean;
+    dk: ResolvedDarkPalette;
+}
+export declare const WithdrawDestinationCard: React.FC<WithdrawDestinationCardProps>;
+export {};

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

@@ -0,0 +1,34 @@
+import React from "react";
+import type { ResolvedDarkPalette } from "../../../utils/theme";
+import type { Asset } from "../../../types/assets";
+interface WithdrawSourceCardProps {
+    header: React.ReactNode;
+    amount: string;
+    setAmount: React.Dispatch<React.SetStateAction<string>>;
+    isInsufficient: boolean;
+    sourceAmountDecimals: number | undefined;
+    selectedSourceAsset: Asset | null;
+    resolvedSelectedSourceAsset: Asset | null;
+    spiceAssets: Asset[];
+    setSelectedSourceAsset: React.Dispatch<React.SetStateAction<Asset | null>>;
+    sourceUsdEstimate: string;
+    sourceTokenLabel: string;
+    sourceChainLabel: string;
+    totalSelectedBalance: number;
+    showSourceTokenPopover: boolean;
+    setShowSourceTokenPopover: React.Dispatch<React.SetStateAction<boolean>>;
+    tokenPopoverPos: {
+        top: number;
+        left: number;
+    } | null;
+    setTokenPopoverPos: React.Dispatch<React.SetStateAction<{
+        top: number;
+        left: number;
+    } | null>>;
+    tokenTriggerRef: React.RefObject<HTMLDivElement>;
+    primaryColor: string;
+    dark: boolean;
+    dk: ResolvedDarkPalette;
+}
+export declare const WithdrawSourceCard: React.FC<WithdrawSourceCardProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import React from "react";
+import type { ResolvedDarkPalette } from "../../../utils/theme";
+interface WithdrawSubtitleProps {
+    dark: boolean;
+    dk: ResolvedDarkPalette;
+}
+export declare const WithdrawSubtitle: React.FC<WithdrawSubtitleProps>;
+export {};

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

@@ -23,6 +23,5 @@ type AmountTextProps = {
     title?: string;
     style?: React.CSSProperties;
 };
-export declare function getAmountTextFontSize(value: string, maxFontSize?: number, minFontSize?: number): number;
 export declare const AmountText: React.FC<AmountTextProps>;
 export {};

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

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const PercentageDial: React.FC<{
+    pct: number;
+    isMax: boolean;
+    primaryColor: string;
+    dark: boolean;
+    fillColor: string;
+}>;

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

@@ -0,0 +1,16 @@
+import React from "react";
+import type { ResolvedDarkPalette } from "../../utils/theme";
+export declare const WarningActionCard: React.FC<{
+    dk: ResolvedDarkPalette;
+    dark: boolean;
+    message: React.ReactNode;
+    buttonLabel: string;
+    onAction: () => void;
+    disabled?: boolean;
+}>;
+export declare const WarningNote: React.FC<{
+    dk: ResolvedDarkPalette;
+    dark: boolean;
+    borderRadius: string;
+    children: React.ReactNode;
+}>;

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

@@ -10,4 +10,7 @@ export interface IconProps {
 export declare const ChevronIcon: React.FC<IconProps & {
     direction?: "down" | "up";
 }>;
+export declare const SearchIcon: React.FC<IconProps>;
+export declare const ChevronDownIcon: React.FC<IconProps>;
+export declare const ChevronRightIcon: React.FC<IconProps>;
 export declare const CheckIcon: React.FC<IconProps>;

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

@@ -4,7 +4,7 @@ export { Spinner } from "./Spinner";
 export { StatusBanner } from "./StatusBanner";
 export { DetailRow } from "./DetailRow";
 export { AddFundsLink } from "./AddFundsLink";
-export { AmountText, getAmountTextFontSize } from "./AmountText";
+export { AmountText } from "./AmountText";
 export { CloseIcon } from "./CloseIcon";
 export { SearchInput } from "./SearchInput";
 export type { SearchInputProps } from "./SearchInput";

package/dist/execution/externalWalletClient.d.ts

@@ -0,0 +1,21 @@
+import { type Address } from "viem";
+import type { Call } from "../types/authorization";
+export declare function createExternalWalletClient(params: {
+    wallet?: {
+        getEthereumProvider: () => Promise<any>;
+    } | null;
+    provider?: any;
+    account: Address;
+    chainId: number;
+    onSwitch?: () => void;
+}): Promise<{
+    extWc: any;
+    viemChain?: any;
+}>;
+export declare function sendCallsWithExternalWallet(params: {
+    extWc: any;
+    client: any;
+    calls: Call[];
+    viemChain?: any;
+    errorMessage: string;
+}): Promise<`0x${string}` | undefined>;

package/dist/execution/fundEmbeddedWallet.d.ts

@@ -1,4 +1,11 @@
 import { type Address } from "viem";
+export declare function sendTokenTransferTx(extWc: any, params: {
+    recipient: Address;
+    tokenAddr: Address;
+    isNative: boolean;
+    amount: bigint;
+    viemChain?: unknown;
+}): Promise<`0x${string}`>;
 export declare function fundEmbeddedWallet(params: {
     extWc: any;
     sourceClient: any;

package/dist/execution/intentSigning.d.ts

@@ -0,0 +1,12 @@
+import { type Address, type Hex } from "viem";
+import type { ChainAuthorization, ChainBatch } from "../types/authorization";
+import type { WalletActions } from "../hooks/useWallet";
+export declare function build7702IntentDigest(chainBatches: ChainBatch[], exp: bigint): `0x${string}`;
+export declare function sign7702IntentDigest(actions: Pick<WalletActions, "signMessage">, chainBatches: ChainBatch[], exp: bigint, signal?: AbortSignal): Promise<Hex>;
+export declare function getChainAuthorizations(params: {
+    chainBatches: ChainBatch[];
+    signingAddress: Address;
+    actions: Pick<WalletActions, "signAuthorization">;
+    cache?: Map<string, ChainAuthorization>;
+    signal?: AbortSignal;
+}): Promise<ChainAuthorization[]>;

package/dist/execution/intentStatus.d.ts

@@ -22,10 +22,4 @@ export interface UseIntentStatusReturn {
     stopStatusPolling: () => void;
     clearStatus: () => void;
 }
-export declare function shouldExpirePoll(args: {
-    now: number;
-    lastProgressAt: number;
-    pollTimeoutMs: number;
-}): boolean;
-export declare function applyStepResult(current: IntentStatus, stepIndex: number, result: StepResult): IntentStatus;
 export declare function useIntentStatus({ checkStepStatus, retryStep, maxRetries, pollingInterval, pollTimeoutMs, }: UseIntentStatusConfig): UseIntentStatusReturn;

package/dist/execution/pollIntentStep.d.ts

@@ -1,6 +1,4 @@
-export declare const FIRST_STEP_POLL_MS = 350;
-export declare const STEP_POLL_MS = 2500;
-export type PollIntentStepOptions = {
+type PollIntentStepOptions = {
     actionId: string;
     intentIndex: number;
     intentId: string;
@@ -36,3 +34,4 @@ export declare function runAllIntentSteps(options: {
     }) => void;
     signal?: AbortSignal;
 }): Promise<string | undefined>;
+export {};

package/dist/hooks/useDebouncedEstimate.d.ts

@@ -0,0 +1,12 @@
+export declare function useDebouncedEstimate(opts: {
+    shouldRun: boolean;
+    deps: readonly unknown[];
+    delayMs?: number;
+    backgroundIntervalMs?: number;
+    onSkip?: () => void;
+    onCleanup?: () => void;
+    run: (ctx: {
+        isBackground: boolean;
+        isCurrent: () => boolean;
+    }) => Promise<void> | void;
+}): void;

package/dist/hooks/useLockWalletAssets.d.ts

@@ -0,0 +1,18 @@
+import { type Address } from "viem";
+import type { Asset } from "../types/assets";
+export declare function useLockWalletAssets(params: {
+    isOpen: boolean;
+    includeWalletAssets: boolean;
+    isWhitelistGateActive: boolean;
+    isSemi7702: boolean;
+    destinationTokenAddress?: string;
+    sourceAssets: Address[];
+    sourceChains: number[];
+    walletAddressForAssets: string | null | undefined;
+    lockChainId: number;
+    lockTokenSymbol?: string;
+    lockTokenLogoURI?: string;
+}): {
+    walletAssets: Asset[];
+    refreshWalletAssets: () => void;
+};