@use-glyph/sdk-react 1.2.13 → 2.0.0-rc.5

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

@@ -0,0 +1,25 @@
+import { paths } from '@relayprotocol/relay-sdk';
+import { useQuery, DefaultError, QueryKey } from '@tanstack/react-query';
+export type GetCurrenciesBody = NonNullable<paths["/currencies/v2"]["post"]["requestBody"]>["content"]["application/json"] & {
+    referrer?: string;
+};
+export type GetCurrenciesResponse = paths["/currencies/v2"]["post"]["responses"]["200"]["content"]["application/json"];
+type QueryType = typeof useQuery<GetCurrenciesResponse, DefaultError, GetCurrenciesResponse, QueryKey>;
+type QueryOptions = Parameters<QueryType>["0"];
+export declare const queryTokenList: (options?: GetCurrenciesBody, headers?: Record<string, string>) => Promise<GetCurrenciesResponse>;
+export default function (options?: GetCurrenciesBody, queryOptions?: Partial<QueryOptions>): Omit<import('@tanstack/react-query').UseQueryResult<{
+    chainId?: number;
+    address?: string;
+    symbol?: string;
+    name?: string;
+    decimals?: number;
+    vmType?: "bvm" | "evm" | "svm" | "tvm" | "tonvm" | "suivm" | "hypevm";
+    metadata?: {
+        logoURI?: string;
+        verified?: boolean;
+        isNative?: boolean;
+    };
+}[], Error>, "data"> & {
+    data?: GetCurrenciesResponse;
+};
+export {};

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

@@ -0,0 +1,6 @@
+import { Hex } from 'viem';
+export declare const useTokenBalance: (account: Hex | undefined, tokenAddress: Hex | undefined, chainId: number | undefined) => {
+    balance: bigint | undefined;
+    isLoading: boolean;
+    error: string | undefined;
+};

package/dist/types/index.d.ts

@@ -3,6 +3,8 @@ import { LoginButton } from './components/LoginButton';
 import { LogoutButton } from './components/LogoutButton';
 import { SignUpButton } from './components/SignUpButton';
 import { GlyphProvider } from './context/GlyphProvider';
+export { useGlyphConfigureDynamicChains } from './hooks/useGlyphConfigureDynamicChains';
+export { configureRelayChains } from './lib/relay';
 export { useBalances } from './hooks/useBalances';
 export { useGlyph } from './hooks/useGlyph';
 export { useGlyphFunding, type GLYPH_FUND_STATUS } from './hooks/useGlyphFunding';

package/dist/types/lib/constants.d.ts

@@ -5,6 +5,9 @@ export declare const WIDGET_API_BASE_URL: string;
 export declare const GLYPH_ICON_URL = "https://i.ibb.co/TxcwPQyr/Group-12489-1.png";
 export declare const USER_REFRESH_INTERVAL_MS: number;
 export declare const TOKEN_REFRESH_INTERVAL_MS: number;
