@use-glyph/sdk-react 0.4.1 → 1.0.1

package/dist/types/components/NativeGlyphConnectButton.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const NativeGlyphConnectButton: FC;

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

@@ -1,3 +1,8 @@
+import { FC } from 'react';
 import { GlyphProviderOptions } from '../types';
-declare const _default: import('react').NamedExoticComponent<GlyphProviderOptions>;
-export default _default;
+/**
+ * A react provider that provides the GlyphContext to its children.
+ *
+ * See more at: {@link https://docs.useglyph.io/reference/components/GlyphProvider/}
+ */
+export declare const GlyphProvider: FC<GlyphProviderOptions>;

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

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

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

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

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

@@ -30,9 +30,9 @@ export interface GlyphInterface {
     login: () => void;
     logout: () => void;
     /**
-     * The base URL for the Glyph Widget API (optional, uses default if not provided)
+     * The base URL for the Glyph Widget API (optional, uses default DASHBOARD_BASE_URL from envs if not provided)
      */
-    glyphUrl?: string;
+    glyphUrl: string;
 }
 export interface GlyphHook extends GlyphInterface {
     /**

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

@@ -2,6 +2,11 @@ import { FUND_STATUS_API, FundQuoteDTO } from './useGlyphFundingApi';
 type INITIAL_FUND_STATUS = "STARTED";
 export type GLYPH_FUND_STATUS = INITIAL_FUND_STATUS | FUND_STATUS_API;
 export declare function useGlyphFunding(): {
+    userCurrency: string;
+    fundMinAmount: number;
+    fundMaxAmount: number;
+    fundIntermediaryToken: string | undefined;
+    fundIntermediaryChain: string | undefined;
     fundAmount: string;
     fundAmountError: string | null;
     fundDone: boolean;
@@ -10,6 +15,7 @@ export declare function useGlyphFunding(): {
     fundQuote: FundQuoteDTO | null;
     fundStatus: GLYPH_FUND_STATUS;
     isOnrampEnabled: boolean;
+    onramppDisabledError: string | null;
     quoteLoading: boolean;
     doFunding: (onSuccess: () => void, onError: (error: string) => void) => Promise<void>;
     setFundAmount: (val: React.SetStateAction<string>) => void;

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

@@ -1,11 +1,10 @@
 interface GlyphLogin {
-    login: () => void;
-    logout: () => void;
+    connect: () => void;
+    disconnect: () => void;
 }
 /**
  * Use the `useNativeGlyphConnection` hook to login with Glyph.
- * @param askForSignature - Whether to ask for a signature from the user. Pass true if you want to use the Glyph Widget or want the useGlyph hook to be ready for use. Defaults to true.
- * @returns The login and logout functions.
+ * @returns The connect and disconnect functions. Used to connect and disconnect from Glyph.
  */
-export declare const useNativeGlyphConnection: (askForSignature?: boolean) => GlyphLogin;
+export declare const useNativeGlyphConnection: () => GlyphLogin;
 export {};

package/dist/types/index.d.ts

@@ -2,18 +2,19 @@ import { default as GlyphWidget } from './components/GlyphWidget';
 import { default as LoginButton } from './components/LoginButton';
 import { default as LogoutButton } from './components/LogoutButton';
 import { default as SignUpButton } from './components/SignUpButton';
-import { default as GlyphProvider } from './context/GlyphProvider';
+import { GlyphProvider } from './context/GlyphProvider';
 export { useBalances } from './hooks/useBalances';
 export { useGlyph } from './hooks/useGlyph';
 export { useGlyphFunding, type GLYPH_FUND_STATUS } from './hooks/useGlyphFunding';
 export { useGlyphView } from './hooks/useGlyphView';
 export { glyphConnectorDetails } from './lib/constants';
-export { GlyphViewType as GlyphView, StrategyType } from './types';
+export { GlyphViewType as GlyphView, StrategyType, WalletClientType } from './types';
 export { GlyphProvider, GlyphWidget, LoginButton, LogoutButton, SignUpButton };
-export { GlyphWalletProvider } from './lib/eip1193/GlyphWalletProvider';
+export { NativeGlyphConnectButton } from './components/NativeGlyphConnectButton';
+export { useNativeGlyphConnection } from './hooks/useNativeGlyphConnection';
 export { glyphWalletConnector } from './lib/eip1193/glyphWalletConnector';
+export { GlyphWalletProvider } from './lib/eip1193/GlyphWalletProvider';
 export { glyphWalletRK, glyphWalletRKStaging } from './lib/eip1193/glyphWalletRK';
-export { useNativeGlyphConnection } from './hooks/useNativeGlyphConnection';
 export { GLYPH_ICON_URL, GLYPH_PRIVY_APP_ID, STAGING_GLYPH_PRIVY_APP_ID } from './lib/constants';
 export { GLYPH_APP_LOGIN_METHOD, GlyphPrivyProvider, STAGING_GLYPH_APP_LOGIN_METHOD } from './lib/privy/GlyphPrivyProvider';
 export { InjectWagmiConnector } from './lib/privy/InjectWagmiConnector';

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

@@ -35,6 +35,8 @@ export declare enum SendView {
     END = "send-end"
 }
 export declare const TOKEN_LOGOS: Record<string, React.FC<React.SVGProps<SVGSVGElement>>>;
+export declare const TESTNET_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,6 +1,7 @@
 import { QueryClient } from '@tanstack/react-query';
 import { default as React } from 'react';
 import { Chain, Transport } from 'viem';
+import { BaseGlyphProviderOptionsWithSignature } from '../../types';
 /**
  * Configuration options for the GlyphWalletProvider.
  * @interface GlyphWalletProviderProps
@@ -9,19 +10,17 @@ import { Chain, Transport } from 'viem';
  * @property {QueryClient} queryClient - Optional query client to use, defaults to a standard query client.
  * @property {React.ReactNode} children - The children to render.
  */
-interface GlyphWalletProviderProps {
+interface GlyphWalletProviderProps extends BaseGlyphProviderOptionsWithSignature {
     chains: [Chain, ...Chain[]];
     transports?: Record<number, Transport>;
     queryClient?: QueryClient;
     children: React.ReactNode;
-    glyphUrl?: string;
-    useStagingTenant?: boolean;
     ssr?: boolean;
 }
 /**
  * GlyphWalletProvider is a React provider that wraps the WagmiProvider and QueryClientProvider.
  * It provides the GlyphWalletContext to its children.
- * @example
+ *
  * ```tsx
  * import { GlyphWalletProvider } from '@use-glyph/sdk-react';
  *
@@ -34,7 +33,8 @@ interface GlyphWalletProviderProps {
  *   );
  * };
  * ```
- * @param {GlyphWalletConfig} config - The configuration for the GlyphWalletProvider.
+ *
+ * See more at: {@link https://docs.useglyph.io/reference/components/GlyphWalletProvider/}
  */
-export declare const GlyphWalletProvider: ({ chains, transports, queryClient, children, glyphUrl, useStagingTenant, ssr }: GlyphWalletProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlyphWalletProvider: ({ chains, transports, queryClient, children, ssr, ...glyphProviderOptions }: GlyphWalletProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -7,5 +7,5 @@ type OpenPopupProps = {
 /**
  * Open a popup in the center of the screen with the specified size.
  */
-export declare function openPopup({ url, target, height, width }: OpenPopupProps): void;
+export declare function openPopup({ url, target, height, width }: OpenPopupProps): Window | null;
 export {};

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

@@ -2,6 +2,7 @@ import { LoginMethodOrderOption, PrivyProviderProps } from '@privy-io/react-auth
 import { QueryClient } from '@tanstack/react-query';
 import { Chain, Transport } from 'viem';
 import { default as React } from 'react';
+import { BaseGlyphProviderOptions } from '../../types/GlyphWidgetTypes.js';
 export declare const GLYPH_APP_LOGIN_METHOD: LoginMethodOrderOption;
 export declare const STAGING_GLYPH_APP_LOGIN_METHOD: LoginMethodOrderOption;
 /**
@@ -12,8 +13,10 @@ export declare const STAGING_GLYPH_APP_LOGIN_METHOD: LoginMethodOrderOption;
  * @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 {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 PrivyProviderProps {
+interface GlyphPrivyProviderProps extends PrivyProviderProps, BaseGlyphProviderOptions {
     chains: [Chain, ...Chain[]];
     transports?: Record<number, Transport>;
     queryClient?: QueryClient;
@@ -21,5 +24,5 @@ interface GlyphPrivyProviderProps extends PrivyProviderProps {
     useStagingTenant?: boolean;
     ssr?: boolean;
 }
-export declare const GlyphPrivyProvider: React.MemoExoticComponent<({ chains, transports, queryClient, glyphUrl, useStagingTenant, ssr, ...props }: GlyphPrivyProviderProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const GlyphPrivyProvider: React.MemoExoticComponent<({ chains, transports, queryClient, glyphUrl, useStagingTenant, ssr, onLogin, onLogout, ...props }: GlyphPrivyProviderProps) => import("react/jsx-runtime").JSX.Element>;
 export {};