@tomo-inc/embedded-wallet-providers 0.0.4 → 0.0.6

package/README.md

@@ -1,12 +1,16 @@
 # embedded-wallet-providers
 
-```
+## Installation
+
+```bash
 pnpm add @tomo-inc/embedded-wallet-providers
 ```
 
-## 1. embedded wallet
+---
 
-### 1.1 init
+## 1. Embedded Wallet
+
+### 1.1 Init
 
 ```typescript
 const config = {
@@ -17,22 +21,25 @@ const config = {
   xClientId: "******",
   googleClientId: "******",
 
-  walletBaseUrl: "https://******", //embeded-wallet link
+  walletBaseUrl: "https://******", // embedded-wallet link
 };
 
 embeddedWallet = EmbeddedWallet.getInstance();
+
 const { isAvailable, message, connectedInfo } =
   await embeddedWallet.init(config);
 
 if ((isAvailable = false)) {
-  //odic auth
-  //wallet login
+  // oidc auth
+  // wallet login
 }
 
-embeddedWallet.setWalletZIndex(999); //default
+embeddedWallet.setWalletZIndex(999); // default
 ```
 
-### 1.2 oidc auth
+---
+
+### 1.2 OIDC Auth
 
 ```typescript
 const oidcToken = await embeddedWallet.loginByGoogle();
@@ -40,12 +47,15 @@ const oidcToken = await embeddedWallet.loginByX();
 const oidcToken = await embeddedWallet.loginByEmail({ email });
 ```
 
-### 1.3 wallet login
+---
+
+### 1.3 Wallet Login
 
-same response as init
+Same response as `init`:
 
 ```typescript
 const { isAvailable, connectedInfo } = await embeddedWallet.login(oidcToken);
+
 connectInfo = {
   evmProvider: {
     connected: true;
@@ -54,10 +64,12 @@ connectInfo = {
   solanaProvider: {
     connected: false;
   }
-}
+};
 ```
 
-## 2. wallet brand info
+---
+
+## 2. Wallet Brand Info
 
 ```typescript
 embeddedWallet.info = {
@@ -72,23 +84,28 @@ embeddedWallet.info = {
 };
 ```
 
-## 3. wallet api
+---
+
+## 3. Wallet API
 
 ```typescript
-embeddedWallet.open("setting"); //mfa config
+embeddedWallet.open("setting"); // mfa config
 embeddedWallet.open("mnemonicExport");
 embeddedWallet.logout();
 ```
 
-## 4. providers
+---
+
+## 4. Providers
 
-> isAvailable = true
+> `isAvailable = true`
 
-### 4.1 evm
+### 4.1 EVM
 
 ```typescript
 const evmProvider = embeddedWallet.evmProvider;
 
+// methods
 connect;
 disconnect;
 getChainId;
@@ -99,24 +116,30 @@ eth_signTransaction;
 sendTransaction;
 ```
 
-api doc: https://qsg07xytt12z.sg.larksuite.com/wiki/XLq9wrNRLiAXANkCj4QlERCxg7f
+API docs: https://qsg07xytt12z.sg.larksuite.com/wiki/XLq9wrNRLiAXANkCj4QlERCxg7f
 
-### 4.2 solana(todo)
+---
+
+### 4.2 Solana (todo)
 
 ```typescript
 const solanaProvider = embeddedWallet.solanaProvider;
 ```
 
-api doc: https://qsg07xytt12z.sg.larksuite.com/wiki/LyVnwBkzaibRDEkUfXclabRmg6g
+API docs: https://qsg07xytt12z.sg.larksuite.com/wiki/LyVnwBkzaibRDEkUfXclabRmg6g
+
+---
 
-### 4.3 dogecoin(todo)
+### 4.3 Dogecoin (todo)
 
 ```typescript
 const dogecoinProvider = embeddedWallet.dogecoinProvider;
 ```
 
-api doc: https://qsg07xytt12z.sg.larksuite.com/wiki/FKuOwiSN7iNHHNkA4zjl4S5JgLb
+API docs: https://qsg07xytt12z.sg.larksuite.com/wiki/FKuOwiSN7iNHHNkA4zjl4S5JgLb
+
+---
 
-## 5. demo
+## 5. Demo
 
-https://github.com/tomo-inc/tomo-wallet/tree/tomo-sdk-design/examples/wallet-sdk-demo/src/embedded-wallet-providers
+Demo repo: https://github.com/tomo-inc/tomo-wallet/tree/tomo-sdk-design/examples/wallet-sdk-demo/src/embedded-wallet-providers

package/dist/index.cjs

@@ -0,0 +1,352 @@
+'use strict';
+
+var injectProviders = require('@tomo-inc/inject-providers');
+var walletUtils = require('@tomo-inc/wallet-utils');
+var oidcAuth = require('@tomo-inc/oidc-auth');
+
+// src/embedded-wallet.ts
+var evmDappPopups = {
+  connect: "/dapp/connect",
+  eth_requestAccounts: "/dapp/connect",
+  wallet_addEthereumChain: "/dapp-evm/network-add",
+  wallet_watchAsset: "/dapp-evm/token-add",
+  personal_sign: "/dapp-evm/message-sign",
+  eth_encrypt: "/dapp-evm/message-sign",
+  eth_decrypt: "/dapp-evm/message-unsign",
+  eth_signTypedData_v4: "/dapp-evm/message-sign",
+  eth_signTransaction: "/dapp-evm/tx-sign",
+  eth_sendTransaction: "/dapp-evm/tx-send"
+};
+var dogeDappPopups = {
+  connect: "/dapp/connect",
+  requestAccounts: "/dapp/connect",
+  getPublicKey: "/dapp-doge/publickey",
+  switchNetwork: "/dapp-doge/network-switch",
+  signMessage: "/dapp-doge/message-sign",
+  requestSignedMessage: "/dapp-doge/message-sign",
+  requestDecryptedMessage: "/dapp-doge/message-unsign",
+  signPsbt: "/dapp-doge/psbt-sign",
+  requestPsbt: "/dapp-doge/psbt-sign",
+  signPsbts: "/dapp-doge/psbts-sign",
+  requestPsbts: "/dapp-doge/psbts-sign",
+  requestTransaction: "/dapp-doge/tx-send",
+  requestAvailableDRC20Transaction: "/dapp-doge/drc20-inscribe",
+  requestInscriptionTransaction: "/dapp-doge/drc20-tx",
+  requestDunesTransaction: "/dapp-doge/dunes-tx"
+};
+var solanaDappPopups = {
+  connect: "/dapp/connect",
+  requestAccounts: "/dapp/connect",
+  getPublicKey: "/dapp-solana/publickey",
+  signMessage: "/dapp-solana/message-sign",
+  signIn: "/dapp-solana/message-sign",
+  signTransaction: "/dapp-solana/tx-send",
+  signAllTransactions: "/dapp-solana/tx-send",
+  signAndSendTransaction: "/dapp-solana/tx-send",
+  signAndSendAllTransactions: "/dapp-solana/tx-send",
+  sendSolana: "/dapp-solana/tx-send",
+  sendToken: "/dapp-solana/tx-send"
+};
+var tronDappPopups = {
+  connect: "/dapp/connect",
+  tron_requestAccounts: "/dapp/connect",
+  signMessage: "/dapp-tron/message-sign",
+  wallet_watchAsset: "/dapp-tron/token-add",
+  signTransaction: "/dapp-tron/tx-send",
+  sendRawTransaction: "/dapp-tron/tx-send",
+  sendTransaction: "/dapp-tron/tx-send",
+  sendToken: "/dapp-tron/tx-send"
+};
+var btcDappPopups = {
+  connect: "/dapp/connect",
+  getPublicKey: "/dapp/connect",
+  requestAccounts: "/dapp/connect",
+  getBalance: "/dapp/connect",
+  switchNetwork: "/dapp-btc/network-switch",
+  switchChain: "/dapp-btc/network-switch",
+  signMessage: "/dapp-btc/message-sign",
+  requestDecryptedMessage: "/dapp-btc/message-unsign",
+  pushPsbt: "/dapp-btc/psbt-sign",
+  signPsbt: "/dapp-btc/psbt-sign",
+  signPsbts: "/dapp-btc/psbts-sign",
+  sendBitcoin: "/dapp-btc/tx-send"
+};
+var shopDappPopups = {
+  connect: "/dapp-shop/dialog",
+  welcomeDialog: "/dapp-shop/dialog",
+  addToCartDialog: "/dapp-shop/dialog",
+  rewardEstimatedDialog: "/dapp-shop/dialog",
+  rewardClaimedDialog: "/dapp-shop/dialog"
+};
+var dappPopups = {
+  [walletUtils.ChainTypes.EVM]: evmDappPopups,
+  [walletUtils.ChainTypes.DOGE]: dogeDappPopups,
+  [walletUtils.ChainTypes.SOL]: solanaDappPopups,
+  [walletUtils.ChainTypes.TRON]: tronDappPopups,
+  [walletUtils.ChainTypes.BTC]: btcDappPopups,
+  shop: shopDappPopups
+};
+
+// src/hub.ts
+var notPorivderAPIs = {
+  keepAlive: true,
+  wallet_getProviderState: true,
+  wallet_sendDomainMetadata: true
+};
+var sendRequest = async (chainType, { method, params, dappInfo }) => {
+  var _a;
+  if (!chainType || !method) {
+    throw new Error("chainType or method is not allowed to be empty");
+  }
+  if (notPorivderAPIs[method]) {
+    return;
+  }
+  const embeddedWallet = EmbeddedWallet.getInstance();
+  const walletOrigin = embeddedWallet.walletOrigin;
+  const walletIframe = embeddedWallet == null ? void 0 : embeddedWallet.walletIframe;
+  if (!walletOrigin || !walletIframe) {
+    console.error("walletOrigin is not set", { chainType, method, params, dappInfo });
+    return;
+  }
+  const popupRoutes = dappPopups[chainType];
+  const isNeedApprove = popupRoutes == null ? void 0 : popupRoutes[method];
+  if (isNeedApprove) {
+    embeddedWallet.popup();
+  }
+  const data = {
+    chainType,
+    type: "dapp-request",
+    data: { method, params, dappInfo }
+  };
+  (_a = walletIframe.contentWindow) == null ? void 0 : _a.postMessage(data, walletOrigin);
+  console.log("sendRequest", data, walletOrigin);
+};
+var onResponse = async (requestParams) => {
+  return new Promise((resolve, reject) => {
+    const receiveResponse = ({ origin, data }) => {
+      if ((data == null ? void 0 : data.type) !== "dapp-response") {
+        return;
+      }
+      const embeddedWallet = EmbeddedWallet.getInstance();
+      if (origin === embeddedWallet.walletOrigin && requestParams.method === (data == null ? void 0 : data.method)) {
+        window.removeEventListener("message", receiveResponse);
+        console.log("onResponse", data);
+        if (data == null ? void 0 : data.success) {
+          resolve(data);
+        } else {
+          reject(data.data);
+        }
+        embeddedWallet.close();
+      }
+    };
+    window.addEventListener("message", receiveResponse);
+  });
+};
+var EmbeddedWallet = class _EmbeddedWallet {
+  constructor() {
+    this.isAvailable = false;
+    this.config = null;
+    this.info = null;
+    this.btcProvider = null;
+    this.dogecoinProvider = null;
+    this.evmProvider = null;
+    this.solanaProvider = null;
+    this.tronProvider = null;
+    this.walletIframe = null;
+    this.walletOrigin = "";
+    this.maskZIndex = 999;
+    this.loginByGoogle = null;
+    this.loginByX = null;
+    this.walletCloseHandler = ({ origin, data }) => {
+      if ((data == null ? void 0 : data.type) === "wallet-close" && origin === this.walletOrigin) {
+        this.close();
+      }
+    };
+  }
+  static getInstance() {
+    if (!_EmbeddedWallet.instance) {
+      _EmbeddedWallet.instance = new _EmbeddedWallet();
+    }
+    return _EmbeddedWallet.instance;
+  }
+  async init(config) {
+    var _a;
+    this.config = config;
+    if (!config.tomoClientId) {
+      throw new Error("tomoClientId is required.");
+    }
+    if (!config.walletBaseUrl) {
+      throw new Error("walletBaseUrl is required.");
+    }
+    const { origin: walletOrigin, hostname, port } = new URL(config.walletBaseUrl);
+    this.walletOrigin = walletOrigin;
+    const hostArr = hostname.split(".");
+    if (port) {
+      hostArr.push(port);
+    }
+    hostArr.reverse();
+    const rdns = hostArr.join(".");
+    this.info = {
+      uuid: hostArr.join("-"),
+      name: config.name,
+      icon: config.logo,
+      rdns,
+      links: {
+        homepage: config.walletBaseUrl
+      }
+    };
+    const productInfo = {
+      name: config.name,
+      rdns,
+      icon: config.logo
+    };
+    this.btcProvider = new injectProviders.BtcProvider(productInfo, { sendRequest, onResponse });
+    this.dogecoinProvider = new injectProviders.DogecoinProvider(productInfo, { sendRequest, onResponse });
+    this.evmProvider = new injectProviders.EvmProvider(productInfo, { sendRequest, onResponse });
+    this.solanaProvider = new injectProviders.SolanaProvider(productInfo, { sendRequest, onResponse });
+    this.tronProvider = new injectProviders.TronProvider(productInfo, { sendRequest, onResponse });
+    const { loginByGoogle, loginByX } = oidcAuth.OidcAuth(config);
+    this.loginByGoogle = loginByGoogle;
+    this.loginByX = loginByX;
+    const { isAvailable, message, connectedInfo } = await this.login();
+    this.isAvailable = isAvailable;
+    const { connected, address = [] } = (connectedInfo == null ? void 0 : connectedInfo.evmProvider) || {};
+    if (connected && address.length > 0) {
+      (_a = this.evmProvider) == null ? void 0 : _a.setConnectedStatus({ connected, address });
+    }
+    return { isAvailable, message, connectedInfo };
+  }
+  setWalletZIndex(zIndex) {
+    this.maskZIndex = zIndex;
+  }
+  /**
+   * loginByCubistV2, create wallet with oidcToken
+   */
+  async login(oidcToken) {
+    const config = this.config;
+    if (!config) {
+      throw new Error("config is not initialized");
+    }
+    return new Promise((resolve, reject) => {
+      try {
+        const { walletBaseUrl, tomoClientId, tomoStage, logo, name } = config || {};
+        if (!walletBaseUrl || !tomoClientId) {
+          throw new Error("walletBaseUrl + tomoClientId is required");
+        }
+        const EMBEDDED_WALLET_ID = tomoClientId;
+        let walletIframe = document.getElementById(EMBEDDED_WALLET_ID);
+        if (!walletIframe) {
+          walletIframe = document.createElement("iframe");
+          walletIframe.style.cssText = ` width: 0; height: 0;`;
+          walletIframe.id = EMBEDDED_WALLET_ID;
+          document.body.appendChild(walletIframe);
+        }
+        const dappOrigin = window.location.origin;
+        walletIframe.src = `${walletBaseUrl}#dappOrigin=${dappOrigin}&tomoStage=${tomoStage}&tomoClientId=${tomoClientId}&oidcToken=${oidcToken || ""}&logo=${logo || ""}&name=${name || ""}`;
+        walletIframe.allow = "publickey-credentials-get; publickey-credentials-create";
+        this.walletIframe = walletIframe;
+      } catch (error) {
+        console.error("login error", error);
+        reject(error);
+      }
+      const receiveResponse = ({ origin, data }) => {
+        var _a;
+        if ((data == null ? void 0 : data.type) === "wallet-ready" && origin === this.walletOrigin) {
+          this.isAvailable = ((_a = data == null ? void 0 : data.data) == null ? void 0 : _a.isAvailable) || false;
+          resolve(data == null ? void 0 : data.data);
+          window.removeEventListener("message", receiveResponse);
+        }
+        if ((data == null ? void 0 : data.type) === "wallet-close" && origin === this.walletOrigin) {
+          this.close();
+        }
+      };
+      window.addEventListener("message", receiveResponse);
+      window.addEventListener("message", this.walletCloseHandler);
+    });
+  }
+  popup() {
+    if (!this.walletIframe) {
+      return;
+    }
+    const baseCssText = "position: fixed; top:0; left:0; border: none; width: 100%; height: 100%;";
+    const maskZIndex = this.maskZIndex;
+    this.walletIframe.style.cssText = `${baseCssText} z-index: ${maskZIndex};`;
+  }
+  close() {
+    if (!this.walletIframe) {
+      return;
+    }
+    this.walletIframe.style.width = "0";
+    this.walletIframe.style.height = "0";
+  }
+  /**
+   * call relay for cubist logout, retrieve sessionInfo
+   */
+  async logout() {
+    if (this.walletIframe) {
+      this.walletIframe.src = `${this.walletOrigin}#logout=true`;
+    }
+    window.removeEventListener("message", this.walletCloseHandler);
+    this.request("logout");
+    return true;
+  }
+  /**
+   * open email login page
+   * */
+  async loginByEmail({ email }) {
+    this.popup();
+    return new Promise((resolve, reject) => {
+      const emailLoginCloseHandler = (event) => {
+        var _a;
+        if (((_a = event.data) == null ? void 0 : _a.type) === "wallet-close" && event.origin === this.walletOrigin) {
+          window.removeEventListener("message", emailLoginCloseHandler);
+          this.close();
+          resolve("");
+        }
+      };
+      window.addEventListener("message", emailLoginCloseHandler);
+      this.request("emailLogin", { email }).then(({ oidcToken = "" }) => {
+        resolve(oidcToken);
+      }).catch((error) => {
+        reject(error);
+      }).finally(() => {
+        window.removeEventListener("message", emailLoginCloseHandler);
+        this.close();
+      });
+    });
+  }
+  /**
+   * wallet feature apis
+   * wallet action without user approve
+   */
+  async request(method, params) {
+    var _a;
+    const data = {
+      type: "wallet-request",
+      data: { method, params }
+    };
+    (_a = this.walletIframe.contentWindow) == null ? void 0 : _a.postMessage(data, this.walletOrigin);
+    return new Promise((resolve, reject) => {
+      const receiveResponse = ({ origin, data: data2 }) => {
+        if ((data2 == null ? void 0 : data2.type) === "wallet-response" && origin === this.walletOrigin) {
+          resolve(data2 == null ? void 0 : data2.data);
+        }
+      };
+      window.addEventListener("message", receiveResponse);
+    });
+  }
+  /**
+   * wallet features page
+   */
+  async open(method, params) {
+    var _a;
+    const data = {
+      type: "wallet-request",
+      data: { method, params }
+    };
+    (_a = this.walletIframe.contentWindow) == null ? void 0 : _a.postMessage(data, this.walletOrigin);
+    this.popup();
+  }
+};
+
+exports.EmbeddedWallet = EmbeddedWallet;

