@tonconnect/ui 2.0.0-beta.9 → 2.0.1-beta.0

package/lib/index.cjs

@@ -1754,172 +1754,22 @@ class TonConnectUIError extends sdk.TonConnectError {
     Object.setPrototypeOf(this, TonConnectUIError.prototype);
   }
 }
-function logError(...args) {
-  {
-    try {
-      console.error("[TON_CONNECT_UI]", ...args);
-    } catch (e2) {
-    }
-  }
-}
-function logWarning(...args) {
-  {
-    try {
-      console.warn("[TON_CONNECT_UI]", ...args);
-    } catch (e2) {
-    }
-  }
-}
-let initParams = {};
-try {
-  let locationHash = location.hash.toString();
-  initParams = urlParseHashParams(locationHash);
-} catch (e2) {
-}
-let tmaPlatform = "unknown";
-if (initParams == null ? void 0 : initParams.tgWebAppPlatform) {
-  tmaPlatform = (_a = initParams.tgWebAppPlatform) != null ? _a : "unknown";
-}
-if (tmaPlatform === "unknown") {
-  tmaPlatform = (_d = (_c = (_b = window == null ? void 0 : window.Telegram) == null ? void 0 : _b.WebApp) == null ? void 0 : _c.platform) != null ? _d : "unknown";
-}
-let webAppVersion = "6.0";
-if (initParams == null ? void 0 : initParams.tgWebAppVersion) {
-  webAppVersion = initParams.tgWebAppVersion;
-}
-if (!webAppVersion) {
-  webAppVersion = (_g = (_f = (_e = window == null ? void 0 : window.Telegram) == null ? void 0 : _e.WebApp) == null ? void 0 : _f.version) != null ? _g : "6.0";
-}
-function isTmaPlatform(...platforms) {
-  return platforms.includes(tmaPlatform);
-}
-function isInTMA() {
-  var _a2;
-  return tmaPlatform !== "unknown" || !!((_a2 = getWindow$1()) == null ? void 0 : _a2.TelegramWebviewProxy);
-}
-function sendExpand() {
-  postEvent("web_app_expand", {});
-}
-function sendOpenTelegramLink(link) {
-  const url = new URL(link);
-  if (url.protocol !== "http:" && url.protocol !== "https:") {
-    throw new TonConnectUIError(`Url protocol is not supported: ${url}`);
-  }
-  if (url.hostname !== "t.me") {
-    throw new TonConnectUIError(`Url host is not supported: ${url}`);
-  }
-  const pathFull = url.pathname + url.search;
-  if (isIframe() || versionAtLeast("6.1")) {
-    postEvent("web_app_open_tg_link", { path_full: pathFull });
-  } else {
-    window.open("https://t.me" + pathFull, "_blank", "noreferrer noopener");
-  }
-}
-function isIframe() {
-  try {
-    return window.parent != null && window !== window.parent;
-  } catch (e2) {
-    return false;
-  }
-}
-function postEvent(eventType, eventData) {
-  try {
-    if (window.TelegramWebviewProxy !== void 0) {
-      window.TelegramWebviewProxy.postEvent(eventType, JSON.stringify(eventData));
-    } else if (window.external && "notify" in window.external) {
-      window.external.notify(JSON.stringify({ eventType, eventData }));
-    } else if (isIframe()) {
-      const trustedTarget = "*";
-      const message = JSON.stringify({ eventType, eventData });
-      window.parent.postMessage(message, trustedTarget);
-    }
-    throw new TonConnectUIError(`Can't post event to TMA`);
-  } catch (e2) {
-    logError(`Can't post event to parent window: ${e2}`);
-  }
-}
-function urlParseHashParams(locationHash) {
-  locationHash = locationHash.replace(/^#/, "");
-  let params = {};
-  if (!locationHash.length) {
-    return params;
-  }
-  if (locationHash.indexOf("=") < 0 && locationHash.indexOf("?") < 0) {
-    params._path = urlSafeDecode(locationHash);
-    return params;
-  }
-  let qIndex = locationHash.indexOf("?");
-  if (qIndex >= 0) {
-    let pathParam = locationHash.substr(0, qIndex);
-    params._path = urlSafeDecode(pathParam);
-    locationHash = locationHash.substr(qIndex + 1);
-  }
-  let query_params = urlParseQueryString(locationHash);
-  for (let k in query_params) {
-    params[k] = query_params[k];
-  }
-  return params;
-}
-function urlSafeDecode(urlencoded) {
-  try {
-    urlencoded = urlencoded.replace(/\+/g, "%20");
-    return decodeURIComponent(urlencoded);
-  } catch (e2) {
-    return urlencoded;
-  }
-}
-function urlParseQueryString(queryString) {
-  let params = {};
-  if (!queryString.length) {
-    return params;
-  }
-  let queryStringParams = queryString.split("&");
-  let i2, param, paramName, paramValue;
-  for (i2 = 0; i2 < queryStringParams.length; i2++) {
-    param = queryStringParams[i2].split("=");
-    paramName = urlSafeDecode(param[0]);
-    paramValue = param[1] == null ? null : urlSafeDecode(param[1]);
-    params[paramName] = paramValue;
-  }
-  return params;
-}
-function versionCompare(v1, v2) {
-  if (typeof v1 !== "string")
-    v1 = "";
-  if (typeof v2 !== "string")
-    v2 = "";
-  let v1List = v1.replace(/^\s+|\s+$/g, "").split(".");
-  let v2List = v2.replace(/^\s+|\s+$/g, "").split(".");
-  let a2, i2, p1, p2;
-  a2 = Math.max(v1List.length, v2List.length);
-  for (i2 = 0; i2 < a2; i2++) {
-    p1 = parseInt(v1List[i2]) || 0;
-    p2 = parseInt(v2List[i2]) || 0;
-    if (p1 === p2)
-      continue;
-    if (p1 > p2)
-      return 1;
-    return -1;
-  }
-  return 0;
-}
-function versionAtLeast(ver) {
-  return versionCompare(webAppVersion, ver) >= 0;
-}
 function openLink(href, target = "_self") {
   window.open(href, target, "noopener noreferrer");
 }
 function openLinkBlank(href) {
   openLink(href, "_blank");
 }
-function openIframeLink(href, fallback) {
-  const iframe = document.createElement("iframe");
-  iframe.style.display = "none";
-  iframe.src = href;
-  document.body.appendChild(iframe);
-  const fallbackTimeout = setTimeout(() => fallback(), 1e3);
+function openDeeplinkWithFallback(href, fallback) {
+  const doFallback = () => {
+    if (isBrowser("safari")) {
+      return;
+    }
+    fallback();
+  };
+  const fallbackTimeout = setTimeout(() => doFallback(), 200);
   window.addEventListener("blur", () => clearTimeout(fallbackTimeout), { once: true });
-  setTimeout(() => document.body.removeChild(iframe), 1e3);
+  openLink(href, "_self");
 }
 function getSystemTheme() {
   if (window.matchMedia && window.matchMedia("(prefers-color-scheme: light)").matches) {
@@ -1932,25 +1782,6 @@ function subscribeToThemeChange(callback) {
   window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", handler);
   return () => window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change", handler);
 }
-function addQueryParameter(url, key, value) {
-  const parsed = new URL(url);
-  parsed.searchParams.append(key, value);
-  return parsed.toString();
-}
-function addReturnStrategy(url, strategy) {
-  let returnStrategy;
-  if (typeof strategy === "string") {
-    returnStrategy = strategy;
-  } else {
-    returnStrategy = isInTMA() ? strategy.twaReturnUrl || strategy.returnStrategy : "none";
-  }
-  const newUrl = addQueryParameter(url, "ret", returnStrategy);
-  if (!sdk.isTelegramUrl(url)) {
-    return newUrl;
-  }
-  const lastParam = newUrl.slice(newUrl.lastIndexOf("&") + 1);
-  return newUrl.slice(0, newUrl.lastIndexOf("&")) + "-" + sdk.encodeTelegramUrlParameters(lastParam);
-}
 function disableScroll() {
   if (document.documentElement.scrollHeight === document.documentElement.clientHeight) {
     return;
@@ -2060,61 +1891,12 @@ function getUserAgent() {
 function isOS(...os) {
   return os.includes(getUserAgent().os);
 }
-function redirectToTelegram(universalLink, options) {
-  options = __spreadValues({}, options);
-  const directLink = convertToDirectLink(universalLink);
-  const directLinkUrl = new URL(directLink);
-  if (!directLinkUrl.searchParams.has("startapp")) {
-    directLinkUrl.searchParams.append("startapp", "tonconnect");
-  }
-  if (isInTMA()) {
-    if (isTmaPlatform("ios", "android")) {
-      options.returnStrategy = "back";
-      options.twaReturnUrl = void 0;
-      sendOpenTelegramLink(addReturnStrategy(directLinkUrl.toString(), options));
-    } else if (isTmaPlatform("macos", "tdesktop")) {
-      sendOpenTelegramLink(addReturnStrategy(directLinkUrl.toString(), options));
-    } else if (isTmaPlatform("weba")) {
-      sendOpenTelegramLink(addReturnStrategy(directLinkUrl.toString(), options));
-    } else if (isTmaPlatform("web")) {
-      options.returnStrategy = "back";
-      options.twaReturnUrl = void 0;
-      sendOpenTelegramLink(addReturnStrategy(directLinkUrl.toString(), options));
-    } else {
-      openLinkBlank(addReturnStrategy(directLinkUrl.toString(), options));
-    }
-  } else {
-    if (isOS("ios", "android")) {
-      options.returnStrategy = "none";
-      openLinkBlank(addReturnStrategy(directLinkUrl.toString(), options.returnStrategy));
-    } else if (isOS("macos", "windows", "linux")) {
-      options.returnStrategy = "none";
-      options.twaReturnUrl = void 0;
-      if (options.forceRedirect) {
-        openLinkBlank(addReturnStrategy(directLinkUrl.toString(), options));
-      } else {
-        const link = addReturnStrategy(directLinkUrl.toString(), options);
-        const deepLink = convertToDeepLink(link);
-        openIframeLink(deepLink, () => openLinkBlank(link));
-      }
-    } else {
-      openLinkBlank(addReturnStrategy(directLinkUrl.toString(), options));
-    }
-  }
+function isBrowser(...browser) {
+  return browser.includes(getUserAgent().browser);
 }
-function convertToDirectLink(universalLink) {
+function toDeeplink(universalLink, deeplink) {
   const url = new URL(universalLink);
-  if (url.searchParams.has("attach")) {
-    url.searchParams.delete("attach");
-    url.pathname += "/start";
-  }
-  return url.toString();
-}
-function convertToDeepLink(directLink) {
-  const parsed = new URL(directLink);
-  const [, domain, appname] = parsed.pathname.split("/");
-  const startapp = parsed.searchParams.get("startapp");
-  return `tg://resolve?domain=${domain}&appname=${appname}&startapp=${startapp}`;
+  return deeplink + url.search;
 }
 class WalletInfoStorage {
   constructor() {
@@ -2174,6 +1956,20 @@ const [walletsModalState, setWalletsModalState] = createSignal({
   closeReason: null
 });
 const getWalletsModalIsOpened = createMemo(() => walletsModalState().status === "opened");
+const [singleWalletModalState, setSingleWalletModalState] = createSignal({
+  status: "closed",
+  closeReason: null
+});
+const getSingleWalletModalIsOpened = createMemo(
+  () => singleWalletModalState().status === "opened"
+);
+const getSingleWalletModalWalletInfo = createMemo(() => {
+  const state = singleWalletModalState();
+  if (state.status === "opened") {
+    return state.walletInfo;
+  }
+  return null;
+});
 let lastSelectedWalletInfoStorage = typeof window !== "undefined" ? new LastSelectedWalletInfoStorage() : void 0;
 const [lastSelectedWalletInfo, _setLastSelectedWalletInfo] = createSignal((lastSelectedWalletInfoStorage == null ? void 0 : lastSelectedWalletInfoStorage.getLastSelectedWalletInfo()) || null);
 const setLastSelectedWalletInfo = (walletInfo) => {
@@ -2835,6 +2631,169 @@ const Image = (props) => {
     }
   })];
 };
+function logError(...args) {
+  {
+    try {
+      console.error("[TON_CONNECT_UI]", ...args);
+    } catch (e2) {
+    }
+  }
+}
+function logWarning(...args) {
+  {
+    try {
+      console.warn("[TON_CONNECT_UI]", ...args);
+    } catch (e2) {
+    }
+  }
+}
+let initParams = {};
+try {
+  let locationHash = location.hash.toString();
+  initParams = urlParseHashParams(locationHash);
+} catch (e2) {
+}
+let tmaPlatform = "unknown";
+if (initParams == null ? void 0 : initParams.tgWebAppPlatform) {
+  tmaPlatform = (_a = initParams.tgWebAppPlatform) != null ? _a : "unknown";
+}
+if (tmaPlatform === "unknown") {
+  const window2 = getWindow$1();
+  tmaPlatform = (_d = (_c = (_b = window2 == null ? void 0 : window2.Telegram) == null ? void 0 : _b.WebApp) == null ? void 0 : _c.platform) != null ? _d : "unknown";
+}
+let webAppVersion = "6.0";
+if (initParams == null ? void 0 : initParams.tgWebAppVersion) {
+  webAppVersion = initParams.tgWebAppVersion;
+}
+if (!webAppVersion) {
+  const window2 = getWindow$1();
+  webAppVersion = (_g = (_f = (_e = window2 == null ? void 0 : window2.Telegram) == null ? void 0 : _e.WebApp) == null ? void 0 : _f.version) != null ? _g : "6.0";
+}
+function isTmaPlatform(...platforms) {
+  return platforms.includes(tmaPlatform);
+}
+function isInTMA() {
+  var _a2;
+  return tmaPlatform !== "unknown" || !!((_a2 = getWindow$1()) == null ? void 0 : _a2.TelegramWebviewProxy);
+}
+function sendExpand() {
+  postEvent("web_app_expand", {});
+}
+function sendOpenTelegramLink(link) {
+  const url = new URL(link);
+  if (url.protocol !== "http:" && url.protocol !== "https:") {
+    throw new TonConnectUIError(`Url protocol is not supported: ${url}`);
+  }
+  if (url.hostname !== "t.me") {
+    throw new TonConnectUIError(`Url host is not supported: ${url}`);
+  }
+  const pathFull = url.pathname + url.search;
+  if (isIframe() || versionAtLeast("6.1")) {
+    postEvent("web_app_open_tg_link", { path_full: pathFull });
+  } else {
+    openLinkBlank("https://t.me" + pathFull);
+  }
+}
+function isIframe() {
+  try {
+    const window2 = getWindow$1();
+    if (!window2) {
+      return false;
+    }
+    return window2.parent != null && window2 !== window2.parent;
+  } catch (e2) {
+    return false;
+  }
+}
+function postEvent(eventType, eventData) {
+  try {
+    const window2 = getWindow$1();
+    if (!window2) {
+      throw new TonConnectUIError(`Can't post event to parent window: window is not defined`);
+    }
+    if (window2.TelegramWebviewProxy !== void 0) {
+      window2.TelegramWebviewProxy.postEvent(eventType, JSON.stringify(eventData));
+    } else if (window2.external && "notify" in window2.external) {
+      window2.external.notify(JSON.stringify({ eventType, eventData }));
+    } else if (isIframe()) {
+      const trustedTarget = "*";
+      const message = JSON.stringify({ eventType, eventData });
+      window2.parent.postMessage(message, trustedTarget);
+    } else {
+      throw new TonConnectUIError(`Can't post event to TMA`);
+    }
+  } catch (e2) {
+    logError(`Can't post event to parent window: ${e2}`);
+  }
+}
+function urlParseHashParams(locationHash) {
+  locationHash = locationHash.replace(/^#/, "");
+  let params = {};
+  if (!locationHash.length) {
+    return params;
+  }
+  if (locationHash.indexOf("=") < 0 && locationHash.indexOf("?") < 0) {
+    params._path = urlSafeDecode(locationHash);
+    return params;
+  }
+  let qIndex = locationHash.indexOf("?");
+  if (qIndex >= 0) {
+    let pathParam = locationHash.substr(0, qIndex);
+    params._path = urlSafeDecode(pathParam);
+    locationHash = locationHash.substr(qIndex + 1);
+  }
+  let query_params = urlParseQueryString(locationHash);
+  for (let k in query_params) {
+    params[k] = query_params[k];
+  }
+  return params;
+}
+function urlSafeDecode(urlencoded) {
+  try {
+    urlencoded = urlencoded.replace(/\+/g, "%20");
+    return decodeURIComponent(urlencoded);
+  } catch (e2) {
+    return urlencoded;
+  }
+}
+function urlParseQueryString(queryString) {
+  let params = {};
+  if (!queryString.length) {
+    return params;
+  }
+  let queryStringParams = queryString.split("&");
+  let i2, param, paramName, paramValue;
+  for (i2 = 0; i2 < queryStringParams.length; i2++) {
+    param = queryStringParams[i2].split("=");
+    paramName = urlSafeDecode(param[0]);
+    paramValue = param[1] == null ? null : urlSafeDecode(param[1]);
+    params[paramName] = paramValue;
+  }
+  return params;
+}
+function versionCompare(v1, v2) {
+  if (typeof v1 !== "string")
+    v1 = "";
+  if (typeof v2 !== "string")
+    v2 = "";
+  let v1List = v1.replace(/^\s+|\s+$/g, "").split(".");
+  let v2List = v2.replace(/^\s+|\s+$/g, "").split(".");
+  let a2, i2, p1, p2;
+  a2 = Math.max(v1List.length, v2List.length);
+  for (i2 = 0; i2 < a2; i2++) {
+    p1 = parseInt(v1List[i2]) || 0;
+    p2 = parseInt(v2List[i2]) || 0;
+    if (p1 === p2)
+      continue;
+    if (p1 > p2)
+      return 1;
+    return -1;
+  }
+  return 0;
+}
+function versionAtLeast(ver) {
+  return versionCompare(webAppVersion, ver) >= 0;
+}
 const maxWidth = {
   mobile: 440,
   tablet: 1020
@@ -8316,6 +8275,82 @@ const Translation = (props) => {
     return t2(props.translationKey, props.translationValues, (_a2 = props.children) == null ? void 0 : _a2.toString());
   });
 };
+function addReturnStrategy(url, strategy) {
+  let returnStrategy;
+  if (typeof strategy === "string") {
+    returnStrategy = strategy;
+  } else {
+    returnStrategy = isInTMA() ? strategy.twaReturnUrl || strategy.returnStrategy : "none";
+  }
+  const newUrl = addQueryParameter(url, "ret", returnStrategy);
+  if (!sdk.isTelegramUrl(url)) {
+    return newUrl;
+  }
+  const lastParam = newUrl.slice(newUrl.lastIndexOf("&") + 1);
+  return newUrl.slice(0, newUrl.lastIndexOf("&")) + "-" + sdk.encodeTelegramUrlParameters(lastParam);
+}
+function redirectToTelegram(universalLink, options) {
+  options = __spreadValues({}, options);
+  const directLink = convertToTGDirectLink(universalLink);
+  const directLinkUrl = new URL(directLink);
+  if (!directLinkUrl.searchParams.has("startapp")) {
+    directLinkUrl.searchParams.append("startapp", "tonconnect");
+  }
+  if (isInTMA()) {
+    if (isTmaPlatform("ios", "android")) {
+      options.returnStrategy = "back";
+      options.twaReturnUrl = void 0;
+      sendOpenTelegramLink(addReturnStrategy(directLinkUrl.toString(), options));
+    } else if (isTmaPlatform("macos", "tdesktop")) {
+      sendOpenTelegramLink(addReturnStrategy(directLinkUrl.toString(), options));
+    } else if (isTmaPlatform("weba")) {
+      sendOpenTelegramLink(addReturnStrategy(directLinkUrl.toString(), options));
+    } else if (isTmaPlatform("web")) {
+      options.returnStrategy = "back";
+      options.twaReturnUrl = void 0;
+      sendOpenTelegramLink(addReturnStrategy(directLinkUrl.toString(), options));
+    } else {
+      openLinkBlank(addReturnStrategy(directLinkUrl.toString(), options));
+    }
+  } else {
+    if (isOS("ios", "android")) {
+      options.returnStrategy = "none";
+      openLinkBlank(addReturnStrategy(directLinkUrl.toString(), options.returnStrategy));
+    } else if (isOS("macos", "windows", "linux")) {
+      options.returnStrategy = "none";
+      options.twaReturnUrl = void 0;
+      if (options.forceRedirect) {
+        openLinkBlank(addReturnStrategy(directLinkUrl.toString(), options));
+      } else {
+        const link = addReturnStrategy(directLinkUrl.toString(), options);
+        const deepLink = convertToTGDeepLink(link);
+        openDeeplinkWithFallback(deepLink, () => openLinkBlank(link));
+      }
+    } else {
+      openLinkBlank(addReturnStrategy(directLinkUrl.toString(), options));
+    }
+  }
+}
+function addQueryParameter(url, key, value) {
+  const parsed = new URL(url);
+  parsed.searchParams.append(key, value);
+  return parsed.toString();
+}
+function convertToTGDirectLink(universalLink) {
+  const url = new URL(universalLink);
+  if (url.searchParams.has("attach")) {
+    url.searchParams.delete("attach");
+    url.pathname += "/start";
+  }
+  return url.toString();
+}
+function convertToTGDeepLink(directLink) {
+  const parsed = new URL(directLink);
+  const [, domain, appname] = parsed.pathname.split("/");
+  const startapp = parsed.searchParams.get("startapp");
+  return `tg://resolve?domain=${domain}&appname=${appname}&startapp=${startapp}`;
+}
+let openDesktopDeeplinkAttempts = 0;
 const DesktopConnectionModal = (props) => {
   const [mode, setMode] = createSignal("mobile");
   const [connectionErrored, setConnectionErrored] = createSignal(false);
@@ -8356,10 +8391,25 @@ const DesktopConnectionModal = (props) => {
       generateUniversalLink();
     }
     setMode("desktop");
-    setLastSelectedWalletInfo(__spreadProps(__spreadValues({}, props.wallet), {
-      openMethod: "universal-link"
-    }));
-    openLinkBlank(addReturnStrategy(universalLink(), appState.returnStrategy));
+    const linkWithStrategy = addReturnStrategy(universalLink(), appState.returnStrategy);
+    const haveTriedToOpenDeeplinkInSafari = isBrowser("safari") && openDesktopDeeplinkAttempts >= 1;
+    if (props.wallet.deepLink && !haveTriedToOpenDeeplinkInSafari) {
+      openDesktopDeeplinkAttempts++;
+      setLastSelectedWalletInfo(__spreadProps(__spreadValues({}, props.wallet), {
+        openMethod: "custom-deeplink"
+      }));
+      openDeeplinkWithFallback(toDeeplink(linkWithStrategy, props.wallet.deepLink), () => {
+        setLastSelectedWalletInfo(__spreadProps(__spreadValues({}, props.wallet), {
+          openMethod: "universal-link"
+        }));
+        openLinkBlank(linkWithStrategy);
+      });
+    } else {
+      setLastSelectedWalletInfo(__spreadProps(__spreadValues({}, props.wallet), {
+        openMethod: "universal-link"
+      }));
+      openLinkBlank(linkWithStrategy);
+    }
   };
   const onClickTelegram = () => {
     const forceRedirect = !firstClick();
@@ -8393,9 +8443,16 @@ const DesktopConnectionModal = (props) => {
   return createComponent(DesktopConnectionModalStyled, {
     "data-tc-wallets-modal-connection-desktop": "true",
     get children() {
-      return [createComponent(StyledIconButton$2, {
-        icon: "arrow",
-        onClick: () => props.onBackClick()
+      return [createComponent(Show, {
+        get when() {
+          return !props.backDisabled;
+        },
+        get children() {
+          return createComponent(StyledIconButton$2, {
+            icon: "arrow",
+            onClick: () => props.onBackClick()
+          });
+        }
       }), createComponent(H1Styled$6, {
         get children() {
           return props.wallet.name;
@@ -8933,7 +8990,22 @@ const MobileConnectionModal = (props) => {
     universalLink: props.wallet.universalLink,
     bridgeUrl: props.wallet.bridgeUrl
   }, props.additionalRequest));
+  const onClickTelegram = () => {
+    const alwaysForceRedirect = true;
+    setLastSelectedWalletInfo(__spreadProps(__spreadValues({}, props.wallet), {
+      openMethod: "universal-link"
+    }));
+    redirectToTelegram(universalLink(), {
+      returnStrategy: appState.returnStrategy,
+      twaReturnUrl: appState.twaReturnUrl,
+      forceRedirect: alwaysForceRedirect
+    });
+  };
   const onRetry = () => {
+    const currentUniversalLink = universalLink();
+    if (sdk.isTelegramUrl(currentUniversalLink)) {
+      return onClickTelegram();
+    }
     setConnectionErrored(false);
     setLastSelectedWalletInfo(__spreadProps(__spreadValues({}, props.wallet), {
       openMethod: "universal-link"
@@ -8965,9 +9037,16 @@ const MobileConnectionModal = (props) => {
   return createComponent(MobileConnectionModalStyled, {
     "data-tc-wallets-modal-connection-mobile": "true",
     get children() {
-      return [createComponent(StyledIconButton, {
-        icon: "arrow",
-        onClick: onBack
+      return [createComponent(Show, {
+        get when() {
+          return !props.backDisabled || showQR();
+        },
+        get children() {
+          return createComponent(StyledIconButton, {
+            icon: "arrow",
+            onClick: onBack
+          });
+        }
       }), createComponent(Show, {
         get when() {
           return showQR();
@@ -9977,6 +10056,109 @@ const ActionsModal = () => {
     }
   });
 };
+const SingleWalletModal = () => {
+  const {
+    locale
+  } = useI18n()[1];
+  createEffect(() => locale(appState.language));
+  createEffect(() => {
+    if (getSingleWalletModalIsOpened()) {
+      updateIsMobile();
+    }
+  });
+  const connector = useContext(ConnectorContext);
+  const [infoTab, setInfoTab] = createSignal(false);
+  const additionalRequestLoading = () => {
+    var _a2;
+    return ((_a2 = appState.connectRequestParameters) == null ? void 0 : _a2.state) === "loading";
+  };
+  const additionalRequest = createMemo(() => {
+    var _a2;
+    if (additionalRequestLoading()) {
+      return void 0;
+    }
+    return (_a2 = appState.connectRequestParameters) == null ? void 0 : _a2.value;
+  });
+  const onClose = (closeReason) => {
+    setSingleWalletModalState({
+      status: "closed",
+      closeReason
+    });
+    setInfoTab(false);
+  };
+  const unsubscribe = connector.onStatusChange((wallet) => {
+    if (wallet) {
+      onClose("wallet-selected");
+    }
+  });
+  onCleanup(unsubscribe);
+  return createComponent(StyledModal, {
+    get opened() {
+      return getSingleWalletModalIsOpened();
+    },
+    get enableAndroidBackHandler() {
+      return appState.enableAndroidBackHandler;
+    },
+    onClose: () => onClose("action-cancelled"),
+    onClickQuestion: () => setInfoTab((v) => !v),
+    "data-tc-wallets-modal-container": "true",
+    get children() {
+      return [createComponent(Show, {
+        get when() {
+          return infoTab();
+        },
+        get children() {
+          return createComponent(InfoModal, {
+            onBackClick: () => setInfoTab(false)
+          });
+        }
+      }), createComponent(Show, {
+        get when() {
+          return !infoTab();
+        },
+        get children() {
+          return [createComponent(Show, {
+            get when() {
+              return additionalRequestLoading();
+            },
+            get children() {
+              return [createComponent(H1Styled$8, {
+                translationKey: "walletModal.loading",
+                children: "Wallets list is loading"
+              }), createComponent(LoaderContainerStyled, {
+                get children() {
+                  return createComponent(LoaderIcon, {
+                    size: "m"
+                  });
+                }
+              })];
+            }
+          }), createComponent(Show, {
+            get when() {
+              return !additionalRequestLoading();
+            },
+            get children() {
+              return createComponent(Dynamic, {
+                get component() {
+                  return isMobile() ? MobileConnectionModal : DesktopConnectionModal;
+                },
+                get wallet() {
+                  return getSingleWalletModalWalletInfo();
+                },
+                get additionalRequest() {
+                  return additionalRequest();
+                },
+                onBackClick: () => {
+                },
+                backDisabled: true
+              });
+            }
+          })];
+        }
+      })];
+    }
+  });
+};
 const App = (props) => {
   const translations = createI18nContext(i18nDictionary, appState.language);
   defineStylesRoot();
@@ -10014,7 +10196,7 @@ const App = (props) => {
                   }), createComponent(Dynamic, {
                     component: globalStylesTag,
                     get children() {
-                      return [createComponent(WalletsModal, {}), createComponent(ActionsModal, {})];
+                      return [createComponent(WalletsModal, {}), createComponent(SingleWalletModal, {}), createComponent(ActionsModal, {})];
                     }
                   })];
                 }
@@ -10035,6 +10217,17 @@ const widgetController = {
     status: "closed",
     closeReason: reason
   })),
+  openSingleWalletModal: (walletInfo) => {
+    void setTimeout(() => setSingleWalletModalState({
+      status: "opened",
+      closeReason: null,
+      walletInfo
+    }));
+  },
+  closeSingleWalletModal: (reason) => void setTimeout(() => setSingleWalletModalState({
+    status: "closed",
+    closeReason: reason
+  })),
   setAction: (action2) => void setTimeout(() => setAction(action2)),
   clearAction: () => void setTimeout(() => setAction(null)),
   getSelectedWalletInfo: () => lastSelectedWalletInfo(),
@@ -10064,7 +10257,7 @@ class WalletsModalManager {
       if (embeddedWallet) {
         return this.connectEmbeddedWallet(embeddedWallet);
       } else {
-        return this.connectExternalWallet();
+        return this.openWalletsModal();
       }
     });
   }
@@ -10089,7 +10282,7 @@ class WalletsModalManager {
       connect(additionalRequest == null ? void 0 : additionalRequest.value);
     }
   }
-  connectExternalWallet() {
+  openWalletsModal() {
     return __async(this, null, function* () {
       if (isInTMA()) {
         sendExpand();
@@ -10124,6 +10317,80 @@ class TransactionModalManager {
     };
   }
 }
+class SingleWalletModalManager {
+  constructor(options) {
+    __publicField(this, "connector");
+    __publicField(this, "setConnectRequestParametersCallback");
+    __publicField(this, "consumers", []);
+    __publicField(this, "state", singleWalletModalState());
+    this.connector = options.connector;
+    this.setConnectRequestParametersCallback = options.setConnectRequestParametersCallback;
+    createEffect(() => {
+      const state = singleWalletModalState();
+      this.state = state;
+      this.consumers.forEach((consumer) => consumer(state));
+    });
+  }
+  open(wallet) {
+    return __async(this, null, function* () {
+      const fetchedWalletsList = yield this.connector.getWallets();
+      const walletsList = applyWalletsListConfiguration(
+        fetchedWalletsList,
+        appState.walletsListConfiguration
+      );
+      const embeddedWallet = walletsList.find(sdk.isWalletInfoCurrentlyEmbedded);
+      const isEmbeddedWalletExist = !!embeddedWallet;
+      if (isEmbeddedWalletExist) {
+        return this.connectEmbeddedWallet(embeddedWallet);
+      }
+      const externalWallets = walletsList.filter(sdk.isWalletInfoRemote);
+      const externalWallet = externalWallets.find((walletInfo) => eqWalletName(walletInfo, wallet));
+      const isExternalWalletExist = !!externalWallet;
+      if (isExternalWalletExist) {
+        return this.openSingleWalletModal(externalWallet);
+      }
+      throw new TonConnectUIError(`Trying to open modal window with unknown wallet "${wallet}".`);
+    });
+  }
+  close() {
+    widgetController.closeSingleWalletModal("action-cancelled");
+  }
+  onStateChange(onChange) {
+    this.consumers.push(onChange);
+    return () => {
+      this.consumers = this.consumers.filter((consumer) => consumer !== onChange);
+    };
+  }
+  connectEmbeddedWallet(embeddedWallet) {
+    const connect = (parameters) => {
+      setLastSelectedWalletInfo(embeddedWallet);
+      this.connector.connect({ jsBridgeKey: embeddedWallet.jsBridgeKey }, parameters);
+    };
+    const additionalRequest = appState.connectRequestParameters;
+    if ((additionalRequest == null ? void 0 : additionalRequest.state) === "loading") {
+      this.setConnectRequestParametersCallback(connect);
+    } else {
+      connect(additionalRequest == null ? void 0 : additionalRequest.value);
+    }
+  }
+  openSingleWalletModal(wallet) {
+    return __async(this, null, function* () {
+      if (isInTMA()) {
+        sendExpand();
+      }
+      widgetController.openSingleWalletModal(wallet);
+      return new Promise((resolve) => {
+        const unsubscribe = this.onStateChange((state) => {
+          const { status } = state;
+          if (status === "opened") {
+            unsubscribe();
+            resolve();
+          }
+        });
+      });
+    });
+  }
+}
 class TonConnectUI {
   constructor(options) {
     __publicField(this, "walletInfoStorage", new WalletInfoStorage());
@@ -10135,6 +10402,7 @@ class TonConnectUI {
     __publicField(this, "connectRequestParametersCallback");
     __publicField(this, "connector");
     __publicField(this, "modal");
+    __publicField(this, "singleWalletModal");
     __publicField(this, "transactionModal");
     __publicField(this, "connectionRestored", Promise.resolve(false));
     if (options && "connector" in options && options.connector) {
@@ -10152,6 +10420,12 @@ class TonConnectUI {
         this.connectRequestParametersCallback = callback;
       }
     });
+    this.singleWalletModal = new SingleWalletModalManager({
+      connector: this.connector,
+      setConnectRequestParametersCallback: (callback) => {
+        this.connectRequestParametersCallback = callback;
+      }
+    });
     this.transactionModal = new TransactionModalManager({
       connector: this.connector
     });
@@ -10270,6 +10544,20 @@ class TonConnectUI {
   get modalState() {
     return this.modal.state;
   }
+  openSingleWalletModal(wallet) {
+    return __async(this, null, function* () {
+      return this.singleWalletModal.open(wallet);
+    });
+  }
+  closeSingleWalletModal() {
+    this.singleWalletModal.close();
+  }
+  onSingleWalletModalStateChange(onChange) {
+    return this.singleWalletModal.onStateChange(onChange);
+  }
+  get singleWalletModalState() {
+    return this.singleWalletModal.state;
+  }
   connectWallet() {
     return __async(this, null, function* () {
       const walletsList = yield this.getWallets();