@skip-go/widget-web-component 3.14.4 → 3.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (194) hide show
  1. package/build/1125.index.js +3 -0
  2. package/build/1133.index.js +8 -0
  3. package/build/1136.index.js +9 -0
  4. package/build/1139.index.js +18 -0
  5. package/build/1171.index.js +1 -1
  6. package/build/1189.index.js +1 -1
  7. package/build/1203.index.js +1 -1
  8. package/build/1207.index.js +1 -1
  9. package/build/1211.index.js +8 -0
  10. package/build/1226.index.js +8 -0
  11. package/build/1349.index.js +1 -1
  12. package/build/1361.index.js +1 -1
  13. package/build/1363.index.js +1 -1
  14. package/build/1370.index.js +1 -1
  15. package/build/1415.index.js +8 -0
  16. package/build/1426.index.js +3 -0
  17. package/build/1470.index.js +1 -1
  18. package/build/1572.index.js +11 -0
  19. package/build/1716.index.js +1 -1
  20. package/build/1776.index.js +8 -0
  21. package/build/1852.index.js +1 -1
  22. package/build/1881.index.js +1 -1
  23. package/build/1894.index.js +1 -1
  24. package/build/1911.index.js +1 -1
  25. package/build/1951.index.js +18 -0
  26. package/build/1979.index.js +30 -0
  27. package/build/2034.index.js +1 -1
  28. package/build/2131.index.js +1 -1
  29. package/build/2166.index.js +1 -1
  30. package/build/2202.index.js +61 -0
  31. package/build/2242.index.js +1 -1
  32. package/build/2289.index.js +8 -0
  33. package/build/2301.index.js +1 -1
  34. package/build/2410.index.js +1 -1
  35. package/build/2422.index.js +1 -0
  36. package/build/245.index.js +1 -1
  37. package/build/2496.index.js +1 -1
  38. package/build/2557.index.js +17 -0
  39. package/build/2699.index.js +1 -1
  40. package/build/2715.index.js +8 -0
  41. package/build/283.index.js +8 -0
  42. package/build/2844.index.js +13 -0
  43. package/build/2851.index.js +1 -0
  44. package/build/2902.index.js +15 -0
  45. package/build/3070.index.js +1 -1
  46. package/build/3099.index.js +8 -0
  47. package/build/3105.index.js +8 -0
  48. package/build/3131.index.js +6 -0
  49. package/build/3148.index.js +1 -1
  50. package/build/3472.index.js +1 -1
  51. package/build/3550.index.js +8 -0
  52. package/build/3574.index.js +1 -1
  53. package/build/362.index.js +12 -0
  54. package/build/3646.index.js +32 -0
  55. package/build/3726.index.js +1 -1
  56. package/build/3828.index.js +14 -0
  57. package/build/385.index.js +1 -1
  58. package/build/3857.index.js +14 -0
  59. package/build/3874.index.js +17 -0
  60. package/build/4028.index.js +1 -1
  61. package/build/4150.index.js +620 -0
  62. package/build/4194.index.js +317 -0
  63. package/build/4203.index.js +1 -1
  64. package/build/4226.index.js +14 -0
  65. package/build/4249.index.js +8 -0
  66. package/build/4264.index.js +1 -0
  67. package/build/428.index.js +1 -0
  68. package/build/4289.index.js +1 -1
  69. package/build/4319.index.js +1 -1
  70. package/build/4379.index.js +2069 -0
  71. package/build/4446.index.js +2 -0
  72. package/build/4683.index.js +1 -1
  73. package/build/4693.index.js +2 -2
  74. package/build/4729.index.js +1 -1
  75. package/build/4733.index.js +12 -0
  76. package/build/4857.index.js +12 -0
  77. package/build/4969.index.js +1 -1
  78. package/build/5069.index.js +1 -1
  79. package/build/5090.index.js +8 -0
  80. package/build/5193.index.js +1 -1
  81. package/build/5206.index.js +14 -0
  82. package/build/5218.index.js +6 -0
  83. package/build/5330.index.js +8 -0
  84. package/build/537.index.js +1 -1
  85. package/build/5438.index.js +9 -0
  86. package/build/5526.index.js +1 -1
  87. package/build/5572.index.js +1 -1
  88. package/build/5619.index.js +1 -1
  89. package/build/5642.index.js +2 -0
  90. package/build/5647.index.js +1 -1
  91. package/build/5737.index.js +1 -1
  92. package/build/577.index.js +8 -0
  93. package/build/5880.index.js +1 -1
  94. package/build/590.index.js +1 -1
  95. package/build/5972.index.js +622 -0
  96. package/build/602.index.js +9 -0
  97. package/build/6024.index.js +1 -1
  98. package/build/6036.index.js +8 -0
  99. package/build/6075.index.js +1 -1
  100. package/build/6123.index.js +1 -1
  101. package/build/6127.index.js +1 -1
  102. package/build/6138.index.js +18 -0
  103. package/build/6148.index.js +1 -1
  104. package/build/6151.index.js +1 -1
  105. package/build/6175.index.js +4 -0
  106. package/build/631.index.js +18 -0
  107. package/build/6323.index.js +1 -1
  108. package/build/6442.index.js +1 -1
  109. package/build/6484.index.js +1 -1
  110. package/build/6543.index.js +1 -1
  111. package/build/6553.index.js +8 -0
  112. package/build/6558.index.js +1 -0
  113. package/build/6573.index.js +1 -1
  114. package/build/6611.index.js +12 -0
  115. package/build/6639.index.js +8 -0
  116. package/build/6654.index.js +1 -0
  117. package/build/6705.index.js +12 -0
  118. package/build/6715.index.js +12 -0
  119. package/build/674.index.js +317 -0
  120. package/build/674.index.js.LICENSE.txt +17 -0
  121. package/build/6753.index.js +1 -1
  122. package/build/6811.index.js +8 -0
  123. package/build/6813.index.js +4 -0
  124. package/build/6869.index.js +1 -1
  125. package/build/6969.index.js +12 -0
  126. package/build/7172.index.js +1 -1
  127. package/build/7176.index.js +16 -0
  128. package/build/7201.index.js +878 -0
  129. package/build/7272.index.js +6 -0
  130. package/build/7311.index.js +11 -0
  131. package/build/7409.index.js +1 -0
  132. package/build/7428.index.js +4 -0
  133. package/build/7540.index.js +8 -0
  134. package/build/7618.index.js +1 -1
  135. package/build/7762.index.js +1 -1
  136. package/build/7780.index.js +3 -0
  137. package/build/7981.index.js +1 -1
  138. package/build/8000.index.js +1 -1
  139. package/build/8029.index.js +8 -0
  140. package/build/8036.index.js +1 -1
  141. package/build/8147.index.js +16 -0
  142. package/build/8249.index.js +8 -0
  143. package/build/8318.index.js +1 -1
  144. package/build/8367.index.js +1 -1
  145. package/build/8373.index.js +2082 -0
  146. package/build/8373.index.js.LICENSE.txt +5 -0
  147. package/build/8467.index.js +1 -1
  148. package/build/8483.index.js +1 -1
  149. package/build/8631.index.js +8 -0
  150. package/build/8645.index.js +2 -0
  151. package/build/8645.index.js.LICENSE.txt +11 -0
  152. package/build/8714.index.js +8 -0
  153. package/build/8717.index.js +6 -0
  154. package/build/8904.index.js +1 -1
  155. package/build/896.index.js +1 -1
  156. package/build/8964.index.js +26 -0
  157. package/build/897.index.js +11 -0
  158. package/build/9081.index.js +8 -0
  159. package/build/9120.index.js +8 -0
  160. package/build/913.index.js +15 -0
  161. package/build/9192.index.js +1 -0
  162. package/build/9194.index.js +878 -4
  163. package/build/9309.index.js +15 -0
  164. package/build/9313.index.js +8 -0
  165. package/build/9372.index.js +1 -1
  166. package/build/9396.index.js +12 -0
  167. package/build/9476.index.js +1 -1
  168. package/build/9607.index.js +8 -0
  169. package/build/967.index.js +5 -0
  170. package/build/984.index.js +8 -0
  171. package/build/9850.index.js +14 -0
  172. package/build/9884.index.js +1 -1
  173. package/build/index.js +769 -1633
  174. package/build/index.js.LICENSE.txt +6 -16
  175. package/package.json +1 -1
  176. package/build/1179.index.js +0 -2
  177. package/build/1256.index.js +0 -317
  178. package/build/1934.index.js +0 -2
  179. package/build/1934.index.js.LICENSE.txt +0 -17
  180. package/build/4619.index.js +0 -622
  181. package/build/4833.index.js +0 -2
  182. package/build/5902.index.js +0 -2
  183. package/build/6319.index.js +0 -2069
  184. package/build/6700.index.js +0 -1
  185. package/build/7084.index.js +0 -2
  186. package/build/7544.index.js +0 -1
  187. package/build/7591.index.js +0 -1
  188. package/build/8780.index.js +0 -1
  189. /package/build/{1256.index.js.LICENSE.txt → 4194.index.js.LICENSE.txt} +0 -0
  190. /package/build/{6319.index.js.LICENSE.txt → 4379.index.js.LICENSE.txt} +0 -0
  191. /package/build/{4833.index.js.LICENSE.txt → 4446.index.js.LICENSE.txt} +0 -0
  192. /package/build/{1179.index.js.LICENSE.txt → 5642.index.js.LICENSE.txt} +0 -0
  193. /package/build/{5902.index.js.LICENSE.txt → 7201.index.js.LICENSE.txt} +0 -0
  194. /package/build/{7084.index.js.LICENSE.txt → 9194.index.js.LICENSE.txt} +0 -0
