btc-wallet 0.5.74-beta → 0.5.76-beta

package/dist/core/setupModal.d.ts

@@ -1,9 +1,16 @@
 import { type WalletSelectorModal as _WalletSelectorModal, type ModalOptions as _ModalOptions } from 'ref-modal-ui';
 import type { WalletSelector } from '@near-wallet-selector/core';
 import { ENV } from '../config';
+export interface CustomGroup {
+    id: string;
+    name: string;
+    description: string;
+    onClick?: (group: CustomGroup) => void | Promise<void>;
+}
 export interface WalletSelectorModalOptions extends _ModalOptions {
     showChainGroups?: boolean;
     showWalletUIForNearAccount?: boolean;
+    hideWalletUIForNearWallets?: string[];
     walletUrl?: string;
     env?: ENV;
     draggable?: boolean;
@@ -13,6 +20,7 @@ export interface WalletSelectorModalOptions extends _ModalOptions {
     };
     buttonSize?: string;
     mobileButtonSize?: string;
+    customGroups?: CustomGroup[];
 }
 export type WalletSelectorModal = _WalletSelectorModal;
 declare global {

package/dist/index.js

@@ -5193,12 +5193,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();
@@ -5207,8 +5209,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,
@@ -5240,7 +5243,7 @@ function setupWalletSelectorModal(selector, options) {
   const modal = (0, import_ref_modal_ui.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 module2 = state.modules.find((module3) => module3.id === moduleId);
@@ -5250,6 +5253,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;
@@ -5259,17 +5267,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("")}
@@ -5311,7 +5320,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();