add sandbox mode info

Author: moe-dev

examples/with-sdk-js/src/app/page.tsx

@@ -179,7 +179,6 @@ export default function AuthPage() {
       await turnkey.handleOnRamp({
         onrampProvider: "FIAT_ON_RAMP_PROVIDER_MOONPAY",
         walletAccount: evmAccount,
-        openInNewTab: true,
         cryptoCurrencyCode: "FIAT_ON_RAMP_CRYPTO_CURRENCY_ETH",
         sandboxMode: true,
       });

packages/react-wallet-kit/src/components/onramp/OnRamp.tsx

@@ -9,6 +9,7 @@ type OnRampPageProps = {
   action: () => Promise<void>;
   completed: boolean;
   successPageDuration?: number;
+  sandboxMode?: boolean;
   onSuccess?: () => void;
   onError?: (error: any) => void;
 };
@@ -19,6 +20,7 @@ export function OnRampPage({
   action,
   completed,
   successPageDuration = 2000,
+  sandboxMode = false,
   onSuccess,
   onError,
 }: OnRampPageProps) {
@@ -69,6 +71,11 @@ export function OnRampPage({
           ? "Use the Coinbase popup to finish funding your account."
           : "Use the MoonPay popup to finish funding your account."}
       </div>
+      {sandboxMode && (
+        <div className="mt-2 text-xs text-blue-500 dark:text-blue-400">
+          Sandbox mode — no real funds will be used.
+        </div>
+      )}
     </div>
   );
 }

packages/react-wallet-kit/src/providers/client/Provider.tsx

@@ -5279,7 +5279,7 @@ export const ClientProvider: React.FC<ClientProviderProps> = ({
         countryCode,
         onrampProvider = "FIAT_ON_RAMP_PROVIDER_MOONPAY",
         sandboxMode = true,
-        successPageDuration = 5000,
+        successPageDuration = 2000,
         openInNewTab = false,
       } = params;
 
@@ -5450,6 +5450,7 @@ export const ClientProvider: React.FC<ClientProviderProps> = ({
               }
               onrampProvider={onrampProvider}
               action={action}
+              sandboxMode={sandboxMode}
               completed={completed}
               successPageDuration={successPageDuration}
               onSuccess={() => resolve()}