@use-glyph/sdk-react 1.2.12 → 2.0.0-rc.4

package/dist/types/assets/svg/TxSwapIcon.d.ts

@@ -0,0 +1 @@
+export declare function TxSwapIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/shared/ActivityRow.d.ts

@@ -7,6 +7,7 @@ export interface ActivityRowProps {
         amount: string;
         amount_currency: string;
         name_on_list: string | null;
+        chain_id?: number;
     };
 }
 export declare function ActivityRow({ data }: ActivityRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/shared/{ChainIcon.d.ts → NativeTokenIcon.d.ts}

@@ -1,3 +1,3 @@
-export declare function NativeTokenIcon({ className }: {
+export default function NativeTokenIcon({ className }: {
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/shared/WalletViewTemplate.d.ts

@@ -6,5 +6,7 @@ export type WalletScreenProps = {
     footerCols?: boolean;
     mainFooter?: boolean;
     setView?: (view: SelectedView) => void;
+    headerClassName?: string;
+    footerClassName?: string;
 };
 export declare function WalletViewTemplate({ mainFooter, ...props }: WalletScreenProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { ButtonHTMLAttributes } from 'react';
 declare const buttonVariantsClasses: (props?: ({
-    variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "tertiary" | "ghost" | "link-inline" | "cube" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "secondary" | "outline" | "tertiary" | "ghost" | "link-inline" | "cube" | null | undefined;
     size?: "default" | "login" | "icon" | "cube" | "xs" | "xs-inline" | "sm" | "lg" | null | undefined;
     shadow?: boolean | null | undefined;
     scale?: boolean | null | undefined;

package/dist/types/components/ui/dialog.d.ts

@@ -0,0 +1,21 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: HTMLElement | null;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/types/components/ui/drawer.d.ts

@@ -0,0 +1,18 @@
+import { default as react, ComponentProps, HTMLAttributes, PropsWithChildren } from 'react';
+import { Drawer as DrawerPrimitive } from 'vaul';
+declare const Drawer: ({ shouldScaleBackground, repositionInputs, ...props }: ComponentProps<typeof DrawerPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const DrawerTrigger: react.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: react.FC<PropsWithChildren>;
+declare const DrawerClose: react.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DrawerHandle: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    preventCycle?: boolean | undefined;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerOverlay: react.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogOverlayProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: react.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    childrenWrapperClassName?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DrawerFooter: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DrawerTitle: react.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: react.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandle, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/types/components/widget/WalletHomeTab.d.ts

@@ -1,6 +1,5 @@
+import { WalletView } from '../../lib/constants';
 export type WalletHomeTabProps = {
-    onAddFunds: () => void;
-    onReceive: () => void;
-    onSend: () => void;
+    setWalletView: (view: WalletView) => void;
 };
-export declare function WalletHomeTab({ onAddFunds, onReceive, onSend }: WalletHomeTabProps): import("react/jsx-runtime").JSX.Element;
+export declare function WalletHomeTab({ setWalletView }: WalletHomeTabProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/widget/WalletMainView.d.ts

@@ -1,12 +1,9 @@
-import { INTERNAL_GRADIENT_TYPE, WalletMainViewTab } from '../../lib/constants';
+import { INTERNAL_GRADIENT_TYPE, WalletMainViewTab, WalletView } from '../../lib/constants';
 export type WalletMainProps = {
-    onProfileClick: () => void;
-    onAddFunds: () => void;
-    onSendFunds: () => void;
-    onReceive: () => void;
+    setWalletView: (view: WalletView) => void;
     activeMainViewScreen: WalletMainViewTab;
     setActiveMainViewScreen: (screen: WalletMainViewTab) => void;
     expandFirstActivityRow?: boolean;
     setGradientType: React.Dispatch<React.SetStateAction<INTERNAL_GRADIENT_TYPE | undefined>>;
 };
-export declare function WalletMainView({ onAddFunds, onSendFunds, onReceive, onProfileClick, activeMainViewScreen, setActiveMainViewScreen, expandFirstActivityRow, setGradientType }: WalletMainProps): import("react/jsx-runtime").JSX.Element;
+export declare function WalletMainView({ setWalletView, activeMainViewScreen, setActiveMainViewScreen, expandFirstActivityRow, setGradientType }: WalletMainProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/widget/WalletSendFundView.d.ts

@@ -10,9 +10,9 @@ export type SendFundQuote = {
     tokenAddress: Hex;
     receivable_amount: bigint;
     receivable_amount_in_token: number;
-    receivable_amount_in_currency: number;
+    receivable_amount_in_currency: string;
     estimated_fees_amount: string;
-    estimated_fees_amount_in_currency: number | undefined;
+    estimated_fees_amount_in_currency: string | undefined;
     currency: string;
     in_amount: string;
     receiver_address: Hex;

package/dist/types/components/widget/WalletTradeView.d.ts

@@ -0,0 +1,8 @@
+import { INTERNAL_GRADIENT_TYPE } from '../../lib/constants';
+export type WalletTradeProps = {
+    onBack: () => void;
+    onEnd: () => void;
+    onShowActivity: () => void;
+    setGradientType: React.Dispatch<React.SetStateAction<INTERNAL_GRADIENT_TYPE | undefined>>;
+};
+export declare function WalletTradeView({ onBack, onEnd, onShowActivity, setGradientType }: WalletTradeProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/widget/internal/SendFundChainAndTokenSelector.d.ts

@@ -0,0 +1,6 @@
+import { GlyphWidgetTokenBalancesItem } from '../../../types';
+declare const _default: import('react').MemoExoticComponent<({ onTokenSelect, selectedToken }: {
+    onTokenSelect: (token: GlyphWidgetTokenBalancesItem | undefined) => void;
+    selectedToken: GlyphWidgetTokenBalancesItem | undefined;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/types/components/widget/internal/SwapChainAndTokenSelector.d.ts

@@ -0,0 +1,7 @@
+import { RelayAPIToken } from '../../../context/GlyphSwapContext';
+declare const _default: import('react').MemoExoticComponent<({ onTokenSelect, selectedToken, defaultChainId }: {
+    onTokenSelect: (token: RelayAPIToken) => void;
+    selectedToken: RelayAPIToken | undefined;
+    defaultChainId?: number;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/types/components/widget/internal/TokenAndChainIcon.d.ts

@@ -0,0 +1,13 @@
+export declare const TokenAndChainIcon: ({ token, chain, tokenClassName, chainClassName }: {
+    token: {
+        logoUrl: string | undefined;
+        name: string | undefined;
+    };
+    tokenClassName?: string;
+    chain?: {
+        id: number;
+        logoUrl: string | undefined | null;
+        name: string;
+    };
+    chainClassName?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/widget/{WalletSendFundEnterAddressView.d.ts → internal/WalletSendFundEnterAddressView.d.ts}

@@ -1,4 +1,4 @@
-import { SendView } from '../../lib/constants';
+import { SendView } from '../../../lib/constants';
 interface WalletSendFundEnterAddressViewProps {
     onBack: () => void;
     setView: (view: SendView) => void;

package/dist/types/components/widget/{WalletSendFundPendingView.d.ts → internal/WalletSendFundPendingView.d.ts}

@@ -1,4 +1,4 @@
-import { SendFundQuote } from './WalletSendFundView';
+import { SendFundQuote } from '../WalletSendFundView';
 interface WalletSendFundPendingViewProps {
     onBack: () => void;
     txHash: string | undefined;
@@ -6,7 +6,7 @@ interface WalletSendFundPendingViewProps {
     txBlockExplorerName: string | undefined;
     quote: SendFundQuote;
     tokenSymbol: string;
-    TokenIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+    TokenIcon: React.JSX.Element;
 }
 declare const _default: import('react').NamedExoticComponent<WalletSendFundPendingViewProps>;
 export default _default;

package/dist/types/components/widget/{WalletSendFundSuccessView.d.ts → internal/WalletSendFundSuccessView.d.ts}

@@ -1,4 +1,4 @@
-import { SendFundQuote } from './WalletSendFundView';
+import { SendFundQuote } from '../WalletSendFundView';
 interface WalletSendFundSuccessViewProps {
     onEnd: () => void;
     onShowActivity: () => void;

package/dist/types/components/widget/internal/WalletSwapTopUpGas.d.ts

@@ -0,0 +1,13 @@
+import { paths } from '@relayprotocol/relay-sdk';
+import { Hex } from 'viem';
+export type TopUpDetails = NonNullable<paths["/quote"]["post"]["responses"]["200"]["content"]["application/json"]["details"]>["currencyGasTopup"] | undefined;
+type WalletSwapTopUpGasProps = {
+    destinationChainId?: number;
+    walletAddress?: Hex;
+    topUpGas: boolean;
+    setTopUpGas: (value: boolean) => void;
+    topUpDetails: TopUpDetails;
+    quoteReady?: boolean;
+};
+export declare const WalletSwapTopUpGas: ({ destinationChainId, walletAddress, topUpGas, setTopUpGas, topUpDetails, quoteReady }: WalletSwapTopUpGasProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/components/widget/internal/WalletTokenVsNftSwitcher.d.ts

@@ -0,0 +1,5 @@
+import { WalletMainViewTab } from '../../../lib/constants';
+export declare function WalletTokenVSNftSwitcher({ activeTab, setActiveTab }: {
+    activeTab: WalletMainViewTab;
+    setActiveTab: (tab: WalletMainViewTab) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/widget/internal/WalletTradeFailedView.d.ts

@@ -0,0 +1,12 @@
+interface WalletTradeFailedViewProps {
+    onEnd: () => void;
+    onShowActivity: () => void;
+    txDetails?: {
+        hash?: string;
+        blockExplorerUrl?: string;
+        blockExplorerName?: string;
+    };
+    reason?: string | null;
+}
+declare const _default: import('react').NamedExoticComponent<WalletTradeFailedViewProps>;
+export default _default;

package/dist/types/components/widget/internal/WalletTradePendingView.d.ts

@@ -0,0 +1,13 @@
+interface WalletTradePendingViewProps {
+    onBack: () => void;
+    txDetails?: {
+        hash?: string;
+        blockExplorerUrl?: string;
+        blockExplorerName?: string;
+        estimatedTime?: number;
+    };
+    sellAmount: number;
+    buyAmount: number;
+}
+declare const _default: import('react').NamedExoticComponent<WalletTradePendingViewProps>;
+export default _default;

package/dist/types/components/widget/internal/WalletTradeSuccessView.d.ts

@@ -0,0 +1,13 @@
+interface WalletSendFundSuccessViewProps {
+    onEnd: () => void;
+    onShowActivity: () => void;
+    sellAmount: number;
+    buyAmount: number;
+    txDetails?: {
+        hash?: string;
+        blockExplorerUrl?: string;
+        blockExplorerName?: string;
+    };
+}
+declare const _default: import('react').NamedExoticComponent<WalletSendFundSuccessViewProps>;
+export default _default;

package/dist/types/components/widget/{WidgetGradient.d.ts → internal/WidgetGradient.d.ts}

@@ -1,4 +1,4 @@
-import { INTERNAL_GRADIENT_TYPE } from '../../lib/constants';
+import { INTERNAL_GRADIENT_TYPE } from '../../../lib/constants';
 export declare const WidgetGradient: ({ gradientType }: {
     gradientType: INTERNAL_GRADIENT_TYPE | undefined;
 }) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/context/GlyphSwapContext.d.ts

@@ -0,0 +1,18 @@
+import { paths } from '@relayprotocol/relay-sdk';
+export type RelayAPIToken = paths["/currencies/v2"]["post"]["responses"]["200"]["content"]["application/json"][number];
+export type GlyphSwapContextData = {
+    fromCurrency: RelayAPIToken | undefined;
+    toCurrency: RelayAPIToken | undefined;
+    tradeType: "EXACT_INPUT" | "EXACT_OUTPUT";
+    amount: string;
+    topupGas: boolean;
+    topupGasAmount: string;
+};
+type GlyphSwapContextFns = {
+    update: (data: Partial<GlyphSwapContext>) => void;
+    reportSwapFailed: (id: string) => Promise<void>;
+};
+export type GlyphSwapContext = GlyphSwapContextData & GlyphSwapContextFns;
+export declare const GlyphSwapContext: import('react').Context<GlyphSwapContext | undefined>;
+export declare const useGlyphSwap: () => GlyphSwapContext;
+export {};

package/dist/types/context/GlyphSwapProvider.d.ts

@@ -0,0 +1,3 @@
+export declare function GlyphSwapProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/context/GlyphUserDataContext.d.ts

@@ -4,7 +4,10 @@ interface GlyphUserDataContextType {
     refreshUser: (force?: boolean) => Promise<void>;
     balances: GlyphWidgetBalances | null;
     hasBalances: boolean;
+    isBalancesLoading: boolean;
     refreshBalances: (force?: boolean, cbs?: Record<string, (diffAmount: number) => void>) => Promise<void>;
+    setFetchForAllNetworks: (value: boolean) => void;
+    fetchForAllNetworks: boolean;
 }
 export declare const GlyphUserDataContext: import('react').Context<GlyphUserDataContextType | undefined>;
 export {};

package/dist/types/context/GlyphUserDataProvider.d.ts

@@ -1,5 +1,2 @@
-interface GlyphUserDataProviderProps {
-    children: React.ReactNode;
-}
-export declare const GlyphUserDataProvider: ({ children }: GlyphUserDataProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { default as react, PropsWithChildren } from 'react';
+export declare const GlyphUserDataProvider: react.FC<PropsWithChildren>;

package/dist/types/context/GlyphViewProvider.d.ts

@@ -1,4 +1,2 @@
-import { ReactNode } from 'react';
-export declare const GlyphViewProvider: React.FC<{
-    children: ReactNode;
-}>;
+import { default as react, PropsWithChildren } from 'react';
+export declare const GlyphViewProvider: react.FC<PropsWithChildren>;

package/dist/types/context/strategies/EIP1193Strategy.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { default as react } from 'react';
 import { BaseGlyphProviderOptionsWithSignature } from '../../types';
-declare const EIP1193Strategy: FC<BaseGlyphProviderOptionsWithSignature>;
+declare const EIP1193Strategy: react.FC<BaseGlyphProviderOptionsWithSignature>;
 export default EIP1193Strategy;

package/dist/types/context/strategies/LoadingStrategy.d.ts

@@ -1,4 +1,3 @@
-declare const LoadingStrategy: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+import { default as react, PropsWithChildren } from 'react';
+declare const LoadingStrategy: react.FC<PropsWithChildren>;
 export default LoadingStrategy;

package/dist/types/context/strategies/PrivyStrategy.d.ts

@@ -1,3 +1,4 @@
+import { default as react } from 'react';
 import { BaseGlyphProviderOptions } from '../../types';
-declare const _default: import('react').NamedExoticComponent<BaseGlyphProviderOptions>;
+declare const _default: react.NamedExoticComponent<BaseGlyphProviderOptions>;
 export default _default;

package/dist/types/hooks/useActivity.d.ts

@@ -29,6 +29,7 @@ export type ActivityItem = {
     allowIdCopy: boolean;
     detail_rows: string[];
     blockExplorerTxns?: ActivityBlockExplorerItem[];
+    chain_id: number;
 };
 export type ActivityGroup = {
     label: string;

package/dist/types/hooks/useBalances.d.ts

@@ -2,4 +2,7 @@ export declare function useBalances(): {
     balances: import('../types').GlyphWidgetBalances | null;
     hasBalances: boolean;
     refreshBalances: (force?: boolean, cbs?: Record<string, (diffAmount: number) => void>) => Promise<void>;
+    fetchForAllNetworks: boolean;
+    setFetchForAllNetworks: (value: boolean) => void;
+    isBalancesLoading: boolean;
 };

package/dist/types/hooks/useGlyph.d.ts

@@ -1,5 +1,4 @@
-import { UnsignedTransactionRequest } from '@privy-io/react-auth';
-import { Hex } from 'viem';
+import { SignTypedDataParams, UnsignedTransactionRequest } from '@privy-io/react-auth';
 import { GlyphWidgetBalances, GlyphWidgetUser } from '../types';
 export interface GlyphInterface {
     /**
@@ -20,12 +19,13 @@ export interface GlyphInterface {
     hideWidget?: boolean;
     signMessage: (params: {
         message: string;
-    }) => Promise<unknown>;
+    }) => Promise<string>;
+    signTypedData: (params: {
+        data: SignTypedDataParams;
+    }) => Promise<string>;
     sendTransaction: (params: {
-        transaction: Omit<UnsignedTransactionRequest, "chainId">;
-    }) => Promise<string | {
-        hash: Hex;
-    }>;
+        transaction: UnsignedTransactionRequest;
+    }) => Promise<string>;
     login: () => void;
     logout: () => void;
     /**
@@ -51,6 +51,9 @@ export interface GlyphHook extends GlyphInterface {
      * Whether the balances have been loaded (false on first load or when user just switched chains)
      */
     hasBalances: boolean;
+    isBalancesLoading: boolean;
     refreshBalances: (force?: boolean, cbs?: Record<string, (diffAmount: number) => void>) => Promise<void>;
+    setFetchForAllNetworks: (value: boolean) => void;
+    fetchForAllNetworks: boolean;
 }
 export declare const useGlyph: () => GlyphHook;

package/dist/types/hooks/useGlyphConfigureDynamicChains.d.ts

@@ -0,0 +1,12 @@
+import { Chain } from 'viem';
+interface UseGlyphRequiredChainsResult {
+    chainIds: [number, ...number[]] | undefined;
+    chains: [Chain, ...Chain[]];
+}
+/**
+ * Hook to fetch the list of required Glyph chain IDs (viem chain ids) from an API endpoint. SHOULD ONLY BE USED ONCE AT THE TOP LEVEL.
+ *
+ * @param glyphUrl - (optional) The URL of the Glyph API endpoint if need to override
+ */
+export declare const useGlyphConfigureDynamicChains: (glyphUrl?: string) => UseGlyphRequiredChainsResult;
+export {};

package/dist/types/hooks/useGlyphFunding.d.ts

@@ -18,7 +18,7 @@ export declare function useGlyphFunding(): {
     onramppDisabledError: string | null;
     quoteLoading: boolean;
     fundSymbol: string;
-    doFunding: (onSuccess: () => void, onError: (error: string) => void) => Promise<void>;
+    doFunding: (onSuccess: (url?: string) => void, onError: (error: string) => void, shouldAutoOpenPopup?: boolean) => Promise<void>;
     setFundAmount: (val: React.SetStateAction<string>) => void;
 };
 export {};

package/dist/types/hooks/useGlyphRelayEvmAdapter.d.ts

@@ -0,0 +1,2 @@
+import { AdaptedWallet } from '@relayprotocol/relay-sdk';
+export declare const useGlyphRelayEvmAdapter: () => AdaptedWallet;

package/dist/types/hooks/useRelayExecute.d.ts

@@ -0,0 +1,9 @@
+import { Execute } from '@relayprotocol/relay-sdk';
+export declare const useRelayExecute: () => import('@tanstack/react-query').UseMutationResult<{
+    requestId: string | undefined;
+    txnId: any;
+    result: {
+        data: Execute;
+        abortController: AbortController;
+    };
+} | null, Error, Execute, unknown>;

package/dist/types/hooks/useRelayIntentStatus.d.ts

@@ -0,0 +1,18 @@
+import { Dispatch, SetStateAction } from 'react';
+import { SwapView } from '../lib/constants';
+type TxDetails = {
+    hash: string;
+    blockExplorerName?: string;
+    blockExplorerUrl?: string;
+};
+type UseRelayIntentStatusParams = {
+    intentRequestId: string | null;
+    setTxStatus: Dispatch<SetStateAction<"SUCCESS" | "FAILED" | "PENDING">>;
+    setView: Dispatch<SetStateAction<SwapView>>;
+    onError?: () => Promise<void>;
+};
+export declare const useRelayIntentStatus: ({ intentRequestId, setTxStatus, setView, onError }: UseRelayIntentStatusParams) => {
+    error: string;
+    txDetails: TxDetails | undefined;
+};
+export {};

package/dist/types/hooks/useRelayQuote.d.ts

@@ -0,0 +1,175 @@
+export declare const useRelayQuote: (enabled?: boolean) => {
+    appFeesWaived: boolean;
+    operation: string;
+    data: import('@relayprotocol/relay-sdk').Execute;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@relayprotocol/relay-sdk').Execute, Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@relayprotocol/relay-sdk').Execute>;
+} | {
+    appFeesWaived: boolean;
+    operation: string;
+    data: import('@relayprotocol/relay-sdk').Execute;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@relayprotocol/relay-sdk').Execute, Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@relayprotocol/relay-sdk').Execute>;
+} | {
+    appFeesWaived: boolean;
+    operation: string;
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@relayprotocol/relay-sdk').Execute, Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@relayprotocol/relay-sdk').Execute>;
+} | {
+    appFeesWaived: boolean;
+    operation: string;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@relayprotocol/relay-sdk').Execute, Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@relayprotocol/relay-sdk').Execute>;
+} | {
+    appFeesWaived: boolean;
+    operation: string;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@relayprotocol/relay-sdk').Execute, Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@relayprotocol/relay-sdk').Execute>;
+} | {
+    appFeesWaived: boolean;
+    operation: string;
+    data: import('@relayprotocol/relay-sdk').Execute;
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    isEnabled: boolean;
+    refetch: (options?: import('@tanstack/react-query').RefetchOptions) => Promise<import('@tanstack/react-query').QueryObserverResult<import('@relayprotocol/relay-sdk').Execute, Error>>;
+    fetchStatus: import('@tanstack/react-query').FetchStatus;
+    promise: Promise<import('@relayprotocol/relay-sdk').Execute>;
+};