@spicenet-io/spiceflow-ui 3.3.54 → 3.3.55-next.0

package/dist/auth-dynamic.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as e,jsxs as g}from"react/jsx-runtime";import A,{useState as N,useEffect as f}from"react";import{B as d,c as S,g as j,S as b}from"./Button-DPSbq78S.js";import{useDynamicContext as z}from"@dynamic-labs/sdk-react-core";import"@spicenet-io/spiceflow-core";import"viem";import"viem/actions";import"@tanstack/react-query";import"@privy-io/react-auth";import"wagmi";const M=({onAuthSuccess:a,onAuthError:t,theme:m="light",className:r="",buttonText:o="Login with Dynamic",autoTrigger:s=!1})=>{const i=S(m),[h,C]=N(!1),[x,E]=N(!1),L=z(),{user:W,primaryWallet:v,connectedWallets:k,handleLogOut:F,setShowAuthFlow:p,sdkHasLoaded:u,showAuthFlow:D}=L,n=(j({connectedWallets:k,primaryWallet:v})||v)?.address,w=!!W,l=w&&!!n;return f(()=>{C(!0)},[]),f(()=>{l&&n&&a&&a(n)},[l,n,a]),f(()=>{s&&u&&h&&!l&&!D&&!x&&(E(!0),p(!0))},[s,u,h,l,D,x,p]),h?u?w&&!n?e("div",{className:r,children:g("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"20px",flexDirection:"column",gap:"12px"},children:[e(b,{size:40,borderWidth:3,color:i.colors.primary}),e("p",{style:{color:i.colors.textMuted,fontSize:"14px"},children:"Finishing wallet setup..."})]})}):l&&n?e("div",{className:r,children:g(d,{variant:"primary",onClick:async()=>{try{await F()}catch(y){const c=`Dynamic logout failed: ${String(y)}`;t?t(c):console.error(c)}},theme:i,children:["Logout (",n.slice(0,6),"...",n.slice(-4),")"]})}):s?e("div",{className:r,children:g("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"20px",flexDirection:"column",gap:"12px"},children:[e(b,{size:40,borderWidth:3,color:i.colors.primary}),e("p",{style:{color:i.colors.textMuted,fontSize:"14px"},children:"Opening login..."})]})}):e("div",{className:r,children:e(d,{variant:"primary",onClick:()=>{try{p(!0)}catch(y){const c=`Dynamic login failed: ${String(y)}`;t?t(c):console.error(c)}},theme:i,children:o})}):e("div",{className:r,children:e(d,{variant:"primary",disabled:!0,theme:i,children:"Loading..."})}):e("div",{className:r,children:e(d,{variant:"primary",disabled:!0,theme:i,children:o})})};class T extends A.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?this.props.fallback:this.props.children}}const B=a=>{const{theme:t="light",className:m="",buttonText:r="Login with Dynamic",onAuthError:o}=a,s=S(t);return e(T,{fallback:e("div",{className:m,children:e(d,{variant:"primary",onClick:()=>{o&&o('DynamicLogin must be used within SpiceFlowProvider provider="dynamic" and a mounted DynamicContextProvider.')},theme:s,children:r})}),children:e(M,{...a})})};export{B as DynamicLogin};
+import{jsx as e,jsxs as g}from"react/jsx-runtime";import A,{useState as N,useEffect as f}from"react";import{B as d,c as S,g as j,S as b}from"./Button-BP9ffiuk.js";import{useDynamicContext as z}from"@dynamic-labs/sdk-react-core";import"@spicenet-io/spiceflow-core";import"viem";import"viem/actions";import"@tanstack/react-query";import"@privy-io/react-auth";import"wagmi";const M=({onAuthSuccess:a,onAuthError:t,theme:m="light",className:r="",buttonText:o="Login with Dynamic",autoTrigger:s=!1})=>{const i=S(m),[h,C]=N(!1),[x,E]=N(!1),L=z(),{user:W,primaryWallet:v,connectedWallets:k,handleLogOut:F,setShowAuthFlow:p,sdkHasLoaded:u,showAuthFlow:D}=L,n=(j({connectedWallets:k,primaryWallet:v})||v)?.address,w=!!W,l=w&&!!n;return f(()=>{C(!0)},[]),f(()=>{l&&n&&a&&a(n)},[l,n,a]),f(()=>{s&&u&&h&&!l&&!D&&!x&&(E(!0),p(!0))},[s,u,h,l,D,x,p]),h?u?w&&!n?e("div",{className:r,children:g("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"20px",flexDirection:"column",gap:"12px"},children:[e(b,{size:40,borderWidth:3,color:i.colors.primary}),e("p",{style:{color:i.colors.textMuted,fontSize:"14px"},children:"Finishing wallet setup..."})]})}):l&&n?e("div",{className:r,children:g(d,{variant:"primary",onClick:async()=>{try{await F()}catch(y){const c=`Dynamic logout failed: ${String(y)}`;t?t(c):console.error(c)}},theme:i,children:["Logout (",n.slice(0,6),"...",n.slice(-4),")"]})}):s?e("div",{className:r,children:g("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"20px",flexDirection:"column",gap:"12px"},children:[e(b,{size:40,borderWidth:3,color:i.colors.primary}),e("p",{style:{color:i.colors.textMuted,fontSize:"14px"},children:"Opening login..."})]})}):e("div",{className:r,children:e(d,{variant:"primary",onClick:()=>{try{p(!0)}catch(y){const c=`Dynamic login failed: ${String(y)}`;t?t(c):console.error(c)}},theme:i,children:o})}):e("div",{className:r,children:e(d,{variant:"primary",disabled:!0,theme:i,children:"Loading..."})}):e("div",{className:r,children:e(d,{variant:"primary",disabled:!0,theme:i,children:o})})};class T extends A.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}render(){return this.state.hasError?this.props.fallback:this.props.children}}const B=a=>{const{theme:t="light",className:m="",buttonText:r="Login with Dynamic",onAuthError:o}=a,s=S(t);return e(T,{fallback:e("div",{className:m,children:e(d,{variant:"primary",onClick:()=>{o&&o('DynamicLogin must be used within SpiceFlowProvider provider="dynamic" and a mounted DynamicContextProvider.')},theme:s,children:r})}),children:e(M,{...a})})};export{B as DynamicLogin};

