@injectivelabs/wallet-turnkey 1.16.5 → 1.16.6-alpha.0

package/dist/esm/strategy/turnkey/turnkey.d.ts

@@ -1,37 +1,33 @@
 import { TurnkeyMetadata, TurnkeyProvider } from '@injectivelabs/wallet-base';
 import { createAccount } from '@turnkey/viem';
 import { HttpRestClient } from '@injectivelabs/utils';
-import { Turnkey, TurnkeyIframeClient } from '@turnkey/sdk-browser';
+import { Turnkey, TurnkeyIndexedDbClient } from '@turnkey/sdk-browser';
 export declare class TurnkeyWallet {
     private otpId?;
     protected turnkey?: Turnkey;
-    organizationId: string;
+    userOrganizationId?: string;
     protected client: HttpRestClient;
     private metadata;
-    protected iframeClient?: TurnkeyIframeClient;
+    protected indexedDbClient?: TurnkeyIndexedDbClient;
     private accountMap;
     setMetadata(metadata: Partial<TurnkeyMetadata>): void;
     constructor(metadata: TurnkeyMetadata);
     static getTurnkeyInstance(metadata: TurnkeyMetadata): Promise<{
         turnkey: Turnkey;
-        iframeClient: TurnkeyIframeClient;
+        indexedDbClient: TurnkeyIndexedDbClient;
     }>;
     getTurnkey(): Promise<Turnkey>;
-    getIframeClient(): Promise<TurnkeyIframeClient>;
+    getIndexedDbClient(): Promise<TurnkeyIndexedDbClient>;
     getSession(existingCredentialBundle?: string): Promise<{
-        session: import("@turnkey/sdk-types").Session | undefined;
+        session: import("@turnkey/sdk-browser").Session | undefined;
         organizationId: string;
     }>;
     getAccounts(): Promise<string[]>;
-    getOrCreateAndGetAccount(address: string, organizationId: string): Promise<ReturnType<typeof createAccount>>;
-    injectAndRefresh(credentialBundle: string, options: {
-        expirationSeconds?: string;
-        organizationId?: string;
-    }): Promise<void>;
+    getOrCreateAndGetAccount(address: string): Promise<ReturnType<typeof createAccount>>;
     initOTP(email: string): Promise<import("../types.js").TurnkeyOTPCredentialsResponse>;
     confirmOTP(otpCode: string): Promise<import("../types.js").TurnkeyConfirmEmailOTPResponse>;
     initOAuth(provider: TurnkeyProvider.Google | TurnkeyProvider.Apple): Promise<string>;
     confirmOAuth(provider: TurnkeyProvider.Google | TurnkeyProvider.Apple, oidcToken: string): Promise<string>;
     refreshSession(): Promise<string>;
-    private initFrame;
+    private initClient;
 }

package/dist/esm/strategy/turnkey/turnkey.js

@@ -3,8 +3,8 @@ import { WalletAction, TurnkeyProvider, } from '@injectivelabs/wallet-base';
 import { createAccount } from '@turnkey/viem';
 import { HttpRestClient } from '@injectivelabs/utils';
 import { getInjectiveAddress } from '@injectivelabs/sdk-ts';
-import { SessionType, Turnkey } from '@turnkey/sdk-browser';
-import { TURNKEY_OAUTH_PATH, TURNKEY_OTP_INIT_PATH, TURNKEY_OTP_VERIFY_PATH, DEFAULT_TURNKEY_REFRESH_SECONDS, } from '../consts.js';
+import { SessionType, Turnkey, } from '@turnkey/sdk-browser';
+import { TURNKEY_OAUTH_PATH, TURNKEY_OTP_INIT_PATH, TURNKEY_OTP_VERIFY_PATH, } from '../consts.js';
 import { TurnkeyOtpWallet } from './otp.js';
 import { TurnkeyErrorCodes } from '../types.js';
 import { TurnkeyOauthWallet } from './oauth.js';
