@turnkey/iframe-stamper

import { IframeStamper } from "@turnkey/iframe-stamper";
import { TurnkeyClient } from "@turnkey/http";

const TurnkeyIframeContainerId = "turnkey-iframe-container";
const TurnkeyIframeElementId = "turnkey-iframe";

const iframeStamper = new IframeStamper({
  iframeUrl: process.env.AUTH_IFRAME_URL!,
  iframeContainer: document.getElementById(TurnkeyIframeContainerId),
  iframeElementId: TurnkeyIframeElementId,
});

// Insert the iframe into the DOM and obtain the iframe's ephemeral public key
const publicKey = await iframeStamper.init();

// Inject the encrypted credential bundle from Turnkey's auth response
const injected = await iframeStamper.injectCredentialBundle(credentialBundle);

// HTTP client that signs using the credential inside the iframe
const client = new TurnkeyClient(
  { baseUrl: "https://api.turnkey.com" },
  iframeStamper,
);

const iframeStamper = new IframeStamper({
  iframeUrl: process.env.EXPORT_IFRAME_URL!,
  iframeContainer: document.getElementById("turnkey-iframe-container"),
  iframeElementId: "turnkey-iframe",
});

const publicKey = await iframeStamper.init();

// exportBundle is the response from ACTIVITY_TYPE_EXPORT_WALLET
const injected = await iframeStamper.injectWalletExportBundle(
  exportBundle,
  organizationId,
);

if (injected !== true) {
  throw new Error("unexpected error while injecting export bundle");
}

// The iframe is now displaying the seed phrase — make it visible
setIframeDisplay("block");

const iframeStamper = new IframeStamper({
  iframeUrl: process.env.IMPORT_IFRAME_URL!,
  iframeContainer: document.getElementById("turnkey-iframe-container"),
  iframeElementId: "turnkey-iframe",
});

await iframeStamper.init();

// importBundle is the response from ACTIVITY_TYPE_INIT_IMPORT_WALLET
const injected = await iframeStamper.injectImportBundle(
  importBundle,
  organizationId,
  userId,
);

if (injected !== true) {
  throw new Error("unexpected error while injecting import bundle");
}

// Show the iframe so the user can enter their seed phrase
setIframeDisplay("block");

// After the user has entered their seed phrase, extract the encrypted bundle
// to pass to ACTIVITY_TYPE_IMPORT_WALLET
const encryptedBundle = await iframeStamper.extractWalletEncryptedBundle();