@txnlab/use-wallet 4.2.0 → 4.3.0

package/dist/index.cjs

@@ -3258,6 +3258,7 @@ __export(index_exports, {
   SignDataError: () => SignDataError,
   SignTxnsError: () => SignTxnsError,
   StorageAdapter: () => StorageAdapter,
+  W3Wallet: () => W3Wallet,
   WalletConnect: () => WalletConnect,
   WalletId: () => WalletId,
   WalletManager: () => WalletManager,
@@ -3335,8 +3336,8 @@ var Logger = class _Logger {
 var logger = Logger.getInstance();
 
 // src/manager.ts
-var import_store13 = require("@tanstack/store");
-var import_algosdk12 = __toESM(require("algosdk"), 1);
+var import_store14 = require("@tanstack/store");
+var import_algosdk13 = __toESM(require("algosdk"), 1);
 
 // src/network.ts
 var DEFAULT_NETWORK_CONFIG = {
@@ -3544,6 +3545,7 @@ var WalletId = /* @__PURE__ */ ((WalletId2) => {
   WalletId2["MNEMONIC"] = "mnemonic";
   WalletId2["PERA"] = "pera";
   WalletId2["WALLETCONNECT"] = "walletconnect";
+  WalletId2["W3_WALLET"] = "w3-wallet";
   return WalletId2;
 })(WalletId || {});
 var SignTxnsError = class extends Error {
@@ -3682,7 +3684,7 @@ function isValidPersistedState(state) {
 }
 
 // src/utils.ts
-var import_algosdk11 = __toESM(require("algosdk"), 1);
+var import_algosdk12 = __toESM(require("algosdk"), 1);
 
 // src/wallets/walletconnect.ts
 var import_algosdk2 = __toESM(require("algosdk"), 1);
@@ -6412,6 +6414,147 @@ var PeraWallet = class extends BaseWallet {
   };
 };
 
+// src/wallets/w3wallet.ts
+var import_algosdk11 = __toESM(require("algosdk"), 1);
+var ICON14 = `data:image/svg+xml;base64,${btoa(`
+<svg width="860" height="860" viewBox="0 0 860 860" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="860" height="860" rx="30" fill="#151923"/>
+  <path d="M766 207L496.627 623.406C463.521 675.336 382.014 652.248 382.014 590.941V432.568L260.638 623.28C227.559 675.255 146 652.186 146 590.854V274.844H234.646V499.761L356.022 309.049C389.101 257.074 470.66 280.143 470.66 341.475V499.978L660.146 207L766 207Z" fill="#4BB7D1"/>
+</svg>
+`)}`;
+var W3Wallet = class extends BaseWallet {
+  client = null;
+  store;
+  constructor({
+    id,
+    store,
+    subscribe,
+    getAlgodClient,
+    metadata = {}
+  }) {
+    super({ id, metadata, getAlgodClient, store, subscribe });
+    this.store = store;
+  }
+  static defaultMetadata = {
+    name: "W3 Wallet",
+    icon: ICON14
+  };
+  async initializeClient() {
+    this.logger.info("Initializing client...");
+    if (typeof window === "undefined" || window.w3walletAlgorand === void 0) {
+      this.logger.error("W3 Wallet is not available.");
+      throw new Error("W3 Wallet is not available.");
+    }
+    const client = window.w3walletAlgorand;
+    this.client = client;
+    this.logger.info("Client initialized");
+    return client;
+  }
+  connect = async () => {
+    this.logger.info("Connecting...");
+    const client = this.client || await this.initializeClient();
+    const activeAccount = await client.account();
+    const walletState = {
+      accounts: [activeAccount],
+      activeAccount
+    };
+    addWallet(this.store, {
+      walletId: this.id,
+      wallet: walletState
+    });
+    this.logger.info("\u2705 Connected.", walletState);
+    return [activeAccount];
+  };
+  disconnect = async () => {
+    this.logger.info("Disconnecting...");
+    this.onDisconnect();
+    this.logger.info("Disconnected.");
+  };
+  resumeSession = async () => {
+    try {
+      const state = this.store.state;
+      const walletState = state.wallets[this.id];
+      if (!walletState) {
+        this.logger.info("No session to resume");
+        return;
+      }
+      this.logger.info("Resuming session...");
+      const client = await this.initializeClient();
+      const isConnected = await client.isConnected();
+      if (!isConnected) {
+        this.logger.error("W3 Wallet is not connected.");
+        throw new Error("W3 Wallet is not connected.");
+      }
+      this.logger.info("Session resumed");
+    } catch (error) {
+      this.logger.error("Error resuming session:", error.message);
+      this.onDisconnect();
+      throw error;
+    }
+  };
+  processTxns(txnGroup, indexesToSign) {
+    const txnsToSign = [];
+    txnGroup.forEach((txn, index) => {
+      const isIndexMatch = !indexesToSign || indexesToSign.includes(index);
+      const signer = txn.sender.toString();
+      const canSignTxn = this.addresses.includes(signer);
+      const txnString = byteArrayToBase64(txn.toByte());
+      if (isIndexMatch && canSignTxn) {
+        txnsToSign.push({ txn: txnString });
+      } else {
+        txnsToSign.push({ txn: txnString, signers: [] });
+      }
+    });
+    return txnsToSign;
+  }
+  processEncodedTxns(txnGroup, indexesToSign) {
+    const txnsToSign = [];
+    txnGroup.forEach((txnBuffer, index) => {
+      const decodedObj = import_algosdk11.default.msgpackRawDecode(txnBuffer);
+      const isSigned = isSignedTxn(decodedObj);
+      const txn = isSigned ? import_algosdk11.default.decodeSignedTransaction(txnBuffer).txn : import_algosdk11.default.decodeUnsignedTransaction(txnBuffer);
+      const isIndexMatch = !indexesToSign || indexesToSign.includes(index);
+      const signer = txn.sender.toString();
+      const canSignTxn = !isSigned && this.addresses.includes(signer);
+      const txnString = byteArrayToBase64(txn.toByte());
+      if (isIndexMatch && canSignTxn) {
+        txnsToSign.push({ txn: txnString });
+      } else {
+        txnsToSign.push({ txn: txnString, signers: [] });
+      }
+    });
+    return txnsToSign;
+  }
+  signTransactions = async (txnGroup, indexesToSign) => {
+    try {
+      this.logger.debug("Signing transactions...", { txnGroup, indexesToSign });
+      let txnsToSign = [];
+      if (isTransactionArray(txnGroup)) {
+        const flatTxns = flattenTxnGroup(txnGroup);
+        txnsToSign = this.processTxns(flatTxns, indexesToSign);
+      } else {
+        const flatTxns = flattenTxnGroup(txnGroup);
+        txnsToSign = this.processEncodedTxns(flatTxns, indexesToSign);
+      }
+      const client = this.client || await this.initializeClient();
+      this.logger.debug("Sending processed transactions to wallet...", txnsToSign);
+      const signTxnsResult = await client.signTxns(txnsToSign);
+      this.logger.debug("Received signed transactions from wallet", signTxnsResult);
+      const result = signTxnsResult.map((value) => {
+        if (value === null) {
+          return null;
+        }
+        return base64ToByteArray(value);
+      });
+      this.logger.debug("Transactions signed successfully", result);
+      return result;
+    } catch (error) {
+      this.logger.error("Error signing transactions:", error.message);
+      throw error;
+    }
+  };
+};
+
 // src/utils.ts
 function createWalletMap() {
   return {
@@ -6427,7 +6570,8 @@ function createWalletMap() {
     ["magic" /* MAGIC */]: MagicAuth,
     ["mnemonic" /* MNEMONIC */]: MnemonicWallet,
     ["pera" /* PERA */]: PeraWallet,
-    ["walletconnect" /* WALLETCONNECT */]: WalletConnect
+    ["walletconnect" /* WALLETCONNECT */]: WalletConnect,
+    ["w3-wallet" /* W3_WALLET */]: W3Wallet
   };
 }
 function compareAccounts(accounts, compareTo) {
@@ -6473,7 +6617,7 @@ function isSignedTxn(txnObj) {
   return hasRequiredProps;
 }
 function isTransaction(item) {
-  return item && typeof item === "object" && "sender" in item && (item.sender instanceof import_algosdk11.default.Address || typeof item.sender === "string");
+  return item && typeof item === "object" && "sender" in item && (item.sender instanceof import_algosdk12.default.Address || typeof item.sender === "string");
 }
 function isTransactionArray(txnGroup) {
   if (!Array.isArray(txnGroup) || txnGroup.length === 0) {
@@ -6544,7 +6688,7 @@ var WalletManager = class {
       activeNetwork,
       algodClient
     };
-    this.store = new import_store13.Store(initialState, {
+    this.store = new import_store14.Store(initialState, {
       onUpdate: () => this.savePersistedState()
     });
     this.savePersistedState();
@@ -6727,7 +6871,7 @@ var WalletManager = class {
   createAlgodClient(config) {
     this.logger.info(`Creating new Algodv2 client...`);
     const { token = "", baseServer, port = "", headers = {} } = config;
-    return new import_algosdk12.default.Algodv2(token, baseServer, port, headers);
+    return new import_algosdk13.default.Algodv2(token, baseServer, port, headers);
   }
   getAlgodClient = () => {
     return this.algodClient;
@@ -6892,6 +7036,7 @@ var webpackFallback = {
   SignDataError,
   SignTxnsError,
   StorageAdapter,
+  W3Wallet,
   WalletConnect,
   WalletId,
   WalletManager,