@@ -0,0 +1,2082 @@
1
+ /*! For license information please see 8373.index.js.LICENSE.txt */
2
+ export const __webpack_esm_id__=8373;export const __webpack_esm_ids__=[8373];export const __webpack_esm_modules__={1272:(t,e,i)=>{var o=i(88759),r=i(86792),a=i(83077),n=i(47981),s=i(69658),l=i(91602);let c=class extends l.o{constructor(){if(super(),!this.wallet)throw new Error("w3m-connecting-wc-browser: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onAutoConnect=this.onConnectProxy.bind(this),n.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}async onConnectProxy(){try{this.error=!1;const{connectors:t}=a.a.state,e=t.find(t=>"ANNOUNCED"===t.type&&t.info?.rdns===this.wallet?.rdns||"INJECTED"===t.type||t.name===this.wallet?.name);if(!e)throw new Error("w3m-connecting-wc-browser: No connector found");await r.x.connectExternal(e,e.chain),o.W.close(),n.E.sendEvent({type:"track",event:"CONNECT_SUCCESS",properties:{method:"browser",name:this.wallet?.name||"Unknown"}})}catch(t){n.E.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:t?.message??"Unknown"}}),this.error=!0}}};c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,s.EM)("w3m-connecting-wc-browser")],c)},2547:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(66958),s=i(67232),l=i(13679),c=i(95389),d=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let u=class extends o.WF{constructor(){super(...arguments),this.inputElementRef=(0,n._)(),this.checked=void 0}render(){return o.qy`
3
+ <label>
4
+ <input
5
+ ${(0,n.K)(this.inputElementRef)}
6
+ type="checkbox"
7
+ ?checked=${(0,a.J)(this.checked)}
8
+ @change=${this.dispatchChangeEvent.bind(this)}
9
+ />
10
+ <span></span>
11
+ </label>
12
+ `}dispatchChangeEvent(){this.dispatchEvent(new CustomEvent("switchChange",{detail:this.inputElementRef.value?.checked,bubbles:!0,composed:!0}))}};u.styles=[s.W5,s.fD,s.ck,c.A],d([(0,r.MZ)({type:Boolean})],u.prototype,"checked",void 0),u=d([(0,l.E)("wui-switch")],u)},3043:(t,e,i)=>{i.d(e,{F:()=>n});var o=i(66484),r=i(52788);function a(t,e,i){return t!==e&&(t-e<0?e-t:t-e)<=i+.1}const n={generate({uri:t,size:e,logoSize:i,dotColor:n="#141414"}){const s=[],l=function(t){const e=Array.prototype.slice.call(o.create(t,{errorCorrectionLevel:"Q"}).modules.data,0),i=Math.sqrt(e.length);return e.reduce((t,e,o)=>(o%i===0?t.push([e]):t[t.length-1].push(e))&&t,[])}(t),c=e/l.length,d=[{x:0,y:0},{x:1,y:0},{x:0,y:1}];d.forEach(({x:t,y:e})=>{const i=(l.length-7)*c*t,o=(l.length-7)*c*e,a=.45;for(let t=0;t<d.length;t+=1){const e=c*(7-2*t);s.push(r.JW`
13
+ <rect
14
+ fill=${2===t?n:"transparent"}
15
+ width=${0===t?e-5:e}
16
+ rx= ${0===t?(e-5)*a:e*a}
17
+ ry= ${0===t?(e-5)*a:e*a}
18
+ stroke=${n}
19
+ stroke-width=${0===t?5:0}
20
+ height=${0===t?e-5:e}
21
+ x= ${0===t?o+c*t+2.5:o+c*t}
22
+ y= ${0===t?i+c*t+2.5:i+c*t}
23
+ />
24
+ `)}});const u=Math.floor((i+25)/c),p=l.length/2-u/2,h=l.length/2+u/2-1,w=[];l.forEach((t,e)=>{t.forEach((t,i)=>{if(l[e][i]&&!(e<7&&i<7||e>l.length-8&&i<7||e<7&&i>l.length-8||e>p&&e<h&&i>p&&i<h)){const t=e*c+c/2,o=i*c+c/2;w.push([t,o])}})});const g={};return w.forEach(([t,e])=>{g[t]?g[t]?.push(e):g[t]=[e]}),Object.entries(g).map(([t,e])=>{const i=e.filter(t=>e.every(e=>!a(t,e,c)));return[Number(t),i]}).forEach(([t,e])=>{e.forEach(e=>{s.push(r.JW`<circle cx=${t} cy=${e} fill=${n} r=${c/2.5} />`)})}),Object.entries(g).filter(([t,e])=>e.length>1).map(([t,e])=>{const i=e.filter(t=>e.some(e=>a(t,e,c)));return[Number(t),i]}).map(([t,e])=>{e.sort((t,e)=>t<e?-1:1);const i=[];for(const t of e){const e=i.find(e=>e.some(e=>a(t,e,c)));e?e.push(t):i.push([t])}return[t,i.map(t=>[t[0],t[t.length-1]])]}).forEach(([t,e])=>{e.forEach(([e,i])=>{s.push(r.JW`
25
+ <line
26
+ x1=${t}
27
+ x2=${t}
28
+ y1=${e}
29
+ y2=${i}
30
+ stroke=${n}
31
+ stroke-width=${c/1.25}
32
+ stroke-linecap="round"
33
+ />
34
+ `)})}),s}}},3366:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
35
+ :host {
36
+ position: relative;
37
+ user-select: none;
38
+ display: block;
39
+ overflow: hidden;
40
+ aspect-ratio: 1 / 1;
41
+ width: var(--local-size);
42
+ }
43
+
44
+ :host([data-theme='dark']) {
45
+ border-radius: clamp(0px, var(--wui-border-radius-l), 40px);
46
+ background-color: var(--wui-color-inverse-100);
47
+ padding: var(--wui-spacing-l);
48
+ }
49
+
50
+ :host([data-theme='light']) {
51
+ box-shadow: 0 0 0 1px var(--wui-color-bg-125);
52
+ background-color: var(--wui-color-bg-125);
53
+ }
54
+
55
+ :host([data-clear='true']) > wui-icon {
56
+ display: none;
57
+ }
58
+
59
+ svg:first-child,
60
+ wui-image,
61
+ wui-icon {
62
+ position: absolute;
63
+ top: 50%;
64
+ left: 50%;
65
+ transform: translateY(-50%) translateX(-50%);
66
+ }
67
+
68
+ wui-image {
69
+ width: 25%;
70
+ height: 25%;
71
+ border-radius: var(--wui-border-radius-xs);
72
+ }
73
+
74
+ wui-icon {
75
+ width: 100%;
76
+ height: 100%;
77
+ color: var(--local-icon-color) !important;
78
+ transform: translateY(-50%) translateX(-50%) scale(0.25);
79
+ }
80
+ `},3955:(t,e,i)=>{var o=i(52788),r=i(66958),a=(i(50800),i(67232)),n=i(13679),s=(i(93651),i(13629));let l=class extends o.WF{constructor(){super(...arguments),this.inputComponentRef=(0,r._)()}render(){return o.qy`
81
+ <wui-input-text
82
+ ${(0,r.K)(this.inputComponentRef)}
83
+ placeholder="Search wallet"
84
+ icon="search"
85
+ type="search"
86
+ enterKeyHint="search"
87
+ size="sm"
88
+ >
89
+ <wui-input-element @click=${this.clearValue} icon="close"></wui-input-element>
90
+ </wui-input-text>
91
+ `}clearValue(){const t=this.inputComponentRef.value,e=t?.inputElementRef.value;e&&(e.value="",e.focus(),e.dispatchEvent(new Event("input")))}};l.styles=[a.W5,s.A],l=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,n.E)("wui-search-bar")],l)},4193:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(83077),s=i(93474),l=i(22143),c=i(69658),d=(i(50757),i(84798),i(84279)),u=(i(27895),i(68683)),p=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};const h="local-paginator";let w=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.paginationObserver=void 0,this.loading=!s.N.state.wallets.length,this.wallets=s.N.state.wallets,this.recommended=s.N.state.recommended,this.featured=s.N.state.featured,this.filteredWallets=s.N.state.filteredWallets,this.unsubscribe.push(s.N.subscribeKey("wallets",t=>this.wallets=t),s.N.subscribeKey("recommended",t=>this.recommended=t),s.N.subscribeKey("featured",t=>this.featured=t),s.N.subscribeKey("filteredWallets",t=>this.filteredWallets=t))}firstUpdated(){this.initialFetch(),this.createPaginationObserver()}disconnectedCallback(){this.unsubscribe.forEach(t=>t()),this.paginationObserver?.disconnect()}render(){return o.qy`
92
+ <wui-grid
93
+ data-scroll=${!this.loading}
94
+ .padding=${["0","s","s","s"]}
95
+ columnGap="xxs"
96
+ rowGap="l"
97
+ justifyContent="space-between"
98
+ >
99
+ ${this.loading?this.shimmerTemplate(16):this.walletsTemplate()}
100
+ ${this.paginationLoaderTemplate()}
101
+ </wui-grid>
102
+ `}async initialFetch(){this.loading=!0;const t=this.shadowRoot?.querySelector("wui-grid");t&&(await s.N.fetchWalletsByPage({page:1}),await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.loading=!1,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}shimmerTemplate(t,e){return[...Array(t)].map(()=>o.qy`
103
+ <wui-card-select-loader type="wallet" id=${(0,a.J)(e)}></wui-card-select-loader>
104
+ `)}walletsTemplate(){const t=this.filteredWallets?.length>0?l.w.uniqueBy([...this.featured,...this.recommended,...this.filteredWallets],"id"):l.w.uniqueBy([...this.featured,...this.recommended,...this.wallets],"id");return d.A.markWalletsAsInstalled(t).map(t=>o.qy`
105
+ <w3m-all-wallets-list-item
106
+ @click=${()=>this.onConnectWallet(t)}
107
+ .wallet=${t}
108
+ ></w3m-all-wallets-list-item>
109
+ `)}paginationLoaderTemplate(){const{wallets:t,recommended:e,featured:i,count:o}=s.N.state,r=window.innerWidth<352?3:4,a=t.length+e.length;let n=Math.ceil(a/r)*r-a+r;return n-=t.length?i.length%r:0,0===o&&i.length>0?null:0===o||[...i,...t,...e].length<o?this.shimmerTemplate(n,h):null}createPaginationObserver(){const t=this.shadowRoot?.querySelector(`#${h}`);t&&(this.paginationObserver=new IntersectionObserver(([t])=>{if(t?.isIntersecting&&!this.loading){const{page:t,count:e,wallets:i}=s.N.state;i.length<e&&s.N.fetchWalletsByPage({page:t+1})}}),this.paginationObserver.observe(t))}onConnectWallet(t){n.a.selectWalletConnector(t)}};w.styles=u.A,p([(0,r.wk)()],w.prototype,"loading",void 0),p([(0,r.wk)()],w.prototype,"wallets",void 0),p([(0,r.wk)()],w.prototype,"recommended",void 0),p([(0,r.wk)()],w.prototype,"featured",void 0),p([(0,r.wk)()],w.prototype,"filteredWallets",void 0),w=p([(0,c.EM)("w3m-all-wallets-list")],w)},6776:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
110
+ wui-grid,
111
+ wui-loading-spinner,
112
+ wui-flex {
113
+ height: 360px;
114
+ }
115
+
116
+ wui-grid {
117
+ overflow: scroll;
118
+ scrollbar-width: none;
119
+ grid-auto-rows: min-content;
120
+ grid-template-columns: repeat(auto-fill, 104px);
121
+ }
122
+
123
+ wui-grid[data-scroll='false'] {
124
+ overflow: hidden;
125
+ }
126
+
127
+ wui-grid::-webkit-scrollbar {
128
+ display: none;
129
+ }
130
+
131
+ wui-loading-spinner {
132
+ justify-content: center;
133
+ align-items: center;
134
+ }
135
+
136
+ @media (max-width: 350px) {
137
+ wui-grid {
138
+ grid-template-columns: repeat(2, 1fr);
139
+ }
140
+ }
141
+ `},7467:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(72397),s=i(83077),l=i(86454),c=i(22143),d=i(69658),u=(i(85017),i(21214),i(32523)),p=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let h=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=s.a.state.connectors,this.unsubscribe.push(s.a.subscribeKey("connectors",t=>this.connectors=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){const t=this.connectors.filter(t=>"ANNOUNCED"===t.type);return t?.length?o.qy`
142
+ <wui-flex flexDirection="column" gap="xs">
143
+ ${t.filter(u.g.showConnector).map(t=>o.qy`
144
+ <wui-list-wallet
145
+ imageSrc=${(0,a.J)(l.$.getConnectorImage(t))}
146
+ name=${t.name??"Unknown"}
147
+ @click=${()=>this.onConnector(t)}
148
+ tagVariant="success"
149
+ tagLabel="installed"
150
+ data-testid=${`wallet-selector-${t.id}`}
151
+ .installed=${!0}
152
+ tabIdx=${(0,a.J)(this.tabIdx)}
153
+ >
154
+ </wui-list-wallet>
155
+ `)}
156
+ </wui-flex>
157
+ `:(this.style.cssText="display: none",null)}onConnector(t){"walletConnect"===t.id?c.w.isMobile()?n.I.push("AllWallets"):n.I.push("ConnectingWalletConnect"):n.I.push("ConnectingExternal",{connector:t})}};p([(0,r.MZ)()],h.prototype,"tabIdx",void 0),p([(0,r.wk)()],h.prototype,"connectors",void 0),h=p([(0,d.EM)("w3m-connect-announced-widget")],h)},7980:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
158
+ :host {
159
+ display: flex;
160
+ flex-direction: column;
161
+ align-items: center;
162
+ width: 104px;
163
+ row-gap: var(--wui-spacing-xs);
164
+ padding: var(--wui-spacing-xs) 10px;
165
+ background-color: var(--wui-color-gray-glass-002);
166
+ border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
167
+ position: relative;
168
+ }
169
+
170
+ wui-shimmer[data-type='network'] {
171
+ border: none;
172
+ -webkit-clip-path: var(--wui-path-network);
173
+ clip-path: var(--wui-path-network);
174
+ }
175
+
176
+ svg {
177
+ position: absolute;
178
+ width: 48px;
179
+ height: 54px;
180
+ z-index: 1;
181
+ }
182
+
183
+ svg > path {
184
+ stroke: var(--wui-color-gray-glass-010);
185
+ stroke-width: 1px;
186
+ }
187
+
188
+ @media (max-width: 350px) {
189
+ :host {
190
+ width: 100%;
191
+ }
192
+ }
193
+ `},9105:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
194
+ button {
195
+ padding: var(--wui-spacing-4xs) var(--wui-spacing-xxs);
196
+ border-radius: var(--wui-border-radius-3xs);
197
+ background-color: transparent;
198
+ color: var(--wui-color-accent-100);
199
+ }
200
+
201
+ button:disabled {
202
+ background-color: transparent;
203
+ color: var(--wui-color-gray-glass-015);
204
+ }
205
+
206
+ button:hover {
207
+ background-color: var(--wui-color-gray-glass-005);
208
+ }
209
+ `},9365:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(72397),s=i(83077),l=i(93474),c=i(1420),d=i(47981),u=i(22143),p=i(69658),h=(i(21214),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let w=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=s.a.state.connectors,this.count=l.N.state.count,this.filteredCount=l.N.state.filteredWallets.length,this.isFetchingRecommendedWallets=l.N.state.isFetchingRecommendedWallets,this.unsubscribe.push(s.a.subscribeKey("connectors",t=>this.connectors=t),l.N.subscribeKey("count",t=>this.count=t),l.N.subscribeKey("filteredWallets",t=>this.filteredCount=t.length),l.N.subscribeKey("isFetchingRecommendedWallets",t=>this.isFetchingRecommendedWallets=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){const t=this.connectors.find(t=>"walletConnect"===t.id),{allWallets:e}=c.H.state;if(!t||"HIDE"===e)return null;if("ONLY_MOBILE"===e&&!u.w.isMobile())return null;const i=l.N.state.featured.length,r=this.count+i,n=r<10?r:10*Math.floor(r/10),s=this.filteredCount>0?this.filteredCount:n;let d=`${s}`;return this.filteredCount>0?d=`${this.filteredCount}`:s<r&&(d=`${s}+`),o.qy`
210
+ <wui-list-wallet
211
+ name="All Wallets"
212
+ walletIcon="allWallets"
213
+ showAllWallets
214
+ @click=${this.onAllWallets.bind(this)}
215
+ tagLabel=${d}
216
+ tagVariant="shade"
217
+ data-testid="all-wallets"
218
+ tabIdx=${(0,a.J)(this.tabIdx)}
219
+ .loading=${this.isFetchingRecommendedWallets}
220
+ loadingSpinnerColor=${this.isFetchingRecommendedWallets?"fg-300":"accent-100"}
221
+ ></wui-list-wallet>
222
+ `}onAllWallets(){d.E.sendEvent({type:"track",event:"CLICK_ALL_WALLETS"}),n.I.push("AllWallets")}};h([(0,r.MZ)()],w.prototype,"tabIdx",void 0),h([(0,r.wk)()],w.prototype,"connectors",void 0),h([(0,r.wk)()],w.prototype,"count",void 0),h([(0,r.wk)()],w.prototype,"filteredCount",void 0),h([(0,r.wk)()],w.prototype,"isFetchingRecommendedWallets",void 0),w=h([(0,p.EM)("w3m-all-wallets-widget")],w)},9910:(t,e,i)=>{i(3955)},10937:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
223
+ :host {
224
+ height: 100%;
225
+ }
226
+
227
+ button {
228
+ display: flex;
229
+ align-items: center;
230
+ justify-content: center;
231
+ column-gap: var(--wui-spacing-1xs);
232
+ padding: var(--wui-spacing-xs) var(--wui-spacing-s);
233
+ background-color: var(--wui-color-gray-glass-002);
234
+ border-radius: var(--wui-border-radius-xs);
235
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
236
+ transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
237
+ will-change: background-color;
238
+ cursor: pointer;
239
+ }
240
+
241
+ wui-switch {
242
+ pointer-events: none;
243
+ }
244
+ `},12407:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
245
+ :host {
246
+ position: relative;
247
+ border-radius: var(--wui-border-radius-xxs);
248
+ width: 40px;
249
+ height: 40px;
250
+ overflow: hidden;
251
+ background: var(--wui-color-gray-glass-002);
252
+ display: flex;
253
+ justify-content: center;
254
+ align-items: center;
255
+ flex-wrap: wrap;
256
+ gap: var(--wui-spacing-4xs);
257
+ padding: 3.75px !important;
258
+ }
259
+
260
+ :host::after {
261
+ content: '';
262
+ position: absolute;
263
+ top: 0;
264
+ bottom: 0;
265
+ left: 0;
266
+ right: 0;
267
+ border-radius: inherit;
268
+ border: 1px solid var(--wui-color-gray-glass-010);
269
+ pointer-events: none;
270
+ }
271
+
272
+ :host > wui-wallet-image {
273
+ width: 14px;
274
+ height: 14px;
275
+ border-radius: var(--wui-border-radius-5xs);
276
+ }
277
+
278
+ :host > wui-flex {
279
+ padding: 2px;
280
+ position: fixed;
281
+ overflow: hidden;
282
+ left: 34px;
283
+ bottom: 8px;
284
+ background: var(--dark-background-150, #1e1f1f);
285
+ border-radius: 50%;
286
+ z-index: 2;
287
+ display: flex;
288
+ }
289
+ `},12746:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
290
+ .reown-logo {
291
+ height: var(--wui-spacing-xxl);
292
+ }
293
+
294
+ a {
295
+ text-decoration: none;
296
+ cursor: pointer;
297
+ }
298
+
299
+ a:hover {
300
+ opacity: 0.9;
301
+ }
302
+ `},13629:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
303
+ :host {
304
+ position: relative;
305
+ display: inline-block;
306
+ width: 100%;
307
+ }
308
+ `},14070:(t,e,i)=>{var o=i(52788),r=i(86280),a=(i(43748),i(86996),i(12002),i(67232)),n=i(13679),s=i(36426),l=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let c=class extends o.WF{constructor(){super(...arguments),this.disabled=!1,this.label="",this.buttonLabel=""}render(){return o.qy`
309
+ <wui-flex
310
+ justifyContent="space-between"
311
+ alignItems="center"
312
+ .padding=${["1xs","2l","1xs","2l"]}
313
+ >
314
+ <wui-text variant="paragraph-500" color="fg-200">${this.label}</wui-text>
315
+ <wui-chip-button size="sm" variant="shade" text=${this.buttonLabel} icon="chevronRight">
316
+ </wui-chip-button>
317
+ </wui-flex>
318
+ `}};c.styles=[a.W5,a.fD,s.A],l([(0,r.MZ)({type:Boolean})],c.prototype,"disabled",void 0),l([(0,r.MZ)()],c.prototype,"label",void 0),l([(0,r.MZ)()],c.prototype,"buttonLabel",void 0),c=l([(0,n.E)("wui-cta-button")],c)},14621:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(67232),n=i(15179),s=i(13679),l=i(94559),c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends o.WF{render(){return this.style.cssText=`\n grid-template-rows: ${this.gridTemplateRows};\n grid-template-columns: ${this.gridTemplateColumns};\n justify-items: ${this.justifyItems};\n align-items: ${this.alignItems};\n justify-content: ${this.justifyContent};\n align-content: ${this.alignContent};\n column-gap: ${this.columnGap&&`var(--wui-spacing-${this.columnGap})`};\n row-gap: ${this.rowGap&&`var(--wui-spacing-${this.rowGap})`};\n gap: ${this.gap&&`var(--wui-spacing-${this.gap})`};\n padding-top: ${this.padding&&n.Z.getSpacingStyles(this.padding,0)};\n padding-right: ${this.padding&&n.Z.getSpacingStyles(this.padding,1)};\n padding-bottom: ${this.padding&&n.Z.getSpacingStyles(this.padding,2)};\n padding-left: ${this.padding&&n.Z.getSpacingStyles(this.padding,3)};\n margin-top: ${this.margin&&n.Z.getSpacingStyles(this.margin,0)};\n margin-right: ${this.margin&&n.Z.getSpacingStyles(this.margin,1)};\n margin-bottom: ${this.margin&&n.Z.getSpacingStyles(this.margin,2)};\n margin-left: ${this.margin&&n.Z.getSpacingStyles(this.margin,3)};\n `,o.qy`<slot></slot>`}};d.styles=[a.W5,l.A],c([(0,r.MZ)()],d.prototype,"gridTemplateRows",void 0),c([(0,r.MZ)()],d.prototype,"gridTemplateColumns",void 0),c([(0,r.MZ)()],d.prototype,"justifyItems",void 0),c([(0,r.MZ)()],d.prototype,"alignItems",void 0),c([(0,r.MZ)()],d.prototype,"justifyContent",void 0),c([(0,r.MZ)()],d.prototype,"alignContent",void 0),c([(0,r.MZ)()],d.prototype,"columnGap",void 0),c([(0,r.MZ)()],d.prototype,"rowGap",void 0),c([(0,r.MZ)()],d.prototype,"gap",void 0),c([(0,r.MZ)()],d.prototype,"padding",void 0),c([(0,r.MZ)()],d.prototype,"margin",void 0),d=c([(0,s.E)("wui-grid")],d)},14651:(t,e,i)=>{var o=i(52788),r=i(73764),a=i(72397),n=i(47981),s=i(86454),l=i(69658),c=(i(85017),i(3389),i(20939),i(44375),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let d=class extends o.WF{constructor(){if(super(),this.wallet=a.I.state.data?.wallet,!this.wallet)throw new Error("w3m-connecting-wc-unsupported: No wallet provided");n.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"browser"}})}render(){return o.qy`
319
+ <wui-flex
320
+ flexDirection="column"
321
+ alignItems="center"
322
+ .padding=${["3xl","xl","xl","xl"]}
323
+ gap="xl"
324
+ >
325
+ <wui-wallet-image
326
+ size="lg"
327
+ imageSrc=${(0,r.J)(s.$.getWalletImage(this.wallet))}
328
+ ></wui-wallet-image>
329
+
330
+ <wui-text variant="paragraph-500" color="fg-100">Not Detected</wui-text>
331
+ </wui-flex>
332
+
333
+ <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
334
+ `}};d=c([(0,l.EM)("w3m-connecting-wc-unsupported")],d)},14854:(t,e,i)=>{i(66935)},15571:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(72397),s=i(86792),l=i(83077),c=i(1420),d=i(86454),u=i(22143),p=i(11847),h=i(69658),w=(i(85017),i(21214),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let g=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=l.a.state.connectors,this.loading=!1,this.unsubscribe.push(l.a.subscribeKey("connectors",t=>this.connectors=t)),u.w.isTelegram()&&u.w.isIos()&&(this.loading=!s.x.state.wcUri,this.unsubscribe.push(s.x.subscribeKey("wcUri",t=>this.loading=!t)))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){const{customWallets:t}=c.H.state;if(!t?.length)return this.style.cssText="display: none",null;const e=this.filterOutDuplicateWallets(t);return o.qy`<wui-flex flexDirection="column" gap="xs">
335
+ ${e.map(t=>o.qy`
336
+ <wui-list-wallet
337
+ imageSrc=${(0,a.J)(d.$.getWalletImage(t))}
338
+ name=${t.name??"Unknown"}
339
+ @click=${()=>this.onConnectWallet(t)}
340
+ data-testid=${`wallet-selector-${t.id}`}
341
+ tabIdx=${(0,a.J)(this.tabIdx)}
342
+ ?loading=${this.loading}
343
+ >
344
+ </wui-list-wallet>
345
+ `)}
346
+ </wui-flex>`}filterOutDuplicateWallets(t){const e=p.i.getRecentWallets(),i=this.connectors.map(t=>t.info?.rdns).filter(Boolean),o=e.map(t=>t.rdns).filter(Boolean),r=i.concat(o);if(r.includes("io.metamask.mobile")&&u.w.isMobile()){const t=r.indexOf("io.metamask.mobile");r[t]="io.metamask"}return t.filter(t=>!r.includes(String(t?.rdns)))}onConnectWallet(t){this.loading||n.I.push("ConnectingWalletConnect",{wallet:t})}};w([(0,r.MZ)()],g.prototype,"tabIdx",void 0),w([(0,r.wk)()],g.prototype,"connectors",void 0),w([(0,r.wk)()],g.prototype,"loading",void 0),g=w([(0,h.EM)("w3m-connect-custom-widget")],g)},17212:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(83077),s=i(93474),l=i(69658),c=(i(85017),i(7467),i(15571),i(59787),i(33896),i(88934),i(46459),i(57059),i(76521),i(44287),i(32523)),d=i(53048),u=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let p=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=n.a.state.connectors,this.recommended=s.N.state.recommended,this.featured=s.N.state.featured,this.unsubscribe.push(n.a.subscribeKey("connectors",t=>this.connectors=t),s.N.subscribeKey("recommended",t=>this.recommended=t),s.N.subscribeKey("featured",t=>this.featured=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){return o.qy`
347
+ <wui-flex flexDirection="column" gap="xs"> ${this.connectorListTemplate()} </wui-flex>
348
+ `}connectorListTemplate(){const{custom:t,recent:e,announced:i,injected:r,multiChain:n,recommended:s,featured:l,external:d}=c.g.getConnectorsByType(this.connectors,this.recommended,this.featured);return c.g.getConnectorTypeOrder({custom:t,recent:e,announced:i,injected:r,multiChain:n,recommended:s,featured:l,external:d}).map(t=>{switch(t){case"injected":return o.qy`
349
+ ${n.length?o.qy`<w3m-connect-multi-chain-widget
350
+ tabIdx=${(0,a.J)(this.tabIdx)}
351
+ ></w3m-connect-multi-chain-widget>`:null}
352
+ ${i.length?o.qy`<w3m-connect-announced-widget
353
+ tabIdx=${(0,a.J)(this.tabIdx)}
354
+ ></w3m-connect-announced-widget>`:null}
355
+ ${r.length?o.qy`<w3m-connect-injected-widget
356
+ .connectors=${r}
357
+ tabIdx=${(0,a.J)(this.tabIdx)}
358
+ ></w3m-connect-injected-widget>`:null}
359
+ `;case"walletConnect":return o.qy`<w3m-connect-walletconnect-widget
360
+ tabIdx=${(0,a.J)(this.tabIdx)}
361
+ ></w3m-connect-walletconnect-widget>`;case"recent":return o.qy`<w3m-connect-recent-widget
362
+ tabIdx=${(0,a.J)(this.tabIdx)}
363
+ ></w3m-connect-recent-widget>`;case"featured":return o.qy`<w3m-connect-featured-widget
364
+ .wallets=${l}
365
+ tabIdx=${(0,a.J)(this.tabIdx)}
366
+ ></w3m-connect-featured-widget>`;case"custom":return o.qy`<w3m-connect-custom-widget
367
+ tabIdx=${(0,a.J)(this.tabIdx)}
368
+ ></w3m-connect-custom-widget>`;case"external":return o.qy`<w3m-connect-external-widget
369
+ tabIdx=${(0,a.J)(this.tabIdx)}
370
+ ></w3m-connect-external-widget>`;case"recommended":return o.qy`<w3m-connect-recommended-widget
371
+ .wallets=${s}
372
+ tabIdx=${(0,a.J)(this.tabIdx)}
373
+ ></w3m-connect-recommended-widget>`;default:return console.warn(`Unknown connector type: ${t}`),null}})}};p.styles=d.A,u([(0,r.MZ)()],p.prototype,"tabIdx",void 0),u([(0,r.wk)()],p.prototype,"connectors",void 0),u([(0,r.wk)()],p.prototype,"recommended",void 0),u([(0,r.wk)()],p.prototype,"featured",void 0),p=u([(0,l.EM)("w3m-connector-list")],p)},18865:(t,e,i)=>{i.d(e,{x:()=>u});var o=i(52788),r=i(86280),a=i(93474),n=i(1420),s=i(22143),l=i(11847),c=i(69658),d=(i(85017),i(9365),i(17212),i(73575),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let u=class extends o.WF{constructor(){super(...arguments),this.isMobile=s.w.isMobile()}render(){if(this.isMobile){const{featured:t,recommended:e}=a.N.state,{customWallets:i}=n.H.state,r=l.i.getRecentWallets(),s=t.length||e.length||i?.length||r.length;return o.qy`<wui-flex
374
+ flexDirection="column"
375
+ gap="xs"
376
+ .margin=${["3xs","s","s","s"]}
377
+ >
378
+ ${s?o.qy`<w3m-connector-list></w3m-connector-list>`:null}
379
+ <w3m-all-wallets-widget></w3m-all-wallets-widget>
380
+ </wui-flex>`}return o.qy`<wui-flex flexDirection="column" .padding=${["0","0","l","0"]}>
381
+ <w3m-connecting-wc-view></w3m-connecting-wc-view>
382
+ <wui-flex flexDirection="column" .padding=${["0","m","0","m"]}>
383
+ <w3m-all-wallets-widget></w3m-all-wallets-widget> </wui-flex
384
+ ></wui-flex>`}};d([(0,r.wk)()],u.prototype,"isMobile",void 0),u=d([(0,c.EM)("w3m-connecting-wc-basic-view")],u)},20939:(t,e,i)=>{i(70286)},21214:(t,e,i)=>{i(84107)},24022:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(69658),n=(i(85017),i(90290),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let s=class extends o.WF{constructor(){super(...arguments),this.platformTabs=[],this.unsubscribe=[],this.platforms=[],this.onSelectPlatfrom=void 0}disconnectCallback(){this.unsubscribe.forEach(t=>t())}render(){const t=this.generateTabs();return o.qy`
385
+ <wui-flex justifyContent="center" .padding=${["0","0","l","0"]}>
386
+ <wui-tabs .tabs=${t} .onTabChange=${this.onTabChange.bind(this)}></wui-tabs>
387
+ </wui-flex>
388
+ `}generateTabs(){const t=this.platforms.map(t=>"browser"===t?{label:"Browser",icon:"extension",platform:"browser"}:"mobile"===t?{label:"Mobile",icon:"mobile",platform:"mobile"}:"qrcode"===t?{label:"Mobile",icon:"mobile",platform:"qrcode"}:"web"===t?{label:"Webapp",icon:"browser",platform:"web"}:"desktop"===t?{label:"Desktop",icon:"desktop",platform:"desktop"}:{label:"Browser",icon:"extension",platform:"unsupported"});return this.platformTabs=t.map(({platform:t})=>t),t}onTabChange(t){const e=this.platformTabs[t];e&&this.onSelectPlatfrom?.(e)}};n([(0,r.MZ)({type:Array})],s.prototype,"platforms",void 0),n([(0,r.MZ)()],s.prototype,"onSelectPlatfrom",void 0),s=n([(0,a.EM)("w3m-connecting-header")],s)},24491:(t,e,i)=>{i(71050)},26789:(t,e,i)=>{i(30892)},26991:(t,e,i)=>{i(50986)},27895:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(86454),s=i(69658),l=(i(85017),i(22835),i(41711),i(3389),i(20939),i(51417)),c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends o.WF{constructor(){super(),this.observer=new IntersectionObserver(()=>{}),this.visible=!1,this.imageSrc=void 0,this.imageLoading=!1,this.wallet=void 0,this.observer=new IntersectionObserver(t=>{t.forEach(t=>{t.isIntersecting?(this.visible=!0,this.fetchImageSrc()):this.visible=!1})},{threshold:.01})}firstUpdated(){this.observer.observe(this)}disconnectedCallback(){this.observer.disconnect()}render(){const t="certified"===this.wallet?.badge_type;return o.qy`
389
+ <button>
390
+ ${this.imageTemplate()}
391
+ <wui-flex flexDirection="row" alignItems="center" justifyContent="center" gap="3xs">
392
+ <wui-text
393
+ variant="tiny-500"
394
+ color="inherit"
395
+ class=${(0,a.J)(t?"certified":void 0)}
396
+ >${this.wallet?.name}</wui-text
397
+ >
398
+ ${t?o.qy`<wui-icon size="sm" name="walletConnectBrown"></wui-icon>`:null}
399
+ </wui-flex>
400
+ </button>
401
+ `}imageTemplate(){return!this.visible&&!this.imageSrc||this.imageLoading?this.shimmerTemplate():o.qy`
402
+ <wui-wallet-image
403
+ size="md"
404
+ imageSrc=${(0,a.J)(this.imageSrc)}
405
+ name=${this.wallet?.name}
406
+ .installed=${this.wallet?.installed}
407
+ badgeSize="sm"
408
+ >
409
+ </wui-wallet-image>
410
+ `}shimmerTemplate(){return o.qy`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}async fetchImageSrc(){this.wallet&&(this.imageSrc=n.$.getWalletImage(this.wallet),this.imageSrc||(this.imageLoading=!0,this.imageSrc=await n.$.fetchWalletImage(this.wallet.image_id),this.imageLoading=!1))}};d.styles=l.A,c([(0,r.wk)()],d.prototype,"visible",void 0),c([(0,r.wk)()],d.prototype,"imageSrc",void 0),c([(0,r.wk)()],d.prototype,"imageLoading",void 0),c([(0,r.MZ)()],d.prototype,"wallet",void 0),d=c([(0,s.EM)("w3m-all-wallets-list-item")],d)},28395:(t,e,i)=>{var o=i(52788),r=i(86280),a=(i(42421),i(43748),i(67232)),n=i(13679),s=i(47362),l=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};const c={main:"inverse-100",inverse:"inverse-000",accent:"accent-100","accent-error":"error-100","accent-success":"success-100",neutral:"fg-100",disabled:"gray-glass-020"},d={lg:"paragraph-600",md:"small-600"},u={lg:"md",md:"md"};let p=class extends o.WF{constructor(){super(...arguments),this.size="lg",this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.variant="main",this.hasIconLeft=!1,this.hasIconRight=!1,this.borderRadius="m"}render(){this.style.cssText=`\n --local-width: ${this.fullWidth?"100%":"auto"};\n --local-opacity-100: ${this.loading?0:1};\n --local-opacity-000: ${this.loading?1:0};\n --local-border-radius: var(--wui-border-radius-${this.borderRadius});\n `;const t=this.textVariant??d[this.size];return o.qy`
411
+ <button
412
+ data-variant=${this.variant}
413
+ data-icon-left=${this.hasIconLeft}
414
+ data-icon-right=${this.hasIconRight}
415
+ data-size=${this.size}
416
+ ?disabled=${this.disabled}
417
+ >
418
+ ${this.loadingTemplate()}
419
+ <slot name="iconLeft" @slotchange=${()=>this.handleSlotLeftChange()}></slot>
420
+ <wui-text variant=${t} color="inherit">
421
+ <slot></slot>
422
+ </wui-text>
423
+ <slot name="iconRight" @slotchange=${()=>this.handleSlotRightChange()}></slot>
424
+ </button>
425
+ `}handleSlotLeftChange(){this.hasIconLeft=!0}handleSlotRightChange(){this.hasIconRight=!0}loadingTemplate(){if(this.loading){const t=u[this.size],e=this.disabled?c.disabled:c[this.variant];return o.qy`<wui-loading-spinner color=${e} size=${t}></wui-loading-spinner>`}return o.qy``}};p.styles=[a.W5,a.fD,s.A],l([(0,r.MZ)()],p.prototype,"size",void 0),l([(0,r.MZ)({type:Boolean})],p.prototype,"disabled",void 0),l([(0,r.MZ)({type:Boolean})],p.prototype,"fullWidth",void 0),l([(0,r.MZ)({type:Boolean})],p.prototype,"loading",void 0),l([(0,r.MZ)()],p.prototype,"variant",void 0),l([(0,r.MZ)({type:Boolean})],p.prototype,"hasIconLeft",void 0),l([(0,r.MZ)({type:Boolean})],p.prototype,"hasIconRight",void 0),l([(0,r.MZ)()],p.prototype,"borderRadius",void 0),l([(0,r.MZ)()],p.prototype,"textVariant",void 0),p=l([(0,n.E)("wui-button")],p)},30892:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(67232),n=i(13679),s=i(42824),l=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let c=class extends o.WF{constructor(){super(...arguments),this.radius=36}render(){return this.svgLoaderTemplate()}svgLoaderTemplate(){const t=this.radius>50?50:this.radius,e=36-t,i=116+e,r=245+e,a=360+1.75*e;return o.qy`
426
+ <svg viewBox="0 0 110 110" width="110" height="110">
427
+ <rect
428
+ x="2"
429
+ y="2"
430
+ width="106"
431
+ height="106"
432
+ rx=${t}
433
+ stroke-dasharray="${i} ${r}"
434
+ stroke-dashoffset=${a}
435
+ />
436
+ </svg>
437
+ `}};c.styles=[a.W5,s.A],l([(0,r.MZ)({type:Number})],c.prototype,"radius",void 0),c=l([(0,n.E)("wui-loading-thumbnail")],c)},32518:(t,e,i)=>{i(33903)},33896:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(83077),s=i(86454),l=i(69658),c=(i(85017),i(21214),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let d=class extends o.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.wallets=[]}render(){return this.wallets.length?o.qy`
438
+ <wui-flex flexDirection="column" gap="xs">
439
+ ${this.wallets.map(t=>o.qy`
440
+ <wui-list-wallet
441
+ data-testid=${`wallet-selector-featured-${t.id}`}
442
+ imageSrc=${(0,a.J)(s.$.getWalletImage(t))}
443
+ name=${t.name??"Unknown"}
444
+ @click=${()=>this.onConnectWallet(t)}
445
+ tabIdx=${(0,a.J)(this.tabIdx)}
446
+ >
447
+ </wui-list-wallet>
448
+ `)}
449
+ </wui-flex>
450
+ `:(this.style.cssText="display: none",null)}onConnectWallet(t){n.a.selectWalletConnector(t)}};c([(0,r.MZ)()],d.prototype,"tabIdx",void 0),c([(0,r.MZ)()],d.prototype,"wallets",void 0),d=c([(0,l.EM)("w3m-connect-featured-widget")],d)},33903:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=(i(43748),i(67232)),s=i(13679),l=i(9105),c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends o.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.disabled=!1,this.color="inherit"}render(){return o.qy`
451
+ <button ?disabled=${this.disabled} tabindex=${(0,a.J)(this.tabIdx)}>
452
+ <slot name="iconLeft"></slot>
453
+ <wui-text variant="small-600" color=${this.color}>
454
+ <slot></slot>
455
+ </wui-text>
456
+ <slot name="iconRight"></slot>
457
+ </button>
458
+ `}};d.styles=[n.W5,n.fD,l.A],c([(0,r.MZ)()],d.prototype,"tabIdx",void 0),c([(0,r.MZ)({type:Boolean})],d.prototype,"disabled",void 0),c([(0,r.MZ)()],d.prototype,"color",void 0),d=c([(0,s.E)("wui-link")],d)},34056:(t,e,i)=>{i(42421)},34792:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(99843),n=(i(41778),i(67232)),s=i(13679),l=i(7980),c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends o.WF{constructor(){super(...arguments),this.type="wallet"}render(){return o.qy`
459
+ ${this.shimmerTemplate()}
460
+ <wui-shimmer width="56px" height="20px" borderRadius="xs"></wui-shimmer>
461
+ `}shimmerTemplate(){return"network"===this.type?o.qy` <wui-shimmer
462
+ data-type=${this.type}
463
+ width="48px"
464
+ height="54px"
465
+ borderRadius="xs"
466
+ ></wui-shimmer>
467
+ ${a.a}`:o.qy`<wui-shimmer width="56px" height="56px" borderRadius="xs"></wui-shimmer>`}};d.styles=[n.W5,n.fD,l.A],c([(0,r.MZ)()],d.prototype,"type",void 0),d=c([(0,s.E)("wui-card-select-loader")],d)},34881:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(83077),n=i(93474),s=i(69658),l=(i(85017),i(84798),i(24491),i(34056),i(3389),i(84279)),c=(i(27895),i(6776)),d=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let u=class extends o.WF{constructor(){super(...arguments),this.prevQuery="",this.prevBadge=void 0,this.loading=!0,this.query=""}render(){return this.onSearch(),this.loading?o.qy`<wui-loading-spinner color="accent-100"></wui-loading-spinner>`:this.walletsTemplate()}async onSearch(){this.query.trim()===this.prevQuery.trim()&&this.badge===this.prevBadge||(this.prevQuery=this.query,this.prevBadge=this.badge,this.loading=!0,await n.N.searchWallet({search:this.query,badge:this.badge}),this.loading=!1)}walletsTemplate(){const{search:t}=n.N.state,e=l.A.markWalletsAsInstalled(t);return t.length?o.qy`
468
+ <wui-grid
469
+ data-testid="wallet-list"
470
+ .padding=${["0","s","s","s"]}
471
+ rowGap="l"
472
+ columnGap="xs"
473
+ justifyContent="space-between"
474
+ >
475
+ ${e.map(t=>o.qy`
476
+ <w3m-all-wallets-list-item
477
+ @click=${()=>this.onConnectWallet(t)}
478
+ .wallet=${t}
479
+ data-testid="wallet-search-item-${t.id}"
480
+ ></w3m-all-wallets-list-item>
481
+ `)}
482
+ </wui-grid>
483
+ `:o.qy`
484
+ <wui-flex
485
+ data-testid="no-wallet-found"
486
+ justifyContent="center"
487
+ alignItems="center"
488
+ gap="s"
489
+ flexDirection="column"
490
+ >
491
+ <wui-icon-box
492
+ size="lg"
493
+ iconColor="fg-200"
494
+ backgroundColor="fg-300"
495
+ icon="wallet"
496
+ background="transparent"
497
+ ></wui-icon-box>
498
+ <wui-text data-testid="no-wallet-found-text" color="fg-200" variant="paragraph-500">
499
+ No Wallet found
500
+ </wui-text>
501
+ </wui-flex>
502
+ `}onConnectWallet(t){a.a.selectWalletConnector(t)}};u.styles=c.A,d([(0,r.wk)()],u.prototype,"loading",void 0),d([(0,r.MZ)()],u.prototype,"query",void 0),d([(0,r.MZ)()],u.prototype,"badge",void 0),u=d([(0,s.EM)("w3m-all-wallets-search")],u)},36426:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
503
+ wui-flex {
504
+ width: 100%;
505
+ background-color: var(--wui-color-gray-glass-002);
506
+ border-radius: var(--wui-border-radius-xs);
507
+ }
508
+ `},37502:(t,e,i)=>{var o=i(86280),r=i(86792),a=i(1420),n=i(47981),s=i(3555),l=i(22143),c=i(69658),d=i(91602),u=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let p=class extends d.o{constructor(){if(super(),this.btnLabelTimeout=void 0,this.redirectDeeplink=void 0,this.redirectUniversalLink=void 0,this.target=void 0,this.preferUniversalLinks=a.H.state.experimental_preferUniversalLinks,this.isLoading=!0,this.onConnect=()=>{if(this.wallet?.mobile_link&&this.uri)try{this.error=!1;const{mobile_link:t,link_mode:e,name:i}=this.wallet,{redirect:o,redirectUniversalLink:a,href:n}=l.w.formatNativeUrl(t,this.uri,e);this.redirectDeeplink=o,this.redirectUniversalLink=a,this.target=l.w.isIframe()?"_top":"_self",r.x.setWcLinking({name:i,href:n}),r.x.setRecentWallet(this.wallet),this.preferUniversalLinks&&this.redirectUniversalLink?l.w.openHref(this.redirectUniversalLink,this.target):l.w.openHref(this.redirectDeeplink,this.target)}catch(t){n.E.sendEvent({type:"track",event:"CONNECT_PROXY_ERROR",properties:{message:t instanceof Error?t.message:"Error parsing the deeplink",uri:this.uri,mobile_link:this.wallet.mobile_link,name:this.wallet.name}}),this.error=!0}},!this.wallet)throw new Error("w3m-connecting-wc-mobile: No wallet provided");this.secondaryBtnLabel="Open",this.secondaryLabel=s.oU.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.onHandleURI(),this.unsubscribe.push(r.x.subscribeKey("wcUri",()=>{this.onHandleURI()})),n.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"mobile"}})}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.btnLabelTimeout)}onHandleURI(){this.isLoading=!this.uri,!this.ready&&this.uri&&(this.ready=!0,this.onConnect?.())}onTryAgain(){r.x.setWcError(!1),this.onConnect?.()}};u([(0,o.wk)()],p.prototype,"redirectDeeplink",void 0),u([(0,o.wk)()],p.prototype,"redirectUniversalLink",void 0),u([(0,o.wk)()],p.prototype,"target",void 0),u([(0,o.wk)()],p.prototype,"preferUniversalLinks",void 0),u([(0,o.wk)()],p.prototype,"isLoading",void 0),p=u([(0,c.EM)("w3m-connecting-wc-mobile")],p)},38293:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=(i(12002),i(67232)),s=i(13679),l=(i(71050),i(70286),i(12407)),c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends o.WF{constructor(){super(...arguments),this.walletImages=[]}render(){const t=this.walletImages.length<4;return o.qy`${this.walletImages.slice(0,4).map(({src:t,walletName:e})=>o.qy`
509
+ <wui-wallet-image
510
+ size="inherit"
511
+ imageSrc=${t}
512
+ name=${(0,a.J)(e)}
513
+ ></wui-wallet-image>
514
+ `)}
515
+ ${t?[...Array(4-this.walletImages.length)].map(()=>o.qy` <wui-wallet-image size="inherit" name=""></wui-wallet-image>`):null}
516
+ <wui-flex>
517
+ <wui-icon-box
518
+ size="xxs"
519
+ iconSize="xxs"
520
+ iconcolor="success-100"
521
+ backgroundcolor="success-100"
522
+ icon="checkmark"
523
+ background="opaque"
524
+ ></wui-icon-box>
525
+ </wui-flex>`}};d.styles=[n.W5,l.A],c([(0,r.MZ)({type:Array})],d.prototype,"walletImages",void 0),d=c([(0,s.E)("wui-all-wallets-image")],d)},40528:(t,e,i)=>{i.d(e,{C5:()=>o});const o="https://reown.com"},41711:(t,e,i)=>{i(41778)},41778:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(13679),n=i(50702),s=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let l=class extends o.WF{constructor(){super(...arguments),this.width="",this.height="",this.borderRadius="m",this.variant="default"}render(){return this.style.cssText=`\n width: ${this.width};\n height: ${this.height};\n border-radius: clamp(0px,var(--wui-border-radius-${this.borderRadius}), 40px);\n `,o.qy`<slot></slot>`}};l.styles=[n.A],s([(0,r.MZ)()],l.prototype,"width",void 0),s([(0,r.MZ)()],l.prototype,"height",void 0),s([(0,r.MZ)()],l.prototype,"borderRadius",void 0),s([(0,r.MZ)()],l.prototype,"variant",void 0),l=s([(0,a.E)("wui-shimmer")],l)},42824:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
526
+ :host {
527
+ display: block;
528
+ width: var(--wui-box-size-md);
529
+ height: var(--wui-box-size-md);
530
+ }
531
+
532
+ svg {
533
+ width: var(--wui-box-size-md);
534
+ height: var(--wui-box-size-md);
535
+ }
536
+
537
+ rect {
538
+ fill: none;
539
+ stroke: var(--wui-color-accent-100);
540
+ stroke-width: 4px;
541
+ stroke-linecap: round;
542
+ animation: dash 1s linear infinite;
543
+ }
544
+
545
+ @keyframes dash {
546
+ to {
547
+ stroke-dashoffset: 0px;
548
+ }
549
+ }
550
+ `},44287:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(72397),s=i(83077),l=i(6262),c=i(22143),d=i(69658),u=(i(21214),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let p=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=s.a.state.connectors,this.connectorImages=l.j.state.connectorImages,this.unsubscribe.push(s.a.subscribeKey("connectors",t=>this.connectors=t),l.j.subscribeKey("connectorImages",t=>this.connectorImages=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){if(c.w.isMobile())return this.style.cssText="display: none",null;const t=this.connectors.find(t=>"walletConnect"===t.id);if(!t)return this.style.cssText="display: none",null;const e=t.imageUrl||this.connectorImages[t?.imageId??""];return o.qy`
551
+ <wui-list-wallet
552
+ imageSrc=${(0,a.J)(e)}
553
+ name=${t.name??"Unknown"}
554
+ @click=${()=>this.onConnector(t)}
555
+ tagLabel="qr code"
556
+ tagVariant="main"
557
+ tabIdx=${(0,a.J)(this.tabIdx)}
558
+ data-testid="wallet-selector-walletconnect"
559
+ >
560
+ </wui-list-wallet>
561
+ `}onConnector(t){s.a.setActiveConnector(t),n.I.push("ConnectingWalletConnect")}};u([(0,r.MZ)()],p.prototype,"tabIdx",void 0),u([(0,r.wk)()],p.prototype,"connectors",void 0),u([(0,r.wk)()],p.prototype,"connectorImages",void 0),p=u([(0,d.EM)("w3m-connect-walletconnect-widget")],p)},44334:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
562
+ @keyframes shake {
563
+ 0% {
564
+ transform: translateX(0);
565
+ }
566
+ 25% {
567
+ transform: translateX(3px);
568
+ }
569
+ 50% {
570
+ transform: translateX(-3px);
571
+ }
572
+ 75% {
573
+ transform: translateX(3px);
574
+ }
575
+ 100% {
576
+ transform: translateX(0);
577
+ }
578
+ }
579
+
580
+ wui-flex:first-child:not(:only-child) {
581
+ position: relative;
582
+ }
583
+
584
+ wui-loading-thumbnail {
585
+ position: absolute;
586
+ }
587
+
588
+ wui-icon-box {
589
+ position: absolute;
590
+ right: calc(var(--wui-spacing-3xs) * -1);
591
+ bottom: calc(var(--wui-spacing-3xs) * -1);
592
+ opacity: 0;
593
+ transform: scale(0.5);
594
+ transition-property: opacity, transform;
595
+ transition-duration: var(--wui-duration-lg);
596
+ transition-timing-function: var(--wui-ease-out-power-2);
597
+ will-change: opacity, transform;
598
+ }
599
+
600
+ wui-text[align='center'] {
601
+ width: 100%;
602
+ padding: 0px var(--wui-spacing-l);
603
+ }
604
+
605
+ [data-error='true'] wui-icon-box {
606
+ opacity: 1;
607
+ transform: scale(1);
608
+ }
609
+
610
+ [data-error='true'] > wui-flex:first-child {
611
+ animation: shake 250ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
612
+ }
613
+
614
+ [data-retry='false'] wui-link {
615
+ display: none;
616
+ }
617
+
618
+ [data-retry='true'] wui-link {
619
+ display: block;
620
+ opacity: 1;
621
+ }
622
+ `},44375:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(72397),n=i(22143),s=i(69658),l=(i(92779),i(79321)),c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends o.WF{constructor(){super(...arguments),this.wallet=void 0}render(){if(!this.wallet)return this.style.display="none",null;const{name:t,app_store:e,play_store:i,chrome_store:r,homepage:l}=this.wallet,c=n.w.isMobile(),d=n.w.isIos(),u=n.w.isAndroid(),p=[e,i,l,r].filter(Boolean).length>1,h=s.Zv.getTruncateString({string:t,charsStart:12,charsEnd:0,truncate:"end"});return p&&!c?o.qy`
623
+ <wui-cta-button
624
+ label=${`Don't have ${h}?`}
625
+ buttonLabel="Get"
626
+ @click=${()=>a.I.push("Downloads",{wallet:this.wallet})}
627
+ ></wui-cta-button>
628
+ `:!p&&l?o.qy`
629
+ <wui-cta-button
630
+ label=${`Don't have ${h}?`}
631
+ buttonLabel="Get"
632
+ @click=${this.onHomePage.bind(this)}
633
+ ></wui-cta-button>
634
+ `:e&&d?o.qy`
635
+ <wui-cta-button
636
+ label=${`Don't have ${h}?`}
637
+ buttonLabel="Get"
638
+ @click=${this.onAppStore.bind(this)}
639
+ ></wui-cta-button>
640
+ `:i&&u?o.qy`
641
+ <wui-cta-button
642
+ label=${`Don't have ${h}?`}
643
+ buttonLabel="Get"
644
+ @click=${this.onPlayStore.bind(this)}
645
+ ></wui-cta-button>
646
+ `:(this.style.display="none",null)}onAppStore(){this.wallet?.app_store&&n.w.openHref(this.wallet.app_store,"_blank")}onPlayStore(){this.wallet?.play_store&&n.w.openHref(this.wallet.play_store,"_blank")}onHomePage(){this.wallet?.homepage&&n.w.openHref(this.wallet.homepage,"_blank")}};d.styles=[l.A],c([(0,r.MZ)({type:Object})],d.prototype,"wallet",void 0),d=c([(0,s.EM)("w3m-mobile-download-links")],d)},45882:(t,e,i)=>{i.d(e,{c:()=>u});var o=i(52788),r=i(86280),a=i(73764),n=i(72397),s=i(92492),l=i(22143),c=i(69658),d=(i(14854),i(85017),i(24491),i(9910),i(4193),i(34881),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let u=class extends o.WF{constructor(){super(...arguments),this.search="",this.onDebouncedSearch=l.w.debounce(t=>{this.search=t})}render(){const t=this.search.length>=2;return o.qy`
647
+ <wui-flex .padding=${["0","s","s","s"]} gap="xs">
648
+ <wui-search-bar @inputChange=${this.onInputChange.bind(this)}></wui-search-bar>
649
+ <wui-certified-switch
650
+ ?checked=${this.badge}
651
+ @click=${this.onClick.bind(this)}
652
+ data-testid="wui-certified-switch"
653
+ ></wui-certified-switch>
654
+ ${this.qrButtonTemplate()}
655
+ </wui-flex>
656
+ ${t||this.badge?o.qy`<w3m-all-wallets-search
657
+ query=${this.search}
658
+ badge=${(0,a.J)(this.badge)}
659
+ ></w3m-all-wallets-search>`:o.qy`<w3m-all-wallets-list badge=${(0,a.J)(this.badge)}></w3m-all-wallets-list>`}
660
+ `}onInputChange(t){this.onDebouncedSearch(t.detail)}onClick(){"certified"!==this.badge?(this.badge="certified",s.P.showSvg("Only WalletConnect certified",{icon:"walletConnectBrown",iconColor:"accent-100"})):this.badge=void 0}qrButtonTemplate(){return l.w.isMobile()?o.qy`
661
+ <wui-icon-box
662
+ size="lg"
663
+ iconSize="xl"
664
+ iconColor="accent-100"
665
+ backgroundColor="accent-100"
666
+ icon="qrCode"
667
+ background="transparent"
668
+ border
669
+ borderColor="wui-accent-glass-010"
670
+ @click=${this.onWalletConnectQr.bind(this)}
671
+ ></wui-icon-box>
672
+ `:null}onWalletConnectQr(){n.I.push("ConnectingWalletConnect")}};d([(0,r.wk)()],u.prototype,"search",void 0),d([(0,r.wk)()],u.prototype,"badge",void 0),u=d([(0,c.EM)("w3m-all-wallets-view")],u)},46459:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(72397),s=i(83077),l=i(86454),c=i(69658),d=(i(85017),i(21214),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let u=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=s.a.state.connectors,this.unsubscribe.push(s.a.subscribeKey("connectors",t=>this.connectors=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){const t=this.connectors.filter(t=>"MULTI_CHAIN"===t.type&&"WalletConnect"!==t.name);return t?.length?o.qy`
673
+ <wui-flex flexDirection="column" gap="xs">
674
+ ${t.map(t=>o.qy`
675
+ <wui-list-wallet
676
+ imageSrc=${(0,a.J)(l.$.getConnectorImage(t))}
677
+ .installed=${!0}
678
+ name=${t.name??"Unknown"}
679
+ tagVariant="shade"
680
+ tagLabel="multichain"
681
+ data-testid=${`wallet-selector-${t.id}`}
682
+ @click=${()=>this.onConnector(t)}
683
+ tabIdx=${(0,a.J)(this.tabIdx)}
684
+ >
685
+ </wui-list-wallet>
686
+ `)}
687
+ </wui-flex>
688
+ `:(this.style.cssText="display: none",null)}onConnector(t){s.a.setActiveConnector(t),n.I.push("ConnectingMultiChain")}};d([(0,r.MZ)()],u.prototype,"tabIdx",void 0),d([(0,r.wk)()],u.prototype,"connectors",void 0),u=d([(0,c.EM)("w3m-connect-multi-chain-widget")],u)},47362:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
689
+ :host {
690
+ width: var(--local-width);
691
+ position: relative;
692
+ }
693
+
694
+ button {
695
+ border: none;
696
+ border-radius: var(--local-border-radius);
697
+ width: var(--local-width);
698
+ white-space: nowrap;
699
+ }
700
+
701
+ /* -- Sizes --------------------------------------------------- */
702
+ button[data-size='md'] {
703
+ padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-l);
704
+ height: 36px;
705
+ }
706
+
707
+ button[data-size='md'][data-icon-left='true'][data-icon-right='false'] {
708
+ padding: 8.2px var(--wui-spacing-l) 9px var(--wui-spacing-s);
709
+ }
710
+
711
+ button[data-size='md'][data-icon-right='true'][data-icon-left='false'] {
712
+ padding: 8.2px var(--wui-spacing-s) 9px var(--wui-spacing-l);
713
+ }
714
+
715
+ button[data-size='lg'] {
716
+ padding: var(--wui-spacing-m) var(--wui-spacing-2l);
717
+ height: 48px;
718
+ }
719
+
720
+ /* -- Variants --------------------------------------------------------- */
721
+ button[data-variant='main'] {
722
+ background-color: var(--wui-color-accent-100);
723
+ color: var(--wui-color-inverse-100);
724
+ border: none;
725
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
726
+ }
727
+
728
+ button[data-variant='inverse'] {
729
+ background-color: var(--wui-color-inverse-100);
730
+ color: var(--wui-color-inverse-000);
731
+ border: none;
732
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
733
+ }
734
+
735
+ button[data-variant='accent'] {
736
+ background-color: var(--wui-color-accent-glass-010);
737
+ color: var(--wui-color-accent-100);
738
+ border: none;
739
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
740
+ }
741
+
742
+ button[data-variant='accent-error'] {
743
+ background: var(--wui-color-error-glass-015);
744
+ color: var(--wui-color-error-100);
745
+ border: none;
746
+ box-shadow: inset 0 0 0 1px var(--wui-color-error-glass-010);
747
+ }
748
+
749
+ button[data-variant='accent-success'] {
750
+ background: var(--wui-color-success-glass-015);
751
+ color: var(--wui-color-success-100);
752
+ border: none;
753
+ box-shadow: inset 0 0 0 1px var(--wui-color-success-glass-010);
754
+ }
755
+
756
+ button[data-variant='neutral'] {
757
+ background: transparent;
758
+ color: var(--wui-color-fg-100);
759
+ border: none;
760
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
761
+ }
762
+
763
+ /* -- Focus states --------------------------------------------------- */
764
+ button[data-variant='main']:focus-visible:enabled {
765
+ background-color: var(--wui-color-accent-090);
766
+ box-shadow:
767
+ inset 0 0 0 1px var(--wui-color-accent-100),
768
+ 0 0 0 4px var(--wui-color-accent-glass-020);
769
+ }
770
+ button[data-variant='inverse']:focus-visible:enabled {
771
+ background-color: var(--wui-color-inverse-100);
772
+ box-shadow:
773
+ inset 0 0 0 1px var(--wui-color-gray-glass-010),
774
+ 0 0 0 4px var(--wui-color-accent-glass-020);
775
+ }
776
+ button[data-variant='accent']:focus-visible:enabled {
777
+ background-color: var(--wui-color-accent-glass-010);
778
+ box-shadow:
779
+ inset 0 0 0 1px var(--wui-color-accent-100),
780
+ 0 0 0 4px var(--wui-color-accent-glass-020);
781
+ }
782
+ button[data-variant='accent-error']:focus-visible:enabled {
783
+ background: var(--wui-color-error-glass-015);
784
+ box-shadow:
785
+ inset 0 0 0 1px var(--wui-color-error-100),
786
+ 0 0 0 4px var(--wui-color-error-glass-020);
787
+ }
788
+ button[data-variant='accent-success']:focus-visible:enabled {
789
+ background: var(--wui-color-success-glass-015);
790
+ box-shadow:
791
+ inset 0 0 0 1px var(--wui-color-success-100),
792
+ 0 0 0 4px var(--wui-color-success-glass-020);
793
+ }
794
+ button[data-variant='neutral']:focus-visible:enabled {
795
+ background: var(--wui-color-gray-glass-005);
796
+ box-shadow:
797
+ inset 0 0 0 1px var(--wui-color-gray-glass-010),
798
+ 0 0 0 4px var(--wui-color-gray-glass-002);
799
+ }
800
+
801
+ /* -- Hover & Active states ----------------------------------------------------------- */
802
+ @media (hover: hover) and (pointer: fine) {
803
+ button[data-variant='main']:hover:enabled {
804
+ background-color: var(--wui-color-accent-090);
805
+ }
806
+
807
+ button[data-variant='main']:active:enabled {
808
+ background-color: var(--wui-color-accent-080);
809
+ }
810
+
811
+ button[data-variant='accent']:hover:enabled {
812
+ background-color: var(--wui-color-accent-glass-015);
813
+ }
814
+
815
+ button[data-variant='accent']:active:enabled {
816
+ background-color: var(--wui-color-accent-glass-020);
817
+ }
818
+
819
+ button[data-variant='accent-error']:hover:enabled {
820
+ background: var(--wui-color-error-glass-020);
821
+ color: var(--wui-color-error-100);
822
+ }
823
+
824
+ button[data-variant='accent-error']:active:enabled {
825
+ background: var(--wui-color-error-glass-030);
826
+ color: var(--wui-color-error-100);
827
+ }
828
+
829
+ button[data-variant='accent-success']:hover:enabled {
830
+ background: var(--wui-color-success-glass-020);
831
+ color: var(--wui-color-success-100);
832
+ }
833
+
834
+ button[data-variant='accent-success']:active:enabled {
835
+ background: var(--wui-color-success-glass-030);
836
+ color: var(--wui-color-success-100);
837
+ }
838
+
839
+ button[data-variant='neutral']:hover:enabled {
840
+ background: var(--wui-color-gray-glass-002);
841
+ }
842
+
843
+ button[data-variant='neutral']:active:enabled {
844
+ background: var(--wui-color-gray-glass-005);
845
+ }
846
+
847
+ button[data-size='lg'][data-icon-left='true'][data-icon-right='false'] {
848
+ padding-left: var(--wui-spacing-m);
849
+ }
850
+
851
+ button[data-size='lg'][data-icon-right='true'][data-icon-left='false'] {
852
+ padding-right: var(--wui-spacing-m);
853
+ }
854
+ }
855
+
856
+ /* -- Disabled state --------------------------------------------------- */
857
+ button:disabled {
858
+ background-color: var(--wui-color-gray-glass-002);
859
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
860
+ color: var(--wui-color-gray-glass-020);
861
+ cursor: not-allowed;
862
+ }
863
+
864
+ button > wui-text {
865
+ transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
866
+ will-change: opacity;
867
+ opacity: var(--local-opacity-100);
868
+ }
869
+
870
+ ::slotted(*) {
871
+ transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
872
+ will-change: opacity;
873
+ opacity: var(--local-opacity-100);
874
+ }
875
+
876
+ wui-loading-spinner {
877
+ position: absolute;
878
+ left: 50%;
879
+ top: 50%;
880
+ transform: translate(-50%, -50%);
881
+ opacity: var(--local-opacity-000);
882
+ }
883
+ `},48714:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
884
+ :host {
885
+ position: relative;
886
+ width: 100%;
887
+ display: inline-block;
888
+ color: var(--wui-color-fg-275);
889
+ }
890
+
891
+ input {
892
+ width: 100%;
893
+ border-radius: var(--wui-border-radius-xs);
894
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
895
+ background: var(--wui-color-gray-glass-002);
896
+ font-size: var(--wui-font-size-paragraph);
897
+ letter-spacing: var(--wui-letter-spacing-paragraph);
898
+ color: var(--wui-color-fg-100);
899
+ transition:
900
+ background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
901
+ border-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
902
+ box-shadow var(--wui-ease-inout-power-1) var(--wui-duration-md);
903
+ will-change: background-color, border-color, box-shadow;
904
+ caret-color: var(--wui-color-accent-100);
905
+ }
906
+
907
+ input:disabled {
908
+ cursor: not-allowed;
909
+ border: 1px solid var(--wui-color-gray-glass-010);
910
+ }
911
+
912
+ input:disabled::placeholder,
913
+ input:disabled + wui-icon {
914
+ color: var(--wui-color-fg-300);
915
+ }
916
+
917
+ input::placeholder {
918
+ color: var(--wui-color-fg-275);
919
+ }
920
+
921
+ input:focus:enabled {
922
+ background-color: var(--wui-color-gray-glass-005);
923
+ -webkit-box-shadow:
924
+ inset 0 0 0 1px var(--wui-color-accent-100),
925
+ 0px 0px 0px 4px var(--wui-box-shadow-blue);
926
+ -moz-box-shadow:
927
+ inset 0 0 0 1px var(--wui-color-accent-100),
928
+ 0px 0px 0px 4px var(--wui-box-shadow-blue);
929
+ box-shadow:
930
+ inset 0 0 0 1px var(--wui-color-accent-100),
931
+ 0px 0px 0px 4px var(--wui-box-shadow-blue);
932
+ }
933
+
934
+ input:hover:enabled {
935
+ background-color: var(--wui-color-gray-glass-005);
936
+ }
937
+
938
+ wui-icon {
939
+ position: absolute;
940
+ top: 50%;
941
+ transform: translateY(-50%);
942
+ pointer-events: none;
943
+ }
944
+
945
+ .wui-size-sm {
946
+ padding: 9px var(--wui-spacing-m) 10px var(--wui-spacing-s);
947
+ }
948
+
949
+ wui-icon + .wui-size-sm {
950
+ padding: 9px var(--wui-spacing-m) 10px 36px;
951
+ }
952
+
953
+ wui-icon[data-input='sm'] {
954
+ left: var(--wui-spacing-s);
955
+ }
956
+
957
+ .wui-size-md {
958
+ padding: 15px var(--wui-spacing-m) var(--wui-spacing-l) var(--wui-spacing-m);
959
+ }
960
+
961
+ wui-icon + .wui-size-md,
962
+ wui-loading-spinner + .wui-size-md {
963
+ padding: 10.5px var(--wui-spacing-3xl) 10.5px var(--wui-spacing-3xl);
964
+ }
965
+
966
+ wui-icon[data-input='md'] {
967
+ left: var(--wui-spacing-l);
968
+ }
969
+
970
+ .wui-size-lg {
971
+ padding: var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-s) var(--wui-spacing-l);
972
+ letter-spacing: var(--wui-letter-spacing-medium-title);
973
+ font-size: var(--wui-font-size-medium-title);
974
+ font-weight: var(--wui-font-weight-light);
975
+ line-height: 130%;
976
+ color: var(--wui-color-fg-100);
977
+ height: 64px;
978
+ }
979
+
980
+ .wui-padding-right-xs {
981
+ padding-right: var(--wui-spacing-xs);
982
+ }
983
+
984
+ .wui-padding-right-s {
985
+ padding-right: var(--wui-spacing-s);
986
+ }
987
+
988
+ .wui-padding-right-m {
989
+ padding-right: var(--wui-spacing-m);
990
+ }
991
+
992
+ .wui-padding-right-l {
993
+ padding-right: var(--wui-spacing-l);
994
+ }
995
+
996
+ .wui-padding-right-xl {
997
+ padding-right: var(--wui-spacing-xl);
998
+ }
999
+
1000
+ .wui-padding-right-2xl {
1001
+ padding-right: var(--wui-spacing-2xl);
1002
+ }
1003
+
1004
+ .wui-padding-right-3xl {
1005
+ padding-right: var(--wui-spacing-3xl);
1006
+ }
1007
+
1008
+ .wui-padding-right-4xl {
1009
+ padding-right: var(--wui-spacing-4xl);
1010
+ }
1011
+
1012
+ .wui-padding-right-5xl {
1013
+ padding-right: var(--wui-spacing-5xl);
1014
+ }
1015
+
1016
+ wui-icon + .wui-size-lg,
1017
+ wui-loading-spinner + .wui-size-lg {
1018
+ padding-left: 50px;
1019
+ }
1020
+
1021
+ wui-icon[data-input='lg'] {
1022
+ left: var(--wui-spacing-l);
1023
+ }
1024
+
1025
+ .wui-size-mdl {
1026
+ padding: 17.25px var(--wui-spacing-m) 17.25px var(--wui-spacing-m);
1027
+ }
1028
+ wui-icon + .wui-size-mdl,
1029
+ wui-loading-spinner + .wui-size-mdl {
1030
+ padding: 17.25px var(--wui-spacing-3xl) 17.25px 40px;
1031
+ }
1032
+ wui-icon[data-input='mdl'] {
1033
+ left: var(--wui-spacing-m);
1034
+ }
1035
+
1036
+ input:placeholder-shown ~ ::slotted(wui-input-element),
1037
+ input:placeholder-shown ~ ::slotted(wui-icon) {
1038
+ opacity: 0;
1039
+ pointer-events: none;
1040
+ }
1041
+
1042
+ input::-webkit-outer-spin-button,
1043
+ input::-webkit-inner-spin-button {
1044
+ -webkit-appearance: none;
1045
+ margin: 0;
1046
+ }
1047
+
1048
+ input[type='number'] {
1049
+ -moz-appearance: textfield;
1050
+ }
1051
+
1052
+ ::slotted(wui-input-element),
1053
+ ::slotted(wui-icon) {
1054
+ position: absolute;
1055
+ top: 50%;
1056
+ transform: translateY(-50%);
1057
+ }
1058
+
1059
+ ::slotted(wui-input-element) {
1060
+ right: var(--wui-spacing-m);
1061
+ }
1062
+
1063
+ ::slotted(wui-icon) {
1064
+ right: 0px;
1065
+ }
1066
+ `},49460:(t,e,i)=>{i(49810)},49810:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=(i(3334),i(92008),i(42421),i(43748),i(12002),i(67232)),s=i(13679),l=(i(71050),i(87303)),c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends o.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.variant="icon",this.disabled=!1,this.imageSrc=void 0,this.alt=void 0,this.chevron=!1,this.loading=!1}render(){return o.qy`
1067
+ <button
1068
+ ?disabled=${!!this.loading||Boolean(this.disabled)}
1069
+ data-loading=${this.loading}
1070
+ data-iconvariant=${(0,a.J)(this.iconVariant)}
1071
+ tabindex=${(0,a.J)(this.tabIdx)}
1072
+ >
1073
+ ${this.loadingTemplate()} ${this.visualTemplate()}
1074
+ <wui-flex gap="3xs">
1075
+ <slot></slot>
1076
+ </wui-flex>
1077
+ ${this.chevronTemplate()}
1078
+ </button>
1079
+ `}visualTemplate(){if("image"===this.variant&&this.imageSrc)return o.qy`<wui-image src=${this.imageSrc} alt=${this.alt??"list item"}></wui-image>`;if("square"===this.iconVariant&&this.icon&&"icon"===this.variant)return o.qy`<wui-icon name=${this.icon}></wui-icon>`;if("icon"===this.variant&&this.icon&&this.iconVariant){const t=["blue","square-blue"].includes(this.iconVariant)?"accent-100":"fg-200",e="square-blue"===this.iconVariant?"mdl":"md",i=this.iconSize?this.iconSize:e;return o.qy`
1080
+ <wui-icon-box
1081
+ data-variant=${this.iconVariant}
1082
+ icon=${this.icon}
1083
+ iconSize=${i}
1084
+ background="transparent"
1085
+ iconColor=${t}
1086
+ backgroundColor=${t}
1087
+ size=${e}
1088
+ ></wui-icon-box>
1089
+ `}return null}loadingTemplate(){return this.loading?o.qy`<wui-loading-spinner
1090
+ data-testid="wui-list-item-loading-spinner"
1091
+ color="fg-300"
1092
+ ></wui-loading-spinner>`:o.qy``}chevronTemplate(){return this.chevron?o.qy`<wui-icon size="inherit" color="fg-200" name="chevronRight"></wui-icon>`:null}};d.styles=[n.W5,n.fD,l.A],c([(0,r.MZ)()],d.prototype,"icon",void 0),c([(0,r.MZ)()],d.prototype,"iconSize",void 0),c([(0,r.MZ)()],d.prototype,"tabIdx",void 0),c([(0,r.MZ)()],d.prototype,"variant",void 0),c([(0,r.MZ)()],d.prototype,"iconVariant",void 0),c([(0,r.MZ)({type:Boolean})],d.prototype,"disabled",void 0),c([(0,r.MZ)()],d.prototype,"imageSrc",void 0),c([(0,r.MZ)()],d.prototype,"alt",void 0),c([(0,r.MZ)({type:Boolean})],d.prototype,"chevron",void 0),c([(0,r.MZ)({type:Boolean})],d.prototype,"loading",void 0),d=c([(0,s.E)("wui-list-item")],d)},50702:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1093
+ :host {
1094
+ display: block;
1095
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
1096
+ background: linear-gradient(
1097
+ 120deg,
1098
+ var(--wui-color-bg-200) 5%,
1099
+ var(--wui-color-bg-200) 48%,
1100
+ var(--wui-color-bg-300) 55%,
1101
+ var(--wui-color-bg-300) 60%,
1102
+ var(--wui-color-bg-300) calc(60% + 10px),
1103
+ var(--wui-color-bg-200) calc(60% + 12px),
1104
+ var(--wui-color-bg-200) 100%
1105
+ );
1106
+ background-size: 250%;
1107
+ animation: shimmer 3s linear infinite reverse;
1108
+ }
1109
+
1110
+ :host([variant='light']) {
1111
+ background: linear-gradient(
1112
+ 120deg,
1113
+ var(--wui-color-bg-150) 5%,
1114
+ var(--wui-color-bg-150) 48%,
1115
+ var(--wui-color-bg-200) 55%,
1116
+ var(--wui-color-bg-200) 60%,
1117
+ var(--wui-color-bg-200) calc(60% + 10px),
1118
+ var(--wui-color-bg-150) calc(60% + 12px),
1119
+ var(--wui-color-bg-150) 100%
1120
+ );
1121
+ background-size: 250%;
1122
+ }
1123
+
1124
+ @keyframes shimmer {
1125
+ from {
1126
+ background-position: -250% 0;
1127
+ }
1128
+ to {
1129
+ background-position: 250% 0;
1130
+ }
1131
+ }
1132
+ `},50757:(t,e,i)=>{i(34792)},50800:(t,e,i)=>{var o=i(52788),r=i(86280),a=(i(3334),i(67232)),n=i(13679),s=i(53332),l=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let c=class extends o.WF{constructor(){super(...arguments),this.icon="copy"}render(){return o.qy`
1133
+ <button>
1134
+ <wui-icon color="inherit" size="xxs" name=${this.icon}></wui-icon>
1135
+ </button>
1136
+ `}};c.styles=[a.W5,a.fD,s.A],l([(0,r.MZ)()],c.prototype,"icon",void 0),c=l([(0,n.E)("wui-input-element")],c)},50986:(t,e,i)=>{var o=i(52788),r=i(86280),a=(i(3334),i(92008),i(3043)),n=i(67232),s=i(13679),l=i(3366),c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends o.WF{constructor(){super(...arguments),this.uri="",this.size=0,this.theme="dark",this.imageSrc=void 0,this.alt=void 0,this.arenaClear=void 0,this.farcaster=void 0}render(){return this.dataset.theme=this.theme,this.dataset.clear=String(this.arenaClear),this.style.cssText=`\n --local-size: ${this.size}px;\n --local-icon-color: ${this.color??"#3396ff"}\n `,o.qy`${this.templateVisual()} ${this.templateSvg()}`}templateSvg(){const t="light"===this.theme?this.size:this.size-32;return o.JW`
1137
+ <svg height=${t} width=${t}>
1138
+ ${a.F.generate({uri:this.uri,size:t,logoSize:this.arenaClear?0:t/4,dotColor:this.color})}
1139
+ </svg>
1140
+ `}templateVisual(){return this.imageSrc?o.qy`<wui-image src=${this.imageSrc} alt=${this.alt??"logo"}></wui-image>`:this.farcaster?o.qy`<wui-icon
1141
+ class="farcaster"
1142
+ size="inherit"
1143
+ color="inherit"
1144
+ name="farcaster"
1145
+ ></wui-icon>`:o.qy`<wui-icon size="inherit" color="inherit" name="walletConnect"></wui-icon>`}};d.styles=[n.W5,l.A],c([(0,r.MZ)()],d.prototype,"uri",void 0),c([(0,r.MZ)({type:Number})],d.prototype,"size",void 0),c([(0,r.MZ)()],d.prototype,"theme",void 0),c([(0,r.MZ)()],d.prototype,"imageSrc",void 0),c([(0,r.MZ)()],d.prototype,"alt",void 0),c([(0,r.MZ)()],d.prototype,"color",void 0),c([(0,r.MZ)({type:Boolean})],d.prototype,"arenaClear",void 0),c([(0,r.MZ)({type:Boolean})],d.prototype,"farcaster",void 0),d=c([(0,s.E)("wui-qr-code")],d)},51417:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1146
+ button {
1147
+ display: flex;
1148
+ flex-direction: column;
1149
+ justify-content: center;
1150
+ align-items: center;
1151
+ cursor: pointer;
1152
+ width: 104px;
1153
+ row-gap: var(--wui-spacing-xs);
1154
+ padding: var(--wui-spacing-s) var(--wui-spacing-0);
1155
+ background-color: var(--wui-color-gray-glass-002);
1156
+ border-radius: clamp(0px, var(--wui-border-radius-xs), 20px);
1157
+ transition:
1158
+ color var(--wui-duration-lg) var(--wui-ease-out-power-1),
1159
+ background-color var(--wui-duration-lg) var(--wui-ease-out-power-1),
1160
+ border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1);
1161
+ will-change: background-color, color, border-radius;
1162
+ outline: none;
1163
+ border: none;
1164
+ }
1165
+
1166
+ button > wui-flex > wui-text {
1167
+ color: var(--wui-color-fg-100);
1168
+ max-width: 86px;
1169
+ white-space: nowrap;
1170
+ overflow: hidden;
1171
+ text-overflow: ellipsis;
1172
+ justify-content: center;
1173
+ }
1174
+
1175
+ button > wui-flex > wui-text.certified {
1176
+ max-width: 66px;
1177
+ }
1178
+
1179
+ button:hover:enabled {
1180
+ background-color: var(--wui-color-gray-glass-005);
1181
+ }
1182
+
1183
+ button:disabled > wui-flex > wui-text {
1184
+ color: var(--wui-color-gray-glass-015);
1185
+ }
1186
+
1187
+ [data-selected='true'] {
1188
+ background-color: var(--wui-color-accent-glass-020);
1189
+ }
1190
+
1191
+ @media (hover: hover) and (pointer: fine) {
1192
+ [data-selected='true']:hover:enabled {
1193
+ background-color: var(--wui-color-accent-glass-015);
1194
+ }
1195
+ }
1196
+
1197
+ [data-selected='true']:active:enabled {
1198
+ background-color: var(--wui-color-accent-glass-010);
1199
+ }
1200
+
1201
+ @media (max-width: 350px) {
1202
+ button {
1203
+ width: 100%;
1204
+ }
1205
+ }
1206
+ `},53048:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1207
+ :host {
1208
+ margin-top: var(--wui-spacing-3xs);
1209
+ }
1210
+ wui-separator {
1211
+ margin: var(--wui-spacing-m) calc(var(--wui-spacing-m) * -1) var(--wui-spacing-xs)
1212
+ calc(var(--wui-spacing-m) * -1);
1213
+ width: calc(100% + var(--wui-spacing-s) * 2);
1214
+ }
1215
+ `},53332:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1216
+ button {
1217
+ background-color: var(--wui-color-fg-300);
1218
+ border-radius: var(--wui-border-radius-4xs);
1219
+ width: 16px;
1220
+ height: 16px;
1221
+ }
1222
+
1223
+ button:disabled {
1224
+ background-color: var(--wui-color-bg-300);
1225
+ }
1226
+
1227
+ wui-icon {
1228
+ color: var(--wui-color-bg-200) !important;
1229
+ }
1230
+
1231
+ button:focus-visible {
1232
+ background-color: var(--wui-color-fg-250);
1233
+ border: 1px solid var(--wui-color-accent-100);
1234
+ }
1235
+
1236
+ @media (hover: hover) and (pointer: fine) {
1237
+ button:hover:enabled {
1238
+ background-color: var(--wui-color-fg-250);
1239
+ }
1240
+
1241
+ button:active:enabled {
1242
+ background-color: var(--wui-color-fg-225);
1243
+ }
1244
+ }
1245
+ `},53990:(t,e,i)=>{var o=i(52788),r=i(73764),a=i(86792),n=i(49951),s=i(47981),l=i(86454),c=i(69658),d=(i(85017),i(22835),i(32518),i(26991),i(41711),i(3389),i(66371),i(91602)),u=(i(44375),i(67258));let p=class extends d.o{constructor(){super(),this.forceUpdate=()=>{this.requestUpdate()},window.addEventListener("resize",this.forceUpdate),s.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet?.name??"WalletConnect",platform:"qrcode"}})}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribe?.forEach(t=>t()),window.removeEventListener("resize",this.forceUpdate)}render(){return this.onRenderProxy(),o.qy`
1246
+ <wui-flex
1247
+ flexDirection="column"
1248
+ alignItems="center"
1249
+ .padding=${["0","xl","xl","xl"]}
1250
+ gap="xl"
1251
+ >
1252
+ <wui-shimmer borderRadius="l" width="100%"> ${this.qrCodeTemplate()} </wui-shimmer>
1253
+
1254
+ <wui-text variant="paragraph-500" color="fg-100">
1255
+ Scan this QR Code with your phone
1256
+ </wui-text>
1257
+ ${this.copyTemplate()}
1258
+ </wui-flex>
1259
+ <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
1260
+ `}onRenderProxy(){!this.ready&&this.uri&&(this.timeout=setTimeout(()=>{this.ready=!0},200))}qrCodeTemplate(){if(!this.uri||!this.ready)return null;const t=this.getBoundingClientRect().width-40,e=this.wallet?this.wallet.name:void 0;return a.x.setWcLinking(void 0),a.x.setRecentWallet(this.wallet),o.qy` <wui-qr-code
1261
+ size=${t}
1262
+ theme=${n.W.state.themeMode}
1263
+ uri=${this.uri}
1264
+ imageSrc=${(0,r.J)(l.$.getWalletImage(this.wallet))}
1265
+ color=${(0,r.J)(n.W.state.themeVariables["--w3m-qr-color"])}
1266
+ alt=${(0,r.J)(e)}
1267
+ data-testid="wui-qr-code"
1268
+ ></wui-qr-code>`}copyTemplate(){const t=!this.uri||!this.ready;return o.qy`<wui-link
1269
+ .disabled=${t}
1270
+ @click=${this.onCopyUri}
1271
+ color="fg-200"
1272
+ data-testid="copy-wc2-uri"
1273
+ >
1274
+ <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
1275
+ Copy link
1276
+ </wui-link>`}};p.styles=u.A,p=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,c.EM)("w3m-connecting-wc-qrcode")],p)},57059:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(98299),s=i(86792),l=i(83077),c=i(86454),d=i(22143),u=i(11847),p=i(69658),h=(i(85017),i(21214),i(84279)),w=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let g=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=l.a.state.connectors,this.loading=!1,this.unsubscribe.push(l.a.subscribeKey("connectors",t=>this.connectors=t)),d.w.isTelegram()&&d.w.isIos()&&(this.loading=!s.x.state.wcUri,this.unsubscribe.push(s.x.subscribeKey("wcUri",t=>this.loading=!t)))}render(){const t=u.i.getRecentWallets().filter(t=>!h.A.isExcluded(t)).filter(t=>!this.hasWalletConnector(t)).filter(t=>this.isWalletCompatibleWithCurrentChain(t));return t.length?o.qy`
1277
+ <wui-flex flexDirection="column" gap="xs">
1278
+ ${t.map(t=>o.qy`
1279
+ <wui-list-wallet
1280
+ imageSrc=${(0,a.J)(c.$.getWalletImage(t))}
1281
+ name=${t.name??"Unknown"}
1282
+ @click=${()=>this.onConnectWallet(t)}
1283
+ tagLabel="recent"
1284
+ tagVariant="shade"
1285
+ tabIdx=${(0,a.J)(this.tabIdx)}
1286
+ ?loading=${this.loading}
1287
+ >
1288
+ </wui-list-wallet>
1289
+ `)}
1290
+ </wui-flex>
1291
+ `:(this.style.cssText="display: none",null)}onConnectWallet(t){this.loading||l.a.selectWalletConnector(t)}hasWalletConnector(t){return this.connectors.some(e=>e.id===t.id||e.name===t.name)}isWalletCompatibleWithCurrentChain(t){const e=n.W.state.activeChain;return!e||!t.chains||t.chains.some(t=>{const i=t.split(":")[0];return e===i})}};w([(0,r.MZ)()],g.prototype,"tabIdx",void 0),w([(0,r.wk)()],g.prototype,"connectors",void 0),w([(0,r.wk)()],g.prototype,"loading",void 0),g=w([(0,p.EM)("w3m-connect-recent-widget")],g)},58373:(t,e,i)=>{i.r(e),i.d(e,{W3mAllWalletsView:()=>r.c,W3mConnectingWcBasicView:()=>o.x,W3mDownloadsView:()=>a.M});var o=i(18865),r=i(45882),a=i(73361)},59342:(t,e,i)=>{i(28395)},59787:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(72269),s=i(72397),l=i(83077),c=i(86454),d=i(69658),u=(i(85017),i(21214),i(32523)),p=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let h=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.connectors=l.a.state.connectors,this.unsubscribe.push(l.a.subscribeKey("connectors",t=>this.connectors=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){const t=this.connectors.filter(t=>"EXTERNAL"===t.type).filter(u.g.showConnector).filter(t=>t.id!==n.o.CONNECTOR_ID.COINBASE_SDK);return t?.length?o.qy`
1292
+ <wui-flex flexDirection="column" gap="xs">
1293
+ ${t.map(t=>o.qy`
1294
+ <wui-list-wallet
1295
+ imageSrc=${(0,a.J)(c.$.getConnectorImage(t))}
1296
+ .installed=${!0}
1297
+ name=${t.name??"Unknown"}
1298
+ data-testid=${`wallet-selector-external-${t.id}`}
1299
+ @click=${()=>this.onConnector(t)}
1300
+ tabIdx=${(0,a.J)(this.tabIdx)}
1301
+ >
1302
+ </wui-list-wallet>
1303
+ `)}
1304
+ </wui-flex>
1305
+ `:(this.style.cssText="display: none",null)}onConnector(t){s.I.push("ConnectingExternal",{connector:t})}};p([(0,r.MZ)()],h.prototype,"tabIdx",void 0),p([(0,r.wk)()],h.prototype,"connectors",void 0),h=p([(0,d.EM)("w3m-connect-external-widget")],h)},63381:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1306
+ button {
1307
+ column-gap: var(--wui-spacing-s);
1308
+ padding: 7px var(--wui-spacing-l) 7px var(--wui-spacing-xs);
1309
+ width: 100%;
1310
+ background-color: var(--wui-color-gray-glass-002);
1311
+ border-radius: var(--wui-border-radius-xs);
1312
+ color: var(--wui-color-fg-100);
1313
+ }
1314
+
1315
+ button > wui-text:nth-child(2) {
1316
+ display: flex;
1317
+ flex: 1;
1318
+ }
1319
+
1320
+ button:disabled {
1321
+ background-color: var(--wui-color-gray-glass-015);
1322
+ color: var(--wui-color-gray-glass-015);
1323
+ }
1324
+
1325
+ button:disabled > wui-tag {
1326
+ background-color: var(--wui-color-gray-glass-010);
1327
+ color: var(--wui-color-fg-300);
1328
+ }
1329
+
1330
+ wui-icon {
1331
+ color: var(--wui-color-fg-200) !important;
1332
+ }
1333
+ `},64768:(t,e,i)=>{i.d(e,{K:()=>c,_:()=>n});var o=i(80181),r=i(75430),a=i(16655);const n=()=>new s;class s{}const l=new WeakMap,c=(0,a.u$)(class extends r.Kq{render(t){return o.s6}update(t,[e]){const i=e!==this.G;return i&&void 0!==this.G&&this.rt(void 0),(i||this.lt!==this.ct)&&(this.G=e,this.ht=t.options?.host,this.rt(this.ct=t.element)),o.s6}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.G){const e=this.ht??globalThis;let i=l.get(e);void 0===i&&(i=new WeakMap,l.set(e,i)),void 0!==i.get(this.G)&&this.G.call(this.ht,void 0),i.set(this.G,t),void 0!==t&&this.G.call(this.ht,t)}else this.G.value=t}get lt(){return"function"==typeof this.G?l.get(this.ht??globalThis)?.get(this.G):this.G?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}})},66371:(t,e,i)=>{i(84854)},66935:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=(i(3334),i(67232)),s=i(13679),l=(i(2547),i(10937)),c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends o.WF{constructor(){super(...arguments),this.checked=void 0}render(){return o.qy`
1334
+ <button>
1335
+ <wui-icon size="xl" name="walletConnectBrown"></wui-icon>
1336
+ <wui-switch ?checked=${(0,a.J)(this.checked)}></wui-switch>
1337
+ </button>
1338
+ `}};d.styles=[n.W5,n.fD,l.A],c([(0,r.MZ)({type:Boolean})],d.prototype,"checked",void 0),d=c([(0,s.E)("wui-certified-switch")],d)},66958:(t,e,i)=>{i.d(e,{K:()=>o.K,_:()=>o._});var o=i(64768)},67258:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1339
+ @keyframes fadein {
1340
+ from {
1341
+ opacity: 0;
1342
+ }
1343
+ to {
1344
+ opacity: 1;
1345
+ }
1346
+ }
1347
+
1348
+ wui-shimmer {
1349
+ width: 100%;
1350
+ aspect-ratio: 1 / 1;
1351
+ border-radius: clamp(0px, var(--wui-border-radius-l), 40px) !important;
1352
+ }
1353
+
1354
+ wui-qr-code {
1355
+ opacity: 0;
1356
+ animation-duration: 200ms;
1357
+ animation-timing-function: ease;
1358
+ animation-name: fadein;
1359
+ animation-fill-mode: forwards;
1360
+ }
1361
+ `},68683:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1362
+ wui-grid {
1363
+ max-height: clamp(360px, 400px, 80vh);
1364
+ overflow: scroll;
1365
+ scrollbar-width: none;
1366
+ grid-auto-rows: min-content;
1367
+ grid-template-columns: repeat(auto-fill, 104px);
1368
+ }
1369
+
1370
+ @media (max-width: 350px) {
1371
+ wui-grid {
1372
+ grid-template-columns: repeat(2, 1fr);
1373
+ }
1374
+ }
1375
+
1376
+ wui-grid[data-scroll='false'] {
1377
+ overflow: hidden;
1378
+ }
1379
+
1380
+ wui-grid::-webkit-scrollbar {
1381
+ display: none;
1382
+ }
1383
+
1384
+ wui-loading-spinner {
1385
+ padding-top: var(--wui-spacing-l);
1386
+ padding-bottom: var(--wui-spacing-l);
1387
+ justify-content: center;
1388
+ grid-column: 1 / span 4;
1389
+ }
1390
+ `},70286:(t,e,i)=>{var o=i(52788),r=i(86280),a=(i(3334),i(92008),i(12002),i(67232)),n=i(13679),s=(i(71050),i(93378)),l=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let c=class extends o.WF{constructor(){super(...arguments),this.size="md",this.name="",this.installed=!1,this.badgeSize="xs"}render(){let t="xxs";return t="lg"===this.size?"m":"md"===this.size?"xs":"xxs",this.style.cssText=`\n --local-border-radius: var(--wui-border-radius-${t});\n --local-size: var(--wui-wallet-image-size-${this.size});\n `,this.walletIcon&&(this.dataset.walletIcon=this.walletIcon),o.qy`
1391
+ <wui-flex justifyContent="center" alignItems="center"> ${this.templateVisual()} </wui-flex>
1392
+ `}templateVisual(){return this.imageSrc?o.qy`<wui-image src=${this.imageSrc} alt=${this.name}></wui-image>`:this.walletIcon?o.qy`<wui-icon
1393
+ data-parent-size="md"
1394
+ size="md"
1395
+ color="inherit"
1396
+ name=${this.walletIcon}
1397
+ ></wui-icon>`:o.qy`<wui-icon
1398
+ data-parent-size=${this.size}
1399
+ size="inherit"
1400
+ color="inherit"
1401
+ name="walletPlaceholder"
1402
+ ></wui-icon>`}};c.styles=[a.fD,a.W5,s.A],l([(0,r.MZ)()],c.prototype,"size",void 0),l([(0,r.MZ)()],c.prototype,"name",void 0),l([(0,r.MZ)()],c.prototype,"imageSrc",void 0),l([(0,r.MZ)()],c.prototype,"walletIcon",void 0),l([(0,r.MZ)({type:Boolean})],c.prototype,"installed",void 0),l([(0,r.MZ)()],c.prototype,"badgeSize",void 0),c=l([(0,n.E)("wui-wallet-image")],c)},72506:(t,e,i)=>{var o=i(86280),r=i(86792),a=i(47981),n=i(3555),s=i(22143),l=i(69658),c=i(91602),d=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let u=class extends c.o{constructor(){if(super(),this.isLoading=!0,!this.wallet)throw new Error("w3m-connecting-wc-web: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.secondaryBtnLabel="Open",this.secondaryLabel=n.oU.CONNECT_LABELS.MOBILE,this.secondaryBtnIcon="externalLink",this.updateLoadingState(),this.unsubscribe.push(r.x.subscribeKey("wcUri",()=>{this.updateLoadingState()})),a.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"web"}})}updateLoadingState(){this.isLoading=!this.uri}onConnectProxy(){if(this.wallet?.webapp_link&&this.uri)try{this.error=!1;const{webapp_link:t,name:e}=this.wallet,{redirect:i,href:o}=s.w.formatUniversalUrl(t,this.uri);r.x.setWcLinking({name:e,href:o}),r.x.setRecentWallet(this.wallet),s.w.openHref(i,"_blank")}catch{this.error=!0}}};d([(0,o.wk)()],u.prototype,"isLoading",void 0),u=d([(0,l.EM)("w3m-connecting-wc-web")],u)},73361:(t,e,i)=>{i.d(e,{M:()=>l});var o=i(52788),r=i(72397),a=i(22143),n=i(69658),s=(i(85017),i(49460),i(3389),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let l=class extends o.WF{constructor(){super(...arguments),this.wallet=r.I.state.data?.wallet}render(){if(!this.wallet)throw new Error("w3m-downloads-view");return o.qy`
1403
+ <wui-flex gap="xs" flexDirection="column" .padding=${["s","s","l","s"]}>
1404
+ ${this.chromeTemplate()} ${this.iosTemplate()} ${this.androidTemplate()}
1405
+ ${this.homepageTemplate()}
1406
+ </wui-flex>
1407
+ `}chromeTemplate(){return this.wallet?.chrome_store?o.qy`<wui-list-item
1408
+ variant="icon"
1409
+ icon="chromeStore"
1410
+ iconVariant="square"
1411
+ @click=${this.onChromeStore.bind(this)}
1412
+ chevron
1413
+ >
1414
+ <wui-text variant="paragraph-500" color="fg-100">Chrome Extension</wui-text>
1415
+ </wui-list-item>`:null}iosTemplate(){return this.wallet?.app_store?o.qy`<wui-list-item
1416
+ variant="icon"
1417
+ icon="appStore"
1418
+ iconVariant="square"
1419
+ @click=${this.onAppStore.bind(this)}
1420
+ chevron
1421
+ >
1422
+ <wui-text variant="paragraph-500" color="fg-100">iOS App</wui-text>
1423
+ </wui-list-item>`:null}androidTemplate(){return this.wallet?.play_store?o.qy`<wui-list-item
1424
+ variant="icon"
1425
+ icon="playStore"
1426
+ iconVariant="square"
1427
+ @click=${this.onPlayStore.bind(this)}
1428
+ chevron
1429
+ >
1430
+ <wui-text variant="paragraph-500" color="fg-100">Android App</wui-text>
1431
+ </wui-list-item>`:null}homepageTemplate(){return this.wallet?.homepage?o.qy`
1432
+ <wui-list-item
1433
+ variant="icon"
1434
+ icon="browser"
1435
+ iconVariant="square-blue"
1436
+ @click=${this.onHomePage.bind(this)}
1437
+ chevron
1438
+ >
1439
+ <wui-text variant="paragraph-500" color="fg-100">Website</wui-text>
1440
+ </wui-list-item>
1441
+ `:null}onChromeStore(){this.wallet?.chrome_store&&a.w.openHref(this.wallet.chrome_store,"_blank")}onAppStore(){this.wallet?.app_store&&a.w.openHref(this.wallet.app_store,"_blank")}onPlayStore(){this.wallet?.play_store&&a.w.openHref(this.wallet.play_store,"_blank")}onHomePage(){this.wallet?.homepage&&a.w.openHref(this.wallet.homepage,"_blank")}};l=s([(0,n.EM)("w3m-downloads-view")],l)},73575:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(88759),n=i(72397),s=i(98299),l=i(86792),c=i(92492),d=i(1420),u=i(47981),p=i(22143),h=i(69658),w=(i(24022),i(1272),i(95264),i(37502),i(53990),i(14651),i(72506),function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n});let g=class extends o.WF{constructor(){super(),this.wallet=n.I.state.data?.wallet,this.unsubscribe=[],this.platform=void 0,this.platforms=[],this.isSiwxEnabled=Boolean(d.H.state.siwx),this.remoteFeatures=d.H.state.remoteFeatures,this.determinePlatforms(),this.initializeConnection(),this.unsubscribe.push(d.H.subscribeKey("remoteFeatures",t=>this.remoteFeatures=t))}disconnectedCallback(){this.unsubscribe.forEach(t=>t())}render(){return o.qy`
1442
+ ${this.headerTemplate()}
1443
+ <div>${this.platformTemplate()}</div>
1444
+ ${this.reownBrandingTemplate()}
1445
+ `}reownBrandingTemplate(){return this.remoteFeatures?.reownBranding?o.qy`<wui-ux-by-reown></wui-ux-by-reown>`:null}async initializeConnection(t=!1){if("browser"!==this.platform&&(!d.H.state.manualWCControl||t))try{const{wcPairingExpiry:e,status:i}=l.x.state;(t||d.H.state.enableEmbedded||p.w.isPairingExpired(e)||"connecting"===i)&&(await l.x.connectWalletConnect(),this.isSiwxEnabled||a.W.close())}catch(t){u.E.sendEvent({type:"track",event:"CONNECT_ERROR",properties:{message:t?.message??"Unknown"}}),l.x.setWcError(!0),c.P.showError(t.message??"Connection error"),l.x.resetWcConnection(),n.I.goBack()}}determinePlatforms(){if(!this.wallet)return this.platforms.push("qrcode"),void(this.platform="qrcode");if(this.platform)return;const{mobile_link:t,desktop_link:e,webapp_link:i,injected:o,rdns:r}=this.wallet,a=o?.map(({injected_id:t})=>t).filter(Boolean),n=[...r?[r]:a??[]],c=!d.H.state.isUniversalProvider&&n.length,u=t,h=i,w=l.x.checkInstalled(n),g=c&&w,b=e&&!p.w.isMobile();g&&!s.W.state.noAdapters&&this.platforms.push("browser"),u&&this.platforms.push(p.w.isMobile()?"mobile":"qrcode"),h&&this.platforms.push("web"),b&&this.platforms.push("desktop"),g||!c||s.W.state.noAdapters||this.platforms.push("unsupported"),this.platform=this.platforms[0]}platformTemplate(){switch(this.platform){case"browser":return o.qy`<w3m-connecting-wc-browser></w3m-connecting-wc-browser>`;case"web":return o.qy`<w3m-connecting-wc-web></w3m-connecting-wc-web>`;case"desktop":return o.qy`
1446
+ <w3m-connecting-wc-desktop .onRetry=${()=>this.initializeConnection(!0)}>
1447
+ </w3m-connecting-wc-desktop>
1448
+ `;case"mobile":return o.qy`
1449
+ <w3m-connecting-wc-mobile isMobile .onRetry=${()=>this.initializeConnection(!0)}>
1450
+ </w3m-connecting-wc-mobile>
1451
+ `;case"qrcode":return o.qy`<w3m-connecting-wc-qrcode></w3m-connecting-wc-qrcode>`;default:return o.qy`<w3m-connecting-wc-unsupported></w3m-connecting-wc-unsupported>`}}headerTemplate(){return this.platforms.length>1?o.qy`
1452
+ <w3m-connecting-header
1453
+ .platforms=${this.platforms}
1454
+ .onSelectPlatfrom=${this.onSelectPlatform.bind(this)}
1455
+ >
1456
+ </w3m-connecting-header>
1457
+ `:null}async onSelectPlatform(t){const e=this.shadowRoot?.querySelector("div");e&&(await e.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.platform=t,e.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}};w([(0,r.wk)()],g.prototype,"platform",void 0),w([(0,r.wk)()],g.prototype,"platforms",void 0),w([(0,r.wk)()],g.prototype,"isSiwxEnabled",void 0),w([(0,r.wk)()],g.prototype,"remoteFeatures",void 0),g=w([(0,h.EM)("w3m-connecting-wc-view")],g)},76521:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(72397),s=i(86792),l=i(83077),c=i(1420),d=i(86454),u=i(22143),p=i(11847),h=i(69658),w=(i(85017),i(21214),i(84279)),g=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let b=class extends o.WF{constructor(){super(),this.unsubscribe=[],this.tabIdx=void 0,this.wallets=[],this.loading=!1,u.w.isTelegram()&&u.w.isIos()&&(this.loading=!s.x.state.wcUri,this.unsubscribe.push(s.x.subscribeKey("wcUri",t=>this.loading=!t)))}render(){const{connectors:t}=l.a.state,{customWallets:e,featuredWalletIds:i}=c.H.state,r=p.i.getRecentWallets(),n=t.find(t=>"walletConnect"===t.id),s=t.filter(t=>"INJECTED"===t.type||"ANNOUNCED"===t.type||"MULTI_CHAIN"===t.type).filter(t=>"Browser Wallet"!==t.name);if(!n)return null;if(i||e||!this.wallets.length)return this.style.cssText="display: none",null;const u=s.length+r.length,h=Math.max(0,2-u),g=w.A.filterOutDuplicateWallets(this.wallets).slice(0,h);return g.length?o.qy`
1458
+ <wui-flex flexDirection="column" gap="xs">
1459
+ ${g.map(t=>o.qy`
1460
+ <wui-list-wallet
1461
+ imageSrc=${(0,a.J)(d.$.getWalletImage(t))}
1462
+ name=${t?.name??"Unknown"}
1463
+ @click=${()=>this.onConnectWallet(t)}
1464
+ tabIdx=${(0,a.J)(this.tabIdx)}
1465
+ ?loading=${this.loading}
1466
+ >
1467
+ </wui-list-wallet>
1468
+ `)}
1469
+ </wui-flex>
1470
+ `:(this.style.cssText="display: none",null)}onConnectWallet(t){if(this.loading)return;const e=l.a.getConnector(t.id,t.rdns);e?n.I.push("ConnectingExternal",{connector:e}):n.I.push("ConnectingWalletConnect",{wallet:t})}};g([(0,r.MZ)()],b.prototype,"tabIdx",void 0),g([(0,r.MZ)()],b.prototype,"wallets",void 0),g([(0,r.wk)()],b.prototype,"loading",void 0),b=g([(0,h.EM)("w3m-connect-recommended-widget")],b)},79321:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1471
+ :host {
1472
+ display: block;
1473
+ padding: 0 var(--wui-spacing-xl) var(--wui-spacing-xl);
1474
+ }
1475
+ `},84107:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=(i(3334),i(43748),i(71050),i(67232)),s=i(13679),l=(i(38293),i(91117),i(70286),i(63381)),c=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let d=class extends o.WF{constructor(){super(...arguments),this.walletImages=[],this.imageSrc="",this.name="",this.tabIdx=void 0,this.installed=!1,this.disabled=!1,this.showAllWallets=!1,this.loading=!1,this.loadingSpinnerColor="accent-100"}render(){return o.qy`
1476
+ <button ?disabled=${this.disabled} tabindex=${(0,a.J)(this.tabIdx)}>
1477
+ ${this.templateAllWallets()} ${this.templateWalletImage()}
1478
+ <wui-text variant="paragraph-500" color="inherit">${this.name}</wui-text>
1479
+ ${this.templateStatus()}
1480
+ </button>
1481
+ `}templateAllWallets(){return this.showAllWallets&&this.imageSrc?o.qy` <wui-all-wallets-image .imageeSrc=${this.imageSrc}> </wui-all-wallets-image> `:this.showAllWallets&&this.walletIcon?o.qy` <wui-wallet-image .walletIcon=${this.walletIcon} size="sm"> </wui-wallet-image> `:null}templateWalletImage(){return!this.showAllWallets&&this.imageSrc?o.qy`<wui-wallet-image
1482
+ size="sm"
1483
+ imageSrc=${this.imageSrc}
1484
+ name=${this.name}
1485
+ .installed=${this.installed}
1486
+ ></wui-wallet-image>`:this.showAllWallets||this.imageSrc?null:o.qy`<wui-wallet-image size="sm" name=${this.name}></wui-wallet-image>`}templateStatus(){return this.loading?o.qy`<wui-loading-spinner
1487
+ size="lg"
1488
+ color=${this.loadingSpinnerColor}
1489
+ ></wui-loading-spinner>`:this.tagLabel&&this.tagVariant?o.qy`<wui-tag variant=${this.tagVariant}>${this.tagLabel}</wui-tag>`:this.icon?o.qy`<wui-icon color="inherit" size="sm" name=${this.icon}></wui-icon>`:null}};d.styles=[n.W5,n.fD,l.A],c([(0,r.MZ)({type:Array})],d.prototype,"walletImages",void 0),c([(0,r.MZ)()],d.prototype,"imageSrc",void 0),c([(0,r.MZ)()],d.prototype,"name",void 0),c([(0,r.MZ)()],d.prototype,"tagLabel",void 0),c([(0,r.MZ)()],d.prototype,"tagVariant",void 0),c([(0,r.MZ)()],d.prototype,"icon",void 0),c([(0,r.MZ)()],d.prototype,"walletIcon",void 0),c([(0,r.MZ)()],d.prototype,"tabIdx",void 0),c([(0,r.MZ)({type:Boolean})],d.prototype,"installed",void 0),c([(0,r.MZ)({type:Boolean})],d.prototype,"disabled",void 0),c([(0,r.MZ)({type:Boolean})],d.prototype,"showAllWallets",void 0),c([(0,r.MZ)({type:Boolean})],d.prototype,"loading",void 0),c([(0,r.MZ)({type:String})],d.prototype,"loadingSpinnerColor",void 0),d=c([(0,s.E)("wui-list-wallet")],d)},84299:(t,e,i)=>{var o=i(52788),r=i(86280),a=(i(3334),i(43748),i(67232)),n=i(13679),s=i(95061),l=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let c=class extends o.WF{constructor(){super(...arguments),this.tabs=[],this.onTabChange=()=>null,this.buttons=[],this.disabled=!1,this.localTabWidth="100px",this.activeTab=0,this.isDense=!1}render(){return this.isDense=this.tabs.length>3,this.style.cssText=`\n --local-tab: ${this.activeTab};\n --local-tab-width: ${this.localTabWidth};\n `,this.dataset.type=this.isDense?"flex":"block",this.tabs.map((t,e)=>{const i=e===this.activeTab;return o.qy`
1490
+ <button
1491
+ ?disabled=${this.disabled}
1492
+ @click=${()=>this.onTabClick(e)}
1493
+ data-active=${i}
1494
+ data-testid="tab-${t.label?.toLowerCase()}"
1495
+ >
1496
+ ${this.iconTemplate(t)}
1497
+ <wui-text variant="small-600" color="inherit"> ${t.label} </wui-text>
1498
+ </button>
1499
+ `})}firstUpdated(){this.shadowRoot&&this.isDense&&(this.buttons=[...this.shadowRoot.querySelectorAll("button")],setTimeout(()=>{this.animateTabs(0,!0)},0))}iconTemplate(t){return t.icon?o.qy`<wui-icon size="xs" color="inherit" name=${t.icon}></wui-icon>`:null}onTabClick(t){this.buttons&&this.animateTabs(t,!1),this.activeTab=t,this.onTabChange(t)}animateTabs(t,e){const i=this.buttons[this.activeTab],o=this.buttons[t],r=i?.querySelector("wui-text"),a=o?.querySelector("wui-text"),n=o?.getBoundingClientRect(),s=a?.getBoundingClientRect();i&&r&&!e&&t!==this.activeTab&&(r.animate([{opacity:0}],{duration:50,easing:"ease",fill:"forwards"}),i.animate([{width:"34px"}],{duration:500,easing:"ease",fill:"forwards"})),o&&n&&s&&a&&(t!==this.activeTab||e)&&(this.localTabWidth=`${Math.round(n.width+s.width)+6}px`,o.animate([{width:`${n.width+s.width}px`}],{duration:e?0:500,fill:"forwards",easing:"ease"}),a.animate([{opacity:1}],{duration:e?0:125,delay:e?0:200,fill:"forwards",easing:"ease"}))}};c.styles=[a.W5,a.fD,s.A],l([(0,r.MZ)({type:Array})],c.prototype,"tabs",void 0),l([(0,r.MZ)()],c.prototype,"onTabChange",void 0),l([(0,r.MZ)({type:Array})],c.prototype,"buttons",void 0),l([(0,r.MZ)({type:Boolean})],c.prototype,"disabled",void 0),l([(0,r.MZ)()],c.prototype,"localTabWidth",void 0),l([(0,r.wk)()],c.prototype,"activeTab",void 0),l([(0,r.wk)()],c.prototype,"isDense",void 0),c=l([(0,n.E)("wui-tabs")],c)},84798:(t,e,i)=>{i(14621)},84854:(t,e,i)=>{var o=i(52788),r=(i(3334),i(43748),i(12002),i(40528)),a=i(67232),n=i(13679),s=i(12746);let l=class extends o.WF{render(){return o.qy`
1500
+ <a
1501
+ data-testid="ux-branding-reown"
1502
+ href=${r.C5}
1503
+ rel="noreferrer"
1504
+ target="_blank"
1505
+ style="text-decoration: none;"
1506
+ >
1507
+ <wui-flex
1508
+ justifyContent="center"
1509
+ alignItems="center"
1510
+ gap="xs"
1511
+ .padding=${["0","0","l","0"]}
1512
+ >
1513
+ <wui-text variant="small-500" color="fg-100"> UX by </wui-text>
1514
+ <wui-icon name="reown" size="xxxl" class="reown-logo"></wui-icon>
1515
+ </wui-flex>
1516
+ </a>
1517
+ `}};l.styles=[a.W5,a.fD,s.A],l=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,n.E)("wui-ux-by-reown")],l)},86512:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1518
+ button {
1519
+ border: none;
1520
+ border-radius: var(--wui-border-radius-3xl);
1521
+ }
1522
+
1523
+ button[data-variant='main'] {
1524
+ background-color: var(--wui-color-accent-100);
1525
+ color: var(--wui-color-inverse-100);
1526
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
1527
+ }
1528
+
1529
+ button[data-variant='accent'] {
1530
+ background-color: var(--wui-color-accent-glass-010);
1531
+ color: var(--wui-color-accent-100);
1532
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-005);
1533
+ }
1534
+
1535
+ button[data-variant='gray'] {
1536
+ background-color: transparent;
1537
+ color: var(--wui-color-fg-200);
1538
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
1539
+ }
1540
+
1541
+ button[data-variant='shade'] {
1542
+ background-color: transparent;
1543
+ color: var(--wui-color-accent-100);
1544
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
1545
+ }
1546
+
1547
+ button[data-size='sm'] {
1548
+ height: 32px;
1549
+ padding: 0 var(--wui-spacing-s);
1550
+ }
1551
+
1552
+ button[data-size='md'] {
1553
+ height: 40px;
1554
+ padding: 0 var(--wui-spacing-l);
1555
+ }
1556
+
1557
+ button[data-size='sm'] > wui-image {
1558
+ width: 16px;
1559
+ height: 16px;
1560
+ }
1561
+
1562
+ button[data-size='md'] > wui-image {
1563
+ width: 24px;
1564
+ height: 24px;
1565
+ }
1566
+
1567
+ button[data-size='sm'] > wui-icon {
1568
+ width: 12px;
1569
+ height: 12px;
1570
+ }
1571
+
1572
+ button[data-size='md'] > wui-icon {
1573
+ width: 14px;
1574
+ height: 14px;
1575
+ }
1576
+
1577
+ wui-image {
1578
+ border-radius: var(--wui-border-radius-3xl);
1579
+ overflow: hidden;
1580
+ }
1581
+
1582
+ button.disabled > wui-icon,
1583
+ button.disabled > wui-image {
1584
+ filter: grayscale(1);
1585
+ }
1586
+
1587
+ button[data-variant='main'] > wui-image {
1588
+ box-shadow: inset 0 0 0 1px var(--wui-color-accent-090);
1589
+ }
1590
+
1591
+ button[data-variant='shade'] > wui-image,
1592
+ button[data-variant='gray'] > wui-image {
1593
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-010);
1594
+ }
1595
+
1596
+ @media (hover: hover) and (pointer: fine) {
1597
+ button[data-variant='main']:focus-visible {
1598
+ background-color: var(--wui-color-accent-090);
1599
+ }
1600
+
1601
+ button[data-variant='main']:hover:enabled {
1602
+ background-color: var(--wui-color-accent-090);
1603
+ }
1604
+
1605
+ button[data-variant='main']:active:enabled {
1606
+ background-color: var(--wui-color-accent-080);
1607
+ }
1608
+
1609
+ button[data-variant='accent']:hover:enabled {
1610
+ background-color: var(--wui-color-accent-glass-015);
1611
+ }
1612
+
1613
+ button[data-variant='accent']:active:enabled {
1614
+ background-color: var(--wui-color-accent-glass-020);
1615
+ }
1616
+
1617
+ button[data-variant='shade']:focus-visible,
1618
+ button[data-variant='gray']:focus-visible,
1619
+ button[data-variant='shade']:hover,
1620
+ button[data-variant='gray']:hover {
1621
+ background-color: var(--wui-color-gray-glass-002);
1622
+ }
1623
+
1624
+ button[data-variant='gray']:active,
1625
+ button[data-variant='shade']:active {
1626
+ background-color: var(--wui-color-gray-glass-005);
1627
+ }
1628
+ }
1629
+
1630
+ button.disabled {
1631
+ color: var(--wui-color-gray-glass-020);
1632
+ background-color: var(--wui-color-gray-glass-002);
1633
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
1634
+ pointer-events: none;
1635
+ }
1636
+ `},86996:(t,e,i)=>{var o=i(52788),r=i(86280),a=(i(3334),i(92008),i(43748),i(67232)),n=i(13679),s=i(86512),l=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let c=class extends o.WF{constructor(){super(...arguments),this.variant="accent",this.imageSrc="",this.disabled=!1,this.icon="externalLink",this.size="md",this.text=""}render(){const t="sm"===this.size?"small-600":"paragraph-600";return o.qy`
1637
+ <button
1638
+ class=${this.disabled?"disabled":""}
1639
+ data-variant=${this.variant}
1640
+ data-size=${this.size}
1641
+ >
1642
+ ${this.imageSrc?o.qy`<wui-image src=${this.imageSrc}></wui-image>`:null}
1643
+ <wui-text variant=${t} color="inherit"> ${this.text} </wui-text>
1644
+ <wui-icon name=${this.icon} color="inherit" size="inherit"></wui-icon>
1645
+ </button>
1646
+ `}};c.styles=[a.W5,a.fD,s.A],l([(0,r.MZ)()],c.prototype,"variant",void 0),l([(0,r.MZ)()],c.prototype,"imageSrc",void 0),l([(0,r.MZ)({type:Boolean})],c.prototype,"disabled",void 0),l([(0,r.MZ)()],c.prototype,"icon",void 0),l([(0,r.MZ)()],c.prototype,"size",void 0),l([(0,r.MZ)()],c.prototype,"text",void 0),c=l([(0,n.E)("wui-chip-button")],c)},87303:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1647
+ button {
1648
+ column-gap: var(--wui-spacing-s);
1649
+ padding: 11px 18px 11px var(--wui-spacing-s);
1650
+ width: 100%;
1651
+ background-color: var(--wui-color-gray-glass-002);
1652
+ border-radius: var(--wui-border-radius-xs);
1653
+ color: var(--wui-color-fg-250);
1654
+ transition:
1655
+ color var(--wui-ease-out-power-1) var(--wui-duration-md),
1656
+ background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
1657
+ will-change: color, background-color;
1658
+ }
1659
+
1660
+ button[data-iconvariant='square'],
1661
+ button[data-iconvariant='square-blue'] {
1662
+ padding: 6px 18px 6px 9px;
1663
+ }
1664
+
1665
+ button > wui-flex {
1666
+ flex: 1;
1667
+ }
1668
+
1669
+ button > wui-image {
1670
+ width: 32px;
1671
+ height: 32px;
1672
+ box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
1673
+ border-radius: var(--wui-border-radius-3xl);
1674
+ }
1675
+
1676
+ button > wui-icon {
1677
+ width: 36px;
1678
+ height: 36px;
1679
+ transition: opacity var(--wui-ease-out-power-1) var(--wui-duration-md);
1680
+ will-change: opacity;
1681
+ }
1682
+
1683
+ button > wui-icon-box[data-variant='blue'] {
1684
+ box-shadow: 0 0 0 2px var(--wui-color-accent-glass-005);
1685
+ }
1686
+
1687
+ button > wui-icon-box[data-variant='overlay'] {
1688
+ box-shadow: 0 0 0 2px var(--wui-color-gray-glass-005);
1689
+ }
1690
+
1691
+ button > wui-icon-box[data-variant='square-blue'] {
1692
+ border-radius: var(--wui-border-radius-3xs);
1693
+ position: relative;
1694
+ border: none;
1695
+ width: 36px;
1696
+ height: 36px;
1697
+ }
1698
+
1699
+ button > wui-icon-box[data-variant='square-blue']::after {
1700
+ content: '';
1701
+ position: absolute;
1702
+ top: 0;
1703
+ bottom: 0;
1704
+ left: 0;
1705
+ right: 0;
1706
+ border-radius: inherit;
1707
+ border: 1px solid var(--wui-color-accent-glass-010);
1708
+ pointer-events: none;
1709
+ }
1710
+
1711
+ button > wui-icon:last-child {
1712
+ width: 14px;
1713
+ height: 14px;
1714
+ }
1715
+
1716
+ button:disabled {
1717
+ color: var(--wui-color-gray-glass-020);
1718
+ }
1719
+
1720
+ button[data-loading='true'] > wui-icon {
1721
+ opacity: 0;
1722
+ }
1723
+
1724
+ wui-loading-spinner {
1725
+ position: absolute;
1726
+ right: 18px;
1727
+ top: 50%;
1728
+ transform: translateY(-50%);
1729
+ }
1730
+ `},88934:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(73764),n=i(72397),s=i(83077),l=i(86454),c=i(69658),d=(i(85017),i(21214),i(32523)),u=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let p=class extends o.WF{constructor(){super(...arguments),this.tabIdx=void 0,this.connectors=[]}render(){const t=this.connectors.filter(d.g.showConnector);return 0===t.length?(this.style.cssText="display: none",null):o.qy`
1731
+ <wui-flex flexDirection="column" gap="xs">
1732
+ ${t.map(t=>o.qy`
1733
+ <wui-list-wallet
1734
+ imageSrc=${(0,a.J)(l.$.getConnectorImage(t))}
1735
+ .installed=${!0}
1736
+ name=${t.name??"Unknown"}
1737
+ tagVariant="success"
1738
+ tagLabel="installed"
1739
+ data-testid=${`wallet-selector-${t.id}`}
1740
+ @click=${()=>this.onConnector(t)}
1741
+ tabIdx=${(0,a.J)(this.tabIdx)}
1742
+ >
1743
+ </wui-list-wallet>
1744
+ `)}
1745
+ </wui-flex>
1746
+ `}onConnector(t){s.a.setActiveConnector(t),n.I.push("ConnectingExternal",{connector:t})}};u([(0,r.MZ)()],p.prototype,"tabIdx",void 0),u([(0,r.MZ)()],p.prototype,"connectors",void 0),p=u([(0,c.EM)("w3m-connect-injected-widget")],p)},90290:(t,e,i)=>{i(84299)},91602:(t,e,i)=>{i.d(e,{o:()=>w});var o=i(52788),r=i(86280),a=i(73764),n=i(72397),s=i(86792),l=i(92492),c=i(49951),d=i(86454),u=i(22143),p=(i(59342),i(85017),i(22835),i(24491),i(32518),i(26789),i(3389),i(20939),i(44375),i(44334)),h=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};class w extends o.WF{constructor(){super(),this.wallet=n.I.state.data?.wallet,this.connector=n.I.state.data?.connector,this.timeout=void 0,this.secondaryBtnIcon="refresh",this.onConnect=void 0,this.onRender=void 0,this.onAutoConnect=void 0,this.isWalletConnect=!0,this.unsubscribe=[],this.imageSrc=d.$.getWalletImage(this.wallet)??d.$.getConnectorImage(this.connector),this.name=this.wallet?.name??this.connector?.name??"Wallet",this.isRetrying=!1,this.uri=s.x.state.wcUri,this.error=s.x.state.wcError,this.ready=!1,this.showRetry=!1,this.secondaryBtnLabel="Try again",this.secondaryLabel="Accept connection request in the wallet",this.isLoading=!1,this.isMobile=!1,this.onRetry=void 0,this.unsubscribe.push(s.x.subscribeKey("wcUri",t=>{this.uri=t,this.isRetrying&&this.onRetry&&(this.isRetrying=!1,this.onConnect?.())}),s.x.subscribeKey("wcError",t=>this.error=t)),(u.w.isTelegram()||u.w.isSafari())&&u.w.isIos()&&s.x.state.wcUri&&this.onConnect?.()}firstUpdated(){this.onAutoConnect?.(),this.showRetry=!this.onAutoConnect}disconnectedCallback(){this.unsubscribe.forEach(t=>t()),s.x.setWcError(!1),clearTimeout(this.timeout)}render(){this.onRender?.(),this.onShowRetry();const t=this.error?"Connection can be declined if a previous request is still active":this.secondaryLabel;let e=`Continue in ${this.name}`;return this.error&&(e="Connection declined"),o.qy`
1747
+ <wui-flex
1748
+ data-error=${(0,a.J)(this.error)}
1749
+ data-retry=${this.showRetry}
1750
+ flexDirection="column"
1751
+ alignItems="center"
1752
+ .padding=${["3xl","xl","xl","xl"]}
1753
+ gap="xl"
1754
+ >
1755
+ <wui-flex justifyContent="center" alignItems="center">
1756
+ <wui-wallet-image size="lg" imageSrc=${(0,a.J)(this.imageSrc)}></wui-wallet-image>
1757
+
1758
+ ${this.error?null:this.loaderTemplate()}
1759
+
1760
+ <wui-icon-box
1761
+ backgroundColor="error-100"
1762
+ background="opaque"
1763
+ iconColor="error-100"
1764
+ icon="close"
1765
+ size="sm"
1766
+ border
1767
+ borderColor="wui-color-bg-125"
1768
+ ></wui-icon-box>
1769
+ </wui-flex>
1770
+
1771
+ <wui-flex flexDirection="column" alignItems="center" gap="xs">
1772
+ <wui-text variant="paragraph-500" color=${this.error?"error-100":"fg-100"}>
1773
+ ${e}
1774
+ </wui-text>
1775
+ <wui-text align="center" variant="small-500" color="fg-200">${t}</wui-text>
1776
+ </wui-flex>
1777
+
1778
+ ${this.secondaryBtnLabel?o.qy`
1779
+ <wui-button
1780
+ variant="accent"
1781
+ size="md"
1782
+ ?disabled=${this.isRetrying||this.isLoading}
1783
+ @click=${this.onTryAgain.bind(this)}
1784
+ data-testid="w3m-connecting-widget-secondary-button"
1785
+ >
1786
+ <wui-icon color="inherit" slot="iconLeft" name=${this.secondaryBtnIcon}></wui-icon>
1787
+ ${this.secondaryBtnLabel}
1788
+ </wui-button>
1789
+ `:null}
1790
+ </wui-flex>
1791
+
1792
+ ${this.isWalletConnect?o.qy`
1793
+ <wui-flex .padding=${["0","xl","xl","xl"]} justifyContent="center">
1794
+ <wui-link @click=${this.onCopyUri} color="fg-200" data-testid="wui-link-copy">
1795
+ <wui-icon size="xs" color="fg-200" slot="iconLeft" name="copy"></wui-icon>
1796
+ Copy link
1797
+ </wui-link>
1798
+ </wui-flex>
1799
+ `:null}
1800
+
1801
+ <w3m-mobile-download-links .wallet=${this.wallet}></w3m-mobile-download-links>
1802
+ `}onShowRetry(){if(this.error&&!this.showRetry){this.showRetry=!0;const t=this.shadowRoot?.querySelector("wui-button");t?.animate([{opacity:0},{opacity:1}],{fill:"forwards",easing:"ease"})}}onTryAgain(){s.x.setWcError(!1),this.onRetry?(this.isRetrying=!0,this.onRetry?.()):this.onConnect?.()}loaderTemplate(){const t=c.W.state.themeVariables["--w3m-border-radius-master"],e=t?parseInt(t.replace("px",""),10):4;return o.qy`<wui-loading-thumbnail radius=${9*e}></wui-loading-thumbnail>`}onCopyUri(){try{this.uri&&(u.w.copyToClopboard(this.uri),l.P.showSuccess("Link copied"))}catch{l.P.showError("Failed to copy")}}}w.styles=p.A,h([(0,r.wk)()],w.prototype,"isRetrying",void 0),h([(0,r.wk)()],w.prototype,"uri",void 0),h([(0,r.wk)()],w.prototype,"error",void 0),h([(0,r.wk)()],w.prototype,"ready",void 0),h([(0,r.wk)()],w.prototype,"showRetry",void 0),h([(0,r.wk)()],w.prototype,"secondaryBtnLabel",void 0),h([(0,r.wk)()],w.prototype,"secondaryLabel",void 0),h([(0,r.wk)()],w.prototype,"isLoading",void 0),h([(0,r.MZ)({type:Boolean})],w.prototype,"isMobile",void 0),h([(0,r.MZ)()],w.prototype,"onRetry",void 0)},92779:(t,e,i)=>{i(14070)},93378:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1803
+ :host {
1804
+ position: relative;
1805
+ background-color: var(--wui-color-gray-glass-002);
1806
+ display: flex;
1807
+ justify-content: center;
1808
+ align-items: center;
1809
+ width: var(--local-size);
1810
+ height: var(--local-size);
1811
+ border-radius: inherit;
1812
+ border-radius: var(--local-border-radius);
1813
+ }
1814
+
1815
+ :host > wui-flex {
1816
+ overflow: hidden;
1817
+ border-radius: inherit;
1818
+ border-radius: var(--local-border-radius);
1819
+ }
1820
+
1821
+ :host::after {
1822
+ content: '';
1823
+ position: absolute;
1824
+ top: 0;
1825
+ bottom: 0;
1826
+ left: 0;
1827
+ right: 0;
1828
+ border-radius: inherit;
1829
+ border: 1px solid var(--wui-color-gray-glass-010);
1830
+ pointer-events: none;
1831
+ }
1832
+
1833
+ :host([name='Extension'])::after {
1834
+ border: 1px solid var(--wui-color-accent-glass-010);
1835
+ }
1836
+
1837
+ :host([data-wallet-icon='allWallets']) {
1838
+ background-color: var(--wui-all-wallets-bg-100);
1839
+ }
1840
+
1841
+ :host([data-wallet-icon='allWallets'])::after {
1842
+ border: 1px solid var(--wui-color-accent-glass-010);
1843
+ }
1844
+
1845
+ wui-icon[data-parent-size='inherit'] {
1846
+ width: 75%;
1847
+ height: 75%;
1848
+ align-items: center;
1849
+ }
1850
+
1851
+ wui-icon[data-parent-size='sm'] {
1852
+ width: 18px;
1853
+ height: 18px;
1854
+ }
1855
+
1856
+ wui-icon[data-parent-size='md'] {
1857
+ width: 24px;
1858
+ height: 24px;
1859
+ }
1860
+
1861
+ wui-icon[data-parent-size='lg'] {
1862
+ width: 42px;
1863
+ height: 42px;
1864
+ }
1865
+
1866
+ wui-icon[data-parent-size='full'] {
1867
+ width: 100%;
1868
+ height: 100%;
1869
+ }
1870
+
1871
+ :host > wui-icon-box {
1872
+ position: absolute;
1873
+ overflow: hidden;
1874
+ right: -1px;
1875
+ bottom: -2px;
1876
+ z-index: 1;
1877
+ border: 2px solid var(--wui-color-bg-150, #1e1f1f);
1878
+ padding: 1px;
1879
+ }
1880
+ `},93651:(t,e,i)=>{var o=i(52788),r=i(86280),a=i(86036),n=i(73764),s=i(66958),l=(i(3334),i(67232)),c=i(13679),d=i(48714),u=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};let p=class extends o.WF{constructor(){super(...arguments),this.inputElementRef=(0,s._)(),this.size="md",this.disabled=!1,this.placeholder="",this.type="text",this.value=""}render(){const t=`wui-padding-right-${this.inputRightPadding}`,e=`wui-size-${this.size}`,i={[e]:!0,[t]:Boolean(this.inputRightPadding)};return o.qy`${this.templateIcon()}
1881
+ <input
1882
+ data-testid="wui-input-text"
1883
+ ${(0,s.K)(this.inputElementRef)}
1884
+ class=${(0,a.H)(i)}
1885
+ type=${this.type}
1886
+ enterkeyhint=${(0,n.J)(this.enterKeyHint)}
1887
+ ?disabled=${this.disabled}
1888
+ placeholder=${this.placeholder}
1889
+ @input=${this.dispatchInputChangeEvent.bind(this)}
1890
+ .value=${this.value||""}
1891
+ tabindex=${(0,n.J)(this.tabIdx)}
1892
+ />
1893
+ <slot></slot>`}templateIcon(){return this.icon?o.qy`<wui-icon
1894
+ data-input=${this.size}
1895
+ size=${this.size}
1896
+ color="inherit"
1897
+ name=${this.icon}
1898
+ ></wui-icon>`:null}dispatchInputChangeEvent(){this.dispatchEvent(new CustomEvent("inputChange",{detail:this.inputElementRef.value?.value,bubbles:!0,composed:!0}))}};p.styles=[l.W5,l.fD,d.A],u([(0,r.MZ)()],p.prototype,"size",void 0),u([(0,r.MZ)()],p.prototype,"icon",void 0),u([(0,r.MZ)({type:Boolean})],p.prototype,"disabled",void 0),u([(0,r.MZ)()],p.prototype,"placeholder",void 0),u([(0,r.MZ)()],p.prototype,"type",void 0),u([(0,r.MZ)()],p.prototype,"keyHint",void 0),u([(0,r.MZ)()],p.prototype,"value",void 0),u([(0,r.MZ)()],p.prototype,"inputRightPadding",void 0),u([(0,r.MZ)()],p.prototype,"tabIdx",void 0),p=u([(0,c.E)("wui-input-text")],p)},94559:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1899
+ :host {
1900
+ display: grid;
1901
+ width: inherit;
1902
+ height: inherit;
1903
+ }
1904
+ `},95061:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
1905
+ :host {
1906
+ display: inline-flex;
1907
+ background-color: var(--wui-color-gray-glass-002);
1908
+ border-radius: var(--wui-border-radius-3xl);
1909
+ padding: var(--wui-spacing-3xs);
1910
+ position: relative;
1911
+ height: 36px;
1912
+ min-height: 36px;
1913
+ overflow: hidden;
1914
+ }
1915
+
1916
+ :host::before {
1917
+ content: '';
1918
+ position: absolute;
1919
+ pointer-events: none;
1920
+ top: 4px;
1921
+ left: 4px;
1922
+ display: block;
1923
+ width: var(--local-tab-width);
1924
+ height: 28px;
1925
+ border-radius: var(--wui-border-radius-3xl);
1926
+ background-color: var(--wui-color-gray-glass-002);
1927
+ box-shadow: inset 0 0 0 1px var(--wui-color-gray-glass-002);
1928
+ transform: translateX(calc(var(--local-tab) * var(--local-tab-width)));
1929
+ transition: transform var(--wui-ease-out-power-1) var(--wui-duration-md);
1930
+ will-change: background-color, opacity;
1931
+ }
1932
+
1933
+ :host([data-type='flex'])::before {
1934
+ left: 3px;
1935
+ transform: translateX(calc((var(--local-tab) * 34px) + (var(--local-tab) * 4px)));
1936
+ }
1937
+
1938
+ :host([data-type='flex']) {
1939
+ display: flex;
1940
+ padding: 0px 0px 0px 12px;
1941
+ gap: 4px;
1942
+ }
1943
+
1944
+ :host([data-type='flex']) > button > wui-text {
1945
+ position: absolute;
1946
+ left: 18px;
1947
+ opacity: 0;
1948
+ }
1949
+
1950
+ button[data-active='true'] > wui-icon,
1951
+ button[data-active='true'] > wui-text {
1952
+ color: var(--wui-color-fg-100);
1953
+ }
1954
+
1955
+ button[data-active='false'] > wui-icon,
1956
+ button[data-active='false'] > wui-text {
1957
+ color: var(--wui-color-fg-200);
1958
+ }
1959
+
1960
+ button[data-active='true']:disabled,
1961
+ button[data-active='false']:disabled {
1962
+ background-color: transparent;
1963
+ opacity: 0.5;
1964
+ cursor: not-allowed;
1965
+ }
1966
+
1967
+ button[data-active='true']:disabled > wui-text {
1968
+ color: var(--wui-color-fg-200);
1969
+ }
1970
+
1971
+ button[data-active='false']:disabled > wui-text {
1972
+ color: var(--wui-color-fg-300);
1973
+ }
1974
+
1975
+ button > wui-icon,
1976
+ button > wui-text {
1977
+ pointer-events: none;
1978
+ transition: color var(--wui-e ase-out-power-1) var(--wui-duration-md);
1979
+ will-change: color;
1980
+ }
1981
+
1982
+ button {
1983
+ width: var(--local-tab-width);
1984
+ transition: background-color var(--wui-ease-out-power-1) var(--wui-duration-md);
1985
+ will-change: background-color;
1986
+ }
1987
+
1988
+ :host([data-type='flex']) > button {
1989
+ width: 34px;
1990
+ position: relative;
1991
+ display: flex;
1992
+ justify-content: flex-start;
1993
+ }
1994
+
1995
+ button:hover:enabled,
1996
+ button:active:enabled {
1997
+ background-color: transparent !important;
1998
+ }
1999
+
2000
+ button:hover:enabled > wui-icon,
2001
+ button:active:enabled > wui-icon {
2002
+ transition: all var(--wui-ease-out-power-1) var(--wui-duration-lg);
2003
+ color: var(--wui-color-fg-125);
2004
+ }
2005
+
2006
+ button:hover:enabled > wui-text,
2007
+ button:active:enabled > wui-text {
2008
+ transition: all var(--wui-ease-out-power-1) var(--wui-duration-lg);
2009
+ color: var(--wui-color-fg-125);
2010
+ }
2011
+
2012
+ button {
2013
+ border-radius: var(--wui-border-radius-3xl);
2014
+ }
2015
+ `},95264:(t,e,i)=>{var o=i(86792),r=i(47981),a=i(22143),n=i(69658),s=i(91602);let l=class extends s.o{constructor(){if(super(),!this.wallet)throw new Error("w3m-connecting-wc-desktop: No wallet provided");this.onConnect=this.onConnectProxy.bind(this),this.onRender=this.onRenderProxy.bind(this),r.E.sendEvent({type:"track",event:"SELECT_WALLET",properties:{name:this.wallet.name,platform:"desktop"}})}onRenderProxy(){!this.ready&&this.uri&&(this.ready=!0,this.onConnect?.())}onConnectProxy(){if(this.wallet?.desktop_link&&this.uri)try{this.error=!1;const{desktop_link:t,name:e}=this.wallet,{redirect:i,href:r}=a.w.formatNativeUrl(t,this.uri);o.x.setWcLinking({name:e,href:r}),o.x.setRecentWallet(this.wallet),a.w.openHref(i,"_blank")}catch{this.error=!0}}};l=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n}([(0,n.EM)("w3m-connecting-wc-desktop")],l)},95389:(t,e,i)=>{i.d(e,{A:()=>o});const o=i(52788).AH`
2016
+ :host {
2017
+ display: flex;
2018
+ align-items: center;
2019
+ justify-content: center;
2020
+ }
2021
+
2022
+ label {
2023
+ position: relative;
2024
+ display: inline-block;
2025
+ width: 32px;
2026
+ height: 22px;
2027
+ }
2028
+
2029
+ input {
2030
+ width: 0;
2031
+ height: 0;
2032
+ opacity: 0;
2033
+ }
2034
+
2035
+ span {
2036
+ position: absolute;
2037
+ cursor: pointer;
2038
+ top: 0;
2039
+ left: 0;
2040
+ right: 0;
2041
+ bottom: 0;
2042
+ background-color: var(--wui-color-blue-100);
2043
+ border-width: 1px;
2044
+ border-style: solid;
2045
+ border-color: var(--wui-color-gray-glass-002);
2046
+ border-radius: 999px;
2047
+ transition:
2048
+ background-color var(--wui-ease-inout-power-1) var(--wui-duration-md),
2049
+ border-color var(--wui-ease-inout-power-1) var(--wui-duration-md);
2050
+ will-change: background-color, border-color;
2051
+ }
2052
+
2053
+ span:before {
2054
+ position: absolute;
2055
+ content: '';
2056
+ height: 16px;
2057
+ width: 16px;
2058
+ left: 3px;
2059
+ top: 2px;
2060
+ background-color: var(--wui-color-inverse-100);
2061
+ transition: transform var(--wui-ease-inout-power-1) var(--wui-duration-lg);
2062
+ will-change: transform;
2063
+ border-radius: 50%;
2064
+ }
2065
+
2066
+ input:checked + span {
2067
+ border-color: var(--wui-color-gray-glass-005);
2068
+ background-color: var(--wui-color-blue-100);
2069
+ }
2070
+
2071
+ input:not(:checked) + span {
2072
+ background-color: var(--wui-color-gray-glass-010);
2073
+ }
2074
+
2075
+ input:checked + span:before {
2076
+ transform: translateX(calc(100% - 7px));
2077
+ }
2078
+ `},99843:(t,e,i)=>{i.d(e,{a:()=>o});const o=i(52788).JW`<svg viewBox="0 0 48 54" fill="none">
2079
+ <path
2080
+ d="M43.4605 10.7248L28.0485 1.61089C25.5438 0.129705 22.4562 0.129705 19.9515 1.61088L4.53951 10.7248C2.03626 12.2051 0.5 14.9365 0.5 17.886V36.1139C0.5 39.0635 2.03626 41.7949 4.53951 43.2752L19.9515 52.3891C22.4562 53.8703 25.5438 53.8703 28.0485 52.3891L43.4605 43.2752C45.9637 41.7949 47.5 39.0635 47.5 36.114V17.8861C47.5 14.9365 45.9637 12.2051 43.4605 10.7248Z"
2081
+ />
2082
+ </svg>`}};