btc-wallet 0.5.74-beta → 0.5.76-beta

package/esm/index.js

@@ -5123,12 +5123,14 @@ function setupWalletSelectorModal(selector, options) {
   const {
     showChainGroups = true,
     showWalletUIForNearAccount = true,
+    hideWalletUIForNearWallets = ["meteor-wallet-app"],
     env = "mainnet",
     walletUrl,
     draggable = true,
     initialPosition = { right: "20px", bottom: "20px" },
     buttonSize = "60px",
-    mobileButtonSize = "40px"
+    mobileButtonSize = "40px",
+    customGroups = []
   } = options;
   subscription == null ? void 0 : subscription.unsubscribe();
   const state = selector.store.getState();
@@ -5137,8 +5139,9 @@ function setupWalletSelectorModal(selector, options) {
     const walletId = state2.selectedWalletId;
     window.enableCustomWalletSelectorModal = true;
     console.log("setupWalletSelectorModal walletId", walletId);
+    const showWalletUI = walletId && (walletId === "btc-wallet" || showWalletUIForNearAccount && !hideWalletUIForNearWallets.includes(walletId));
     removeWalletButton();
-    if (walletId === "btc-wallet" || showWalletUIForNearAccount) {
+    if (showWalletUI) {
       selector.wallet().then((wallet) => {
         setupWalletButton({
           env,
@@ -5170,7 +5173,7 @@ function setupWalletSelectorModal(selector, options) {
   const modal = _setupModal(selector, options);
   const originalShow = modal.show.bind(modal);
   modal.show = () => __async(this, null, function* () {
-    const chain = group.length > 1 && showChainGroups ? yield openChainModal(group) : group[0];
+    const chain = group.length > 1 && showChainGroups ? yield openChainModal(group, customGroups) : group[0];
     if (["btc", "eth"].includes(chain)) {
       const moduleId = chain === "btc" ? "btc-wallet" : "ethereum-wallets";
       const module = state.modules.find((module2) => module2.id === moduleId);
@@ -5180,6 +5183,11 @@ function setupWalletSelectorModal(selector, options) {
       }
     } else if (chain === "near") {
       originalShow();
+    } else {
+      const customGroup = customGroups.find((g) => g.id === chain);
+      if (customGroup == null ? void 0 : customGroup.onClick) {
+        yield customGroup.onClick(customGroup);
+      }
     }
   });
   return modal;
@@ -5189,17 +5197,18 @@ var CHAINS = [
   { id: "eth", name: "Ethereum", description: "EVM address as Near Account" },
   { id: "btc", name: "Bitcoin", description: "MPC Mapping" }
 ];
-function openChainModal(group) {
-  return __async(this, null, function* () {
+function openChainModal(_0) {
+  return __async(this, arguments, function* (group, customGroups = []) {
     const chains5 = CHAINS.filter((chain) => group.includes(chain.id));
+    const allGroups = [...chains5, ...customGroups];
     const content = (resolve, close) => {
       const buttons = `
-      <div class="option-list">${chains5.map(
-        (chain) => `<button class="chain-button option-item" data-chain="${chain.id}">
-          <img src="https://assets.deltatrade.ai/assets/chain/${chain.id}.svg" alt="${chain.id}" style="width:32px; height: 32px;" />
+      <div class="option-list">${allGroups.map(
+        (item) => `<button class="chain-button option-item" data-chain="${item.id}">
+          <img src="https://assets.deltatrade.ai/assets/chain/${item.id}.svg" alt="${item.id}" style="width:32px; height: 32px;" />
           <div style="display: flex; flex-direction: column; text-align: left;">
-            <div style="font-size: 16px; font-weight: bold;">${chain.name}</div>
-            <div style="font-size: 12px; opacity:0.5;">${chain.description}</div>
+            <div style="font-size: 16px; font-weight: bold;">${item.name}</div>
+            <div style="font-size: 12px; opacity:0.5;">${item.description}</div>
           </div>
         </button>`
       ).join("")}
@@ -5241,7 +5250,7 @@ function getGroup(state) {
 
 // src/index.ts
 var getVersion = () => {
-  return "0.5.74-beta";
+  return "0.5.76-beta";
 };
 if (typeof window !== "undefined") {
   window.__BTC_WALLET_VERSION = getVersion();