package/dist/index.d.cts

@@ -0,0 +1,82 @@
+export { EmailLoginResult } from '@tomo-inc/oidc-auth';
+import { BtcProvider, DogecoinProvider, EvmProvider, SolanaProvider, TronProvider } from '@tomo-inc/inject-providers';
+
+interface InitConfig {
+    xClientId: string;
+    googleClientId: string;
+    name: string;
+    logo: string;
+    tomoStage: "dev" | "prod";
+    tomoClientId: string;
+    walletBaseUrl: string;
+    relayBaseUrl?: string;
+}
+interface WalletInfo {
+    uuid: string;
+    name: string;
+    icon: string;
+    rdns: string;
+    iconBackground?: string;
+    links?: {
+        homepage: string;
+    };
+}
+type WalletRequestMethod = "logout" | "token" | "market" | "assets" | "transactions" | "wallet" | "emailLogin";
+type WalletOpenMethod = "wallet" | "swap" | "onRamp" | "funding" | "mfaVerify" | "mnemonic" | "setting";
+
+declare class EmbeddedWallet {
+    isAvailable: boolean;
+    config: InitConfig | null;
+    info: WalletInfo | null;
+    btcProvider: BtcProvider | null;
+    dogecoinProvider: DogecoinProvider | null;
+    evmProvider: EvmProvider | null;
+    solanaProvider: SolanaProvider | null;
+    tronProvider: TronProvider | null;
+    walletIframe: HTMLIFrameElement | null;
+    walletOrigin: string;
+    maskZIndex: number;
+    private static instance;
+    loginByGoogle: (() => Promise<string>) | null;
+    loginByX: (() => Promise<string>) | null;
+    constructor();
+    static getInstance(): EmbeddedWallet;
+    init(config: InitConfig): Promise<{
+        isAvailable: boolean;
+        message: string | undefined;
+        connectedInfo: any;
+    }>;
+    setWalletZIndex(zIndex: number): void;
+    /**
+     * loginByCubistV2, create wallet with oidcToken
+     */
+    login(oidcToken?: string): Promise<{
+        connectedInfo: any;
+        message?: string;
+        isAvailable: boolean;
+    }>;
+    private walletCloseHandler;
+    popup(): void;
+    close(): void;
+    /**
+     * call relay for cubist logout, retrieve sessionInfo
+     */
+    logout(): Promise<boolean>;
+    /**
+     * open email login page
+     * */
+    loginByEmail({ email }: {
+        email?: string;
+    }): Promise<string>;
+    /**
+     * wallet feature apis
+     * wallet action without user approve
+     */
+    request(method: WalletRequestMethod, params?: any): Promise<any>;
+    /**
+     * wallet features page
+     */
+    open(method: WalletOpenMethod, params?: any): Promise<any>;
+}
+
+export { EmbeddedWallet, type InitConfig };

