@tonconnect/ui 2.4.0-beta.1 → 2.4.0-beta.3

package/lib/index.cjs

@@ -6315,8 +6315,12 @@ const FourWalletsItem = (props) => {
 const AT_WALLET_APP_NAME = "telegram-wallet";
 const IMG = {
   TON: "https://raw.githubusercontent.com/ton-connect/sdk/main/assets/ton-icon-48.png",
-  TG: "https://raw.githubusercontent.com/ton-connect/sdk/main/assets/tg.png"
+  TG: "https://raw.githubusercontent.com/ton-connect/sdk/main/assets/tg.png",
+  WALLET_CONNECT: "https://raw.githubusercontent.com/ton-connect/sdk/main/assets/walletconnect-icon-288.png"
 };
+function isWalletUi(wallet) {
+  return !("type" in wallet) || wallet.type !== "wallet-connect";
+}
 const WalletLabeledItem = (props) => {
   const [t2] = useI18n();
   const walletsSecondLine = () => {
@@ -6326,12 +6330,12 @@ const WalletLabeledItem = (props) => {
     if ("isPreferred" in props.wallet && props.wallet.isPreferred) {
       return t2("walletItem.recent", {}, "Recent");
     }
-    if (sdk.isWalletInfoCurrentlyInjected(props.wallet)) {
-      return t2("walletItem.installed", {}, "Installed");
-    }
     if (props.wallet.name === "Tonkeeper") {
       return t2("walletItem.popular", {}, "Popular");
     }
+    if (isWalletUi(props.wallet) && sdk.isWalletInfoCurrentlyInjected(props.wallet)) {
+      return t2("walletItem.installed", {}, "Installed");
+    }
     return void 0;
   };
   return memo(() => memo(() => props.wallet.appName === AT_WALLET_APP_NAME)() ? createComponent(WalletItem, {
@@ -8721,9 +8725,19 @@ const ExclamationIcon = (props) => {
     return _el$9;
   })() : null);
 };
+const WALLET_CONNECT_APP_NAME = "wallet_connect";
+const WALLET_CONNECT_WALLET_NAME = "WalletConnect";
+const WALLET_CONNECT_ABOUT_URL = "https://reown.com/";
 var _tmpl$$2 = /* @__PURE__ */ template$1(`<li>`);
 const AllWalletsListModal = (props) => {
   const maxHeight = () => isMobile() ? void 0 : 510;
+  const connector = appState.connector;
+  const additionalRequest = appState.connectRequestParameters;
+  const connectWalletConnect = () => {
+    connector.connect({
+      type: "wallet-connect"
+    }, (additionalRequest == null ? void 0 : additionalRequest.state) === "ready" ? additionalRequest.value : void 0);
+  };
   const [errorSupportOpened, setErrorSupportOpened] = createSignal(null);
   let timeoutId = null;
   const onErrorClick = (wallet) => {
@@ -8763,7 +8777,7 @@ const AllWalletsListModal = (props) => {
         get children() {
           return [createComponent(WalletsUl, {
             get children() {
-              return createComponent(For, {
+              return [createComponent(For, {
                 get each() {
                   return supportedWallets();
                 },
@@ -8775,7 +8789,24 @@ const AllWalletsListModal = (props) => {
                   }));
                   return _el$;
                 })()
-              });
+              }), createComponent(Show, {
+                get when() {
+                  return memo(() => !!!isInTMA())() && sdk.isWalletConnectInitialized();
+                },
+                get children() {
+                  return createComponent(WalletLabeledItemStyled, {
+                    get wallet() {
+                      return {
+                        type: "wallet-connect",
+                        name: WALLET_CONNECT_WALLET_NAME,
+                        appName: WALLET_CONNECT_APP_NAME,
+                        imageUrl: IMG.WALLET_CONNECT
+                      };
+                    },
+                    onClick: connectWalletConnect
+                  });
+                }
+              })];
             }
           }), createComponent(Show, {
             get when() {
@@ -12741,7 +12772,7 @@ class TonConnectUITracker {
     }
   }
 }
-const tonConnectUiVersion = "2.4.0-beta.1";
+const tonConnectUiVersion = "2.4.0-beta.2";
 class TonConnectEnvironment {
   constructor() {
     this.userAgent = getUserAgent();
@@ -13573,8 +13604,18 @@ class TonConnectUI {
       if (!lastSelectedWalletInfo2) {
         return null;
       }
-      let fullLastSelectedWalletInfo;
       if (!("name" in lastSelectedWalletInfo2)) {
+        if (wallet.device.appName === WALLET_CONNECT_APP_NAME) {
+          return {
+            type: "wallet-connect",
+            name: WALLET_CONNECT_WALLET_NAME,
+            appName: WALLET_CONNECT_APP_NAME,
+            imageUrl: IMG.WALLET_CONNECT,
+            aboutUrl: WALLET_CONNECT_ABOUT_URL,
+            features: wallet.device.features,
+            platforms: []
+          };
+        }
         const walletsList = applyWalletsListConfiguration(
           yield this.walletsList,
           appState.walletsListConfiguration
@@ -13585,11 +13626,9 @@ class TonConnectUI {
             `Cannot find WalletInfo for the '${wallet.device.appName}' wallet`
           );
         }
-        fullLastSelectedWalletInfo = __spreadValues(__spreadValues({}, walletInfo), lastSelectedWalletInfo2);
-      } else {
-        fullLastSelectedWalletInfo = lastSelectedWalletInfo2;
+        return __spreadValues(__spreadValues({}, walletInfo), lastSelectedWalletInfo2);
       }
-      return fullLastSelectedWalletInfo;
+      return lastSelectedWalletInfo2;
     });
   }
   updateWalletInfo(wallet) {