@@ -12,76 +12,66 @@ import { generateGoogleUrl } from '../../utils.js';
 export class TurnkeyWallet {
     otpId;
     turnkey;
-    organizationId;
+    userOrganizationId;
     client;
     metadata;
-    iframeClient;
+    indexedDbClient;
     accountMap = {};
     setMetadata(metadata) {
         this.metadata = { ...this.metadata, ...metadata };
     }
     constructor(metadata) {
         this.metadata = metadata;
-        this.organizationId = metadata.organizationId;
         this.client = new HttpRestClient(metadata.apiServerEndpoint);
     }
     static async getTurnkeyInstance(metadata) {
-        const { turnkey, iframeClient } = await createTurnkeyIFrame(metadata);
+        const { turnkey, indexedDbClient } = await createTurnkeyClient(metadata);
         return {
             turnkey,
-            iframeClient,
+            indexedDbClient,
         };
     }
     async getTurnkey() {
-        if (!this.iframeClient) {
-            await this.initFrame();
+        if (!this.indexedDbClient) {
+            await this.initClient();
         }
         if (!this.turnkey) {
             this.turnkey = new Turnkey(this.metadata);
         }
         return this.turnkey;
     }
-    async getIframeClient() {
-        if (!this.iframeClient) {
-            await this.initFrame();
+    async getIndexedDbClient() {
+        if (!this.indexedDbClient) {
+            await this.initClient();
         }
-        if (!this.iframeClient) {
-            throw new WalletException(new Error('Iframe client not initialized'));
+        if (!this.indexedDbClient) {
+            throw new WalletException(new Error('Indexed DB client not initialized'));
         }
-        return this.iframeClient;
+        return this.indexedDbClient;
     }
     async getSession(existingCredentialBundle) {
-        const { metadata } = this;
-        const iframeClient = await this.getIframeClient();
-        const turnkey = await this.getTurnkey();
-        const currentSession = await turnkey.getSession();
-        const organizationId = currentSession?.organizationId || metadata.defaultOrganizationId;
-        const credentialBundle = existingCredentialBundle || currentSession?.token;
-        if (!credentialBundle) {
-            return {
-                session: undefined,
-                organizationId,
-            };
-        }
         try {
-            const loginResult = await iframeClient.injectCredentialBundle(credentialBundle);
-            // If there is no session, we want to force a refresh to enable to browser SDK to handle key storage and proper session management.
-            await iframeClient.refreshSession({
-                sessionType: SessionType.READ_WRITE,
-                targetPublicKey: iframeClient.iframePublicKey,
-                expirationSeconds: this.metadata.expirationSeconds,
-            });
-            const [session, user] = await Promise.all([
-                turnkey.getSession(),
-                iframeClient.getWhoami(),
-            ]);
+            const { metadata } = this;
+            const indexedDbClient = await this.getIndexedDbClient();
+            const turnkey = await this.getTurnkey();
+            const session = await turnkey.getSession();
+            const organizationId = session?.organizationId || metadata.defaultOrganizationId;
+            const credentialBundle = existingCredentialBundle || session?.token;
+            if (!credentialBundle) {
+                return {
+                    session: undefined,
+                    organizationId,
+                };
+            }
+            const user = await indexedDbClient.getWhoami();
             const actualOrganizationId = user?.organizationId || session?.organizationId || organizationId;
-            if (!loginResult) {
+            if (!user) {
                 return {
                     session: undefined,
                     organizationId: actualOrganizationId,
                 };
             }
+            this.userOrganizationId = actualOrganizationId;
             return {
                 session,
                 organizationId: actualOrganizationId,
@@ -92,17 +82,17 @@ export class TurnkeyWallet {
         }
     }
     async getAccounts() {
-        const iframeClient = await this.getIframeClient();
-        if (!this.organizationId) {
+        const indexedDbClient = await this.getIndexedDbClient();
+        if (!this.userOrganizationId) {
             return [];
         }
         try {
-            const response = await iframeClient.getWallets({
-                organizationId: this.organizationId,
+            const response = await indexedDbClient.getWallets({
+                organizationId: this.userOrganizationId,
             });
-            const accounts = await Promise.allSettled(response.wallets.map((wallet) => iframeClient.getWalletAccounts({
+            const accounts = await Promise.allSettled(response.wallets.map((wallet) => indexedDbClient.getWalletAccounts({
                 walletId: wallet.walletId,
-                organizationId: this.organizationId,
+                organizationId: this.userOrganizationId,
             })));
             const filteredAccounts = accounts
                 .filter((account) => account.status === 'fulfilled')
@@ -128,61 +118,33 @@ export class TurnkeyWallet {
             });
         }
     }
-    async getOrCreateAndGetAccount(address, organizationId) {
+    async getOrCreateAndGetAccount(address) {
         const { accountMap } = this;
-        const iframeClient = await this.getIframeClient();
+        const indexedDbClient = await this.getIndexedDbClient();
+        const organizationId = this.userOrganizationId;
         if (accountMap[address] || accountMap[address.toLowerCase()]) {
             return accountMap[address] || accountMap[address.toLowerCase()];
         }
         if (!organizationId) {
             throw new WalletException(new Error('Organization ID is required'));
         }
-        iframeClient.config.organizationId = organizationId;
+        indexedDbClient.config.organizationId = organizationId;
         if (!address) {
             throw new WalletException(new Error('Account address not found'));
         }
         const turnkeyAccount = await createAccount({
             organizationId,
             signWith: address,
-            client: iframeClient,
+            client: indexedDbClient,
         });
         this.accountMap[address] = turnkeyAccount;
         return turnkeyAccount;
     }
-    async injectAndRefresh(credentialBundle, options) {
-        const expirationSeconds = options.expirationSeconds || DEFAULT_TURNKEY_REFRESH_SECONDS;
-        const iframeClient = await this.getIframeClient();
-        await iframeClient.injectCredentialBundle(credentialBundle);
-        await iframeClient.loginWithBundle({
-            bundle: credentialBundle,
-            expirationSeconds,
-        });
-        await iframeClient.refreshSession({
-            sessionType: SessionType.READ_WRITE,
-            targetPublicKey: iframeClient.iframePublicKey,
-            expirationSeconds,
-        });
-        const session = await this.turnkey?.getSession();
-        if (!session) {
-            throw new TurnkeyWalletSessionException(new Error('Session expired. Please login again.'));
-        }
-        this.organizationId = session.organizationId;
-        this.metadata.organizationId = session.organizationId;
-        // Refresh the session 2 minutes before it expires
-        setTimeout(() => {
-            iframeClient.refreshSession({
-                expirationSeconds: session?.expiry,
-                sessionType: SessionType.READ_WRITE,
-                targetPublicKey: iframeClient.iframePublicKey,
-            });
-        }, (parseInt(expirationSeconds) - 120) * 1000);
-        return;
-    }
     async initOTP(email) {
-        const iframeClient = await this.getIframeClient();
+        const indexedDbClient = await this.getIndexedDbClient();
         const result = await TurnkeyOtpWallet.initEmailOTP({
             client: this.client,
-            iframeClient,
+            indexedDbClient,
             email,
             otpInitPath: this.metadata.otpInitPath || TURNKEY_OTP_INIT_PATH,
         });
@@ -190,7 +152,7 @@ export class TurnkeyWallet {
             throw new WalletException(new Error('Failed to initialize OTP'));
         }
         if (result?.organizationId) {
-            this.organizationId = result.organizationId;
+            this.userOrganizationId = result.organizationId;
         }
         if (result?.otpId) {
             this.otpId = result.otpId;
@@ -198,30 +160,35 @@ export class TurnkeyWallet {
         return result;
     }
     async confirmOTP(otpCode) {
-        const iframeClient = await this.getIframeClient();
+        const indexedDbClient = await this.getIndexedDbClient();
+        const targetPublicKey = await indexedDbClient.getPublicKey();
         if (!this.otpId) {
             throw new WalletException(new Error('OTP ID is required'));
         }
+        if (!targetPublicKey) {
+            throw new WalletException(new Error('Target public key not found'));
+        }
+        if (!this.userOrganizationId) {
+            throw new WalletException(new Error('Organization ID is required'));
+        }
         const result = await TurnkeyOtpWallet.confirmEmailOTP({
             otpCode,
-            iframeClient,
             client: this.client,
             emailOTPId: this.otpId,
-            organizationId: this.organizationId,
+            organizationId: this.userOrganizationId,
+            targetPublicKey,
             otpVerifyPath: this.metadata.otpVerifyPath || TURNKEY_OTP_VERIFY_PATH,
         });
-        if (!result || !result.credentialBundle) {
+        if (!result || !result.session) {
             throw new WalletException(new Error('Failed to confirm OTP'));
         }
-        await this.injectAndRefresh(result.credentialBundle, {
-            organizationId: result.organizationId,
-            expirationSeconds: this.metadata.expirationSeconds,
-        });
+        await indexedDbClient.loginWithSession(result.session);
+        this.userOrganizationId = result.organizationId;
         return result;
     }
     async initOAuth(provider) {
-        const iframeClient = await this.getIframeClient();
-        const nonce = await TurnkeyOauthWallet.generateOAuthNonce(iframeClient);
+        const indexedDbClient = await this.getIndexedDbClient();
+        const nonce = await TurnkeyOauthWallet.generateOAuthNonce(indexedDbClient);
         if (provider === TurnkeyProvider.Apple) {
             // TODO: implement the ability to generate Apple OAuth URL
             return nonce;
@@ -236,10 +203,10 @@ export class TurnkeyWallet {
         });
     }
     async confirmOAuth(provider, oidcToken) {
-        const iframeClient = await this.getIframeClient();
+        const indexedDbClient = await this.getIndexedDbClient();
         const oauthResult = await TurnkeyOauthWallet.oauthLogin({
             oidcToken,
-            iframeClient,
+            indexedDbClient,
             client: this.client,
             providerName: provider.toString(),
             oauthLoginPath: this.metadata.oauthLoginPath || TURNKEY_OAUTH_PATH,
@@ -247,53 +214,40 @@ export class TurnkeyWallet {
         if (!oauthResult || !oauthResult.credentialBundle) {
             throw new WalletException(new Error('Unexpected OAuth result'));
         }
-        await this.injectAndRefresh(oauthResult.credentialBundle, {
-            organizationId: oauthResult.organizationId,
-            expirationSeconds: this.metadata.expirationSeconds,
-        });
+        await indexedDbClient.loginWithSession(oauthResult.credentialBundle);
+        this.userOrganizationId = oauthResult.organizationId;
         return oauthResult.credentialBundle;
     }
     async refreshSession() {
         const session = await this.getSession();
+        const indexedDbClient = await this.getIndexedDbClient();
         if (session.session?.token) {
-            await this.injectAndRefresh(session.session.token, {
-                expirationSeconds: this.metadata.expirationSeconds || DEFAULT_TURNKEY_REFRESH_SECONDS,
+            await indexedDbClient.refreshSession({
+                sessionType: SessionType.READ_WRITE,
+                expirationSeconds: this.metadata.expirationSeconds,
             });
+            this.userOrganizationId = session.organizationId;
             return session.session.token;
         }
         throw new TurnkeyWalletSessionException(new Error('Session expired. Please login again.'));
     }
-    async initFrame() {
+    async initClient() {
         const { metadata } = this;
-        const { turnkey, iframeClient } = await createTurnkeyIFrame(metadata);
+        const { turnkey, indexedDbClient } = await createTurnkeyClient(metadata);
         this.turnkey = turnkey;
-        this.iframeClient = iframeClient;
+        this.indexedDbClient = indexedDbClient;
+        return { turnkey, indexedDbClient };
     }
 }
-async function createTurnkeyIFrame(metadata) {
+async function createTurnkeyClient(metadata) {
     const turnkey = new Turnkey(metadata);
-    const turnkeyAuthIframeElementId = metadata.iframeElementId || 'turnkey-auth-iframe-element-id';
-    if (!metadata.iframeContainerId) {
-        throw new GeneralException(new Error('iframeContainerId is required'));
-    }
+    const indexedDbClient = await turnkey.indexedDbClient();
+    await indexedDbClient.init();
     if (!turnkey) {
         throw new GeneralException(new Error('Turnkey is not initialized'));
     }
-    const iframe = document.getElementById(metadata.iframeContainerId);
-    if (!iframe) {
-        throw new GeneralException(new Error('iframe is null'));
-    }
-    const existingIframeClient = document.getElementById(turnkeyAuthIframeElementId);
-    if (existingIframeClient) {
-        existingIframeClient.remove();
-    }
-    const iframeClient = await turnkey.iframeClient({
-        iframeContainer: iframe,
-        iframeElementId: turnkeyAuthIframeElementId,
-        iframeUrl: metadata?.iframeUrl || 'https://auth.turnkey.com',
-    });
     return {
         turnkey,
-        iframeClient,
+        indexedDbClient,
     };
 }

package/dist/esm/strategy/types.d.ts

@@ -17,7 +17,7 @@ export type TurnkeyOTPCredentialsResponse = {
     organizationId: string;
 };
 export type TurnkeyConfirmEmailOTPResponse = {
-    credentialBundle: string;
+    session: string;
     organizationId: string;
 };
 export type TurnkeyOauthLoginResponse = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@injectivelabs/wallet-turnkey",
   "description": "Turnkey wallet strategy for use with @injectivelabs/wallet-core.",
-  "version": "1.16.5",
+  "version": "1.16.6-alpha.0",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"
@@ -44,10 +44,10 @@
     }
   },
   "scripts": {
-    "build": "yarn build:esm && yarn build:cjs && yarn build:post",
+    "build": "pnpm build:esm && pnpm build:cjs && pnpm build:post",
     "build:cjs": "tsc --build --force tsconfig.build.json",
     "build:esm": "tsc --build --force tsconfig.build.esm.json",
-    "build:watch": "tsc --build -w tsconfig.build.json && tsc -w --build tsconfig.build.esm.json && yarn build:post",
+    "build:watch": "tsc --build -w tsconfig.build.json && tsc -w --build tsconfig.build.esm.json && pnpm build:post",
     "build:post": "shx cp ../../../etc/stub/package.json.stub dist/cjs/package.json && shx cp ../../../etc/stub/package.esm.json.stub dist/esm/package.json",
     "clean": "tsc --build tsconfig.build.json --clean && tsc --build tsconfig.build.esm.json --clean && shx rm -rf coverage *.log junit.xml dist && jest --clearCache && shx mkdir -p dist",
     "test": "jest",
@@ -59,14 +59,14 @@
     "start": "node dist/index.js"
   },
   "dependencies": {
-    "@injectivelabs/exceptions": "^1.16.5",
-    "@injectivelabs/sdk-ts": "^1.16.5",
-    "@injectivelabs/ts-types": "^1.16.5",
-    "@injectivelabs/utils": "^1.16.5",
-    "@injectivelabs/wallet-base": "^1.16.5",
+    "@injectivelabs/exceptions": "1.16.6-alpha.0",
+    "@injectivelabs/sdk-ts": "1.16.6-alpha.0",
+    "@injectivelabs/ts-types": "1.16.6-alpha.0",
+    "@injectivelabs/utils": "1.16.6-alpha.0",
+    "@injectivelabs/wallet-base": "1.16.6-alpha.0",
     "@turnkey/sdk-browser": "5.2.3",
-    "@turnkey/viem": "^0.9.9",
-    "viem": "^2.31.3"
+    "@turnkey/viem": "^0.9.10",
+    "viem": "^2.33.2"
   },
   "devDependencies": {
     "jest": "^29.0.0",
@@ -77,5 +77,5 @@
     "tsconfig-paths": "^4.2.0",
     "typescript": "^5.0.0"
   },
-  "gitHead": "59378cbaf7f09e97bd0c8c157fd03abdd0ea35d5"
+  "gitHead": "b2bd329705e0848283332658754771d45c09d4f7"
 }