@dcl/vesting-dashboard 3.7.0 → 3.7.1-19868070294.commit-e76f047

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 (151) hide show
  1. package/assets/PhArrowCircleDown-b4d1b9f0.js +14 -0
  2. package/assets/PhArrowClockwise-35e72491.js +14 -0
  3. package/assets/PhArrowDown-57c22b7e.js +14 -0
  4. package/assets/PhArrowLeft-f48f6a32.js +14 -0
  5. package/assets/PhArrowRight-86fee956.js +14 -0
  6. package/assets/PhArrowSquareOut-7b8bc76d.js +14 -0
  7. package/assets/PhArrowUp-cb14a0b1.js +14 -0
  8. package/assets/PhArrowUpRight-72a93a0e.js +14 -0
  9. package/assets/PhArrowsClockwise-ecc02e05.js +14 -0
  10. package/assets/PhArrowsDownUp-336a1435.js +14 -0
  11. package/assets/PhArrowsLeftRight-fbdccc02.js +14 -0
  12. package/assets/PhBank-31d2eba3.js +14 -0
  13. package/assets/PhBrowser-90d21d12.js +14 -0
  14. package/assets/PhCaretDown-3aabbdc5.js +14 -0
  15. package/assets/PhCaretLeft-282326ec.js +14 -0
  16. package/assets/PhCaretRight-7b09ae84.js +14 -0
  17. package/assets/PhCaretUp-e4584d94.js +14 -0
  18. package/assets/PhCheck-5730aae2.js +14 -0
  19. package/assets/PhCircleHalf-7d16bc06.js +14 -0
  20. package/assets/PhClock-8b060e99.js +14 -0
  21. package/assets/PhCompass-45d3bde6.js +14 -0
  22. package/assets/PhCopy-f77992ef.js +14 -0
  23. package/assets/PhCreditCard-c353277e.js +14 -0
  24. package/assets/PhCurrencyDollar-510272c7.js +14 -0
  25. package/assets/PhDesktop-49e8128e.js +14 -0
  26. package/assets/PhDeviceMobile-cfdf19ef.js +14 -0
  27. package/assets/PhDotsThree-69a484e4.js +14 -0
  28. package/assets/PhEnvelope-fc3dd2a0.js +14 -0
  29. package/assets/PhFunnelSimple-5abe9858.js +14 -0
  30. package/assets/PhGlobe-a1b4ca91.js +14 -0
  31. package/assets/PhIdentificationCard-80541484.js +14 -0
  32. package/assets/PhImage-6bbac6b7.js +14 -0
  33. package/assets/PhInfo-3481abef.js +14 -0
  34. package/assets/PhLightbulb-26b52ed2.js +14 -0
  35. package/assets/PhMagnifyingGlass-4dfb76cc.js +14 -0
  36. package/assets/PhPaperPlaneRight-e6cf54ef.js +14 -0
  37. package/assets/PhPlus-f5753116.js +14 -0
  38. package/assets/PhPower-8bf5c9c7.js +14 -0
  39. package/assets/PhPuzzlePiece-93f1c92b.js +14 -0
  40. package/assets/PhQrCode-03aa9f8a.js +14 -0
  41. package/assets/PhQuestion-6c2bd1ad.js +14 -0
  42. package/assets/PhQuestionMark-820f14af.js +14 -0
  43. package/assets/PhSealCheck-137e0b1b.js +14 -0
  44. package/assets/PhSignOut-ed65c268.js +14 -0
  45. package/assets/PhSpinner-19f53f69.js +14 -0
  46. package/assets/PhTrash-acb3ad59.js +14 -0
  47. package/assets/PhUser-92aa32ba.js +14 -0
  48. package/assets/PhVault-ed94ef20.js +14 -0
  49. package/assets/PhWarning-b2396b99.js +14 -0
  50. package/assets/PhWarningCircle-0f363973.js +14 -0
  51. package/assets/PhX-522d79dd.js +14 -0
  52. package/assets/basic-eeeaaaeb.js +1435 -0
  53. package/assets/core-84b3ed1e.js +254 -0
  54. package/assets/features-21cad012.js +5 -0
  55. package/assets/{fortmatic-544d83cd.js → fortmatic-f30106eb.js} +1 -1
  56. package/assets/{index-c655b8a4.js → index-04415554.js} +1 -1
  57. package/assets/index-069f2f19.js +40 -0
  58. package/assets/index-388893ce.js +1321 -0
  59. package/assets/index-516a1ffc.js +26 -0
  60. package/assets/{index-083f8aea.css → index-91d98a83.css} +7 -7
  61. package/assets/{index-4f5a2d6d.js → index-be0620a9.js} +1 -1
  62. package/assets/{index-eabed5f8.js → index-cf405d3f.js} +1 -1
  63. package/assets/index-ec27bc27.js +7 -0
  64. package/assets/{index-fa03581b.js → index-fec77d48.js} +136 -130
  65. package/assets/native-bf1092f7.js +1 -0
  66. package/assets/property-70d704fc.js +27 -0
  67. package/assets/w3m-modal-4a2f6c0b.js +1209 -0
  68. package/index.html +4 -4
  69. package/package.json +3 -3
  70. package/assets/add-acf9b1b4.js +0 -15
  71. package/assets/all-wallets-8da20287.js +0 -6
  72. package/assets/app-store-e67aed93.js +0 -17
  73. package/assets/apple-729c27b3.js +0 -18
  74. package/assets/arrow-bottom-circle-813b263a.js +0 -11
  75. package/assets/arrow-bottom-d6bb311f.js +0 -8
  76. package/assets/arrow-left-3f704ffa.js +0 -8
  77. package/assets/arrow-right-17ab2e3f.js +0 -8
  78. package/assets/arrow-top-54da8ce5.js +0 -8
  79. package/assets/bank-e1f4c3fc.js +0 -14
  80. package/assets/basic-ad614917.js +0 -2128
  81. package/assets/browser-eb97127f.js +0 -14
  82. package/assets/card-b0c5c8c1.js +0 -14
  83. package/assets/checkmark-bf5ef01d.js +0 -11
  84. package/assets/checkmark-bold-7e354e06.js +0 -8
  85. package/assets/chevron-bottom-d89d2664.js +0 -8
  86. package/assets/chevron-left-c5f39fe4.js +0 -8
  87. package/assets/chevron-right-d3c55332.js +0 -8
  88. package/assets/chevron-top-d80ad128.js +0 -8
  89. package/assets/chrome-store-d9e64081.js +0 -61
  90. package/assets/clock-e0f81e9c.js +0 -8
  91. package/assets/close-27f760b9.js +0 -8
  92. package/assets/coinPlaceholder-7de9c936.js +0 -8
  93. package/assets/compass-b58b98ec.js +0 -8
  94. package/assets/copy-be90f370.js +0 -15
  95. package/assets/core-22576ab2.js +0 -910
  96. package/assets/cursor-57ee0abd.js +0 -3
  97. package/assets/cursor-transparent-57538744.js +0 -12
  98. package/assets/desktop-5acc8b3e.js +0 -9
  99. package/assets/disconnect-d3f01128.js +0 -8
  100. package/assets/discord-8dae2632.js +0 -17
  101. package/assets/etherscan-81f5f92a.js +0 -6
  102. package/assets/exclamation-triangle-886b7149.js +0 -4
  103. package/assets/extension-0e9ba8a4.js +0 -8
  104. package/assets/external-link-b676fc52.js +0 -8
  105. package/assets/facebook-8d75c929.js +0 -26
  106. package/assets/farcaster-aa884f8f.js +0 -12
  107. package/assets/filters-90e66ffd.js +0 -8
  108. package/assets/github-693f2bd4.js +0 -18
  109. package/assets/google-484b54cf.js +0 -18
  110. package/assets/help-circle-45787a88.js +0 -12
  111. package/assets/id-3b4cbdd1.js +0 -12
  112. package/assets/image-96c3f9d0.js +0 -4
  113. package/assets/index-22afa741.js +0 -7
  114. package/assets/index-f40605ee.js +0 -394
  115. package/assets/index.es-6a347079.js +0 -26
  116. package/assets/info-165d435a.js +0 -3
  117. package/assets/info-circle-5b599100.js +0 -12
  118. package/assets/lightbulb-c8f2bf4d.js +0 -3
  119. package/assets/mail-30ba2d81.js +0 -8
  120. package/assets/mobile-e938b174.js +0 -9
  121. package/assets/more-4e55b5a2.js +0 -11
  122. package/assets/network-placeholder-9e336806.js +0 -14
  123. package/assets/nftPlaceholder-8e616704.js +0 -8
  124. package/assets/off-a0926c5e.js +0 -8
  125. package/assets/play-store-dc96d93b.js +0 -32
  126. package/assets/plus-db04badc.js +0 -13
  127. package/assets/qr-code-e9ab5aef.js +0 -6
  128. package/assets/recycle-horizontal-e5f00cf2.js +0 -9
  129. package/assets/refresh-6674ef4c.js +0 -8
  130. package/assets/reown-logo-377bcb99.js +0 -12
  131. package/assets/search-3013ef36.js +0 -8
  132. package/assets/secp256k1-20c931a5.js +0 -1
  133. package/assets/secp256k1-c7caed23.js +0 -1
  134. package/assets/send-042fe740.js +0 -15
  135. package/assets/swapHorizontal-cdd26797.js +0 -8
  136. package/assets/swapHorizontalBold-c0c1ec1e.js +0 -8
  137. package/assets/swapHorizontalMedium-12dd3e75.js +0 -16
  138. package/assets/swapHorizontalRoundedBold-d4067e2b.js +0 -8
  139. package/assets/swapVertical-2c2ae8b1.js +0 -8
  140. package/assets/telegram-c0a71203.js +0 -16
  141. package/assets/three-dots-8119300b.js +0 -5
  142. package/assets/twitch-8d0de139.js +0 -18
  143. package/assets/twitterIcon-26917bdd.js +0 -6
  144. package/assets/verify-a135ffbd.js +0 -8
  145. package/assets/verify-filled-29fa924e.js +0 -8
  146. package/assets/w3m-modal-742fa0d2.js +0 -642
  147. package/assets/wallet-5649743f.js +0 -8
  148. package/assets/wallet-placeholder-32773694.js +0 -14
  149. package/assets/walletconnect-3189ad6b.js +0 -30
  150. package/assets/warning-circle-37a8b22f.js +0 -12
  151. package/assets/x-ee5c9ccd.js +0 -12