+export declare const RELAY_APP_FEE_RECIPIENT = "0x822c48376E5C0bbDC01cB5Ef08d27a53D7D0f9eA";
+export declare const RELAY_APP_FEE_BPS = 80;
+export declare const MAX_DECIMALS_FOR_CRYPTO = 6;
 export declare enum INTERNAL_GRADIENT_TYPE {
     PRIMARY = "primary",
     SUCCESS = "success",
@@ -15,7 +18,8 @@ export declare enum WalletView {
     FUND = "fund",
     SEND = "send",
     RECEIVE = "receive",
-    PROFILE = "profile"
+    PROFILE = "profile",
+    SWAP = "swap"
 }
 export declare enum WalletMainViewTab {
     HOME = "home",
@@ -35,13 +39,13 @@ export declare enum SendView {
     WAIT = "send-wait",
     END = "send-end"
 }
-export declare const CHAIN_ICONS: Record<number, React.FC<React.SVGProps<SVGSVGElement>>>;
+export declare enum SwapView {
+    START = "swap-start",
+    WAIT = "swap-wait",
+    END = "swap-end"
+}
 /** Overload specific chain names */
 export declare const CHAIN_NAMES: Record<number, string>;
-export declare const TOKEN_LOGOS: Record<string, React.FC<React.SVGProps<SVGSVGElement>>>;
-export declare const NATIVE_TOKEN_ICONS: Record<string, React.FC<React.SVGProps<SVGSVGElement>>>;
-export declare const TESTNET_CSS_CLASS = "gw-grayscale";
-export declare const IS_TESTNET_CHAIN: Map<number, boolean>;
 export declare const glyphConnectorDetails: {
     readonly id: "io.useglyph.privy";
     readonly name: "Glyph";

package/dist/types/lib/eip1193/GlyphWalletProvider.d.ts

@@ -1,19 +1,13 @@
 import { QueryClient } from '@tanstack/react-query';
-import { Chain, Transport } from 'viem';
 import { BaseGlyphProviderOptionsWithSignature } from '../../types';
 /**
  * Configuration options for the GlyphWalletProvider.
  * @interface GlyphWalletProviderProps
- * @property {[Chain, ...Chain[]]} chains - The chains to use, defaults to apeChain.
- * @property {Record<number, Transport>} transports - Optional transports to use, defaults to standard http.
  * @property {QueryClient} queryClient - Optional query client to use, defaults to a standard query client.
  * @property {React.ReactNode} children - The children to render.
  */
 interface GlyphWalletProviderProps extends BaseGlyphProviderOptionsWithSignature {
-    chains: [Chain, ...Chain[]];
-    transports?: Record<number, Transport>;
     queryClient?: QueryClient;
-    children: React.ReactNode;
     ssr?: boolean;
 }
 /**
@@ -26,7 +20,7 @@ interface GlyphWalletProviderProps extends BaseGlyphProviderOptionsWithSignature
  * const App = () => {
  *   const queryClient = new QueryClient()
  *   return (
- *     <GlyphWalletProvider chains={[apeChain]} queryClient={queryClient}>
+ *     <GlyphWalletProvider queryClient={queryClient}>
  *       <Component {...pageProps} />
  *     </GlyphWalletProvider>
  *   );
@@ -35,5 +29,5 @@ interface GlyphWalletProviderProps extends BaseGlyphProviderOptionsWithSignature
  *
  * See more at: {@link https://docs.useglyph.io/reference/components/GlyphWalletProvider/}
  */
-export declare const GlyphWalletProvider: ({ chains, transports, queryClient, children, ssr, ...glyphProviderOptions }: GlyphWalletProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlyphWalletProvider: ({ queryClient, children, ssr, ...glyphProviderOptions }: GlyphWalletProviderProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/lib/intl.d.ts

@@ -1,2 +1,2 @@
-export declare const formatCurrency: (amount?: number | string, currency?: string | null) => string;
+export declare const formatCurrency: (amount?: number | string, currency?: string | null, showLessThan?: boolean, style?: "currency" | "decimal") => string;
 export declare const currencyToSymbol: (currency?: string) => string;

package/dist/types/lib/privy/GlyphPrivyProvider.d.ts

@@ -1,28 +1,27 @@
-import { LoginMethodOrderOption, PrivyProviderProps } from '@privy-io/react-auth';
+import { PrivyClientConfig, LoginMethodOrderOption, PrivyProviderProps } from '@privy-io/react-auth';
 import { QueryClient } from '@tanstack/react-query';
-import { Chain, Transport } from 'viem';
 import { BaseGlyphProviderOptions } from '../../types/GlyphWidgetTypes.js';
 export declare const GLYPH_APP_LOGIN_METHOD: LoginMethodOrderOption;
 export declare const STAGING_GLYPH_APP_LOGIN_METHOD: LoginMethodOrderOption;
+export type GlyphPrivyConfig = Omit<PrivyClientConfig, "supportedChains">;
 /**
  * Configuration options for the GlyphPrivyProvider.
  * @interface GlyphPrivyProviderProps
  * @extends PrivyProviderProps
- * @property {[Chain, ...Chain[]]} chains - The chains to use, defaults to apeChain.
- * @property {Record<number, Transport>} transports - Optional transports to use, defaults to standard http.
+ * @property {GlyphPrivyConfig} config - Optional Privy config to use.
  * @property {QueryClient} queryClient - Optional query client to use, defaults to a standard query client.
+ * @property {string} glyphUrl - Optional URL for the Glyph API.
+ * @property {boolean} useStagingTenant - Optional flag to use the staging tenant.
  * @property {boolean} ssr - Optional ssr to use, defaults to true.
  * @property {Function} onLogin - Optional onLogin function to use, defaults to a noop.
  * @property {Function} onLogout - Optional onLogout function to use, defaults to a noop.
  */
-interface GlyphPrivyProviderProps extends Omit<PrivyProviderProps, "children">, BaseGlyphProviderOptions {
-    chains: [Chain, ...Chain[]];
-    transports?: Record<number, Transport>;
+interface GlyphPrivyProviderProps extends Omit<PrivyProviderProps, "children" | "config">, BaseGlyphProviderOptions {
+    config?: GlyphPrivyConfig;
     queryClient?: QueryClient;
     glyphUrl?: string;
     useStagingTenant?: boolean;
     ssr?: boolean;
-    children: React.ReactNode;
 }
-export declare const GlyphPrivyProvider: ({ chains, transports, queryClient, glyphUrl, useStagingTenant, ssr, onLogin, onLogout, ...props }: GlyphPrivyProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlyphPrivyProvider: ({ queryClient, glyphUrl, useStagingTenant, ssr, onLogin, onLogout, ...props }: GlyphPrivyProviderProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/lib/relay.d.ts

@@ -0,0 +1,4 @@
+import { RelayChain } from '@relayprotocol/relay-sdk';
+export declare const SOLANA_RELAY_ID = 792703809;
+export declare const relayClient: import('@relayprotocol/relay-sdk').RelayClient;
+export declare const configureRelayChains: (chains: RelayChain[]) => void;

package/dist/types/lib/utils.d.ts

@@ -1,5 +1,6 @@
 import { ClassValue } from 'clsx';
-import { EIP1193Provider } from 'viem';
+import { Chain, EIP1193Provider } from 'viem';
+import { RelayAPIToken } from '../context/GlyphSwapContext';
 export declare const TWITTER_IMAGE_URL_REGEX: RegExp;
 export declare function cn(...inputs: ClassValue[]): string;
 export declare function copyToClipboard(text: string): boolean;
@@ -12,8 +13,9 @@ export declare const createLogger: (namespace: string) => {
     warn: (...args: any[]) => void;
     error: (...args: any[]) => void;
 };
-export declare function tokenToBigIntWei(balance: number, decimals: number): bigint;
+export declare function tokenToBigIntWei(balance: number | string, decimals: number): bigint;
 export declare const displayNumberPrecision: (value: number | null | undefined, precision?: number) => number;
+export declare const formatTokenCount: (valueInWei: bigint | number | string, decimals: number, displayDecimals?: number) => string | number;
 export declare const wagmiCrossAppConnector: (provider: EIP1193Provider, useStagingTenant?: boolean) => import('wagmi').CreateConnectorFn<{
     on: <event extends keyof import('viem').EIP1193EventMap>(event: event, listener: import('viem').EIP1193EventMap[event]) => void;
     removeListener: <event extends keyof import('viem').EIP1193EventMap>(event: event, listener: import('viem').EIP1193EventMap[event]) => void;
@@ -126,3 +128,14 @@ export declare const wagmiCrossAppConnector: (provider: EIP1193Provider, useStag
     [x: `${string}.disconnected`]: true;
     "injected.connected": true;
 }>;
+export declare function assertHasValue<T>(item: T, message?: string): asserts item is NonNullable<T>;
+export declare function assertAndReturn<T>(item: T, message?: string): NonNullable<T>;
+export declare const getRPCErrorString: (error: any) => any;
+export declare function getBlockExplorerURL(chainId: number, chains?: readonly Chain[]): string | null;
+export declare function getBlockExplorerName(chainId: number, chains?: readonly Chain[]): string;
+export declare function getRelayChainsAndIcons(): {
+    chains: import('@relayprotocol/relay-sdk').RelayChain[];
+    iconMap: Map<number, string>;
+};
+export declare const chainIdToRelayChain: (chainId: number) => import('@relayprotocol/relay-sdk').RelayChain | null;
+export declare const isNativeAndWrappedPair: (fromCurrency: RelayAPIToken | undefined, toCurrency: RelayAPIToken | undefined) => boolean;

package/dist/types/types/GlyphWidgetTypes.d.ts

@@ -1,5 +1,6 @@
 import { Hex } from 'viem';
 import { WalletView, WalletMainViewTab } from '../lib/constants';
+import { PropsWithChildren } from 'react';
 export declare enum StrategyType {
     PRIVY = "privy",
     EIP1193 = "eip1193"
@@ -23,16 +24,16 @@ export declare const GlyphViewType: {
     readonly SEND: WalletView.SEND;
     readonly RECEIVE: WalletView.RECEIVE;
     readonly PROFILE: WalletView.PROFILE;
+    readonly SWAP: WalletView.SWAP;
     readonly CLOSED: "closed";
     readonly OPEN: "open";
 };
 export type GlyphViewType = (typeof GlyphViewType)[keyof typeof GlyphViewType];
-export interface BaseGlyphProviderOptions {
+export interface BaseGlyphProviderOptions extends PropsWithChildren {
     glyphUrl?: string;
     useStagingTenant?: boolean;
     onLogin?: () => void;
     onLogout?: () => void;
-    children: React.ReactNode;
 }
 export interface EIP1193GlyphProviderOptionsWithSignature extends BaseGlyphProviderOptions {
     strategy: StrategyType.EIP1193;
@@ -47,9 +48,11 @@ export interface BaseGlyphProviderOptionsWithSignature extends BaseGlyphProvider
     askForSignature?: boolean;
 }
 export type GlyphWidgetTokenBalancesItem = {
+    chainId: number;
     name: string;
     symbol: string;
     value: string;
+    logo: string | null;
     valueInWei: string;
     amount: string;
     currency: string;
@@ -90,6 +93,12 @@ export type GlyphWidgetNFTBalancesItem = {
 export type GlyphWidgetBalances = {
     tokens: GlyphWidgetTokenBalancesItem[];
     nfts: GlyphWidgetNFTBalancesItem[];
+    wallet_value: {
+        currency: string;
+        nfts: number;
+        tokens: number;
+        total: number;
+    };
 };
 export type GlyphWidgetButtonProps = {
     showAvatar?: boolean;
@@ -111,7 +120,9 @@ export type GlyphWidgetUser = {
         address: string;
         walletClientType?: string;
     }[];
+    isVerified: boolean;
     currency: string;
+    usd2CurrencyRate: number;
     minFundingAmount: number;
     maxFundingAmount: number;
     country: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@use-glyph/sdk-react",
-  "version": "1.2.13",
+  "version": "2.0.0-rc.5",
   "type": "module",
   "license": "GLYPH-1.0",
   "sideEffects": false,
@@ -66,9 +66,11 @@
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tooltip": "1.2.8",
+    "@relayprotocol/relay-sdk": "3.1.0",
     "@types/throttle-debounce": "5.0.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

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

@@ -1,2 +0,0 @@
-import { default as ApecoinIcon } from './ApecoinIcon';
-export default ApecoinIcon;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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