@reown/appkit-cdn 1.6.7-basic-test.8.0 → 1.6.7-core-2.0

package/dist/{index-0sQOBosT.js.map → index-C3dCbvuU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-0sQOBosT.js","sources":["../../core/dist/esm/src/controllers/TooltipController.js","../../scaffold-ui/dist/esm/src/partials/w3m-tooltip/styles.js","../../scaffold-ui/dist/esm/src/partials/w3m-tooltip/index.js"],"sourcesContent":["import { proxy, subscribe as sub } from 'valtio/vanilla';\nimport { subscribeKey as subKey } from 'valtio/vanilla/utils';\n// -- State --------------------------------------------- //\nconst state = proxy({\n    message: '',\n    open: false,\n    triggerRect: {\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0\n    },\n    variant: 'shade'\n});\n// -- Controller ---------------------------------------- //\nexport const TooltipController = {\n    state,\n    subscribe(callback) {\n        return sub(state, () => callback(state));\n    },\n    subscribeKey(key, callback) {\n        return subKey(state, key, callback);\n    },\n    showTooltip({ message, triggerRect, variant }) {\n        state.open = true;\n        state.message = message;\n        state.triggerRect = triggerRect;\n        state.variant = variant;\n    },\n    hide() {\n        state.open = false;\n        state.message = '';\n        state.triggerRect = {\n            width: 0,\n            height: 0,\n            top: 0,\n            left: 0\n        };\n    }\n};\n//# sourceMappingURL=TooltipController.js.map","import { css } from 'lit';\nexport default css `\n  :host {\n    pointer-events: none;\n  }\n\n  :host > wui-flex {\n    display: var(--w3m-tooltip-display);\n    opacity: var(--w3m-tooltip-opacity);\n    padding: 9px var(--wui-spacing-s) 10px var(--wui-spacing-s);\n    border-radius: var(--wui-border-radius-xxs);\n    color: var(--wui-color-bg-100);\n    position: fixed;\n    top: var(--w3m-tooltip-top);\n    left: var(--w3m-tooltip-left);\n    transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));\n    max-width: calc(var(--w3m-modal-width) - var(--wui-spacing-xl));\n    transition: opacity 0.2s var(--wui-ease-out-power-2);\n    will-change: opacity;\n  }\n\n  :host([data-variant='shade']) > wui-flex {\n    background-color: var(--wui-color-bg-150);\n    border: 1px solid var(--wui-color-gray-glass-005);\n  }\n\n  :host([data-variant='shade']) > wui-flex > wui-text {\n    color: var(--wui-color-fg-150);\n  }\n\n  :host([data-variant='fill']) > wui-flex {\n    background-color: var(--wui-color-fg-100);\n    border: none;\n  }\n\n  wui-icon {\n    position: absolute;\n    width: 12px !important;\n    height: 4px !important;\n    color: var(--wui-color-bg-150);\n  }\n\n  wui-icon[data-placement='top'] {\n    bottom: 0px;\n    left: 50%;\n    transform: translate(-50%, 95%);\n  }\n\n  wui-icon[data-placement='bottom'] {\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -95%) rotate(180deg);\n  }\n\n  wui-icon[data-placement='right'] {\n    top: 50%;\n    left: 0;\n    transform: translate(-65%, -50%) rotate(90deg);\n  }\n\n  wui-icon[data-placement='left'] {\n    top: 50%;\n    right: 0%;\n    transform: translate(65%, -50%) rotate(270deg);\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { TooltipController } from '@reown/appkit-core';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-icon';\nimport '@reown/appkit-ui/wui-text';\nimport styles from './styles.js';\nlet W3mTooltip = class W3mTooltip extends LitElement {\n    constructor() {\n        super();\n        this.unsubscribe = [];\n        this.open = TooltipController.state.open;\n        this.message = TooltipController.state.message;\n        this.triggerRect = TooltipController.state.triggerRect;\n        this.variant = TooltipController.state.variant;\n        this.unsubscribe.push(...[\n            TooltipController.subscribe(newState => {\n                this.open = newState.open;\n                this.message = newState.message;\n                this.triggerRect = newState.triggerRect;\n                this.variant = newState.variant;\n            })\n        ]);\n    }\n    disconnectedCallback() {\n        this.unsubscribe.forEach(unsubscribe => unsubscribe());\n    }\n    render() {\n        this.dataset['variant'] = this.variant;\n        const topValue = this.triggerRect.top;\n        const leftValue = this.triggerRect.left;\n        this.style.cssText = `\n    --w3m-tooltip-top: ${topValue}px;\n    --w3m-tooltip-left: ${leftValue}px;\n    --w3m-tooltip-parent-width: ${this.triggerRect.width / 2}px;\n    --w3m-tooltip-display: ${this.open ? 'flex' : 'none'};\n    --w3m-tooltip-opacity: ${this.open ? 1 : 0};\n    `;\n        return html `<wui-flex>\n      <wui-icon data-placement=\"top\" color=\"fg-100\" size=\"inherit\" name=\"cursor\"></wui-icon>\n      <wui-text color=\"inherit\" variant=\"small-500\">${this.message}</wui-text>\n    </wui-flex>`;\n    }\n};\nW3mTooltip.styles = [styles];\n__decorate([\n    state()\n], W3mTooltip.prototype, \"open\", void 0);\n__decorate([\n    state()\n], W3mTooltip.prototype, \"message\", void 0);\n__decorate([\n    state()\n], W3mTooltip.prototype, \"triggerRect\", void 0);\n__decorate([\n    state()\n], W3mTooltip.prototype, \"variant\", void 0);\nW3mTooltip = __decorate([\n    customElement('w3m-tooltip'),\n    customElement('w3m-tooltip')\n], W3mTooltip);\nexport { W3mTooltip };\n//# sourceMappingURL=index.js.map"],"names":["sub","subKey","css","r","i","W3mTooltip","LitElement","html","state"],"mappings":"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"}
+{"version":3,"file":"index-C3dCbvuU.js","sources":["../../core/dist/esm/src/controllers/TooltipController.js","../../scaffold-ui/dist/esm/src/partials/w3m-tooltip/styles.js","../../scaffold-ui/dist/esm/src/partials/w3m-tooltip/index.js"],"sourcesContent":["import { proxy, subscribe as sub } from 'valtio/vanilla';\nimport { subscribeKey as subKey } from 'valtio/vanilla/utils';\n// -- State --------------------------------------------- //\nconst state = proxy({\n    message: '',\n    open: false,\n    triggerRect: {\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0\n    },\n    variant: 'shade'\n});\n// -- Controller ---------------------------------------- //\nexport const TooltipController = {\n    state,\n    subscribe(callback) {\n        return sub(state, () => callback(state));\n    },\n    subscribeKey(key, callback) {\n        return subKey(state, key, callback);\n    },\n    showTooltip({ message, triggerRect, variant }) {\n        state.open = true;\n        state.message = message;\n        state.triggerRect = triggerRect;\n        state.variant = variant;\n    },\n    hide() {\n        state.open = false;\n        state.message = '';\n        state.triggerRect = {\n            width: 0,\n            height: 0,\n            top: 0,\n            left: 0\n        };\n    }\n};\n//# sourceMappingURL=TooltipController.js.map","import { css } from 'lit';\nexport default css `\n  :host {\n    pointer-events: none;\n  }\n\n  :host > wui-flex {\n    display: var(--w3m-tooltip-display);\n    opacity: var(--w3m-tooltip-opacity);\n    padding: 9px var(--wui-spacing-s) 10px var(--wui-spacing-s);\n    border-radius: var(--wui-border-radius-xxs);\n    color: var(--wui-color-bg-100);\n    position: fixed;\n    top: var(--w3m-tooltip-top);\n    left: var(--w3m-tooltip-left);\n    transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));\n    max-width: calc(var(--w3m-modal-width) - var(--wui-spacing-xl));\n    transition: opacity 0.2s var(--wui-ease-out-power-2);\n    will-change: opacity;\n  }\n\n  :host([data-variant='shade']) > wui-flex {\n    background-color: var(--wui-color-bg-150);\n    border: 1px solid var(--wui-color-gray-glass-005);\n  }\n\n  :host([data-variant='shade']) > wui-flex > wui-text {\n    color: var(--wui-color-fg-150);\n  }\n\n  :host([data-variant='fill']) > wui-flex {\n    background-color: var(--wui-color-fg-100);\n    border: none;\n  }\n\n  wui-icon {\n    position: absolute;\n    width: 12px !important;\n    height: 4px !important;\n    color: var(--wui-color-bg-150);\n  }\n\n  wui-icon[data-placement='top'] {\n    bottom: 0px;\n    left: 50%;\n    transform: translate(-50%, 95%);\n  }\n\n  wui-icon[data-placement='bottom'] {\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, -95%) rotate(180deg);\n  }\n\n  wui-icon[data-placement='right'] {\n    top: 50%;\n    left: 0;\n    transform: translate(-65%, -50%) rotate(90deg);\n  }\n\n  wui-icon[data-placement='left'] {\n    top: 50%;\n    right: 0%;\n    transform: translate(65%, -50%) rotate(270deg);\n  }\n`;\n//# sourceMappingURL=styles.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport { LitElement, html } from 'lit';\nimport { state } from 'lit/decorators.js';\nimport { TooltipController } from '@reown/appkit-core';\nimport { customElement } from '@reown/appkit-ui';\nimport '@reown/appkit-ui/wui-flex';\nimport '@reown/appkit-ui/wui-icon';\nimport '@reown/appkit-ui/wui-text';\nimport styles from './styles.js';\nlet W3mTooltip = class W3mTooltip extends LitElement {\n    constructor() {\n        super();\n        this.unsubscribe = [];\n        this.open = TooltipController.state.open;\n        this.message = TooltipController.state.message;\n        this.triggerRect = TooltipController.state.triggerRect;\n        this.variant = TooltipController.state.variant;\n        this.unsubscribe.push(...[\n            TooltipController.subscribe(newState => {\n                this.open = newState.open;\n                this.message = newState.message;\n                this.triggerRect = newState.triggerRect;\n                this.variant = newState.variant;\n            })\n        ]);\n    }\n    disconnectedCallback() {\n        this.unsubscribe.forEach(unsubscribe => unsubscribe());\n    }\n    render() {\n        this.dataset['variant'] = this.variant;\n        const topValue = this.triggerRect.top;\n        const leftValue = this.triggerRect.left;\n        this.style.cssText = `\n    --w3m-tooltip-top: ${topValue}px;\n    --w3m-tooltip-left: ${leftValue}px;\n    --w3m-tooltip-parent-width: ${this.triggerRect.width / 2}px;\n    --w3m-tooltip-display: ${this.open ? 'flex' : 'none'};\n    --w3m-tooltip-opacity: ${this.open ? 1 : 0};\n    `;\n        return html `<wui-flex>\n      <wui-icon data-placement=\"top\" color=\"fg-100\" size=\"inherit\" name=\"cursor\"></wui-icon>\n      <wui-text color=\"inherit\" variant=\"small-500\">${this.message}</wui-text>\n    </wui-flex>`;\n    }\n};\nW3mTooltip.styles = [styles];\n__decorate([\n    state()\n], W3mTooltip.prototype, \"open\", void 0);\n__decorate([\n    state()\n], W3mTooltip.prototype, \"message\", void 0);\n__decorate([\n    state()\n], W3mTooltip.prototype, \"triggerRect\", void 0);\n__decorate([\n    state()\n], W3mTooltip.prototype, \"variant\", void 0);\nW3mTooltip = __decorate([\n    customElement('w3m-tooltip'),\n    customElement('w3m-tooltip')\n], W3mTooltip);\nexport { W3mTooltip };\n//# sourceMappingURL=index.js.map"],"names":["sub","subKey","css","r","i","W3mTooltip","LitElement","html","state"],"mappings":"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"}

package/dist/{index-B3US0ze7.js → index-CIWdN6s7.js}

@@ -1,25 +1,25 @@
-import { a as i, f as resetStyles, m as elementStyles, r, x, p as ChainController, A as AccountController, v as AssetUtil, O as OptionsController, I as AssetController, j as CoreHelperUtil, M as ModalController, k as EventsController, t as StorageUtil, b as ConnectorController, h as ConstantsUtil, R as RouterController, e as ConstantsUtil$1, l as SnackController, W as W3mFrameRpcConstants, q as ConnectionController, s as ConstantsUtil$2, B as BlockchainApiController, J as colorStyles, K as b, z as ApiController, L as WalletUtil, P as ConnectorUtil, Q as ConstantsUtil$3, T as ThemeController, V as SIWXUtil } from "./appkit-7F54kjKy.js";
-import { n, c as customElement, o, U as UiHelperUtil, r as r$1, e as e$1 } from "./if-defined-BUCsuh9s.js";
-import "./index-C9D8IpSa.js";
-import "./index-BiZ2sPMP.js";
-import { S as SendController } from "./index-Bf_CKPQ4.js";
-import "./index-Clt4Gamg.js";
-import { W } from "./index-uQiw5aDt.js";
-import "./index-D1vsBg_X.js";
-import "./index-D5X2HlH8.js";
-import { e, n as n$1 } from "./index-DQibQFkr.js";
-import "./index-DnuurRsQ.js";
-import "./index-CQfiGCux.js";
-import { M as MathUtil } from "./index-DPDvs1Rr.js";
-import "./index-0sQOBosT.js";
-import "./index-Bdgknjoz.js";
-import "./index-D4uZajOt.js";
-import "./index-h2uWrDWR.js";
-import "./index--8fCrTMB.js";
-import { S as SocialProviderEnum } from "./index-CGcPcD7s.js";
-import { N as NavigationUtil } from "./index-BL1Vtc1i.js";
-import "./index-_DqHUChI.js";
-import "./index-BuYXv-te.js";
+import { a as i, f as resetStyles, o as elementStyles, r, x, q as ChainController, A as AccountController, w as AssetUtil, O as OptionsController, J as AssetController, j as CoreHelperUtil, M as ModalController, k as EventsController, u as StorageUtil, b as ConnectorController, h as ConstantsUtil, R as RouterController, e as ConstantsUtil$1, l as SnackController, W as W3mFrameRpcConstants, s as ConnectionController, t as ConstantsUtil$2, B as BlockchainApiController, K as colorStyles, L as b, D as ApiController, P as WalletUtil, Q as ConnectorUtil, V as ConstantsUtil$3, T as ThemeController, X as SIWXUtil } from "./appkit-Cly9g1o7.js";
+import { n, c as customElement, o, U as UiHelperUtil, r as r$1, e as e$1 } from "./if-defined-DeBuBv8C.js";
+import "./index-B4ozkdcL.js";
+import "./index-huLhd52f.js";
+import { S as SendController } from "./index-BkE0sZOy.js";
+import "./index-BjjSQnZ5.js";
+import { W } from "./index-BxTB1jb6.js";
+import "./index-CmoL773p.js";
+import "./index-EipIP3kf.js";
+import { e, n as n$1 } from "./index-D9nmWywB.js";
+import "./index-BInOwLdY.js";
+import "./index-BBqt8FI3.js";
+import { M as MathUtil } from "./index-3AIUbrUU.js";
+import "./index-C3dCbvuU.js";
+import "./index-BOt3v16B.js";
+import "./index-CiZ2wBs3.js";
+import "./index-BF2zsxDq.js";
+import "./index-DThB6yHY.js";
+import { S as SocialProviderEnum } from "./index-BV_wsLUs.js";
+import { N as NavigationUtil } from "./index-BOUiZbXW.js";
+import "./index-CoPIlial.js";
+import "./index-BpUy6ELp.js";
 const styles$W = i`
   :host {
     display: block;
@@ -5090,7 +5090,7 @@ let W3mSocialLoginWidget = class W3mSocialLoginWidget2 extends r {
     RouterController.push("ConnectSocials");
   }
   async onSocialClick(socialProvider) {
-    var _a, _b;
+    var _a;
     const isAvailableChain = ConstantsUtil.AUTH_CONNECTOR_SUPPORTED_CHAINS.find((chain) => chain === ChainController.state.activeChain);
     if (!isAvailableChain) {
       const caipNetwork = ChainController.getFirstCaipNetworkSupportsAuthConnector();
@@ -5124,22 +5124,29 @@ let W3mSocialLoginWidget = class W3mSocialLoginWidget2 extends r {
     } else {
       RouterController.push("ConnectingSocial");
       const authConnector = ConnectorController.getAuthConnector();
-      this.popupWindow = CoreHelperUtil.returnOpenHref("", "popupWindow", "width=600,height=800,scrollbars=yes");
       try {
         if (authConnector && socialProvider) {
           const { uri } = await authConnector.provider.getSocialRedirectUri({
             provider: socialProvider
           });
-          if (this.popupWindow && uri) {
+          if (!uri) {
+            throw new Error("Something went wrong");
+          }
+          if (CoreHelperUtil.isTelegram()) {
+            StorageUtil.setTelegramSocialProvider(socialProvider);
+            const parsedUri = CoreHelperUtil.formatTelegramSocialLoginUrl(uri);
+            return CoreHelperUtil.openHref(parsedUri, "_top");
+          }
+          this.popupWindow = CoreHelperUtil.returnOpenHref("", "popupWindow", "width=600,height=800,scrollbars=yes");
+          if (this.popupWindow) {
             AccountController.setSocialWindow(this.popupWindow, ChainController.state.activeChain);
             this.popupWindow.location.href = uri;
           } else {
-            (_a = this.popupWindow) == null ? void 0 : _a.close();
             throw new Error("Something went wrong");
           }
         }
       } catch (error) {
-        (_b = this.popupWindow) == null ? void 0 : _b.close();
+        (_a = this.popupWindow) == null ? void 0 : _a.close();
         SnackController.showError("Something went wrong");
       }
     }
@@ -5378,6 +5385,7 @@ let WuiListWallet = class WuiListWallet2 extends r {
     this.installed = false;
     this.disabled = false;
     this.showAllWallets = false;
+    this.loading = false;
   }
   render() {
     return x`
@@ -5410,7 +5418,9 @@ let WuiListWallet = class WuiListWallet2 extends r {
     return null;
   }
   templateStatus() {
-    if (this.tagLabel && this.tagVariant) {
+    if (this.loading) {
+      return x`<wui-loading-spinner size="lg" color="accent-100"></wui-loading-spinner>`;
+    } else if (this.tagLabel && this.tagVariant) {
       return x`<wui-tag variant=${this.tagVariant}>${this.tagLabel}</wui-tag>`;
     } else if (this.icon) {
       return x`<wui-icon color="inherit" size="sm" name=${this.icon}></wui-icon>`;
@@ -5452,6 +5462,9 @@ __decorate$K([
 __decorate$K([
   n({ type: Boolean })
 ], WuiListWallet.prototype, "showAllWallets", void 0);
+__decorate$K([
+  n({ type: Boolean })
+], WuiListWallet.prototype, "loading", void 0);
 WuiListWallet = __decorate$K([
   customElement("wui-list-wallet")
 ], WuiListWallet);
@@ -5598,7 +5611,12 @@ let W3mConnectCustomWidget = class W3mConnectCustomWidget2 extends r {
     this.unsubscribe = [];
     this.tabIdx = void 0;
     this.connectors = ConnectorController.state.connectors;
+    this.loading = false;
     this.unsubscribe.push(ConnectorController.subscribeKey("connectors", (val) => this.connectors = val));
+    if (CoreHelperUtil.isTelegram() && CoreHelperUtil.isIos()) {
+      this.loading = !ConnectionController.state.wcUri;
+      this.unsubscribe.push(ConnectionController.subscribeKey("wcUri", (val) => this.loading = !val));
+    }
   }
   disconnectedCallback() {
     this.unsubscribe.forEach((unsubscribe) => unsubscribe());
@@ -5618,6 +5636,7 @@ let W3mConnectCustomWidget = class W3mConnectCustomWidget2 extends r {
             @click=${() => this.onConnectWallet(wallet)}
             data-testid=${`wallet-selector-${wallet.id}`}
             tabIdx=${o(this.tabIdx)}
+            ?loading=${this.loading}
           >
           </wui-list-wallet>
         `)}
@@ -5639,6 +5658,9 @@ let W3mConnectCustomWidget = class W3mConnectCustomWidget2 extends r {
     return filtered;
   }
   onConnectWallet(wallet) {
+    if (this.loading) {
+      return;
+    }
     RouterController.push("ConnectingWalletConnect", { wallet });
   }
 };
@@ -5648,6 +5670,9 @@ __decorate$H([
 __decorate$H([
   r$1()
 ], W3mConnectCustomWidget.prototype, "connectors", void 0);
+__decorate$H([
+  r$1()
+], W3mConnectCustomWidget.prototype, "loading", void 0);
 W3mConnectCustomWidget = __decorate$H([
   customElement("w3m-connect-custom-widget")
 ], W3mConnectCustomWidget);
@@ -5890,7 +5915,12 @@ let W3mConnectRecentWidget = class W3mConnectRecentWidget2 extends r {
     this.unsubscribe = [];
     this.tabIdx = void 0;
     this.connectors = ConnectorController.state.connectors;
+    this.loading = false;
     this.unsubscribe.push(ConnectorController.subscribeKey("connectors", (val) => this.connectors = val));
+    if (CoreHelperUtil.isTelegram() && CoreHelperUtil.isIos()) {
+      this.loading = !ConnectionController.state.wcUri;
+      this.unsubscribe.push(ConnectionController.subscribeKey("wcUri", (val) => this.loading = !val));
+    }
   }
   render() {
     const recentWallets = StorageUtil.getRecentWallets();
@@ -5909,6 +5939,7 @@ let W3mConnectRecentWidget = class W3mConnectRecentWidget2 extends r {
               tagLabel="recent"
               tagVariant="shade"
               tabIdx=${o(this.tabIdx)}
+              ?loading=${this.loading}
             >
             </wui-list-wallet>
           `)}
@@ -5916,6 +5947,9 @@ let W3mConnectRecentWidget = class W3mConnectRecentWidget2 extends r {
     `;
   }
   onConnectWallet(wallet) {
+    if (this.loading) {
+      return;
+    }
     ConnectorController.selectWalletConnector(wallet);
   }
 };
@@ -5925,6 +5959,9 @@ __decorate$C([
 __decorate$C([
   r$1()
 ], W3mConnectRecentWidget.prototype, "connectors", void 0);
+__decorate$C([
+  r$1()
+], W3mConnectRecentWidget.prototype, "loading", void 0);
 W3mConnectRecentWidget = __decorate$C([
   customElement("w3m-connect-recent-widget")
 ], W3mConnectRecentWidget);
@@ -5940,7 +5977,12 @@ let W3mConnectRecommendedWidget = class W3mConnectRecommendedWidget2 extends r {
     this.unsubscribe = [];
     this.tabIdx = void 0;
     this.connectors = ConnectorController.state.connectors;
+    this.loading = false;
     this.unsubscribe.push(ConnectorController.subscribeKey("connectors", (val) => this.connectors = val));
+    if (CoreHelperUtil.isTelegram() && CoreHelperUtil.isIos()) {
+      this.loading = !ConnectionController.state.wcUri;
+      this.unsubscribe.push(ConnectionController.subscribeKey("wcUri", (val) => this.loading = !val));
+    }
   }
   disconnectedCallback() {
     this.unsubscribe.forEach((unsubscribe) => unsubscribe());
@@ -5975,6 +6017,7 @@ let W3mConnectRecommendedWidget = class W3mConnectRecommendedWidget2 extends r {
               name=${(wallet == null ? void 0 : wallet.name) ?? "Unknown"}
               @click=${() => this.onConnectWallet(wallet)}
               tabIdx=${o(this.tabIdx)}
+              ?loading=${this.loading}
             >
             </wui-list-wallet>
           `)}
@@ -5982,6 +6025,9 @@ let W3mConnectRecommendedWidget = class W3mConnectRecommendedWidget2 extends r {
     `;
   }
   onConnectWallet(wallet) {
+    if (this.loading) {
+      return;
+    }
     const connector = ConnectorController.getConnector(wallet.id, wallet.rdns);
     if (connector) {
       RouterController.push("ConnectingExternal", { connector });
@@ -5996,6 +6042,9 @@ __decorate$B([
 __decorate$B([
   r$1()
 ], W3mConnectRecommendedWidget.prototype, "connectors", void 0);
+__decorate$B([
+  r$1()
+], W3mConnectRecommendedWidget.prototype, "loading", void 0);
 W3mConnectRecommendedWidget = __decorate$B([
   customElement("w3m-connect-recommended-widget")
 ], W3mConnectRecommendedWidget);
@@ -7370,6 +7419,9 @@ let W3mConnectingWcQrcode = class W3mConnectingWcQrcode2 extends W3mConnectingWi
     super.disconnectedCallback();
     (_a = this.unsubscribe) == null ? void 0 : _a.forEach((unsub) => unsub());
     window.removeEventListener("resize", this.forceUpdate);
+    if (RouterController.state.data) {
+      RouterController.state.data.wallet = void 0;
+    }
   }
   render() {
     this.onRenderProxy();
@@ -9436,4 +9488,4 @@ export {
   W3mWhatIsANetworkView,
   W3mWhatIsAWalletView
 };
-//# sourceMappingURL=index-B3US0ze7.js.map
+//# sourceMappingURL=index-CIWdN6s7.js.map