@b3dotfun/sdk 0.0.88 → 0.0.89-alpha.1

package/src/anyspend/react/components/common/OrderDetails.tsx

@@ -21,7 +21,7 @@ import {
   TextLoop,
   TextShimmer,
   useAccountWallet,
-  useB3,
+  useB3Config,
   useModalStore,
   useProfile,
   useUnifiedChainSwitchAndExecute,
@@ -65,6 +65,10 @@ interface OrderDetailsProps {
   onBack?: () => void;
   disableUrlParamManagement?: boolean; // When true, will not modify URL parameters
   points?: number | undefined; // Points earned from the transaction
+  /** Custom URL to redirect to when clicking "Return to Home" on complete order screen */
+  returnToHomeUrl?: string;
+  /** Custom label for the return home button (overrides "Return to Home" / "Close") */
+  returnHomeLabel?: string;
 }
 
 // Add this helper function near the top or just above the component
@@ -217,12 +221,14 @@ export const OrderDetails = memo(function OrderDetails({
   onBack,
   disableUrlParamManagement = false,
   points,
+  returnToHomeUrl,
+  returnHomeLabel,
 }: OrderDetailsProps) {
   const router = useRouter();
   const searchParams = useSearchParams();
 
   // Get theme from B3Provider context
-  const { theme } = useB3();
+  const { theme } = useB3Config();
   const colorMode = theme || "light";
 
   // Read crypto payment method from URL parameters
@@ -377,6 +383,49 @@ export const OrderDetails = memo(function OrderDetails({
     onBack?.();
   }, [cleanupUrlParams, onBack]);
 
+  // Handle "Return to Home" click - redirects to custom URL if provided
+  const handleReturnToHome = useCallback(() => {
+    if (returnToHomeUrl) {
+      // Validate URL to prevent Open Redirect / XSS attacks
+      try {
+        const url = new URL(returnToHomeUrl, window.location.origin);
+        // Only allow http/https protocols
+        if (url.protocol === "http:" || url.protocol === "https:") {
+          window.location.href = url.href;
+          return;
+        }
+      } catch {
+        // If URL parsing fails, check if it's a safe relative URL
+        if (returnToHomeUrl.startsWith("/") && !returnToHomeUrl.startsWith("//")) {
+          window.location.href = returnToHomeUrl;
+          return;
+        }
+      }
+      // Fallback to handleBack if URL is not safe
+      handleBack();
+    } else {
+      handleBack();
+    }
+  }, [returnToHomeUrl, handleBack]);
+
+  // Reusable "Return to Home" / "Close" button
+  const returnHomeOrCloseButton = (
+    <button
+      className="order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white"
+      onClick={returnToHomeUrl ? handleReturnToHome : mode === "page" ? handleBack : handleCloseModal}
+    >
+      {returnHomeLabel ? (
+        returnHomeLabel
+      ) : mode === "page" ? (
+        <>
+          Return to Home <Home className="ml-2 h-4 w-4" />
+        </>
+      ) : (
+        "Close"
+      )}
+    </button>
+  );
+
   useEffect(() => {
     if (txSuccess) {
       toast.success("Transaction successful! We are processing your order.", { duration: 10000 });
@@ -521,18 +570,7 @@ export const OrderDetails = memo(function OrderDetails({
             </span>
           </div>
         )}
-        <button
-          className="order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white"
-          onClick={mode === "page" ? handleBack : handleCloseModal}
-        >
-          {mode === "page" ? (
-            <>
-              Return to Home <Home className="ml-2 h-4 w-4" />
-            </>
-          ) : (
-            "Close"
-          )}
-        </button>
+        {returnHomeOrCloseButton}
       </>
     );
   }
@@ -649,20 +687,7 @@ export const OrderDetails = memo(function OrderDetails({
           </ShinyButton>
         )}
 
-        {order.status === "executed" && (
-          <button
-            className="order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white"
-            onClick={mode === "page" ? handleBack : handleCloseModal}
-          >
-            {mode === "page" ? (
-              <>
-                Return to Home <Home className="ml-2 h-4 w-4" />
-              </>
-            ) : (
-              "Close"
-            )}
-          </button>
-        )}
+        {order.status === "executed" && returnHomeOrCloseButton}
       </>
     );
   }
@@ -786,20 +811,7 @@ export const OrderDetails = memo(function OrderDetails({
           </ShinyButton>
         )}
 
-        {order.status === "executed" && (
-          <button
-            className="order-close-button order-details-close-btn bg-as-brand flex w-full items-center justify-center gap-2 rounded-lg p-2 font-semibold text-white"
-            onClick={mode === "page" ? handleBack : handleCloseModal}
-          >
-            {mode === "page" ? (
-              <>
-                Return to Home <Home className="ml-2 h-4 w-4" />
-              </>
-            ) : (
-              "Close"
-            )}
-          </button>
-        )}
+        {order.status === "executed" && returnHomeOrCloseButton}
       </>
     );
   }
@@ -905,6 +917,12 @@ export const OrderDetails = memo(function OrderDetails({
         )}
 
         {/* <DelayedSupportMessage /> */}
+        <button
+          className="text-b3-primary-blue hover:text-b3-primary-blue/50 order-details-cancel-btn flex w-full items-center justify-center gap-2 underline"
+          onClick={handleBack}
+        >
+          <RefreshCcw className="ml-2 h-4 w-4" /> Cancel and start over
+        </button>
       </>
     );
   }

package/src/anyspend/react/components/common/PanelOnramp.tsx

@@ -33,6 +33,7 @@ export function PanelOnramp({
   onShowPointsDetail,
   onShowFeeDetail,
   customUsdInputValues = ["5", "10", "20", "25"],
+  customRecipientLabel,
 }: {
   srcAmountOnRamp: string;
   setSrcAmountOnRamp: (amount: string) => void;
@@ -52,6 +53,8 @@ export function PanelOnramp({
   onShowPointsDetail?: () => void;
   onShowFeeDetail?: () => void;
   customUsdInputValues?: string[];
+  /** Custom label for recipient display (overrides recipientName) */
+  customRecipientLabel?: string;
 }) {
   // Helper function to get fees from anyspend quote
   const getFeeFromApi = (paymentMethod: FiatPaymentMethod): number | null => {
@@ -228,7 +231,8 @@ export function PanelOnramp({
               onClick={() => setActivePanel(recipientSelectionPanelIndex)} // Recipient selection panel
             >
               <span className="text-sm">
-                {recipientName ? formatUsername(recipientName) : formatAddress(_recipientAddress)}
+                {customRecipientLabel ||
+                  (recipientName ? formatUsername(recipientName) : formatAddress(_recipientAddress))}
               </span>
               <ChevronRight size={16} />
             </button>

package/src/anyspend/react/components/common/PaymentStripeWeb2.tsx

@@ -1,9 +1,8 @@
-import { getStripePromise } from "@b3dotfun/sdk/shared/utils/payment.utils";
 import { OrderDetailsCollapsible, useStripeClientSecret } from "@b3dotfun/sdk/anyspend/react";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
-import { ShinyButton, useB3, useModalStore, useProfile } from "@b3dotfun/sdk/global-account/react";
+import { ShinyButton, useB3Config, useModalStore, useProfile } from "@b3dotfun/sdk/global-account/react";
 import { formatTokenAmount } from "@b3dotfun/sdk/shared/utils/number";
-import { formatStripeAmount } from "@b3dotfun/sdk/shared/utils/payment.utils";
+import { formatStripeAmount, getStripePromise } from "@b3dotfun/sdk/shared/utils/payment.utils";
 import { AddressElement, Elements, PaymentElement, useElements, useStripe } from "@stripe/react-stripe-js";
 import { PaymentIntentResult, StripePaymentElementOptions } from "@stripe/stripe-js";
 import { X } from "lucide-react";
@@ -19,7 +18,7 @@ interface PaymentStripeWeb2Props {
 }
 
 export default function PaymentStripeWeb2({ order, stripePaymentIntentId, onPaymentSuccess }: PaymentStripeWeb2Props) {
-  const { theme, stripePublishableKey } = useB3();
+  const { theme, stripePublishableKey } = useB3Config();
   const fingerprintConfig = getFingerprintConfig();
 
   const { clientSecret, isLoadingStripeClientSecret, stripeClientSecretError } =

package/src/anyspend/react/hooks/index.ts

@@ -7,6 +7,7 @@ export * from "./useAnyspendQuote";
 export * from "./useAnyspendTokens";
 export * from "./useCoinbaseOnrampOptions";
 export * from "./useConnectedUserProfile";
+export * from "./useGasPrice";
 export * from "./useGeoOnrampOptions";
 export * from "./useGetGeo";
 export * from "./useHyperliquidTransfer";

package/src/anyspend/react/hooks/useAnyspendCreateOnrampOrder.ts

@@ -3,7 +3,7 @@ import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { VisitorData } from "@b3dotfun/sdk/anyspend/types/fingerprint";
 import { buildMetadata, buildPayload, normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
-import { useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
@@ -36,7 +36,7 @@ export type UseAnyspendCreateOnrampOrderProps = {
  */
 export function useAnyspendCreateOnrampOrder({ onSuccess, onError }: UseAnyspendCreateOnrampOrderProps = {}) {
   // Get B3 context values
-  const { partnerId } = useB3();
+  const { partnerId } = useB3Config();
 
   // Get validated client reference ID from B3 context
   const createValidatedClientReferenceId = useValidatedClientReferenceId();

package/src/anyspend/react/hooks/useAnyspendCreateOrder.ts

@@ -2,7 +2,7 @@ import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { VisitorData } from "@b3dotfun/sdk/anyspend/types/fingerprint";
 import { buildMetadata, buildPayload, normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
-import { useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
@@ -36,7 +36,7 @@ export type UseAnyspendCreateOrderProps = {
  */
 export function useAnyspendCreateOrder({ onSuccess, onError }: UseAnyspendCreateOrderProps = {}) {
   // Get B3 context values
-  const { partnerId } = useB3();
+  const { partnerId } = useB3Config();
 
   // Get validated client reference ID from B3 context
   const createValidatedClientReferenceId = useValidatedClientReferenceId();

package/src/anyspend/react/hooks/useCreateDepositFirstOrder.ts

@@ -2,7 +2,7 @@ import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";
 import { components } from "@b3dotfun/sdk/anyspend/types/api";
 import { VisitorData } from "@b3dotfun/sdk/anyspend/types/fingerprint";
 import { normalizeAddress } from "@b3dotfun/sdk/anyspend/utils";
-import { useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { useVisitorData } from "@fingerprintjs/fingerprintjs-pro-react";
 import { useMutation } from "@tanstack/react-query";
 import { useMemo } from "react";
@@ -29,7 +29,7 @@ export type UseCreateDepositFirstOrderProps = {
  * This order type doesn't require srcAmount - the user deposits tokens after the order is created.
  */
 export function useCreateDepositFirstOrder({ onSuccess, onError }: UseCreateDepositFirstOrderProps = {}) {
-  const { partnerId } = useB3();
+  const { partnerId } = useB3Config();
 
   const { data: fpData } = useVisitorData({ extendedResult: true }, { immediate: true });
   const visitorData: VisitorData | undefined = fpData && {

package/src/anyspend/react/hooks/useGasPrice.ts

@@ -0,0 +1,70 @@
+import { useQuery } from "@tanstack/react-query";
+import { useMemo } from "react";
+import { gasService, isGasOracleSupported } from "../../services/gas";
+import type { GasPriceData } from "../../types/gas";
+
+export interface UseGasPriceOptions {
+  /** Refetch interval in ms (default: 10000 = 10s) */
+  refetchInterval?: number;
+  /** Whether to enable the query (default: true if chainId is supported) */
+  enabled?: boolean;
+}
+
+export interface UseGasPriceResult {
+  /** Gas price data */
+  gasPrice: GasPriceData | undefined;
+  /** Whether the query is loading */
+  isLoading: boolean;
+  /** Whether there's an error */
+  isError: boolean;
+  /** Error object if any */
+  error: Error | null;
+  /** Whether gas is currently spiking */
+  isSpike: boolean;
+  /** Refetch function */
+  refetch: () => void;
+}
+
+/**
+ * React hook to fetch current gas price for a chain.
+ *
+ * @param chainId - The chain ID to fetch gas price for
+ * @param options - Optional configuration
+ *
+ * @example
+ * ```tsx
+ * const { gasPrice, isSpike, isLoading } = useGasPrice(8453); // Base
+ *
+ * if (isSpike) {
+ *   return <Warning>Gas prices are high: {gasPrice?.recommendation}</Warning>;
+ * }
+ * ```
+ */
+export function useGasPrice(chainId: number | undefined, options: UseGasPriceOptions = {}): UseGasPriceResult {
+  const { refetchInterval = 10000, enabled } = options;
+
+  const isSupported = chainId !== undefined && isGasOracleSupported(chainId);
+  const queryEnabled = enabled ?? isSupported;
+
+  const { data, isLoading, isError, error, refetch } = useQuery({
+    queryKey: ["gasPrice", chainId],
+    queryFn: () => gasService.fetch(chainId as number),
+    enabled: queryEnabled && chainId !== undefined,
+    refetchInterval,
+    staleTime: 5000, // Consider data fresh for 5s
+    retry: 2,
+    refetchOnWindowFocus: true,
+  });
+
+  return useMemo(
+    () => ({
+      gasPrice: data,
+      isLoading,
+      isError,
+      error: error as Error | null,
+      isSpike: data?.isSpike ?? false,
+      refetch,
+    }),
+    [data, isLoading, isError, error, refetch],
+  );
+}

package/src/anyspend/react/hooks/useValidatedClientReferenceId.ts

@@ -1,5 +1,5 @@
 import { Validators } from "@b3dotfun/sdk/anyspend/utils/validation";
-import { useB3 } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config } from "@b3dotfun/sdk/global-account/react";
 import { useCallback } from "react";
 import { CreateOnrampOrderParams } from "./useAnyspendCreateOnrampOrder";
 import { CreateOrderParams } from "./useAnyspendCreateOrder";
@@ -9,7 +9,7 @@ import { CreateOrderParams } from "./useAnyspendCreateOrder";
  * Gets the createClientReferenceId function from B3 context and validates the result
  */
 export function useValidatedClientReferenceId() {
-  const { createClientReferenceId } = useB3();
+  const { createClientReferenceId } = useB3Config();
 
   const createValidatedClientReferenceId = useCallback(
     async (params: CreateOrderParams | CreateOnrampOrderParams) => {

package/src/anyspend/services/gas.test.ts

@@ -0,0 +1,31 @@
+import { describe, it, expect } from "vitest";
+import { gasService, isGasOracleSupported } from "./gas";
+
+describe("gasService", () => {
+  it("should check supported chains", () => {
+    expect(isGasOracleSupported(8453)).toBe(true); // Base
+    expect(isGasOracleSupported(1)).toBe(true); // Ethereum
+    expect(isGasOracleSupported(999999)).toBe(false); // Unknown
+  });
+
+  it("should fetch gas price for Base", async () => {
+    const gas = await gasService.fetch(8453);
+
+    console.log("Gas data:", gas);
+
+    expect(gas.chainId).toBe(8453);
+    expect(gas.chainName).toBe("Base");
+    expect(gas.level).toMatch(/low|normal|elevated|high|spike/);
+    expect(typeof gas.gasPriceGwei).toBe("string");
+    expect(typeof gas.isSpike).toBe("boolean");
+  });
+
+  it("should fetch gas price for Ethereum", async () => {
+    const gas = await gasService.fetch(1);
+
+    console.log("ETH Gas:", gas);
+
+    expect(gas.chainId).toBe(1);
+    expect(gas.source).toBe("blocknative"); // ETH uses Blocknative
+  });
+});

package/src/anyspend/services/gas.ts

@@ -0,0 +1,73 @@
+import { GAS_ORACLE_BASE_URL } from "../constants";
+import type { GasOracleResponse, GasPriceData } from "../types/gas";
+
+/** Supported chain IDs for gas oracle */
+export const GAS_ORACLE_SUPPORTED_CHAINS = [
+  1, // Ethereum
+  137, // Polygon
+  42161, // Arbitrum
+  8453, // Base
+  56, // BSC
+  10, // Optimism
+  43114, // Avalanche
+  8333, // B3
+  2741, // Abstract
+  4689, // IoTeX
+  3338, // Peaq
+  1329, // Sei
+] as const;
+
+export type GasOracleSupportedChainId = (typeof GAS_ORACLE_SUPPORTED_CHAINS)[number];
+
+/** Check if a chain is supported by the gas oracle */
+export function isGasOracleSupported(chainId: number): chainId is GasOracleSupportedChainId {
+  return GAS_ORACLE_SUPPORTED_CHAINS.includes(chainId as GasOracleSupportedChainId);
+}
+
+/** Fetch gas price data from the gas oracle */
+export async function fetchGasPrice(chainId: number): Promise<GasOracleResponse> {
+  const response = await fetch(`${GAS_ORACLE_BASE_URL}/gas/${chainId}`);
+
+  if (!response.ok) {
+    throw new Error(`Failed to fetch gas price for chain ${chainId}: ${response.status}`);
+  }
+
+  return response.json();
+}
+
+/** Transform raw oracle response to simplified UI data */
+export function toGasPriceData(response: GasOracleResponse): GasPriceData {
+  const { analysis } = response;
+  const isSpike = analysis.level === "elevated" || analysis.level === "high" || analysis.level === "spike";
+
+  return {
+    chainId: response.chainId,
+    chainName: response.chainName,
+    gasPriceGwei: response.gasPrice.standard,
+    baseFeeGwei: response.eip1559?.baseFee,
+    level: analysis.level,
+    isSpike,
+    recommendation: analysis.recommendation,
+    vsMedian: analysis.vs1h, // Use 1h as primary comparison
+    source: response.source,
+    timestamp: response.timestamp,
+  };
+}
+
+/** Gas service for fetching and transforming gas data */
+export const gasService = {
+  /** Fetch raw gas oracle response */
+  fetchRaw: fetchGasPrice,
+
+  /** Fetch and transform to UI-friendly format */
+  fetch: async (chainId: number): Promise<GasPriceData> => {
+    const response = await fetchGasPrice(chainId);
+    return toGasPriceData(response);
+  },
+
+  /** Check if chain is supported */
+  isSupported: isGasOracleSupported,
+
+  /** List of supported chain IDs */
+  supportedChains: GAS_ORACLE_SUPPORTED_CHAINS,
+};

package/src/anyspend/types/gas.ts

@@ -0,0 +1,66 @@
+/** Gas level classification based on historical percentiles */
+export type GasLevel = "low" | "normal" | "elevated" | "high" | "spike";
+
+/** Gas prices in Gwei for different speed tiers */
+export interface GasPrices {
+  low: string;
+  standard: string;
+  fast: string;
+  instant?: string;
+}
+
+/** EIP-1559 specific gas data */
+export interface Eip1559Data {
+  baseFee: string;
+  maxPriorityFee: GasPrices;
+  maxFee: GasPrices;
+}
+
+/** Spike analysis comparing current gas to historical data */
+export interface GasSpikeAnalysis {
+  level: GasLevel;
+  percentile: number;
+  /** Ratio to 1h median (primary spike detection) */
+  vs1h: number;
+  /** Ratio to 4h median (short-term context) */
+  vs4h: number;
+  /** Ratio to 24h median (daily context) */
+  vs24h: number;
+  recommendation: string;
+}
+
+/** Full gas response from the gas oracle */
+export interface GasOracleResponse {
+  chainId: number;
+  chainName: string;
+  timestamp: string;
+  blockNumber?: number;
+  source: "blocknative" | "rpc";
+  gasPrice: GasPrices;
+  eip1559?: Eip1559Data;
+  analysis: GasSpikeAnalysis;
+  cached: boolean;
+  cacheAge?: number;
+}
+
+/** Simplified gas data for UI display */
+export interface GasPriceData {
+  chainId: number;
+  chainName: string;
+  /** Standard gas price in Gwei */
+  gasPriceGwei: string;
+  /** Base fee in Gwei (EIP-1559 chains) */
+  baseFeeGwei?: string;
+  /** Gas level classification */
+  level: GasLevel;
+  /** Whether gas is currently spiking (elevated, high, or spike) */
+  isSpike: boolean;
+  /** Human-readable recommendation */
+  recommendation: string;
+  /** Ratio to recent median (1 = normal, >1.5 = elevated) */
+  vsMedian: number;
+  /** Data source */
+  source: "blocknative" | "rpc";
+  /** Timestamp of the data */
+  timestamp: string;
+}

package/src/global-account/react/components/B3DynamicModal.tsx

@@ -14,14 +14,13 @@ import { AnySpendDepositHype } from "@b3dotfun/sdk/anyspend/react/components/Any
 import { AnySpendDepositUpside } from "@b3dotfun/sdk/anyspend/react/components/AnySpendDepositUpside";
 import { AnySpendStakeUpside } from "@b3dotfun/sdk/anyspend/react/components/AnySpendStakeUpside";
 import { AnySpendStakeUpsideExactIn } from "@b3dotfun/sdk/anyspend/react/components/AnySpendStakeUpsideExactIn";
-import { useGlobalAccount, useIsMobile, useModalStore } from "@b3dotfun/sdk/global-account/react";
+import { useB3Config, useGlobalAccount, useIsMobile, useModalStore } from "@b3dotfun/sdk/global-account/react";
 import { cn } from "@b3dotfun/sdk/shared/utils/cn";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
 import { AnimatePresence, motion } from "framer-motion";
 import { useEffect, useRef } from "react";
 import { useSetActiveWallet } from "thirdweb/react";
 import { AvatarEditor } from "./AvatarEditor/AvatarEditor";
-import { useB3 } from "./B3Provider/useB3";
 import { Deposit } from "./Deposit/Deposit";
 import { LinkAccount } from "./LinkAccount/LinkAccount";
 import { LinkNewAccount } from "./LinkAccount/LinkNewAccount";
@@ -30,8 +29,8 @@ import NotificationsContent from "./ManageAccount/NotificationsContent";
 import { RequestPermissions } from "./RequestPermissions/RequestPermissions";
 import { Send } from "./Send/Send";
 import { SignInWithB3Flow } from "./SignInWithB3/SignInWithB3Flow";
-import { TurnkeyAuthModal } from "./TurnkeyAuthModal";
 import { ToastContainer, useToastContext } from "./Toast/index";
+import { TurnkeyAuthModal } from "./TurnkeyAuthModal";
 import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./ui/dialog";
 import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "./ui/drawer";
 
@@ -42,7 +41,7 @@ export function B3DynamicModal() {
   const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
   const contentType = useModalStore(state => state.contentType);
   const navigateBack = useModalStore(state => state.navigateBack);
-  const { theme } = useB3();
+  const { theme } = useB3Config();
   const isMobile = useIsMobile();
   const prevIsOpenRef = useRef(isOpen);
   const { wallet } = useGlobalAccount();

package/src/global-account/react/components/B3Provider/AuthenticationProvider.tsx

@@ -0,0 +1,19 @@
+import { useAuthentication } from "../../hooks";
+import { useAutoSelectWallet } from "../../hooks/useAutoSelectWallet";
+
+const AuthenticationProvider = ({
+  partnerId,
+  automaticallySetFirstEoa,
+}: {
+  partnerId: string;
+  automaticallySetFirstEoa: boolean;
+}) => {
+  useAuthentication(partnerId);
+  useAutoSelectWallet({
+    enabled: automaticallySetFirstEoa,
+  });
+
+  return null;
+};
+
+export default AuthenticationProvider;