#table-of-contents-content a[href="#here%E2%80%99s-how-that-works%3A"] {
  /* Hides the 'Here's how that works:' link in the table of contents.
     Ensure the href matches the exact text content to maintain this behavior.
     Link: /home#here%E2%80%99s-how-that-works%3A */
  display: none;
}

#table-of-contents-content a[href^="#feature-spotlight"] {
  /* Hides the 'Feature spotlight: Send crypto via a URL' link in the table of contents.
     Ensure the href starts with '#feature-spotlight' to maintain this behavior.
     Link: /home#feature-spotlight%3A-send-crypto-via-a-url */
  display: none;
}

/* Custom Dropdown for SMS Price Lookup */
.sms-price-lookup-container {
  /* Container needs relative positioning for absolute list */
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.sms-country-trigger {
  /* Make button look like a select input */
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  font-family: inherit; /* Use site's font */
  line-height: 1.5;
  color: #495057; /* Standard text color */
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da; /* Standard border */
  border-radius: 0.25rem;
  text-align: left;
  cursor: pointer;
  /* Add space for a dropdown arrow indicator */
  padding-right: 2rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

.sms-country-list {
  /* Style the dropdown list */
  display: none; /* Hidden by default */
  position: absolute;
  top: 100%; /* Position below trigger */
  left: 0;
  width: 100%;
  max-height: 200px; /* Fixed height with scroll */
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-top: none; /* Avoid double border with trigger */
  border-radius: 0 0 0.25rem 0.25rem;
  z-index: 1000; /* Ensure it's on top */
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  margin: 0;
  padding: 0;
  list-style: none;
}

.sms-country-item {
  /* Style individual country items */
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  font-family: inherit;
  color: #495057;
  text-align: left;
  background-color: transparent;
  border: none;
  cursor: pointer;
  white-space: nowrap; /* Prevent wrapping */
}

.sms-country-item:hover,
.sms-country-item:focus {
  background-color: #f8f9fa; /* Subtle hover effect */
  color: #16181b;
  outline: none;
}

/* CSS to control visibility based on data-open attribute */
#hidden-content-simple[data-open="false"] {
  display: none;
}

#hidden-content-simple[data-open="true"] {
  display: block; /* Or inline, inline-block, etc., as needed */
}


// Wait for the DOM to be fully loaded before running the script
document.addEventListener('DOMContentLoaded', () => {
  // Find the specific download link by its ID
  const smsDownloadLink = document.getElementById('sms-price-download-link');

  if (smsDownloadLink) {
    smsDownloadLink.addEventListener('click', async (event) => {
      event.preventDefault(); // Stop the browser from following the link directly

      const linkElement = event.currentTarget; // Get the link element itself
      const fileUrl = linkElement.getAttribute('href');
      const downloadFileName = linkElement.getAttribute('download') || 'download';

      // Add a visual indicator (optional)
      const originalText = linkElement.textContent;
      linkElement.textContent = 'Downloading...';
      linkElement.style.pointerEvents = 'none'; // Disable further clicks while processing

      try {
        console.log(`Fetching ${fileUrl} for download...`);
        const response = await fetch(fileUrl);

        if (!response.ok) {
          throw new Error(`HTTP error! status: ${response.status} for ${response.url}`);
        }

        const blob = await response.blob();
        const url = window.URL.createObjectURL(blob);
        const tempLink = document.createElement('a');
        tempLink.href = url;
        tempLink.setAttribute('download', downloadFileName);

        document.body.appendChild(tempLink);
        tempLink.click();
        document.body.removeChild(tempLink);

        window.URL.revokeObjectURL(url);
        console.log('Download triggered successfully.');

      } catch (error) {
        console.error('Download failed:', error);
        // Provide feedback to the user (optional)
        linkElement.textContent = 'Download Failed!';
        // Consider adding a title attribute with the error for more details
        linkElement.setAttribute('title', `Error: ${error.message}`);
        // Don't restore original text on failure, so user knows it failed
        return; // Exit early

      } finally {
        // Restore link text and clickability only on success or if no error occurred
        if (linkElement.textContent !== 'Download Failed!') {
           linkElement.textContent = originalText;
        }
         linkElement.style.pointerEvents = 'auto';
      }
    });
  } else {
    console.log('SMS price download link not found on this page.');
  }
});


@turnkey/sdk-react-native