package/dist/index.d.ts

@@ -0,0 +1,82 @@
+export { EmailLoginResult } from '@tomo-inc/oidc-auth';
+import { BtcProvider, DogecoinProvider, EvmProvider, SolanaProvider, TronProvider } from '@tomo-inc/inject-providers';
+
+interface InitConfig {
+    xClientId: string;
+    googleClientId: string;
+    name: string;
+    logo: string;
+    tomoStage: "dev" | "prod";
+    tomoClientId: string;
+    walletBaseUrl: string;
+    relayBaseUrl?: string;
+}
+interface WalletInfo {
+    uuid: string;
+    name: string;
+    icon: string;
+    rdns: string;
+    iconBackground?: string;
+    links?: {
+        homepage: string;
+    };
+}
+type WalletRequestMethod = "logout" | "token" | "market" | "assets" | "transactions" | "wallet" | "emailLogin";
+type WalletOpenMethod = "wallet" | "swap" | "onRamp" | "funding" | "mfaVerify" | "mnemonic" | "setting";
+
+declare class EmbeddedWallet {
+    isAvailable: boolean;
+    config: InitConfig | null;
+    info: WalletInfo | null;
+    btcProvider: BtcProvider | null;
+    dogecoinProvider: DogecoinProvider | null;
+    evmProvider: EvmProvider | null;
+    solanaProvider: SolanaProvider | null;
+    tronProvider: TronProvider | null;
+    walletIframe: HTMLIFrameElement | null;
+    walletOrigin: string;
+    maskZIndex: number;
+    private static instance;
+    loginByGoogle: (() => Promise<string>) | null;
+    loginByX: (() => Promise<string>) | null;
+    constructor();
+    static getInstance(): EmbeddedWallet;
+    init(config: InitConfig): Promise<{
+        isAvailable: boolean;
+        message: string | undefined;
+        connectedInfo: any;
+    }>;
+    setWalletZIndex(zIndex: number): void;
+    /**
+     * loginByCubistV2, create wallet with oidcToken
+     */
+    login(oidcToken?: string): Promise<{
+        connectedInfo: any;
+        message?: string;
+        isAvailable: boolean;
+    }>;
+    private walletCloseHandler;
+    popup(): void;
+    close(): void;
+    /**
+     * call relay for cubist logout, retrieve sessionInfo
+     */
+    logout(): Promise<boolean>;
+    /**
+     * open email login page
+     * */
+    loginByEmail({ email }: {
+        email?: string;
+    }): Promise<string>;
+    /**
+     * wallet feature apis
+     * wallet action without user approve
+     */
+    request(method: WalletRequestMethod, params?: any): Promise<any>;
+    /**
+     * wallet features page
+     */
+    open(method: WalletOpenMethod, params?: any): Promise<any>;
+}
+
+export { EmbeddedWallet, type InitConfig };

