@unifold/connect-react 0.1.52 → 0.1.54

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
+import { QueryClient } from '@tanstack/react-query';
 import { ThemeMode, ThemeConfig, FontConfig, ComponentConfig, DepositModalInitialScreen, ChainType, DepositConfirmationMode, WithdrawTransactionInfo, AllowedCountryResult } from '@unifold/ui-react';
 export { AllowedCountryResult, BrowserWalletAmountQuickSelect, Button, ButtonProps, ButtonTokens, CardTokens, ComponentConfig, ComponentTokens, ConfirmingView, ContainerTokens, CustomThemeColors, DepositConfirmationMode, DepositModalInitialScreen as DepositInitialScreen, FontConfig, HeaderTokens, InputTokens, ListTokens, SearchTokens, ThemeColors, ThemeConfig, ThemeMode, UseSupportedDepositTokensOptions, WithdrawTransactionInfo, useSupportedDepositTokens } from '@unifold/ui-react';
 import { DepositEvent } from '@unifold/core';
@@ -7,6 +8,15 @@ export { ActionType, AutoSwapRequest, AutoSwapResponse, ChainType, CreateDeposit
 
 interface UnifoldConnectProviderConfig {
     publishableKey: string;
+    /**
+     * Bring your own TanStack QueryClient. When provided, UnifoldProvider will
+     * use this client instead of creating its own, and will not add a
+     * QueryClientProvider wrapper (it assumes one already exists in the tree).
+     *
+     * This avoids shadowing the host app's QueryClient and lets Unifold hooks
+     * share the same cache, devtools, and default options as the rest of the app.
+     */
+    queryClient?: QueryClient;
     config?: {
         modalTitle?: string;
         /** Custom title for the withdraw modal. @default `"Withdraw"` */
@@ -178,7 +188,7 @@ interface WithdrawConfig {
     onClose?: () => void;
 }
 
-declare function UnifoldProvider({ children, publishableKey, config, }: React.PropsWithChildren<UnifoldConnectProviderConfig>): react_jsx_runtime.JSX.Element;
+declare function UnifoldProvider({ children, publishableKey, queryClient, config, }: React.PropsWithChildren<UnifoldConnectProviderConfig>): react_jsx_runtime.JSX.Element;
 declare function useUnifold(): {
     publishableKey: string;
     beginDeposit: (config: DepositConfig) => Promise<DepositResult>;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
+import { QueryClient } from '@tanstack/react-query';
 import { ThemeMode, ThemeConfig, FontConfig, ComponentConfig, DepositModalInitialScreen, ChainType, DepositConfirmationMode, WithdrawTransactionInfo, AllowedCountryResult } from '@unifold/ui-react';
 export { AllowedCountryResult, BrowserWalletAmountQuickSelect, Button, ButtonProps, ButtonTokens, CardTokens, ComponentConfig, ComponentTokens, ConfirmingView, ContainerTokens, CustomThemeColors, DepositConfirmationMode, DepositModalInitialScreen as DepositInitialScreen, FontConfig, HeaderTokens, InputTokens, ListTokens, SearchTokens, ThemeColors, ThemeConfig, ThemeMode, UseSupportedDepositTokensOptions, WithdrawTransactionInfo, useSupportedDepositTokens } from '@unifold/ui-react';
 import { DepositEvent } from '@unifold/core';
@@ -7,6 +8,15 @@ export { ActionType, AutoSwapRequest, AutoSwapResponse, ChainType, CreateDeposit
 
 interface UnifoldConnectProviderConfig {
     publishableKey: string;
+    /**
+     * Bring your own TanStack QueryClient. When provided, UnifoldProvider will
+     * use this client instead of creating its own, and will not add a
+     * QueryClientProvider wrapper (it assumes one already exists in the tree).
+     *
+     * This avoids shadowing the host app's QueryClient and lets Unifold hooks
+     * share the same cache, devtools, and default options as the rest of the app.
+     */
+    queryClient?: QueryClient;
     config?: {
         modalTitle?: string;
         /** Custom title for the withdraw modal. @default `"Withdraw"` */
@@ -178,7 +188,7 @@ interface WithdrawConfig {
     onClose?: () => void;
 }
 
-declare function UnifoldProvider({ children, publishableKey, config, }: React.PropsWithChildren<UnifoldConnectProviderConfig>): react_jsx_runtime.JSX.Element;
+declare function UnifoldProvider({ children, publishableKey, queryClient, config, }: React.PropsWithChildren<UnifoldConnectProviderConfig>): react_jsx_runtime.JSX.Element;
 declare function useUnifold(): {
     publishableKey: string;
     beginDeposit: (config: DepositConfig) => Promise<DepositResult>;