package/dist/auth-privy.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as r,jsxs as y}from"react/jsx-runtime";import{useState as v,useEffect as c}from"react";import{B as d,c as P,S as $}from"./Button-DPSbq78S.js";import{usePrivy as j,useLogin as w,useLogout as B}from"@privy-io/react-auth";import"@spicenet-io/spiceflow-core";import"viem";import"viem/actions";import"@tanstack/react-query";import"@dynamic-labs/sdk-react-core";import"wagmi";const T=({onAuthSuccess:m,onAuthError:n,theme:x="light",className:a="",buttonText:p="Login with Privy",autoTrigger:u=!1})=>{const l=P(x),[h,L]=v(!1),[g,b]=v(!1),{ready:o,authenticated:s,user:t}=j(),{login:S}=w(),{logout:N}=B();c(()=>{L(!0)},[]),c(()=>{u&&o&&!s&&h&&!g&&(b(!0),f())},[u,o,s,h,g]),c(()=>{if(o&&s&&t&&m){const e=t.wallet?.address||t.email?.address;e&&m(e)}},[o,s,t,m]),c(()=>{},[o,s,n]);const f=()=>{try{S()}catch(e){const i=`Login failed: ${String(e)}`;n?n(i):console.error(i)}},C=()=>{try{N()}catch(e){const i=`Logout failed: ${String(e)}`;n?n(i):console.error(i)}};if(!h)return r("div",{className:a,children:r(d,{variant:"primary",disabled:!0,theme:l,children:p})});if(!o)return r("div",{className:a,children:r(d,{variant:"primary",disabled:!0,theme:l,children:"Loading..."})});if(s&&t){const e=t.wallet?.address||t.email?.address,i=e?`${e.slice(0,6)}...${e.slice(-4)}`:"Connected";return r("div",{className:a,children:y(d,{variant:"primary",onClick:C,theme:l,children:["Logout (",i,")"]})})}return u?r("div",{className:a,children:y("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"20px",flexDirection:"column",gap:"12px"},children:[r($,{size:40,borderWidth:3,color:"#3b82f6"}),r("p",{style:{color:"#6b7280",fontSize:"14px"},children:"Opening login..."})]})}):r("div",{className:a,children:r(d,{variant:"primary",onClick:f,theme:l,children:p})})};export{T as PrivyLogin};
+import{jsx as r,jsxs as y}from"react/jsx-runtime";import{useState as v,useEffect as c}from"react";import{B as d,c as P,S as $}from"./Button-BP9ffiuk.js";import{usePrivy as j,useLogin as w,useLogout as B}from"@privy-io/react-auth";import"@spicenet-io/spiceflow-core";import"viem";import"viem/actions";import"@tanstack/react-query";import"@dynamic-labs/sdk-react-core";import"wagmi";const T=({onAuthSuccess:m,onAuthError:n,theme:x="light",className:a="",buttonText:p="Login with Privy",autoTrigger:u=!1})=>{const l=P(x),[h,L]=v(!1),[g,b]=v(!1),{ready:o,authenticated:s,user:t}=j(),{login:S}=w(),{logout:N}=B();c(()=>{L(!0)},[]),c(()=>{u&&o&&!s&&h&&!g&&(b(!0),f())},[u,o,s,h,g]),c(()=>{if(o&&s&&t&&m){const e=t.wallet?.address||t.email?.address;e&&m(e)}},[o,s,t,m]),c(()=>{},[o,s,n]);const f=()=>{try{S()}catch(e){const i=`Login failed: ${String(e)}`;n?n(i):console.error(i)}},C=()=>{try{N()}catch(e){const i=`Logout failed: ${String(e)}`;n?n(i):console.error(i)}};if(!h)return r("div",{className:a,children:r(d,{variant:"primary",disabled:!0,theme:l,children:p})});if(!o)return r("div",{className:a,children:r(d,{variant:"primary",disabled:!0,theme:l,children:"Loading..."})});if(s&&t){const e=t.wallet?.address||t.email?.address,i=e?`${e.slice(0,6)}...${e.slice(-4)}`:"Connected";return r("div",{className:a,children:y(d,{variant:"primary",onClick:C,theme:l,children:["Logout (",i,")"]})})}return u?r("div",{className:a,children:y("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"20px",flexDirection:"column",gap:"12px"},children:[r($,{size:40,borderWidth:3,color:"#3b82f6"}),r("p",{style:{color:"#6b7280",fontSize:"14px"},children:"Opening login..."})]})}):r("div",{className:a,children:r(d,{variant:"primary",onClick:f,theme:l,children:p})})};export{T as PrivyLogin};

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

@@ -16,6 +16,7 @@ export interface BatchBuilderContext {
     providerEmbeddedAddress: string | null | undefined;
     externalWalletAddress: string | null | undefined;
     address: string | null | undefined;
+    recipient?: Address;
     isNon7702: boolean;
     isPayMode: boolean;
     resolvedChainId: number;

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

@@ -40,6 +40,7 @@ export type ExecutorContext = {
     provider: string | null | undefined;
     resolvedChainId: number;
     executionTokenAddress: Address;
+    recipient?: Address;
     gasless: GaslessRunner & {
         buildPayChainBatches: BuildPayBatchesFn;
         buildSupplyChainBatches: BuildSupplyBatchesFn;

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

@@ -46,6 +46,7 @@ export interface FeePreviewContext {
     resolvedSwap: ResolvedSwap | null;
     isQuoting: boolean;
     executionTokenAddress: Address;
+    recipient?: Address;
     buildPayChainBatches: BuildPayBatchesFn;
     buildSupplyChainBatches: BuildSupplyBatchesFn;
     estimateGasless: EstimateGaslessFn;

package/dist/hooks/index.d.ts

@@ -18,3 +18,8 @@ export { useSpiceBrand } from "./useSpiceBrand";
 export { useSmartWallet } from "./useSmartWallet";
 export { useIsUserWhitelisted } from "./useIsUserWhitelisted";
 export type { PartnerWhitelistCheckResponse, UseIsUserWhitelistedOptions, } from "./useIsUserWhitelisted";
+export { useSupplyAssets, isSupportedSupplyAsset } from "./useSupplyAssets";
+export { useSupplyQuote, resolveInputSupplySwapQuote, } from "./useSupplyQuote";
+export type { UseSupplyQuoteOpts, SupplyQuoteResult, } from "./useSupplyQuote";
+export { useSpiceAction, useSupply, usePay, useRepay, } from "./useSpiceAction";
+export type { UseSpiceActionOpts, UseSpiceActionReturn, SpiceActionQuote, UseSupplyOpts, UsePayOpts, UseRepayOpts, } from "./useSpiceAction";

package/dist/hooks/useSpiceAction.d.ts

@@ -0,0 +1,55 @@
+import { type Address } from "viem";
+import { type SupplyStep, type PaymentResult } from "../components/SpiceSupply/lib/executors";
+import type { SpiceSupplyProps, DestinationTokenConfig } from "../types/supply";
+import type { Asset, SelectedAsset } from "../types/assets";
+import type { FeePreview } from "../types/ui";
+export interface UseSpiceActionOpts {
+    destinationToken: DestinationTokenConfig;
+    recipient?: Address;
+    buildActionCalls: SpiceSupplyProps["buildActionCalls"];
+    buildSpicenetBatch?: SpiceSupplyProps["buildSpicenetBatch"];
+    amountMode: "exact-input" | "exact-output";
+    amount: string;
+    sourceChains?: number[];
+    supportedSourceAssets?: string[];
+    feeExecutionMode?: SpiceSupplyProps["feeExecutionMode"];
+    enabled?: boolean;
+    onSuccess?: (txHash: string) => void;
+    onError?: (e: Error) => void;
+}
+export interface SpiceActionQuote {
+    isQuoting: boolean;
+    error: string | null;
+    estimatedInput: string | null;
+    estimatedOutput: string | null;
+    isDirect: boolean;
+    needsSwap: boolean;
+}
+export interface UseSpiceActionReturn {
+    sources: (Asset & {
+        _source?: "wallet" | "spice";
+        _fundingWallet?: "embedded" | "external";
+    })[];
+    selectedAsset: SelectedAsset | null;
+    setSelectedAsset: (a: SelectedAsset | null) => void;
+    selectAsset: (asset: Asset) => void;
+    quote: SpiceActionQuote;
+    feePreview: FeePreview | null;
+    isFeePreviewLoading: boolean;
+    feePreviewError: string | null;
+    canSubmit: boolean;
+    execute: () => Promise<void>;
+    isExecuting: boolean;
+    step: SupplyStep;
+    statusMsg: string;
+    txHash: string | null;
+    paymentResult: PaymentResult | null;
+    refreshAssets: () => void;
+}
+export declare function useSpiceAction(opts: UseSpiceActionOpts): UseSpiceActionReturn;
+export type UseSupplyOpts = Omit<UseSpiceActionOpts, "amountMode">;
+export type UsePayOpts = Omit<UseSpiceActionOpts, "amountMode">;
+export type UseRepayOpts = Omit<UseSpiceActionOpts, "amountMode">;
+export declare function useSupply(opts: UseSupplyOpts): UseSpiceActionReturn;
+export declare function usePay(opts: UsePayOpts): UseSpiceActionReturn;
+export declare function useRepay(opts: UseRepayOpts): UseSpiceActionReturn;

package/dist/hooks/useSupplyAssets.d.ts

@@ -1,6 +1,10 @@
 import { type Address } from "viem";
 import type { Asset } from "../types/assets";
-export declare function isSupportedSupplyAsset(asset: Pick<Asset, "address" | "chainTokens">, supportedSourceAssets?: string[]): boolean;
+type FundingWallet = "embedded" | "external";
+type WalletSourcedAsset = Asset & {
+    _fundingWallet: FundingWallet;
+};
+export declare function isSupportedSupplyAsset(asset: Pick<Asset, "address" | "chainTokens" | "symbol">, supportedSourceAssets?: string[]): boolean;
 export declare function useSupplyAssets(opts: {
     address: string | undefined;
     destinationToken: {
@@ -16,12 +20,14 @@ export declare function useSupplyAssets(opts: {
 }): {
     displayAssets: (Asset & {
         _source: "wallet" | "spice";
+        _fundingWallet?: FundingWallet;
     })[];
     filteredSpiceAssets: Asset[];
-    walletAssets: Asset[];
+    walletAssets: WalletSourcedAsset[];
     embeddedWalletAddress: `0x${string}` | undefined;
     externalAddress: `0x${string}` | undefined;
     isNon7702: boolean;
     refreshSpiceAssets: () => Promise<void>;
     refreshWalletAssets: () => void;
 };
+export {};