package/dist/index.js

@@ -0,0 +1,350 @@
+import { BtcProvider, DogecoinProvider, EvmProvider, SolanaProvider, TronProvider } from '@tomo-inc/inject-providers';
+import { ChainTypes } from '@tomo-inc/wallet-utils';
+import { OidcAuth } from '@tomo-inc/oidc-auth';
+
+// src/embedded-wallet.ts
+var evmDappPopups = {
+  connect: "/dapp/connect",
+  eth_requestAccounts: "/dapp/connect",
+  wallet_addEthereumChain: "/dapp-evm/network-add",
+  wallet_watchAsset: "/dapp-evm/token-add",
+  personal_sign: "/dapp-evm/message-sign",
+  eth_encrypt: "/dapp-evm/message-sign",
+  eth_decrypt: "/dapp-evm/message-unsign",
+  eth_signTypedData_v4: "/dapp-evm/message-sign",
+  eth_signTransaction: "/dapp-evm/tx-sign",
+  eth_sendTransaction: "/dapp-evm/tx-send"
+};
+var dogeDappPopups = {
+  connect: "/dapp/connect",
+  requestAccounts: "/dapp/connect",
+  getPublicKey: "/dapp-doge/publickey",
+  switchNetwork: "/dapp-doge/network-switch",
+  signMessage: "/dapp-doge/message-sign",
+  requestSignedMessage: "/dapp-doge/message-sign",
+  requestDecryptedMessage: "/dapp-doge/message-unsign",
+  signPsbt: "/dapp-doge/psbt-sign",
+  requestPsbt: "/dapp-doge/psbt-sign",
+  signPsbts: "/dapp-doge/psbts-sign",
+  requestPsbts: "/dapp-doge/psbts-sign",
+  requestTransaction: "/dapp-doge/tx-send",
+  requestAvailableDRC20Transaction: "/dapp-doge/drc20-inscribe",
+  requestInscriptionTransaction: "/dapp-doge/drc20-tx",
+  requestDunesTransaction: "/dapp-doge/dunes-tx"
+};
+var solanaDappPopups = {
+  connect: "/dapp/connect",
+  requestAccounts: "/dapp/connect",
+  getPublicKey: "/dapp-solana/publickey",
+  signMessage: "/dapp-solana/message-sign",
+  signIn: "/dapp-solana/message-sign",
+  signTransaction: "/dapp-solana/tx-send",
+  signAllTransactions: "/dapp-solana/tx-send",
+  signAndSendTransaction: "/dapp-solana/tx-send",
+  signAndSendAllTransactions: "/dapp-solana/tx-send",
+  sendSolana: "/dapp-solana/tx-send",
+  sendToken: "/dapp-solana/tx-send"
+};
+var tronDappPopups = {
+  connect: "/dapp/connect",
+  tron_requestAccounts: "/dapp/connect",
+  signMessage: "/dapp-tron/message-sign",
+  wallet_watchAsset: "/dapp-tron/token-add",
+  signTransaction: "/dapp-tron/tx-send",
+  sendRawTransaction: "/dapp-tron/tx-send",
+  sendTransaction: "/dapp-tron/tx-send",
+  sendToken: "/dapp-tron/tx-send"
+};
+var btcDappPopups = {
+  connect: "/dapp/connect",
+  getPublicKey: "/dapp/connect",
+  requestAccounts: "/dapp/connect",
+  getBalance: "/dapp/connect",
+  switchNetwork: "/dapp-btc/network-switch",
+  switchChain: "/dapp-btc/network-switch",
+  signMessage: "/dapp-btc/message-sign",
+  requestDecryptedMessage: "/dapp-btc/message-unsign",
+  pushPsbt: "/dapp-btc/psbt-sign",
+  signPsbt: "/dapp-btc/psbt-sign",
+  signPsbts: "/dapp-btc/psbts-sign",
+  sendBitcoin: "/dapp-btc/tx-send"
+};
+var shopDappPopups = {
+  connect: "/dapp-shop/dialog",
+  welcomeDialog: "/dapp-shop/dialog",
+  addToCartDialog: "/dapp-shop/dialog",
+  rewardEstimatedDialog: "/dapp-shop/dialog",
+  rewardClaimedDialog: "/dapp-shop/dialog"
+};
+var dappPopups = {
+  [ChainTypes.EVM]: evmDappPopups,
+  [ChainTypes.DOGE]: dogeDappPopups,
+  [ChainTypes.SOL]: solanaDappPopups,
+  [ChainTypes.TRON]: tronDappPopups,
+  [ChainTypes.BTC]: btcDappPopups,
+  shop: shopDappPopups
+};
+
+// src/hub.ts
+var notPorivderAPIs = {
+  keepAlive: true,
+  wallet_getProviderState: true,
+  wallet_sendDomainMetadata: true
+};
+var sendRequest = async (chainType, { method, params, dappInfo }) => {
+  var _a;
+  if (!chainType || !method) {
+    throw new Error("chainType or method is not allowed to be empty");
+  }
+  if (notPorivderAPIs[method]) {
+    return;
+  }
+  const embeddedWallet = EmbeddedWallet.getInstance();
+  const walletOrigin = embeddedWallet.walletOrigin;
+  const walletIframe = embeddedWallet == null ? void 0 : embeddedWallet.walletIframe;
+  if (!walletOrigin || !walletIframe) {
+    console.error("walletOrigin is not set", { chainType, method, params, dappInfo });
+    return;
+  }
+  const popupRoutes = dappPopups[chainType];
+  const isNeedApprove = popupRoutes == null ? void 0 : popupRoutes[method];
+  if (isNeedApprove) {
+    embeddedWallet.popup();
+  }
+  const data = {
+    chainType,
+    type: "dapp-request",
+    data: { method, params, dappInfo }
+  };
+  (_a = walletIframe.contentWindow) == null ? void 0 : _a.postMessage(data, walletOrigin);
+  console.log("sendRequest", data, walletOrigin);
+};
+var onResponse = async (requestParams) => {
+  return new Promise((resolve, reject) => {
+    const receiveResponse = ({ origin, data }) => {
+      if ((data == null ? void 0 : data.type) !== "dapp-response") {
+        return;
+      }
+      const embeddedWallet = EmbeddedWallet.getInstance();
+      if (origin === embeddedWallet.walletOrigin && requestParams.method === (data == null ? void 0 : data.method)) {
+        window.removeEventListener("message", receiveResponse);
+        console.log("onResponse", data);
+        if (data == null ? void 0 : data.success) {
+          resolve(data);
+        } else {
+          reject(data.data);
+        }
+        embeddedWallet.close();
+      }
+    };
+    window.addEventListener("message", receiveResponse);
+  });
+};
+var EmbeddedWallet = class _EmbeddedWallet {
+  constructor() {
+    this.isAvailable = false;
+    this.config = null;
+    this.info = null;
+    this.btcProvider = null;
+    this.dogecoinProvider = null;
+    this.evmProvider = null;
+    this.solanaProvider = null;
+    this.tronProvider = null;
+    this.walletIframe = null;
+    this.walletOrigin = "";
+    this.maskZIndex = 999;
+    this.loginByGoogle = null;
+    this.loginByX = null;
+    this.walletCloseHandler = ({ origin, data }) => {
+      if ((data == null ? void 0 : data.type) === "wallet-close" && origin === this.walletOrigin) {
+        this.close();
+      }
+    };
+  }
+  static getInstance() {
+    if (!_EmbeddedWallet.instance) {
+      _EmbeddedWallet.instance = new _EmbeddedWallet();
+    }
+    return _EmbeddedWallet.instance;
+  }
+  async init(config) {
+    var _a;
+    this.config = config;
+    if (!config.tomoClientId) {
+      throw new Error("tomoClientId is required.");
+    }
+    if (!config.walletBaseUrl) {
+      throw new Error("walletBaseUrl is required.");
+    }
+    const { origin: walletOrigin, hostname, port } = new URL(config.walletBaseUrl);
+    this.walletOrigin = walletOrigin;
+    const hostArr = hostname.split(".");
+    if (port) {
+      hostArr.push(port);
+    }
+    hostArr.reverse();
+    const rdns = hostArr.join(".");
+    this.info = {
+      uuid: hostArr.join("-"),
+      name: config.name,
+      icon: config.logo,
+      rdns,
+      links: {
+        homepage: config.walletBaseUrl
+      }
+    };
+    const productInfo = {
+      name: config.name,
+      rdns,
+      icon: config.logo
+    };
+    this.btcProvider = new BtcProvider(productInfo, { sendRequest, onResponse });
+    this.dogecoinProvider = new DogecoinProvider(productInfo, { sendRequest, onResponse });
+    this.evmProvider = new EvmProvider(productInfo, { sendRequest, onResponse });
+    this.solanaProvider = new SolanaProvider(productInfo, { sendRequest, onResponse });
+    this.tronProvider = new TronProvider(productInfo, { sendRequest, onResponse });
+    const { loginByGoogle, loginByX } = OidcAuth(config);
+    this.loginByGoogle = loginByGoogle;
+    this.loginByX = loginByX;
+    const { isAvailable, message, connectedInfo } = await this.login();
+    this.isAvailable = isAvailable;
+    const { connected, address = [] } = (connectedInfo == null ? void 0 : connectedInfo.evmProvider) || {};
+    if (connected && address.length > 0) {
+      (_a = this.evmProvider) == null ? void 0 : _a.setConnectedStatus({ connected, address });
+    }
+    return { isAvailable, message, connectedInfo };
+  }
+  setWalletZIndex(zIndex) {
+    this.maskZIndex = zIndex;
+  }
+  /**
+   * loginByCubistV2, create wallet with oidcToken
+   */
+  async login(oidcToken) {
+    const config = this.config;
+    if (!config) {
+      throw new Error("config is not initialized");
+    }
+    return new Promise((resolve, reject) => {
+      try {
+        const { walletBaseUrl, tomoClientId, tomoStage, logo, name } = config || {};
+        if (!walletBaseUrl || !tomoClientId) {
+          throw new Error("walletBaseUrl + tomoClientId is required");
+        }
+        const EMBEDDED_WALLET_ID = tomoClientId;
+        let walletIframe = document.getElementById(EMBEDDED_WALLET_ID);
+        if (!walletIframe) {
+          walletIframe = document.createElement("iframe");
+          walletIframe.style.cssText = ` width: 0; height: 0;`;
+          walletIframe.id = EMBEDDED_WALLET_ID;
+          document.body.appendChild(walletIframe);
+        }
+        const dappOrigin = window.location.origin;
+        walletIframe.src = `${walletBaseUrl}#dappOrigin=${dappOrigin}&tomoStage=${tomoStage}&tomoClientId=${tomoClientId}&oidcToken=${oidcToken || ""}&logo=${logo || ""}&name=${name || ""}`;
+        walletIframe.allow = "publickey-credentials-get; publickey-credentials-create";
+        this.walletIframe = walletIframe;
+      } catch (error) {
+        console.error("login error", error);
+        reject(error);
+      }
+      const receiveResponse = ({ origin, data }) => {
+        var _a;
+        if ((data == null ? void 0 : data.type) === "wallet-ready" && origin === this.walletOrigin) {
+          this.isAvailable = ((_a = data == null ? void 0 : data.data) == null ? void 0 : _a.isAvailable) || false;
+          resolve(data == null ? void 0 : data.data);
+          window.removeEventListener("message", receiveResponse);
+        }
+        if ((data == null ? void 0 : data.type) === "wallet-close" && origin === this.walletOrigin) {
+          this.close();
+        }
+      };
+      window.addEventListener("message", receiveResponse);
+      window.addEventListener("message", this.walletCloseHandler);
+    });
+  }
+  popup() {
+    if (!this.walletIframe) {
+      return;
+    }
+    const baseCssText = "position: fixed; top:0; left:0; border: none; width: 100%; height: 100%;";
+    const maskZIndex = this.maskZIndex;
+    this.walletIframe.style.cssText = `${baseCssText} z-index: ${maskZIndex};`;
+  }
+  close() {
+    if (!this.walletIframe) {
+      return;
+    }
+    this.walletIframe.style.width = "0";
+    this.walletIframe.style.height = "0";
+  }
+  /**
+   * call relay for cubist logout, retrieve sessionInfo
+   */
+  async logout() {
+    if (this.walletIframe) {
+      this.walletIframe.src = `${this.walletOrigin}#logout=true`;
+    }
+    window.removeEventListener("message", this.walletCloseHandler);
+    this.request("logout");
+    return true;
+  }
+  /**
+   * open email login page
+   * */
+  async loginByEmail({ email }) {
+    this.popup();
+    return new Promise((resolve, reject) => {
+      const emailLoginCloseHandler = (event) => {
+        var _a;
+        if (((_a = event.data) == null ? void 0 : _a.type) === "wallet-close" && event.origin === this.walletOrigin) {
+          window.removeEventListener("message", emailLoginCloseHandler);
+          this.close();
+          resolve("");
+        }
+      };
+      window.addEventListener("message", emailLoginCloseHandler);
+      this.request("emailLogin", { email }).then(({ oidcToken = "" }) => {
+        resolve(oidcToken);
+      }).catch((error) => {
+        reject(error);
+      }).finally(() => {
+        window.removeEventListener("message", emailLoginCloseHandler);
+        this.close();
+      });
+    });
+  }
+  /**
+   * wallet feature apis
+   * wallet action without user approve
+   */
+  async request(method, params) {
+    var _a;
+    const data = {
+      type: "wallet-request",
+      data: { method, params }
+    };
+    (_a = this.walletIframe.contentWindow) == null ? void 0 : _a.postMessage(data, this.walletOrigin);
+    return new Promise((resolve, reject) => {
+      const receiveResponse = ({ origin, data: data2 }) => {
+        if ((data2 == null ? void 0 : data2.type) === "wallet-response" && origin === this.walletOrigin) {
+          resolve(data2 == null ? void 0 : data2.data);
+        }
+      };
+      window.addEventListener("message", receiveResponse);
+    });
+  }
+  /**
+   * wallet features page
+   */
+  async open(method, params) {
+    var _a;
+    const data = {
+      type: "wallet-request",
+      data: { method, params }
+    };
+    (_a = this.walletIframe.contentWindow) == null ? void 0 : _a.postMessage(data, this.walletOrigin);
+    this.popup();
+  }
+};
+
+export { EmbeddedWallet };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomo-inc/embedded-wallet-providers",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "author": "tomo.inc",
   "license": "MIT",
   "private": false,
@@ -16,9 +16,9 @@
     }
   },
   "dependencies": {
-    "@tomo-inc/oidc-auth": "^0.0.3",
-    "@tomo-inc/wallet-utils": "^0.0.3",
-    "@tomo-inc/inject-providers": "^0.0.1"
+    "@tomo-inc/wallet-utils": "0.0.6",
+    "@tomo-inc/inject-providers": "0.0.4",
+    "@tomo-inc/oidc-auth": "0.0.6"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",