@@ -1,642 +0,0 @@
1
- import{p as ve,w as ge,s as fe,q as be,R as l,M as f,t as ne,i as v,r as P,a as g,x as a,u as K,e as ce,o as le,h as m,d as Y,j as ye,v as S,E as ie,O as E,C as q,y as oe,k as A,A as H,T as xe,z as Ce,b as ke,g as Se}from"./core-22576ab2.js";import{c as u,n as d,r as w,o as F,U as Te}from"./index-f40605ee.js";import"./index-fa03581b.js";import"./index.es-6a347079.js";const p=ve({message:"",open:!1,triggerRect:{width:0,height:0,top:0,left:0},variant:"shade"}),We={state:p,subscribe(r){return fe(p,()=>r(p))},subscribeKey(r,e){return be(p,r,e)},showTooltip({message:r,triggerRect:e,variant:t}){p.open=!0,p.message=r,p.triggerRect=e,p.variant=t},hide(){p.open=!1,p.message="",p.triggerRect={width:0,height:0,top:0,left:0}}},O=ge(We),we={isUnsupportedChainView(){return l.state.view==="UnsupportedChain"||l.state.view==="SwitchNetwork"&&l.state.history.includes("UnsupportedChain")},async safeClose(){if(this.isUnsupportedChainView()){f.shake();return}if(await ne.isSIWXCloseDisabled()){f.shake();return}f.close()}},Re=v`
2
- :host {
3
- display: block;
4
- border-radius: clamp(0px, var(--wui-border-radius-l), 44px);
5
- box-shadow: 0 0 0 1px var(--wui-color-gray-glass-005);
6
- background-color: var(--wui-color-modal-bg);
7
- overflow: hidden;
8
- }
9
-
10
- :host([data-embedded='true']) {
11
- box-shadow:
12
- 0 0 0 1px var(--wui-color-gray-glass-005),
13
- 0px 4px 12px 4px var(--w3m-card-embedded-shadow-color);
14
- }
15
- `;var $e=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let J=class extends g{render(){return a`<slot></slot>`}};J.styles=[P,Re];J=$e([u("wui-card")],J);const Ae=v`
16
- :host {
17
- display: flex;
18
- align-items: center;
19
- justify-content: center;
20
- padding: var(--wui-spacing-s);
21
- border-radius: var(--wui-border-radius-s);
22
- border: 1px solid var(--wui-color-dark-glass-100);
23
- box-sizing: border-box;
24
- background-color: var(--wui-color-bg-325);
25
- box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
26
- }
27
-
28
- wui-flex {
29
- width: 100%;
30
- }
31
-
32
- wui-text {
33
- word-break: break-word;
34
- flex: 1;
35
- }
36
-
37
- .close {
38
- cursor: pointer;
39
- }
40
-
41
- .icon-box {
42
- height: 40px;
43
- width: 40px;
44
- border-radius: var(--wui-border-radius-3xs);
45
- background-color: var(--local-icon-bg-value);
46
- }
47
- `;var _=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let T=class extends g{constructor(){super(...arguments),this.message="",this.backgroundColor="accent-100",this.iconColor="accent-100",this.icon="info"}render(){return this.style.cssText=`
48
- --local-icon-bg-value: var(--wui-color-${this.backgroundColor});
49
- `,a`
50
- <wui-flex flexDirection="row" justifyContent="space-between" alignItems="center">
51
- <wui-flex columnGap="xs" flexDirection="row" alignItems="center">
52
- <wui-flex
53
- flexDirection="row"
54
- alignItems="center"
55
- justifyContent="center"
56
- class="icon-box"
57
- >
58
- <wui-icon color=${this.iconColor} size="md" name=${this.icon}></wui-icon>
59
- </wui-flex>
60
- <wui-text variant="small-500" color="bg-350" data-testid="wui-alertbar-text"
61
- >${this.message}</wui-text
62
- >
63
- </wui-flex>
64
- <wui-icon
65
- class="close"
66
- color="bg-350"
67
- size="sm"
68
- name="close"
69
- @click=${this.onClose}
70
- ></wui-icon>
71
- </wui-flex>
72
- `}onClose(){K.close()}};T.styles=[P,Ae];_([d()],T.prototype,"message",void 0);_([d()],T.prototype,"backgroundColor",void 0);_([d()],T.prototype,"iconColor",void 0);_([d()],T.prototype,"icon",void 0);T=_([u("wui-alertbar")],T);const Oe=v`
73
- :host {
74
- display: block;
75
- position: absolute;
76
- top: var(--wui-spacing-s);
77
- left: var(--wui-spacing-l);
78
- right: var(--wui-spacing-l);
79
- opacity: 0;
80
- pointer-events: none;
81
- }
82
- `;var de=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};const Ne={info:{backgroundColor:"fg-350",iconColor:"fg-325",icon:"info"},success:{backgroundColor:"success-glass-reown-020",iconColor:"success-125",icon:"checkmark"},warning:{backgroundColor:"warning-glass-reown-020",iconColor:"warning-100",icon:"warningCircle"},error:{backgroundColor:"error-glass-reown-020",iconColor:"error-125",icon:"exclamationTriangle"}};let M=class extends g{constructor(){super(),this.unsubscribe=[],this.open=K.state.open,this.onOpen(!0),this.unsubscribe.push(K.subscribeKey("open",e=>{this.open=e,this.onOpen(!1)}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){const{message:e,variant:t}=K.state,o=Ne[t];return a`
83
- <wui-alertbar
84
- message=${e}
85
- backgroundColor=${o==null?void 0:o.backgroundColor}
86
- iconColor=${o==null?void 0:o.iconColor}
87
- icon=${o==null?void 0:o.icon}
88
- ></wui-alertbar>
89
- `}onOpen(e){this.open?(this.animate([{opacity:0,transform:"scale(0.85)"},{opacity:1,transform:"scale(1)"}],{duration:150,fill:"forwards",easing:"ease"}),this.style.cssText="pointer-events: auto"):e||(this.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.85)"}],{duration:150,fill:"forwards",easing:"ease"}),this.style.cssText="pointer-events: none")}};M.styles=Oe;de([w()],M.prototype,"open",void 0);M=de([u("w3m-alertbar")],M);const Ee=v`
90
- button {
91
- border-radius: var(--local-border-radius);
92
- color: var(--wui-color-fg-100);
93
- padding: var(--local-padding);
94
- }
95
-
96
- @media (max-width: 700px) {
97
- button {
98
- padding: var(--wui-spacing-s);
99
- }
100
- }
101
-
102
- button > wui-icon {
103
- pointer-events: none;
104
- }
105
-
106
- button:disabled > wui-icon {
107
- color: var(--wui-color-bg-300) !important;
108
- }
109
-
110
- button:disabled {
111
- background-color: transparent;
112
- }
113
- `;var B=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let W=class extends g{constructor(){super(...arguments),this.size="md",this.disabled=!1,this.icon="copy",this.iconColor="inherit"}render(){const e=this.size==="lg"?"--wui-border-radius-xs":"--wui-border-radius-xxs",t=this.size==="lg"?"--wui-spacing-1xs":"--wui-spacing-2xs";return this.style.cssText=`
114
- --local-border-radius: var(${e});
115
- --local-padding: var(${t});
116
- `,a`
117
- <button ?disabled=${this.disabled}>
118
- <wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon>
119
- </button>
120
- `}};W.styles=[P,ce,le,Ee];B([d()],W.prototype,"size",void 0);B([d({type:Boolean})],W.prototype,"disabled",void 0);B([d()],W.prototype,"icon",void 0);B([d()],W.prototype,"iconColor",void 0);W=B([u("wui-icon-link")],W);const Ie=v`
121
- button {
122
- display: block;
123
- display: flex;
124
- align-items: center;
125
- padding: var(--wui-spacing-xxs);
126
- gap: var(--wui-spacing-xxs);
127
- transition: all var(--wui-ease-out-power-1) var(--wui-duration-md);
128
- border-radius: var(--wui-border-radius-xxs);
129
- }
130
-
131
- wui-image {
132
- border-radius: 100%;
133
- width: var(--wui-spacing-xl);
134
- height: var(--wui-spacing-xl);
135
- }
136
-
137
- wui-icon-box {
138
- width: var(--wui-spacing-xl);
139
- height: var(--wui-spacing-xl);
140
- }
141
-
142
- button:hover {
143
- background-color: var(--wui-color-gray-glass-002);
144
- }
145
-
146
- button:active {
147
- background-color: var(--wui-color-gray-glass-005);
148
- }
149
- `;var ue=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let V=class extends g{constructor(){super(...arguments),this.imageSrc=""}render(){return a`<button>
150
- ${this.imageTemplate()}
151
- <wui-icon size="xs" color="fg-200" name="chevronBottom"></wui-icon>
152
- </button>`}imageTemplate(){return this.imageSrc?a`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`:a`<wui-icon-box
153
- size="xxs"
154
- iconColor="fg-200"
155
- backgroundColor="fg-100"
156
- background="opaque"
157
- icon="networkPlaceholder"
158
- ></wui-icon-box>`}};V.styles=[P,ce,le,Ie];ue([d()],V.prototype,"imageSrc",void 0);V=ue([u("wui-select")],V);const Pe=v`
159
- :host {
160
- height: 64px;
161
- }
162
-
163
- wui-text {
164
- text-transform: capitalize;
165
- }
166
-
167
- wui-flex.w3m-header-title {
168
- transform: translateY(0);
169
- opacity: 1;
170
- }
171
-
172
- wui-flex.w3m-header-title[view-direction='prev'] {
173
- animation:
174
- slide-down-out 120ms forwards var(--wui-ease-out-power-2),
175
- slide-down-in 120ms forwards var(--wui-ease-out-power-2);
176
- animation-delay: 0ms, 200ms;
177
- }
178
-
179
- wui-flex.w3m-header-title[view-direction='next'] {
180
- animation:
181
- slide-up-out 120ms forwards var(--wui-ease-out-power-2),
182
- slide-up-in 120ms forwards var(--wui-ease-out-power-2);
183
- animation-delay: 0ms, 200ms;
184
- }
185
-
186
- wui-icon-link[data-hidden='true'] {
187
- opacity: 0 !important;
188
- pointer-events: none;
189
- }
190
-
191
- @keyframes slide-up-out {
192
- from {
193
- transform: translateY(0px);
194
- opacity: 1;
195
- }
196
- to {
197
- transform: translateY(3px);
198
- opacity: 0;
199
- }
200
- }
201
-
202
- @keyframes slide-up-in {
203
- from {
204
- transform: translateY(-3px);
205
- opacity: 0;
206
- }
207
- to {
208
- transform: translateY(0);
209
- opacity: 1;
210
- }
211
- }
212
-
213
- @keyframes slide-down-out {
214
- from {
215
- transform: translateY(0px);
216
- opacity: 1;
217
- }
218
- to {
219
- transform: translateY(-3px);
220
- opacity: 0;
221
- }
222
- }
223
-
224
- @keyframes slide-down-in {
225
- from {
226
- transform: translateY(3px);
227
- opacity: 0;
228
- }
229
- to {
230
- transform: translateY(0);
231
- opacity: 1;
232
- }
233
- }
234
- `;var y=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};const _e=["SmartSessionList"];function G(){var n,c,N,k,j,L,U;const r=(c=(n=l.state.data)==null?void 0:n.connector)==null?void 0:c.name,e=(k=(N=l.state.data)==null?void 0:N.wallet)==null?void 0:k.name,t=(L=(j=l.state.data)==null?void 0:j.network)==null?void 0:L.name,o=e??r,s=q.getConnectors();return{Connect:`Connect ${s.length===1&&((U=s[0])==null?void 0:U.id)==="w3m-email"?"Email":""} Wallet`,Create:"Create Wallet",ChooseAccountName:void 0,Account:void 0,AccountSettings:void 0,AllWallets:"All Wallets",ApproveTransaction:"Approve Transaction",BuyInProgress:"Buy",ConnectingExternal:o??"Connect Wallet",ConnectingWalletConnect:o??"WalletConnect",ConnectingWalletConnectBasic:"WalletConnect",ConnectingSiwe:"Sign In",Convert:"Convert",ConvertSelectToken:"Select token",ConvertPreview:"Preview convert",Downloads:o?`Get ${o}`:"Downloads",EmailLogin:"Email Login",EmailVerifyOtp:"Confirm Email",EmailVerifyDevice:"Register Device",GetWallet:"Get a wallet",Networks:"Choose Network",OnRampProviders:"Choose Provider",OnRampActivity:"Activity",OnRampTokenSelect:"Select Token",OnRampFiatSelect:"Select Currency",Pay:"How you pay",Profile:void 0,SwitchNetwork:t??"Switch Network",SwitchAddress:"Switch Address",Transactions:"Activity",UnsupportedChain:"Switch Network",UpgradeEmailWallet:"Upgrade your Wallet",UpdateEmailWallet:"Edit Email",UpdateEmailPrimaryOtp:"Confirm Current Email",UpdateEmailSecondaryOtp:"Confirm New Email",WhatIsABuy:"What is Buy?",RegisterAccountName:"Choose name",RegisterAccountNameSuccess:"",WalletReceive:"Receive",WalletCompatibleNetworks:"Compatible Networks",Swap:"Swap",SwapSelectToken:"Select token",SwapPreview:"Preview swap",WalletSend:"Send",WalletSendPreview:"Review send",WalletSendSelectToken:"Select Token",WhatIsANetwork:"What is a network?",WhatIsAWallet:"What is a wallet?",ConnectWallets:"Connect wallet",ConnectSocials:"All socials",ConnectingSocial:oe.state.socialProvider?oe.state.socialProvider:"Connect Social",ConnectingMultiChain:"Select chain",ConnectingFarcaster:"Farcaster",SwitchActiveChain:"Switch chain",SmartSessionCreated:void 0,SmartSessionList:"Smart Sessions",SIWXSignMessage:"Sign In",PayLoading:"Payment in progress"}}let h=class extends g{constructor(){super(),this.unsubscribe=[],this.heading=G()[l.state.view],this.network=m.state.activeCaipNetwork,this.networkImage=Y.getNetworkImage(this.network),this.showBack=!1,this.prevHistoryLength=1,this.view=l.state.view,this.viewDirection="",this.headerText=G()[l.state.view],this.unsubscribe.push(ye.subscribeNetworkImages(()=>{this.networkImage=Y.getNetworkImage(this.network)}),l.subscribeKey("view",e=>{setTimeout(()=>{this.view=e,this.headerText=G()[e]},S.ANIMATION_DURATIONS.HeaderText),this.onViewChange(),this.onHistoryChange()}),m.subscribeKey("activeCaipNetwork",e=>{this.network=e,this.networkImage=Y.getNetworkImage(this.network)}))}disconnectCallback(){this.unsubscribe.forEach(e=>e())}render(){return a`
235
- <wui-flex .padding=${this.getPadding()} justifyContent="space-between" alignItems="center">
236
- ${this.leftHeaderTemplate()} ${this.titleTemplate()} ${this.rightHeaderTemplate()}
237
- </wui-flex>
238
- `}onWalletHelp(){ie.sendEvent({type:"track",event:"CLICK_WALLET_HELP"}),l.push("WhatIsAWallet")}async onClose(){await we.safeClose()}rightHeaderTemplate(){var t,o,s;const e=(s=(o=(t=E)==null?void 0:t.state)==null?void 0:o.features)==null?void 0:s.smartSessions;return l.state.view!=="Account"||!e?this.closeButtonTemplate():a`<wui-flex>
239
- <wui-icon-link
240
- icon="clock"
241
- @click=${()=>l.push("SmartSessionList")}
242
- data-testid="w3m-header-smart-sessions"
243
- ></wui-icon-link>
244
- ${this.closeButtonTemplate()}
245
- </wui-flex> `}closeButtonTemplate(){return a`
246
- <wui-icon-link
247
- icon="close"
248
- @click=${this.onClose.bind(this)}
249
- data-testid="w3m-header-close"
250
- ></wui-icon-link>
251
- `}titleTemplate(){const e=_e.includes(this.view);return a`
252
- <wui-flex
253
- view-direction="${this.viewDirection}"
254
- class="w3m-header-title"
255
- alignItems="center"
256
- gap="xs"
257
- >
258
- <wui-text variant="paragraph-700" color="fg-100" data-testid="w3m-header-text"
259
- >${this.headerText}</wui-text
260
- >
261
- ${e?a`<wui-tag variant="main">Beta</wui-tag>`:null}
262
- </wui-flex>
263
- `}leftHeaderTemplate(){var k;const{view:e}=l.state,t=e==="Connect",o=E.state.enableEmbedded,s=e==="ApproveTransaction",i=e==="ConnectingSiwe",n=e==="Account",c=E.state.enableNetworkSwitch,N=s||i||t&&o;return n&&c?a`<wui-select
264
- id="dynamic"
265
- data-testid="w3m-account-select-network"
266
- active-network=${F((k=this.network)==null?void 0:k.name)}
267
- @click=${this.onNetworks.bind(this)}
268
- imageSrc=${F(this.networkImage)}
269
- ></wui-select>`:this.showBack&&!N?a`<wui-icon-link
270
- data-testid="header-back"
271
- id="dynamic"
272
- icon="chevronLeft"
273
- @click=${this.onGoBack.bind(this)}
274
- ></wui-icon-link>`:a`<wui-icon-link
275
- data-hidden=${!t}
276
- id="dynamic"
277
- icon="helpCircle"
278
- @click=${this.onWalletHelp.bind(this)}
279
- ></wui-icon-link>`}onNetworks(){this.isAllowedNetworkSwitch()&&(ie.sendEvent({type:"track",event:"CLICK_NETWORKS"}),l.push("Networks"))}isAllowedNetworkSwitch(){const e=m.getAllRequestedCaipNetworks(),t=e?e.length>1:!1,o=e==null?void 0:e.find(({id:s})=>{var i;return s===((i=this.network)==null?void 0:i.id)});return t||!o}getPadding(){return this.heading?["l","2l","l","2l"]:["0","2l","0","2l"]}onViewChange(){const{history:e}=l.state;let t=S.VIEW_DIRECTION.Next;e.length<this.prevHistoryLength&&(t=S.VIEW_DIRECTION.Prev),this.prevHistoryLength=e.length,this.viewDirection=t}async onHistoryChange(){var o;const{history:e}=l.state,t=(o=this.shadowRoot)==null?void 0:o.querySelector("#dynamic");e.length>1&&!this.showBack&&t?(await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.showBack=!0,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"})):e.length<=1&&this.showBack&&t&&(await t.animate([{opacity:1},{opacity:0}],{duration:200,fill:"forwards",easing:"ease"}).finished,this.showBack=!1,t.animate([{opacity:0},{opacity:1}],{duration:200,fill:"forwards",easing:"ease"}))}onGoBack(){l.goBack()}};h.styles=Pe;y([w()],h.prototype,"heading",void 0);y([w()],h.prototype,"network",void 0);y([w()],h.prototype,"networkImage",void 0);y([w()],h.prototype,"showBack",void 0);y([w()],h.prototype,"prevHistoryLength",void 0);y([w()],h.prototype,"view",void 0);y([w()],h.prototype,"viewDirection",void 0);y([w()],h.prototype,"headerText",void 0);h=y([u("w3m-header")],h);const Be=v`
280
- :host {
281
- display: flex;
282
- column-gap: var(--wui-spacing-s);
283
- align-items: center;
284
- padding: var(--wui-spacing-xs) var(--wui-spacing-m) var(--wui-spacing-xs) var(--wui-spacing-xs);
285
- border-radius: var(--wui-border-radius-s);
286
- border: 1px solid var(--wui-color-gray-glass-005);
287
- box-sizing: border-box;
288
- background-color: var(--wui-color-bg-175);
289
- box-shadow:
290
- 0px 14px 64px -4px rgba(0, 0, 0, 0.15),
291
- 0px 8px 22px -6px rgba(0, 0, 0, 0.15);
292
-
293
- max-width: 300px;
294
- }
295
-
296
- :host wui-loading-spinner {
297
- margin-left: var(--wui-spacing-3xs);
298
- }
299
- `;var $=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let b=class extends g{constructor(){super(...arguments),this.backgroundColor="accent-100",this.iconColor="accent-100",this.icon="checkmark",this.message="",this.loading=!1,this.iconType="default"}render(){return a`
300
- ${this.templateIcon()}
301
- <wui-text variant="paragraph-500" color="fg-100" data-testid="wui-snackbar-message"
302
- >${this.message}</wui-text
303
- >
304
- `}templateIcon(){return this.loading?a`<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>`:this.iconType==="default"?a`<wui-icon size="xl" color=${this.iconColor} name=${this.icon}></wui-icon>`:a`<wui-icon-box
305
- size="sm"
306
- iconSize="xs"
307
- iconColor=${this.iconColor}
308
- backgroundColor=${this.backgroundColor}
309
- icon=${this.icon}
310
- background="opaque"
311
- ></wui-icon-box>`}};b.styles=[P,Be];$([d()],b.prototype,"backgroundColor",void 0);$([d()],b.prototype,"iconColor",void 0);$([d()],b.prototype,"icon",void 0);$([d()],b.prototype,"message",void 0);$([d()],b.prototype,"loading",void 0);$([d()],b.prototype,"iconType",void 0);b=$([u("wui-snackbar")],b);const De=v`
312
- :host {
313
- display: block;
314
- position: absolute;
315
- opacity: 0;
316
- pointer-events: none;
317
- top: 11px;
318
- left: 50%;
319
- width: max-content;
320
- }
321
- `;var pe=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};const je={loading:void 0,success:{backgroundColor:"success-100",iconColor:"success-100",icon:"checkmark"},error:{backgroundColor:"error-100",iconColor:"error-100",icon:"close"}};let X=class extends g{constructor(){super(),this.unsubscribe=[],this.timeout=void 0,this.open=A.state.open,this.unsubscribe.push(A.subscribeKey("open",e=>{this.open=e,this.onOpen()}))}disconnectedCallback(){clearTimeout(this.timeout),this.unsubscribe.forEach(e=>e())}render(){const{message:e,variant:t,svg:o}=A.state,s=je[t],{icon:i,iconColor:n}=o??s??{};return a`
322
- <wui-snackbar
323
- message=${e}
324
- backgroundColor=${s==null?void 0:s.backgroundColor}
325
- iconColor=${n}
326
- icon=${i}
327
- .loading=${t==="loading"}
328
- ></wui-snackbar>
329
- `}onOpen(){clearTimeout(this.timeout),this.open?(this.animate([{opacity:0,transform:"translateX(-50%) scale(0.85)"},{opacity:1,transform:"translateX(-50%) scale(1)"}],{duration:150,fill:"forwards",easing:"ease"}),this.timeout&&clearTimeout(this.timeout),A.state.autoClose&&(this.timeout=setTimeout(()=>A.hide(),2500))):this.animate([{opacity:1,transform:"translateX(-50%) scale(1)"},{opacity:0,transform:"translateX(-50%) scale(0.85)"}],{duration:150,fill:"forwards",easing:"ease"})}};X.styles=De;pe([w()],X.prototype,"open",void 0);X=pe([u("w3m-snackbar")],X);const Le=v`
330
- :host {
331
- pointer-events: none;
332
- }
333
-
334
- :host > wui-flex {
335
- display: var(--w3m-tooltip-display);
336
- opacity: var(--w3m-tooltip-opacity);
337
- padding: 9px var(--wui-spacing-s) 10px var(--wui-spacing-s);
338
- border-radius: var(--wui-border-radius-xxs);
339
- color: var(--wui-color-bg-100);
340
- position: fixed;
341
- top: var(--w3m-tooltip-top);
342
- left: var(--w3m-tooltip-left);
343
- transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));
344
- max-width: calc(var(--w3m-modal-width) - var(--wui-spacing-xl));
345
- transition: opacity 0.2s var(--wui-ease-out-power-2);
346
- will-change: opacity;
347
- }
348
-
349
- :host([data-variant='shade']) > wui-flex {
350
- background-color: var(--wui-color-bg-150);
351
- border: 1px solid var(--wui-color-gray-glass-005);
352
- }
353
-
354
- :host([data-variant='shade']) > wui-flex > wui-text {
355
- color: var(--wui-color-fg-150);
356
- }
357
-
358
- :host([data-variant='fill']) > wui-flex {
359
- background-color: var(--wui-color-fg-100);
360
- border: none;
361
- }
362
-
363
- wui-icon {
364
- position: absolute;
365
- width: 12px !important;
366
- height: 4px !important;
367
- color: var(--wui-color-bg-150);
368
- }
369
-
370
- wui-icon[data-placement='top'] {
371
- bottom: 0px;
372
- left: 50%;
373
- transform: translate(-50%, 95%);
374
- }
375
-
376
- wui-icon[data-placement='bottom'] {
377
- top: 0;
378
- left: 50%;
379
- transform: translate(-50%, -95%) rotate(180deg);
380
- }
381
-
382
- wui-icon[data-placement='right'] {
383
- top: 50%;
384
- left: 0;
385
- transform: translate(-65%, -50%) rotate(90deg);
386
- }
387
-
388
- wui-icon[data-placement='left'] {
389
- top: 50%;
390
- right: 0%;
391
- transform: translate(65%, -50%) rotate(270deg);
392
- }
393
- `;var D=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let R=class extends g{constructor(){super(),this.unsubscribe=[],this.open=O.state.open,this.message=O.state.message,this.triggerRect=O.state.triggerRect,this.variant=O.state.variant,this.unsubscribe.push(O.subscribe(e=>{this.open=e.open,this.message=e.message,this.triggerRect=e.triggerRect,this.variant=e.variant}))}disconnectedCallback(){this.unsubscribe.forEach(e=>e())}render(){this.dataset.variant=this.variant;const e=this.triggerRect.top,t=this.triggerRect.left;return this.style.cssText=`
394
- --w3m-tooltip-top: ${e}px;
395
- --w3m-tooltip-left: ${t}px;
396
- --w3m-tooltip-parent-width: ${this.triggerRect.width/2}px;
397
- --w3m-tooltip-display: ${this.open?"flex":"none"};
398
- --w3m-tooltip-opacity: ${this.open?1:0};
399
- `,a`<wui-flex>
400
- <wui-icon data-placement="top" color="fg-100" size="inherit" name="cursor"></wui-icon>
401
- <wui-text color="inherit" variant="small-500">${this.message}</wui-text>
402
- </wui-flex>`}};R.styles=[Le];D([w()],R.prototype,"open",void 0);D([w()],R.prototype,"message",void 0);D([w()],R.prototype,"triggerRect",void 0);D([w()],R.prototype,"variant",void 0);R=D([u("w3m-tooltip"),u("w3m-tooltip")],R);const Ue=v`
403
- :host {
404
- --prev-height: 0px;
405
- --new-height: 0px;
406
- display: block;
407
- }
408
-
409
- div.w3m-router-container {
410
- transform: translateY(0);
411
- opacity: 1;
412
- }
413
-
414
- div.w3m-router-container[view-direction='prev'] {
415
- animation:
416
- slide-left-out 150ms forwards ease,
417
- slide-left-in 150ms forwards ease;
418
- animation-delay: 0ms, 200ms;
419
- }
420
-
421
- div.w3m-router-container[view-direction='next'] {
422
- animation:
423
- slide-right-out 150ms forwards ease,
424
- slide-right-in 150ms forwards ease;
425
- animation-delay: 0ms, 200ms;
426
- }
427
-
428
- @keyframes slide-left-out {
429
- from {
430
- transform: translateX(0px);
431
- opacity: 1;
432
- }
433
- to {
434
- transform: translateX(10px);
435
- opacity: 0;
436
- }
437
- }
438
-
439
- @keyframes slide-left-in {
440
- from {
441
- transform: translateX(-10px);
442
- opacity: 0;
443
- }
444
- to {
445
- transform: translateX(0);
446
- opacity: 1;
447
- }
448
- }
449
-
450
- @keyframes slide-right-out {
451
- from {
452
- transform: translateX(0px);
453
- opacity: 1;
454
- }
455
- to {
456
- transform: translateX(-10px);
457
- opacity: 0;
458
- }
459
- }
460
-
461
- @keyframes slide-right-in {
462
- from {
463
- transform: translateX(10px);
464
- opacity: 0;
465
- }
466
- to {
467
- transform: translateX(0);
468
- opacity: 1;
469
- }
470
- }
471
- `;var Q=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};let I=class extends g{constructor(){super(),this.resizeObserver=void 0,this.prevHeight="0px",this.prevHistoryLength=1,this.unsubscribe=[],this.view=l.state.view,this.viewDirection="",this.unsubscribe.push(l.subscribeKey("view",e=>this.onViewChange(e)))}firstUpdated(){var e;this.resizeObserver=new ResizeObserver(([t])=>{const o=`${t==null?void 0:t.contentRect.height}px`;this.prevHeight!=="0px"&&(this.style.setProperty("--prev-height",this.prevHeight),this.style.setProperty("--new-height",o),this.style.animation="w3m-view-height 150ms forwards ease",this.style.height="auto"),setTimeout(()=>{this.prevHeight=o,this.style.animation="unset"},S.ANIMATION_DURATIONS.ModalHeight)}),(e=this.resizeObserver)==null||e.observe(this.getWrapper())}disconnectedCallback(){var e;(e=this.resizeObserver)==null||e.unobserve(this.getWrapper()),this.unsubscribe.forEach(t=>t())}render(){return a`<div class="w3m-router-container" view-direction="${this.viewDirection}">
472
- ${this.viewTemplate()}
473
- </div>`}viewTemplate(){switch(this.view){case"AccountSettings":return a`<w3m-account-settings-view></w3m-account-settings-view>`;case"Account":return a`<w3m-account-view></w3m-account-view>`;case"AllWallets":return a`<w3m-all-wallets-view></w3m-all-wallets-view>`;case"ApproveTransaction":return a`<w3m-approve-transaction-view></w3m-approve-transaction-view>`;case"BuyInProgress":return a`<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;case"ChooseAccountName":return a`<w3m-choose-account-name-view></w3m-choose-account-name-view>`;case"Connect":return a`<w3m-connect-view></w3m-connect-view>`;case"Create":return a`<w3m-connect-view walletGuide="explore"></w3m-connect-view>`;case"ConnectingWalletConnect":return a`<w3m-connecting-wc-view></w3m-connecting-wc-view>`;case"ConnectingWalletConnectBasic":return a`<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;case"ConnectingExternal":return a`<w3m-connecting-external-view></w3m-connecting-external-view>`;case"ConnectingSiwe":return a`<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;case"ConnectWallets":return a`<w3m-connect-wallets-view></w3m-connect-wallets-view>`;case"ConnectSocials":return a`<w3m-connect-socials-view></w3m-connect-socials-view>`;case"ConnectingSocial":return a`<w3m-connecting-social-view></w3m-connecting-social-view>`;case"Downloads":return a`<w3m-downloads-view></w3m-downloads-view>`;case"EmailLogin":return a`<w3m-email-login-view></w3m-email-login-view>`;case"EmailVerifyOtp":return a`<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;case"EmailVerifyDevice":return a`<w3m-email-verify-device-view></w3m-email-verify-device-view>`;case"GetWallet":return a`<w3m-get-wallet-view></w3m-get-wallet-view>`;case"Networks":return a`<w3m-networks-view></w3m-networks-view>`;case"SwitchNetwork":return a`<w3m-network-switch-view></w3m-network-switch-view>`;case"Profile":return a`<w3m-profile-view></w3m-profile-view>`;case"SwitchAddress":return a`<w3m-switch-address-view></w3m-switch-address-view>`;case"Transactions":return a`<w3m-transactions-view></w3m-transactions-view>`;case"OnRampProviders":return a`<w3m-onramp-providers-view></w3m-onramp-providers-view>`;case"OnRampActivity":return a`<w3m-onramp-activity-view></w3m-onramp-activity-view>`;case"OnRampTokenSelect":return a`<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;case"OnRampFiatSelect":return a`<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;case"UpgradeEmailWallet":return a`<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;case"UpdateEmailWallet":return a`<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;case"UpdateEmailPrimaryOtp":return a`<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;case"UpdateEmailSecondaryOtp":return a`<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;case"UnsupportedChain":return a`<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;case"Swap":return a`<w3m-swap-view></w3m-swap-view>`;case"SwapSelectToken":return a`<w3m-swap-select-token-view></w3m-swap-select-token-view>`;case"SwapPreview":return a`<w3m-swap-preview-view></w3m-swap-preview-view>`;case"WalletSend":return a`<w3m-wallet-send-view></w3m-wallet-send-view>`;case"WalletSendSelectToken":return a`<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;case"WalletSendPreview":return a`<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;case"WhatIsABuy":return a`<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;case"WalletReceive":return a`<w3m-wallet-receive-view></w3m-wallet-receive-view>`;case"WalletCompatibleNetworks":return a`<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;case"WhatIsAWallet":return a`<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;case"ConnectingMultiChain":return a`<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;case"WhatIsANetwork":return a`<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;case"ConnectingFarcaster":return a`<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;case"SwitchActiveChain":return a`<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;case"RegisterAccountName":return a`<w3m-register-account-name-view></w3m-register-account-name-view>`;case"RegisterAccountNameSuccess":return a`<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;case"SmartSessionCreated":return a`<w3m-smart-session-created-view></w3m-smart-session-created-view>`;case"SmartSessionList":return a`<w3m-smart-session-list-view></w3m-smart-session-list-view>`;case"SIWXSignMessage":return a`<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;case"Pay":return a`<w3m-pay-view></w3m-pay-view>`;case"PayLoading":return a`<w3m-pay-loading-view></w3m-pay-loading-view>`;default:return a`<w3m-connect-view></w3m-connect-view>`}}onViewChange(e){O.hide();let t=S.VIEW_DIRECTION.Next;const{history:o}=l.state;o.length<this.prevHistoryLength&&(t=S.VIEW_DIRECTION.Prev),this.prevHistoryLength=o.length,this.viewDirection=t,setTimeout(()=>{this.view=e},S.ANIMATION_DURATIONS.ViewTransition)}getWrapper(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector("div")}};I.styles=Ue;Q([w()],I.prototype,"view",void 0);Q([w()],I.prototype,"viewDirection",void 0);I=Q([u("w3m-router")],I);const ze=v`
474
- :host {
475
- z-index: var(--w3m-z-index);
476
- display: block;
477
- backface-visibility: hidden;
478
- will-change: opacity;
479
- position: fixed;
480
- top: 0;
481
- left: 0;
482
- right: 0;
483
- bottom: 0;
484
- pointer-events: none;
485
- opacity: 0;
486
- background-color: var(--wui-cover);
487
- transition: opacity 0.2s var(--wui-ease-out-power-2);
488
- will-change: opacity;
489
- }
490
-
491
- :host(.open) {
492
- opacity: 1;
493
- }
494
-
495
- :host(.appkit-modal) {
496
- position: relative;
497
- pointer-events: unset;
498
- background: none;
499
- width: 100%;
500
- opacity: 1;
501
- }
502
-
503
- wui-card {
504
- max-width: var(--w3m-modal-width);
505
- width: 100%;
506
- position: relative;
507
- animation: zoom-in 0.2s var(--wui-ease-out-power-2);
508
- animation-fill-mode: backwards;
509
- outline: none;
510
- transition:
511
- border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
512
- background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
513
- will-change: border-radius, background-color;
514
- }
515
-
516
- :host(.appkit-modal) wui-card {
517
- max-width: 400px;
518
- }
519
-
520
- wui-card[shake='true'] {
521
- animation:
522
- zoom-in 0.2s var(--wui-ease-out-power-2),
523
- w3m-shake 0.5s var(--wui-ease-out-power-2);
524
- }
525
-
526
- wui-flex {
527
- overflow-x: hidden;
528
- overflow-y: auto;
529
- display: flex;
530
- align-items: center;
531
- justify-content: center;
532
- width: 100%;
533
- height: 100%;
534
- }
535
-
536
- @media (max-height: 700px) and (min-width: 431px) {
537
- wui-flex {
538
- align-items: flex-start;
539
- }
540
-
541
- wui-card {
542
- margin: var(--wui-spacing-xxl) 0px;
543
- }
544
- }
545
-
546
- @media (max-width: 430px) {
547
- wui-flex {
548
- align-items: flex-end;
549
- }
550
-
551
- wui-card {
552
- max-width: 100%;
553
- border-bottom-left-radius: var(--local-border-bottom-mobile-radius);
554
- border-bottom-right-radius: var(--local-border-bottom-mobile-radius);
555
- border-bottom: none;
556
- animation: slide-in 0.2s var(--wui-ease-out-power-2);
557
- }
558
-
559
- wui-card[shake='true'] {
560
- animation:
561
- slide-in 0.2s var(--wui-ease-out-power-2),
562
- w3m-shake 0.5s var(--wui-ease-out-power-2);
563
- }
564
- }
565
-
566
- @keyframes zoom-in {
567
- 0% {
568
- transform: scale(0.95) translateY(0);
569
- }
570
- 100% {
571
- transform: scale(1) translateY(0);
572
- }
573
- }
574
-
575
- @keyframes slide-in {
576
- 0% {
577
- transform: scale(1) translateY(50px);
578
- }
579
- 100% {
580
- transform: scale(1) translateY(0);
581
- }
582
- }
583
-
584
- @keyframes w3m-shake {
585
- 0% {
586
- transform: scale(1) rotate(0deg);
587
- }
588
- 20% {
589
- transform: scale(1) rotate(-1deg);
590
- }
591
- 40% {
592
- transform: scale(1) rotate(1.5deg);
593
- }
594
- 60% {
595
- transform: scale(1) rotate(-1.5deg);
596
- }
597
- 80% {
598
- transform: scale(1) rotate(1deg);
599
- }
600
- 100% {
601
- transform: scale(1) rotate(0deg);
602
- }
603
- }
604
-
605
- @keyframes w3m-view-height {
606
- from {
607
- height: var(--prev-height);
608
- }
609
- to {
610
- height: var(--new-height);
611
- }
612
- }
613
- `;var C=globalThis&&globalThis.__decorate||function(r,e,t,o){var s=arguments.length,i=s<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(r,e,t,o);else for(var c=r.length-1;c>=0;c--)(n=r[c])&&(i=(s<3?n(i):s>3?n(e,t,i):n(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};const ae="scroll-lock";class x extends g{constructor(){super(),this.unsubscribe=[],this.abortController=void 0,this.hasPrefetched=!1,this.enableEmbedded=E.state.enableEmbedded,this.open=f.state.open,this.caipAddress=m.state.activeCaipAddress,this.caipNetwork=m.state.activeCaipNetwork,this.shake=f.state.shake,this.filterByNamespace=q.state.filterByNamespace,this.initializeTheming(),H.prefetchAnalyticsConfig(),this.unsubscribe.push(f.subscribeKey("open",e=>e?this.onOpen():this.onClose()),f.subscribeKey("shake",e=>this.shake=e),m.subscribeKey("activeCaipNetwork",e=>this.onNewNetwork(e)),m.subscribeKey("activeCaipAddress",e=>this.onNewAddress(e)),E.subscribeKey("enableEmbedded",e=>this.enableEmbedded=e),q.subscribeKey("filterByNamespace",e=>{var t;this.filterByNamespace!==e&&!((t=m.getAccountData(e))!=null&&t.caipAddress)&&(H.fetchRecommendedWallets(),this.filterByNamespace=e)}))}firstUpdated(){if(this.caipAddress){if(this.enableEmbedded){f.close(),this.prefetch();return}this.onNewAddress(this.caipAddress)}this.open&&this.onOpen(),this.enableEmbedded&&this.prefetch()}disconnectedCallback(){this.unsubscribe.forEach(e=>e()),this.onRemoveKeyboardListener()}render(){return this.style.cssText=`
614
- --local-border-bottom-mobile-radius: ${this.enableEmbedded?"clamp(0px, var(--wui-border-radius-l), 44px)":"0px"};
615
- `,this.enableEmbedded?a`${this.contentTemplate()}
616
- <w3m-tooltip></w3m-tooltip> `:this.open?a`
617
- <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
618
- ${this.contentTemplate()}
619
- </wui-flex>
620
- <w3m-tooltip></w3m-tooltip>
621
- `:null}contentTemplate(){return a` <wui-card
622
- shake="${this.shake}"
623
- data-embedded="${F(this.enableEmbedded)}"
624
- role="alertdialog"
625
- aria-modal="true"
626
- tabindex="0"
627
- data-testid="w3m-modal-card"
628
- >
629
- <w3m-header></w3m-header>
630
- <w3m-router></w3m-router>
631
- <w3m-snackbar></w3m-snackbar>
632
- <w3m-alertbar></w3m-alertbar>
633
- </wui-card>`}async onOverlayClick(e){e.target===e.currentTarget&&await this.handleClose()}async handleClose(){await we.safeClose()}initializeTheming(){const{themeVariables:e,themeMode:t}=xe.state,o=Te.getColorTheme(t);Ce(e,o)}onClose(){this.open=!1,this.classList.remove("open"),this.onScrollUnlock(),A.hide(),this.onRemoveKeyboardListener()}onOpen(){this.open=!0,this.classList.add("open"),this.onScrollLock(),this.onAddKeyboardListener()}onScrollLock(){const e=document.createElement("style");e.dataset.w3m=ae,e.textContent=`
634
- body {
635
- touch-action: none;
636
- overflow: hidden;
637
- overscroll-behavior: contain;
638
- }
639
- w3m-modal {
640
- pointer-events: auto;
641
- }
642
- `,document.head.appendChild(e)}onScrollUnlock(){const e=document.head.querySelector(`style[data-w3m="${ae}"]`);e&&e.remove()}onAddKeyboardListener(){var t;this.abortController=new AbortController;const e=(t=this.shadowRoot)==null?void 0:t.querySelector("wui-card");e==null||e.focus(),window.addEventListener("keydown",o=>{if(o.key==="Escape")this.handleClose();else if(o.key==="Tab"){const{tagName:s}=o.target;s&&!s.includes("W3M-")&&!s.includes("WUI-")&&(e==null||e.focus())}},this.abortController)}onRemoveKeyboardListener(){var e;(e=this.abortController)==null||e.abort(),this.abortController=void 0}async onNewAddress(e){const t=m.state.isSwitchingNamespace,o=ke.getPlainAddress(e);!o&&!t?f.close():t&&o&&l.goBack(),await ne.initializeIfEnabled(),this.caipAddress=e,m.setIsSwitchingNamespace(!1)}onNewNetwork(e){var Z,ee,te;const t=this.caipNetwork,o=(Z=t==null?void 0:t.caipNetworkId)==null?void 0:Z.toString(),s=t==null?void 0:t.chainNamespace,i=(ee=e==null?void 0:e.caipNetworkId)==null?void 0:ee.toString(),n=e==null?void 0:e.chainNamespace,c=o!==i,k=c&&!(s!==n),j=(t==null?void 0:t.name)===Se.UNSUPPORTED_NETWORK_NAME,L=l.state.view==="ConnectingExternal",U=!((te=m.getAccountData(e==null?void 0:e.chainNamespace))!=null&&te.caipAddress),me=l.state.view==="UnsupportedChain",he=f.state.open;let z=!1;he&&!L&&(U?c&&(z=!0):(me||k&&!j)&&(z=!0)),z&&l.state.view!=="SIWXSignMessage"&&l.goBack(),this.caipNetwork=e}prefetch(){this.hasPrefetched||(H.prefetch(),H.fetchWalletsByPage({page:1}),this.hasPrefetched=!0)}}x.styles=ze;C([d({type:Boolean})],x.prototype,"enableEmbedded",void 0);C([w()],x.prototype,"open",void 0);C([w()],x.prototype,"caipAddress",void 0);C([w()],x.prototype,"caipNetwork",void 0);C([w()],x.prototype,"shake",void 0);C([w()],x.prototype,"filterByNamespace",void 0);let se=class extends x{};se=C([u("w3m-modal")],se);let re=class extends x{};re=C([u("appkit-modal")],re);export{re as AppKitModal,se as W3mModal,x as W3mModalBase};