Patch Changes

1.0.4 Minor Changes

1.0.3

1.0.2

1.0.1 Major Changes

1.0.0

0.1.1 SDK React Native

Turnkey

Welcome to Turnkey! To make the most out of Turnkey's wallet infrastructure, we've compiled a list of helpful resources for you below.

Welcome

Getting started with Turnkey

Introduction

Embedded Wallets

Turnkey has built a new model for private key management that utilizes secure enclaves. All transactions are signed within an enclave and private keys are never exposed to Turnkey, your software, or your team. Turnkey’s role is similar to that of a safety deposit box operator — Turnkey secures and provides access to the safety deposit boxes, but our system requires cryptographic proof of ownership to take any action with the keys held within.

Integrating Embedded Wallets

Email auth is a powerful feature to couple with [sub-organizations](/concepts/sub-organizations) for your users. This approach empowers your users to authenticate their Turnkey in a simple way (via email!), while minimizing your involvement: we engineered this feature to ensure your organization is unable to take over sub-organizations even if it wanted to.

Email Authentication

Email recovery shines if you are leveraging [sub-organizations](/concepts/sub-organizations) to create embedded wallets for your users. This allows your users to recover their Turnkey account if something goes wrong with their passkeys, and keeps you out of the loop: we engineered this feature to ensure your organization is unable to take over sub-organizations even if it wanted to.

Email Recovery

Turnkey offers flexible infrastructure to create and manage keys. These keys can be used as a signer inside of an [Account Abstraction wallet](https://www.erc4337.io/), and we've partnered with [Alchemy](https://www.alchemy.com/) and [ZeroDev](https://zerodev.app/) to integrate in a few lines of code.

Account Abstraction Wallets

Turnkey offers a suite of react components to create embedded wallets without having to setup a backend by using Next.js [server actions](https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations) and associated directives. Each component uses the **authIframeClient** from [@turnkey/sdk-react](https://www.npmjs.com/package/@turnkey/sdk-react).

Embedded Wallet Kit (EWK)

Signing Automation

Learn how to set up and use co-signing (multi-sig) wallets with Turnkey.

Co-signing Transactions

Turnkey provides a variety of client and server SDKs which simplify interacting with Turnkey's API. The SDKs offer methods, utilities, and helper functions to quickly implement features and perform common workflows.

SDK Reference

JavaScript Browser

The [`@turnkey/sdk-server`](https://www.npmjs.com/package/@turnkey/sdk-server) package exposes functionality that lets developers build server-side functionality for applications that interact with the Turnkey API.

JavaScript Server

React

This documentation contains guides for using Turnkey's React Native compatible [JavaScript packages](https://github.com/tkhq/sdk/tree/main/packages).

React Native

Turnkey offers native tooling for interacting with the API using Golang. See [https://github.com/tkhq/go-sdk](https://github.com/tkhq/go-sdk) for more details.

Golang

Turnkey offers native tooling for interacting with the API using Rust. See [https://github.com/tkhq/rust-sdk](https://github.com/tkhq/rust-sdk) for more details.

Rust

Turnkey offers native tooling for interacting with the API using Ruby. See [https://github.com/tkhq/ruby-sdk](https://github.com/tkhq/ruby-sdk) for more details.

Ruby

This quickstart will guide you through Turnkey’s onboarding, adding an API key, creating a wallet, and signing your first Ethereum transaction.

Command Line

Using the CLI

This documentation contains guides for using the Flutter SDK.

Flutter

This guide aims to cover the process for migrating from lower-level Turnkey SDK (i.e. `@turnkey/{ http, api-key-stamper, webauthn-stamper, iframe-stamper }`) libraries, to our more recent abstractions: `@turnkey/{ sdk-browser, sdk-server, sdk-react }`

Migration Path

Review our [API Introduction](/developer-reference/api-overview/intro) to get started.

Changelogs

​@turnkey/sdk-react-native

​1.0.4

​Patch Changes

​1.0.3

​Minor Changes

​1.0.2

​Patch Changes

​1.0.1

​Patch Changes

​1.0.0

​Major Changes

​0.1.1

​Patch Changes

@turnkey/sdk-react-native

1.0.4

Patch Changes

1.0.3

Minor Changes

1.0.2

Patch Changes

1.0.1

Patch Changes

1.0.0

Major Changes

0.1.1

Patch Changes