Setup on Bare React Native

module.exports = {
  presets: ['module:@react-native/babel-preset'],
  plugins: [
    '@babel/plugin-transform-export-namespace-from',
    '@babel/plugin-transform-class-static-block',
    // ...other plugins
  ],
};

/**
 * Random values polyfill (crypto.getRandomValues).
 * Provides the secure native RNG that the SDK relies on.
 * Must load before anything that generates random values.
 */
import 'react-native-get-random-values';

/**
 * Buffer polyfill for Solana and various cryptographic operations.
 */
import { Buffer as BufferPolyfill } from 'buffer';

(globalThis as typeof globalThis & { Buffer: typeof BufferPolyfill }).Buffer =
  BufferPolyfill;

/**
 * crypto.randomUUID polyfill.
 * Hermes doesn't implement crypto.randomUUID, so we generate a v4 UUID
 * from crypto.getRandomValues (polyfilled above).
 */
type CryptoLike = {
  getRandomValues?: (array: Uint8Array) => Uint8Array;
  randomUUID?: () => string;
};

const globalWithCrypto = globalThis as typeof globalThis & {
  crypto?: CryptoLike;
};

if (!globalWithCrypto.crypto) {
  globalWithCrypto.crypto = {};
}

const cryptoRef = globalWithCrypto.crypto;

if (typeof cryptoRef.randomUUID !== 'function') {
  cryptoRef.randomUUID = () => {
    const bytes = new Uint8Array(16);
    // getRandomValues is guaranteed by the react-native-get-random-values import above
    cryptoRef.getRandomValues!(bytes);
    // Set the version (4) and variant bits required by RFC 4122
    bytes[6] = (bytes[6] & 0x0f) | 0x40;
    bytes[8] = (bytes[8] & 0x3f) | 0x80;
    const hex = [...bytes].map((b) => b.toString(16).padStart(2, '0')).join('');
    return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
  };
}

/**
 * window.location polyfill for Dynamic embedded wallets.
 * React Native has no window.location; the embedded wallet client reads
 * window.location.origin when loading the wallet page inside the SDK's
 * native WebView, and throws without this shim. Use the same value as
 * metadata.universalLink (configured later in createDynamicClient) so the
 * embedded wallet loads with your app's origin.
 */
type MinimalLocation = {
  origin: string;
  href: string;
  protocol: string;
  host: string;
  hostname: string;
  port: string;
  pathname: string;
  search: string;
  hash: string;
};

const globalWithLocation = globalThis as typeof globalThis & {
  location?: MinimalLocation;
};

// React Native's TypeScript config has no DOM lib, so the URL global
// (provided at runtime by React Native) needs an explicit type here
const globalWithUrl = globalThis as typeof globalThis & {
  URL: new (url: string) => MinimalLocation;
};

if (!globalWithLocation.location) {
  const appOriginUrl = new globalWithUrl.URL('https://example.com'); // Your app origin

  globalWithLocation.location = {
    origin: appOriginUrl.origin,
    href: appOriginUrl.href,
    protocol: appOriginUrl.protocol,
    host: appOriginUrl.host,
    hostname: appOriginUrl.hostname,
    port: appOriginUrl.port,
    pathname: appOriginUrl.pathname,
    search: appOriginUrl.search,
    hash: appOriginUrl.hash,
  };
}

// Polyfills must run before any other import
import './polyfills';

import { AppRegistry } from 'react-native';
import App from './App';
import { name as appName } from './app.json';

AppRegistry.registerComponent(appName, () => App);

<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLName</key>
    <string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>myapp</string>
    </array>
  </dict>
</array>

<activity android:name=".MainActivity" ...>
  <intent-filter>
    <action android:name="android.intent.action.MAIN" />
    <category android:name="android.intent.category.LAUNCHER" />
  </intent-filter>
  <!-- Custom scheme for WalletConnect / OAuth return deeplinks -->
  <intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="myapp" />
  </intent-filter>
</activity>

<queries>
  <intent>
    <action android:name="android.intent.action.VIEW" />
    <data android:scheme="https" />
  </intent>
  <intent>
    <action android:name="android.intent.action.VIEW" />
    <data android:scheme="wc" />
  </intent>
</queries>

dependencyResolutionManagement {
  repositories {
    // ...existing repositories
    maven { url = uri("https://jitpack.io") }
  }
}

import { createDynamicClient } from '@dynamic-labs-sdk/client';

export const dynamicClient = createDynamicClient({
  environmentId: 'YOUR_ENVIRONMENT_ID', // Found in your Dynamic dashboard
  metadata: {
    name: 'My App',
    nativeLink: 'myapp://', // Must match the scheme registered in Info.plist / AndroidManifest.xml
    universalLink: 'https://example.com', // Required for passkeys; same value as the window.location polyfill
  },
  /* Additional configuration options */
});