@arcenpay/react 0.0.1

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 (101) hide show
  1. package/README.md +124 -0
  2. package/dist/add-LG363GP4.mjs +34 -0
  3. package/dist/all-wallets-UW4KSWDQ.mjs +25 -0
  4. package/dist/app-store-GOSERMQC.mjs +36 -0
  5. package/dist/apple-Y34SY63H.mjs +37 -0
  6. package/dist/arrow-bottom-YDRRJYRC.mjs +27 -0
  7. package/dist/arrow-bottom-circle-XSCE7Y52.mjs +30 -0
  8. package/dist/arrow-left-VMP4J3ME.mjs +27 -0
  9. package/dist/arrow-right-FSU7ZETV.mjs +27 -0
  10. package/dist/arrow-top-SQNMDYUF.mjs +27 -0
  11. package/dist/bank-DO6DNPBT.mjs +33 -0
  12. package/dist/basic-3OAVXLDO.mjs +10769 -0
  13. package/dist/browser-BI7YYLKK.mjs +33 -0
  14. package/dist/card-F2CIEB7K.mjs +33 -0
  15. package/dist/checkmark-YASK3T7D.mjs +30 -0
  16. package/dist/checkmark-bold-UJRS6R4T.mjs +27 -0
  17. package/dist/chevron-bottom-Z7YOJH7F.mjs +27 -0
  18. package/dist/chevron-left-YPDPGZVV.mjs +27 -0
  19. package/dist/chevron-right-4464VKIO.mjs +27 -0
  20. package/dist/chevron-top-6F4WXRKZ.mjs +27 -0
  21. package/dist/chrome-store-KH57RD54.mjs +80 -0
  22. package/dist/chunk-5MZNFSFK.mjs +1273 -0
  23. package/dist/chunk-ALKFEKMG.mjs +8108 -0
  24. package/dist/chunk-GUHCPHEG.mjs +768 -0
  25. package/dist/chunk-HPVNNTYF.mjs +7546 -0
  26. package/dist/chunk-LACDYDLO.mjs +402 -0
  27. package/dist/chunk-LGBIIGSV.mjs +39793 -0
  28. package/dist/chunk-M4NAIVF3.mjs +93283 -0
  29. package/dist/chunk-QILMZVJE.mjs +11957 -0
  30. package/dist/chunk-RKV353G3.mjs +272 -0
  31. package/dist/chunk-X2BMVUAF.mjs +50 -0
  32. package/dist/chunk-ZKNFAGRN.mjs +1414 -0
  33. package/dist/clock-WGC5S5SU.mjs +27 -0
  34. package/dist/close-HJ6ZBPVZ.mjs +27 -0
  35. package/dist/coinPlaceholder-UOKFKY4T.mjs +27 -0
  36. package/dist/compass-WAYDVX5E.mjs +27 -0
  37. package/dist/copy-OPJY4AKY.mjs +34 -0
  38. package/dist/core-GECUTVXD.mjs +10138 -0
  39. package/dist/cursor-PAYF2D2S.mjs +22 -0
  40. package/dist/cursor-transparent-T4M3KZJ2.mjs +31 -0
  41. package/dist/desktop-QSXXA65J.mjs +28 -0
  42. package/dist/disconnect-7NMPCP66.mjs +27 -0
  43. package/dist/discord-KRLKWIM5.mjs +36 -0
  44. package/dist/etherscan-TAXMMDC4.mjs +25 -0
  45. package/dist/exclamation-triangle-MW7PXM5B.mjs +23 -0
  46. package/dist/extension-LAAZQU7X.mjs +27 -0
  47. package/dist/external-link-IFBQ3MSI.mjs +27 -0
  48. package/dist/facebook-PAENGKOR.mjs +45 -0
  49. package/dist/farcaster-P47HCAAY.mjs +31 -0
  50. package/dist/filters-4HNPLZQV.mjs +27 -0
  51. package/dist/github-RO4C47BJ.mjs +37 -0
  52. package/dist/google-RIBTWZH2.mjs +37 -0
  53. package/dist/help-circle-PN7NOOY4.mjs +31 -0
  54. package/dist/id-JYBNXVYQ.mjs +31 -0
  55. package/dist/image-FUPENKKO.mjs +23 -0
  56. package/dist/index.d.mts +288 -0
  57. package/dist/index.d.ts +288 -0
  58. package/dist/index.js +295316 -0
  59. package/dist/index.mjs +7936 -0
  60. package/dist/info-34PNUQRI.mjs +22 -0
  61. package/dist/info-circle-M5CXNBEA.mjs +31 -0
  62. package/dist/lightbulb-CPZO66W6.mjs +22 -0
  63. package/dist/mail-RAF36J77.mjs +27 -0
  64. package/dist/mobile-ZLFYOCHK.mjs +28 -0
  65. package/dist/more-CIHKDQMO.mjs +30 -0
  66. package/dist/network-placeholder-QOMFBWMT.mjs +33 -0
  67. package/dist/nftPlaceholder-7TK2T2QP.mjs +27 -0
  68. package/dist/off-WWNLGDOR.mjs +27 -0
  69. package/dist/play-store-HLZSDCUP.mjs +51 -0
  70. package/dist/plus-SCLTSRAT.mjs +32 -0
  71. package/dist/qr-code-T7FWUJU6.mjs +25 -0
  72. package/dist/recycle-horizontal-WRR5I5MX.mjs +28 -0
  73. package/dist/refresh-6AQ524CD.mjs +27 -0
  74. package/dist/reown-logo-NJCCGFTU.mjs +31 -0
  75. package/dist/search-HXD6I5XQ.mjs +27 -0
  76. package/dist/send-3N2W3TJ6.mjs +34 -0
  77. package/dist/src-DKYFVWPL.mjs +7 -0
  78. package/dist/src-HMFDWVJP.mjs +5 -0
  79. package/dist/src-TV3VFBF5.mjs +98950 -0
  80. package/dist/swapHorizontal-KPYCPFL4.mjs +27 -0
  81. package/dist/swapHorizontalBold-WCO2BX6U.mjs +27 -0
  82. package/dist/swapHorizontalMedium-SCPLSG7N.mjs +35 -0
  83. package/dist/swapHorizontalRoundedBold-YX7IIFNL.mjs +27 -0
  84. package/dist/swapVertical-XS35BJ2R.mjs +27 -0
  85. package/dist/telegram-RIP72IGI.mjs +35 -0
  86. package/dist/three-dots-IPE2YG6Z.mjs +24 -0
  87. package/dist/twitch-5K6DAEPG.mjs +37 -0
  88. package/dist/twitterIcon-U3V7EFPB.mjs +25 -0
  89. package/dist/verify-JML7EMVO.mjs +27 -0
  90. package/dist/verify-filled-R5MYOEEJ.mjs +27 -0
  91. package/dist/w3m-modal-LW2TBGRA.mjs +2042 -0
  92. package/dist/wallet-AJFVN7JZ.mjs +27 -0
  93. package/dist/wallet-placeholder-4QSRXVF5.mjs +33 -0
  94. package/dist/walletconnect-G267PBVT.mjs +53 -0
  95. package/dist/warning-circle-2KJXNGLQ.mjs +31 -0
  96. package/dist/x-MTQL7KFF.mjs +31 -0
  97. package/dist/zerodev.d.mts +106 -0
  98. package/dist/zerodev.d.ts +106 -0
  99. package/dist/zerodev.js +420 -0
  100. package/dist/zerodev.mjs +17 -0
  101. package/package.json +78 -0
@@ -0,0 +1,2042 @@
1
+ import {
2
+ init_decorators,
3
+ init_if_defined,
4
+ init_wui_flex,
5
+ init_wui_flex2,
6
+ init_wui_icon,
7
+ init_wui_icon2,
8
+ init_wui_icon_box,
9
+ init_wui_image,
10
+ init_wui_loading_spinner,
11
+ init_wui_tag,
12
+ init_wui_text,
13
+ init_wui_text2,
14
+ n,
15
+ o,
16
+ r
17
+ } from "./chunk-ZKNFAGRN.mjs";
18
+ import {
19
+ AccountController,
20
+ AlertController,
21
+ ApiController,
22
+ AssetController,
23
+ AssetUtil,
24
+ ChainController,
25
+ ConnectorController,
26
+ ConstantsUtil,
27
+ ConstantsUtil3 as ConstantsUtil2,
28
+ CoreHelperUtil,
29
+ EventsController,
30
+ ModalController,
31
+ ModalUtil,
32
+ OptionsController,
33
+ RouterController,
34
+ SIWXUtil,
35
+ SnackController,
36
+ ThemeController,
37
+ TooltipController,
38
+ UiHelperUtil,
39
+ colorStyles,
40
+ customElement,
41
+ elementStyles,
42
+ init_ConstantsUtil,
43
+ init_ThemeUtil,
44
+ init_WebComponentsUtil,
45
+ init_esm,
46
+ init_exports,
47
+ init_exports2,
48
+ initializeTheming,
49
+ resetStyles
50
+ } from "./chunk-ALKFEKMG.mjs";
51
+ import "./chunk-QILMZVJE.mjs";
52
+ import {
53
+ T,
54
+ i,
55
+ i2,
56
+ init_lit
57
+ } from "./chunk-5MZNFSFK.mjs";
58
+ import {
59
+ __esm
60
+ } from "./chunk-X2BMVUAF.mjs";
61
+
62
+ // ../../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-card/styles.js
63
+ var styles_default;
64
+ var init_styles = __esm({
65
+ "../../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-card/styles.js"() {
66
+ "use strict";
67
+ init_lit();
68
+ styles_default = i`
69
+ :host {
70
+ display: block;
71
+ border-radius: clamp(0px, var(--wui-border-radius-l), 44px);
72
+ box-shadow: 0 0 0 1px var(--wui-color-gray-glass-005);
73
+ background-color: var(--wui-color-modal-bg);
74
+ overflow: hidden;
75
+ }
76
+
77
+ :host([data-embedded='true']) {
78
+ box-shadow:
79
+ 0 0 0 1px var(--wui-color-gray-glass-005),
80
+ 0px 4px 12px 4px var(--w3m-card-embedded-shadow-color);
81
+ }
82
+ `;
83
+ }
84
+ });
85
+
86
+ // ../../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-card/index.js
87
+ var __decorate, WuiCard;
88
+ var init_wui_card = __esm({
89
+ "../../node_modules/@reown/appkit-ui/dist/esm/src/components/wui-card/index.js"() {
90
+ "use strict";
91
+ init_lit();
92
+ init_ThemeUtil();
93
+ init_WebComponentsUtil();
94
+ init_styles();
95
+ __decorate = function(decorators, target, key, desc) {
96
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
97
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
98
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
99
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
100
+ };
101
+ WuiCard = class WuiCard2 extends i2 {
102
+ render() {
103
+ return T`<slot></slot>`;
104
+ }
105
+ };
106
+ WuiCard.styles = [resetStyles, styles_default];
107
+ WuiCard = __decorate([
108
+ customElement("wui-card")
109
+ ], WuiCard);
110
+ }
111
+ });
112
+
113
+ // ../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-card.js
114
+ var init_wui_card2 = __esm({
115
+ "../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-card.js"() {
116
+ "use strict";
117
+ init_wui_card();
118
+ }
119
+ });
120
+
121
+ // ../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-alertbar/styles.js
122
+ var styles_default2;
123
+ var init_styles2 = __esm({
124
+ "../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-alertbar/styles.js"() {
125
+ "use strict";
126
+ init_lit();
127
+ styles_default2 = i`
128
+ :host {
129
+ display: flex;
130
+ align-items: center;
131
+ justify-content: center;
132
+ padding: var(--wui-spacing-s);
133
+ border-radius: var(--wui-border-radius-s);
134
+ border: 1px solid var(--wui-color-dark-glass-100);
135
+ box-sizing: border-box;
136
+ background-color: var(--wui-color-bg-325);
137
+ box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
138
+ }
139
+
140
+ wui-flex {
141
+ width: 100%;
142
+ }
143
+
144
+ wui-text {
145
+ word-break: break-word;
146
+ flex: 1;
147
+ }
148
+
149
+ .close {
150
+ cursor: pointer;
151
+ }
152
+
153
+ .icon-box {
154
+ height: 40px;
155
+ width: 40px;
156
+ border-radius: var(--wui-border-radius-3xs);
157
+ background-color: var(--local-icon-bg-value);
158
+ }
159
+ `;
160
+ }
161
+ });
162
+
163
+ // ../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-alertbar/index.js
164
+ var __decorate2, WuiAlertBar;
165
+ var init_wui_alertbar = __esm({
166
+ "../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-alertbar/index.js"() {
167
+ "use strict";
168
+ init_lit();
169
+ init_decorators();
170
+ init_exports();
171
+ init_wui_icon();
172
+ init_wui_text();
173
+ init_wui_flex();
174
+ init_ThemeUtil();
175
+ init_WebComponentsUtil();
176
+ init_styles2();
177
+ __decorate2 = function(decorators, target, key, desc) {
178
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
179
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
180
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
181
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
182
+ };
183
+ WuiAlertBar = class WuiAlertBar2 extends i2 {
184
+ constructor() {
185
+ super(...arguments);
186
+ this.message = "";
187
+ this.backgroundColor = "accent-100";
188
+ this.iconColor = "accent-100";
189
+ this.icon = "info";
190
+ }
191
+ render() {
192
+ this.style.cssText = `
193
+ --local-icon-bg-value: var(--wui-color-${this.backgroundColor});
194
+ `;
195
+ return T`
196
+ <wui-flex flexDirection="row" justifyContent="space-between" alignItems="center">
197
+ <wui-flex columnGap="xs" flexDirection="row" alignItems="center">
198
+ <wui-flex
199
+ flexDirection="row"
200
+ alignItems="center"
201
+ justifyContent="center"
202
+ class="icon-box"
203
+ >
204
+ <wui-icon color=${this.iconColor} size="md" name=${this.icon}></wui-icon>
205
+ </wui-flex>
206
+ <wui-text variant="small-500" color="bg-350" data-testid="wui-alertbar-text"
207
+ >${this.message}</wui-text
208
+ >
209
+ </wui-flex>
210
+ <wui-icon
211
+ class="close"
212
+ color="bg-350"
213
+ size="sm"
214
+ name="close"
215
+ @click=${this.onClose}
216
+ ></wui-icon>
217
+ </wui-flex>
218
+ `;
219
+ }
220
+ onClose() {
221
+ AlertController.close();
222
+ }
223
+ };
224
+ WuiAlertBar.styles = [resetStyles, styles_default2];
225
+ __decorate2([
226
+ n()
227
+ ], WuiAlertBar.prototype, "message", void 0);
228
+ __decorate2([
229
+ n()
230
+ ], WuiAlertBar.prototype, "backgroundColor", void 0);
231
+ __decorate2([
232
+ n()
233
+ ], WuiAlertBar.prototype, "iconColor", void 0);
234
+ __decorate2([
235
+ n()
236
+ ], WuiAlertBar.prototype, "icon", void 0);
237
+ WuiAlertBar = __decorate2([
238
+ customElement("wui-alertbar")
239
+ ], WuiAlertBar);
240
+ }
241
+ });
242
+
243
+ // ../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-alertbar.js
244
+ var init_wui_alertbar2 = __esm({
245
+ "../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-alertbar.js"() {
246
+ "use strict";
247
+ init_wui_alertbar();
248
+ }
249
+ });
250
+
251
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-alertbar/styles.js
252
+ var styles_default3;
253
+ var init_styles3 = __esm({
254
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-alertbar/styles.js"() {
255
+ "use strict";
256
+ init_lit();
257
+ styles_default3 = i`
258
+ :host {
259
+ display: block;
260
+ position: absolute;
261
+ top: var(--wui-spacing-s);
262
+ left: var(--wui-spacing-l);
263
+ right: var(--wui-spacing-l);
264
+ opacity: 0;
265
+ pointer-events: none;
266
+ }
267
+ `;
268
+ }
269
+ });
270
+
271
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-alertbar/index.js
272
+ var __decorate3, presets, W3mAlertBar;
273
+ var init_w3m_alertbar = __esm({
274
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-alertbar/index.js"() {
275
+ "use strict";
276
+ init_lit();
277
+ init_decorators();
278
+ init_exports();
279
+ init_exports2();
280
+ init_wui_alertbar2();
281
+ init_styles3();
282
+ __decorate3 = function(decorators, target, key, desc) {
283
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
284
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
285
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
286
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
287
+ };
288
+ presets = {
289
+ info: {
290
+ backgroundColor: "fg-350",
291
+ iconColor: "fg-325",
292
+ icon: "info"
293
+ },
294
+ success: {
295
+ backgroundColor: "success-glass-reown-020",
296
+ iconColor: "success-125",
297
+ icon: "checkmark"
298
+ },
299
+ warning: {
300
+ backgroundColor: "warning-glass-reown-020",
301
+ iconColor: "warning-100",
302
+ icon: "warningCircle"
303
+ },
304
+ error: {
305
+ backgroundColor: "error-glass-reown-020",
306
+ iconColor: "error-125",
307
+ icon: "exclamationTriangle"
308
+ }
309
+ };
310
+ W3mAlertBar = class W3mAlertBar2 extends i2 {
311
+ constructor() {
312
+ super();
313
+ this.unsubscribe = [];
314
+ this.open = AlertController.state.open;
315
+ this.onOpen(true);
316
+ this.unsubscribe.push(AlertController.subscribeKey("open", (val) => {
317
+ this.open = val;
318
+ this.onOpen(false);
319
+ }));
320
+ }
321
+ disconnectedCallback() {
322
+ this.unsubscribe.forEach((unsubscribe) => unsubscribe());
323
+ }
324
+ render() {
325
+ const { message, variant } = AlertController.state;
326
+ const preset = presets[variant];
327
+ return T`
328
+ <wui-alertbar
329
+ message=${message}
330
+ backgroundColor=${preset?.backgroundColor}
331
+ iconColor=${preset?.iconColor}
332
+ icon=${preset?.icon}
333
+ ></wui-alertbar>
334
+ `;
335
+ }
336
+ onOpen(isMounted) {
337
+ if (this.open) {
338
+ this.animate([
339
+ { opacity: 0, transform: "scale(0.85)" },
340
+ { opacity: 1, transform: "scale(1)" }
341
+ ], {
342
+ duration: 150,
343
+ fill: "forwards",
344
+ easing: "ease"
345
+ });
346
+ this.style.cssText = `pointer-events: auto`;
347
+ } else if (!isMounted) {
348
+ this.animate([
349
+ { opacity: 1, transform: "scale(1)" },
350
+ { opacity: 0, transform: "scale(0.85)" }
351
+ ], {
352
+ duration: 150,
353
+ fill: "forwards",
354
+ easing: "ease"
355
+ });
356
+ this.style.cssText = `pointer-events: none`;
357
+ }
358
+ }
359
+ };
360
+ W3mAlertBar.styles = styles_default3;
361
+ __decorate3([
362
+ r()
363
+ ], W3mAlertBar.prototype, "open", void 0);
364
+ W3mAlertBar = __decorate3([
365
+ customElement("w3m-alertbar")
366
+ ], W3mAlertBar);
367
+ }
368
+ });
369
+
370
+ // ../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-icon-link/styles.js
371
+ var styles_default4;
372
+ var init_styles4 = __esm({
373
+ "../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-icon-link/styles.js"() {
374
+ "use strict";
375
+ init_lit();
376
+ styles_default4 = i`
377
+ button {
378
+ border-radius: var(--local-border-radius);
379
+ color: var(--wui-color-fg-100);
380
+ padding: var(--local-padding);
381
+ }
382
+
383
+ @media (max-width: 700px) {
384
+ button {
385
+ padding: var(--wui-spacing-s);
386
+ }
387
+ }
388
+
389
+ button > wui-icon {
390
+ pointer-events: none;
391
+ }
392
+
393
+ button:disabled > wui-icon {
394
+ color: var(--wui-color-bg-300) !important;
395
+ }
396
+
397
+ button:disabled {
398
+ background-color: transparent;
399
+ }
400
+ `;
401
+ }
402
+ });
403
+
404
+ // ../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-icon-link/index.js
405
+ var __decorate4, WuiIconLink;
406
+ var init_wui_icon_link = __esm({
407
+ "../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-icon-link/index.js"() {
408
+ "use strict";
409
+ init_lit();
410
+ init_decorators();
411
+ init_wui_icon();
412
+ init_ThemeUtil();
413
+ init_WebComponentsUtil();
414
+ init_styles4();
415
+ __decorate4 = function(decorators, target, key, desc) {
416
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
417
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
418
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
419
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
420
+ };
421
+ WuiIconLink = class WuiIconLink2 extends i2 {
422
+ constructor() {
423
+ super(...arguments);
424
+ this.size = "md";
425
+ this.disabled = false;
426
+ this.icon = "copy";
427
+ this.iconColor = "inherit";
428
+ }
429
+ render() {
430
+ const borderRadius = this.size === "lg" ? "--wui-border-radius-xs" : "--wui-border-radius-xxs";
431
+ const padding = this.size === "lg" ? "--wui-spacing-1xs" : "--wui-spacing-2xs";
432
+ this.style.cssText = `
433
+ --local-border-radius: var(${borderRadius});
434
+ --local-padding: var(${padding});
435
+ `;
436
+ return T`
437
+ <button ?disabled=${this.disabled}>
438
+ <wui-icon color=${this.iconColor} size=${this.size} name=${this.icon}></wui-icon>
439
+ </button>
440
+ `;
441
+ }
442
+ };
443
+ WuiIconLink.styles = [resetStyles, elementStyles, colorStyles, styles_default4];
444
+ __decorate4([
445
+ n()
446
+ ], WuiIconLink.prototype, "size", void 0);
447
+ __decorate4([
448
+ n({ type: Boolean })
449
+ ], WuiIconLink.prototype, "disabled", void 0);
450
+ __decorate4([
451
+ n()
452
+ ], WuiIconLink.prototype, "icon", void 0);
453
+ __decorate4([
454
+ n()
455
+ ], WuiIconLink.prototype, "iconColor", void 0);
456
+ WuiIconLink = __decorate4([
457
+ customElement("wui-icon-link")
458
+ ], WuiIconLink);
459
+ }
460
+ });
461
+
462
+ // ../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-icon-link.js
463
+ var init_wui_icon_link2 = __esm({
464
+ "../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-icon-link.js"() {
465
+ "use strict";
466
+ init_wui_icon_link();
467
+ }
468
+ });
469
+
470
+ // ../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-select/styles.js
471
+ var styles_default5;
472
+ var init_styles5 = __esm({
473
+ "../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-select/styles.js"() {
474
+ "use strict";
475
+ init_lit();
476
+ styles_default5 = i`
477
+ button {
478
+ display: block;
479
+ display: flex;
480
+ align-items: center;
481
+ padding: var(--wui-spacing-xxs);
482
+ gap: var(--wui-spacing-xxs);
483
+ transition: all var(--wui-ease-out-power-1) var(--wui-duration-md);
484
+ border-radius: var(--wui-border-radius-xxs);
485
+ }
486
+
487
+ wui-image {
488
+ border-radius: 100%;
489
+ width: var(--wui-spacing-xl);
490
+ height: var(--wui-spacing-xl);
491
+ }
492
+
493
+ wui-icon-box {
494
+ width: var(--wui-spacing-xl);
495
+ height: var(--wui-spacing-xl);
496
+ }
497
+
498
+ button:hover {
499
+ background-color: var(--wui-color-gray-glass-002);
500
+ }
501
+
502
+ button:active {
503
+ background-color: var(--wui-color-gray-glass-005);
504
+ }
505
+ `;
506
+ }
507
+ });
508
+
509
+ // ../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-select/index.js
510
+ var __decorate5, WuiSelect;
511
+ var init_wui_select = __esm({
512
+ "../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-select/index.js"() {
513
+ "use strict";
514
+ init_lit();
515
+ init_decorators();
516
+ init_wui_icon();
517
+ init_wui_image();
518
+ init_wui_icon_box();
519
+ init_ThemeUtil();
520
+ init_WebComponentsUtil();
521
+ init_styles5();
522
+ __decorate5 = function(decorators, target, key, desc) {
523
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
524
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
525
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
526
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
527
+ };
528
+ WuiSelect = class WuiSelect2 extends i2 {
529
+ constructor() {
530
+ super(...arguments);
531
+ this.imageSrc = "";
532
+ }
533
+ render() {
534
+ return T`<button>
535
+ ${this.imageTemplate()}
536
+ <wui-icon size="xs" color="fg-200" name="chevronBottom"></wui-icon>
537
+ </button>`;
538
+ }
539
+ imageTemplate() {
540
+ if (this.imageSrc) {
541
+ return T`<wui-image src=${this.imageSrc} alt="select visual"></wui-image>`;
542
+ }
543
+ return T`<wui-icon-box
544
+ size="xxs"
545
+ iconColor="fg-200"
546
+ backgroundColor="fg-100"
547
+ background="opaque"
548
+ icon="networkPlaceholder"
549
+ ></wui-icon-box>`;
550
+ }
551
+ };
552
+ WuiSelect.styles = [resetStyles, elementStyles, colorStyles, styles_default5];
553
+ __decorate5([
554
+ n()
555
+ ], WuiSelect.prototype, "imageSrc", void 0);
556
+ WuiSelect = __decorate5([
557
+ customElement("wui-select")
558
+ ], WuiSelect);
559
+ }
560
+ });
561
+
562
+ // ../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-select.js
563
+ var init_wui_select2 = __esm({
564
+ "../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-select.js"() {
565
+ "use strict";
566
+ init_wui_select();
567
+ }
568
+ });
569
+
570
+ // ../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-tag.js
571
+ var init_wui_tag2 = __esm({
572
+ "../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-tag.js"() {
573
+ "use strict";
574
+ init_wui_tag();
575
+ }
576
+ });
577
+
578
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-header/styles.js
579
+ var styles_default6;
580
+ var init_styles6 = __esm({
581
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-header/styles.js"() {
582
+ "use strict";
583
+ init_lit();
584
+ styles_default6 = i`
585
+ :host {
586
+ height: 64px;
587
+ }
588
+
589
+ wui-text {
590
+ text-transform: capitalize;
591
+ }
592
+
593
+ wui-flex.w3m-header-title {
594
+ transform: translateY(0);
595
+ opacity: 1;
596
+ }
597
+
598
+ wui-flex.w3m-header-title[view-direction='prev'] {
599
+ animation:
600
+ slide-down-out 120ms forwards var(--wui-ease-out-power-2),
601
+ slide-down-in 120ms forwards var(--wui-ease-out-power-2);
602
+ animation-delay: 0ms, 200ms;
603
+ }
604
+
605
+ wui-flex.w3m-header-title[view-direction='next'] {
606
+ animation:
607
+ slide-up-out 120ms forwards var(--wui-ease-out-power-2),
608
+ slide-up-in 120ms forwards var(--wui-ease-out-power-2);
609
+ animation-delay: 0ms, 200ms;
610
+ }
611
+
612
+ wui-icon-link[data-hidden='true'] {
613
+ opacity: 0 !important;
614
+ pointer-events: none;
615
+ }
616
+
617
+ @keyframes slide-up-out {
618
+ from {
619
+ transform: translateY(0px);
620
+ opacity: 1;
621
+ }
622
+ to {
623
+ transform: translateY(3px);
624
+ opacity: 0;
625
+ }
626
+ }
627
+
628
+ @keyframes slide-up-in {
629
+ from {
630
+ transform: translateY(-3px);
631
+ opacity: 0;
632
+ }
633
+ to {
634
+ transform: translateY(0);
635
+ opacity: 1;
636
+ }
637
+ }
638
+
639
+ @keyframes slide-down-out {
640
+ from {
641
+ transform: translateY(0px);
642
+ opacity: 1;
643
+ }
644
+ to {
645
+ transform: translateY(-3px);
646
+ opacity: 0;
647
+ }
648
+ }
649
+
650
+ @keyframes slide-down-in {
651
+ from {
652
+ transform: translateY(3px);
653
+ opacity: 0;
654
+ }
655
+ to {
656
+ transform: translateY(0);
657
+ opacity: 1;
658
+ }
659
+ }
660
+ `;
661
+ }
662
+ });
663
+
664
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-header/index.js
665
+ function headings() {
666
+ const connectorName = RouterController.state.data?.connector?.name;
667
+ const walletName = RouterController.state.data?.wallet?.name;
668
+ const networkName = RouterController.state.data?.network?.name;
669
+ const name = walletName ?? connectorName;
670
+ const connectors = ConnectorController.getConnectors();
671
+ const isEmail = connectors.length === 1 && connectors[0]?.id === "w3m-email";
672
+ return {
673
+ Connect: `Connect ${isEmail ? "Email" : ""} Wallet`,
674
+ Create: "Create Wallet",
675
+ ChooseAccountName: void 0,
676
+ Account: void 0,
677
+ AccountSettings: void 0,
678
+ AllWallets: "All Wallets",
679
+ ApproveTransaction: "Approve Transaction",
680
+ BuyInProgress: "Buy",
681
+ ConnectingExternal: name ?? "Connect Wallet",
682
+ ConnectingWalletConnect: name ?? "WalletConnect",
683
+ ConnectingWalletConnectBasic: "WalletConnect",
684
+ ConnectingSiwe: "Sign In",
685
+ Convert: "Convert",
686
+ ConvertSelectToken: "Select token",
687
+ ConvertPreview: "Preview convert",
688
+ Downloads: name ? `Get ${name}` : "Downloads",
689
+ EmailLogin: "Email Login",
690
+ EmailVerifyOtp: "Confirm Email",
691
+ EmailVerifyDevice: "Register Device",
692
+ GetWallet: "Get a wallet",
693
+ Networks: "Choose Network",
694
+ OnRampProviders: "Choose Provider",
695
+ OnRampActivity: "Activity",
696
+ OnRampTokenSelect: "Select Token",
697
+ OnRampFiatSelect: "Select Currency",
698
+ Pay: "How you pay",
699
+ Profile: void 0,
700
+ SwitchNetwork: networkName ?? "Switch Network",
701
+ SwitchAddress: "Switch Address",
702
+ Transactions: "Activity",
703
+ UnsupportedChain: "Switch Network",
704
+ UpgradeEmailWallet: "Upgrade your Wallet",
705
+ UpdateEmailWallet: "Edit Email",
706
+ UpdateEmailPrimaryOtp: "Confirm Current Email",
707
+ UpdateEmailSecondaryOtp: "Confirm New Email",
708
+ WhatIsABuy: "What is Buy?",
709
+ RegisterAccountName: "Choose name",
710
+ RegisterAccountNameSuccess: "",
711
+ WalletReceive: "Receive",
712
+ WalletCompatibleNetworks: "Compatible Networks",
713
+ Swap: "Swap",
714
+ SwapSelectToken: "Select token",
715
+ SwapPreview: "Preview swap",
716
+ WalletSend: "Send",
717
+ WalletSendPreview: "Review send",
718
+ WalletSendSelectToken: "Select Token",
719
+ WhatIsANetwork: "What is a network?",
720
+ WhatIsAWallet: "What is a wallet?",
721
+ ConnectWallets: "Connect wallet",
722
+ ConnectSocials: "All socials",
723
+ ConnectingSocial: AccountController.state.socialProvider ? AccountController.state.socialProvider : "Connect Social",
724
+ ConnectingMultiChain: "Select chain",
725
+ ConnectingFarcaster: "Farcaster",
726
+ SwitchActiveChain: "Switch chain",
727
+ SmartSessionCreated: void 0,
728
+ SmartSessionList: "Smart Sessions",
729
+ SIWXSignMessage: "Sign In",
730
+ PayLoading: "Payment in progress"
731
+ };
732
+ }
733
+ var __decorate6, BETA_SCREENS, W3mHeader;
734
+ var init_w3m_header = __esm({
735
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-header/index.js"() {
736
+ "use strict";
737
+ init_lit();
738
+ init_decorators();
739
+ init_if_defined();
740
+ init_exports();
741
+ init_exports2();
742
+ init_wui_flex2();
743
+ init_wui_icon_link2();
744
+ init_wui_select2();
745
+ init_wui_tag2();
746
+ init_wui_text2();
747
+ init_ConstantsUtil();
748
+ init_styles6();
749
+ __decorate6 = function(decorators, target, key, desc) {
750
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
751
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
752
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
753
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
754
+ };
755
+ BETA_SCREENS = ["SmartSessionList"];
756
+ W3mHeader = class W3mHeader2 extends i2 {
757
+ constructor() {
758
+ super();
759
+ this.unsubscribe = [];
760
+ this.heading = headings()[RouterController.state.view];
761
+ this.network = ChainController.state.activeCaipNetwork;
762
+ this.networkImage = AssetUtil.getNetworkImage(this.network);
763
+ this.showBack = false;
764
+ this.prevHistoryLength = 1;
765
+ this.view = RouterController.state.view;
766
+ this.viewDirection = "";
767
+ this.headerText = headings()[RouterController.state.view];
768
+ this.unsubscribe.push(AssetController.subscribeNetworkImages(() => {
769
+ this.networkImage = AssetUtil.getNetworkImage(this.network);
770
+ }), RouterController.subscribeKey("view", (val) => {
771
+ setTimeout(() => {
772
+ this.view = val;
773
+ this.headerText = headings()[val];
774
+ }, ConstantsUtil2.ANIMATION_DURATIONS.HeaderText);
775
+ this.onViewChange();
776
+ this.onHistoryChange();
777
+ }), ChainController.subscribeKey("activeCaipNetwork", (val) => {
778
+ this.network = val;
779
+ this.networkImage = AssetUtil.getNetworkImage(this.network);
780
+ }));
781
+ }
782
+ disconnectCallback() {
783
+ this.unsubscribe.forEach((unsubscribe) => unsubscribe());
784
+ }
785
+ render() {
786
+ return T`
787
+ <wui-flex .padding=${this.getPadding()} justifyContent="space-between" alignItems="center">
788
+ ${this.leftHeaderTemplate()} ${this.titleTemplate()} ${this.rightHeaderTemplate()}
789
+ </wui-flex>
790
+ `;
791
+ }
792
+ onWalletHelp() {
793
+ EventsController.sendEvent({ type: "track", event: "CLICK_WALLET_HELP" });
794
+ RouterController.push("WhatIsAWallet");
795
+ }
796
+ async onClose() {
797
+ await ModalUtil.safeClose();
798
+ }
799
+ rightHeaderTemplate() {
800
+ const isSmartSessionsEnabled = OptionsController?.state?.features?.smartSessions;
801
+ if (RouterController.state.view !== "Account" || !isSmartSessionsEnabled) {
802
+ return this.closeButtonTemplate();
803
+ }
804
+ return T`<wui-flex>
805
+ <wui-icon-link
806
+ icon="clock"
807
+ @click=${() => RouterController.push("SmartSessionList")}
808
+ data-testid="w3m-header-smart-sessions"
809
+ ></wui-icon-link>
810
+ ${this.closeButtonTemplate()}
811
+ </wui-flex> `;
812
+ }
813
+ closeButtonTemplate() {
814
+ return T`
815
+ <wui-icon-link
816
+ icon="close"
817
+ @click=${this.onClose.bind(this)}
818
+ data-testid="w3m-header-close"
819
+ ></wui-icon-link>
820
+ `;
821
+ }
822
+ titleTemplate() {
823
+ const isBeta = BETA_SCREENS.includes(this.view);
824
+ return T`
825
+ <wui-flex
826
+ view-direction="${this.viewDirection}"
827
+ class="w3m-header-title"
828
+ alignItems="center"
829
+ gap="xs"
830
+ >
831
+ <wui-text variant="paragraph-700" color="fg-100" data-testid="w3m-header-text"
832
+ >${this.headerText}</wui-text
833
+ >
834
+ ${isBeta ? T`<wui-tag variant="main">Beta</wui-tag>` : null}
835
+ </wui-flex>
836
+ `;
837
+ }
838
+ leftHeaderTemplate() {
839
+ const { view } = RouterController.state;
840
+ const isConnectHelp = view === "Connect";
841
+ const isEmbeddedEnable = OptionsController.state.enableEmbedded;
842
+ const isApproveTransaction = view === "ApproveTransaction";
843
+ const isConnectingSIWEView = view === "ConnectingSiwe";
844
+ const isAccountView = view === "Account";
845
+ const enableNetworkSwitch = OptionsController.state.enableNetworkSwitch;
846
+ const shouldHideBack = isApproveTransaction || isConnectingSIWEView || isConnectHelp && isEmbeddedEnable;
847
+ if (isAccountView && enableNetworkSwitch) {
848
+ return T`<wui-select
849
+ id="dynamic"
850
+ data-testid="w3m-account-select-network"
851
+ active-network=${o(this.network?.name)}
852
+ @click=${this.onNetworks.bind(this)}
853
+ imageSrc=${o(this.networkImage)}
854
+ ></wui-select>`;
855
+ }
856
+ if (this.showBack && !shouldHideBack) {
857
+ return T`<wui-icon-link
858
+ data-testid="header-back"
859
+ id="dynamic"
860
+ icon="chevronLeft"
861
+ @click=${this.onGoBack.bind(this)}
862
+ ></wui-icon-link>`;
863
+ }
864
+ return T`<wui-icon-link
865
+ data-hidden=${!isConnectHelp}
866
+ id="dynamic"
867
+ icon="helpCircle"
868
+ @click=${this.onWalletHelp.bind(this)}
869
+ ></wui-icon-link>`;
870
+ }
871
+ onNetworks() {
872
+ if (this.isAllowedNetworkSwitch()) {
873
+ EventsController.sendEvent({ type: "track", event: "CLICK_NETWORKS" });
874
+ RouterController.push("Networks");
875
+ }
876
+ }
877
+ isAllowedNetworkSwitch() {
878
+ const requestedCaipNetworks = ChainController.getAllRequestedCaipNetworks();
879
+ const isMultiNetwork = requestedCaipNetworks ? requestedCaipNetworks.length > 1 : false;
880
+ const isValidNetwork = requestedCaipNetworks?.find(({ id }) => id === this.network?.id);
881
+ return isMultiNetwork || !isValidNetwork;
882
+ }
883
+ getPadding() {
884
+ if (this.heading) {
885
+ return ["l", "2l", "l", "2l"];
886
+ }
887
+ return ["0", "2l", "0", "2l"];
888
+ }
889
+ onViewChange() {
890
+ const { history } = RouterController.state;
891
+ let direction = ConstantsUtil2.VIEW_DIRECTION.Next;
892
+ if (history.length < this.prevHistoryLength) {
893
+ direction = ConstantsUtil2.VIEW_DIRECTION.Prev;
894
+ }
895
+ this.prevHistoryLength = history.length;
896
+ this.viewDirection = direction;
897
+ }
898
+ async onHistoryChange() {
899
+ const { history } = RouterController.state;
900
+ const buttonEl = this.shadowRoot?.querySelector("#dynamic");
901
+ if (history.length > 1 && !this.showBack && buttonEl) {
902
+ await buttonEl.animate([{ opacity: 1 }, { opacity: 0 }], {
903
+ duration: 200,
904
+ fill: "forwards",
905
+ easing: "ease"
906
+ }).finished;
907
+ this.showBack = true;
908
+ buttonEl.animate([{ opacity: 0 }, { opacity: 1 }], {
909
+ duration: 200,
910
+ fill: "forwards",
911
+ easing: "ease"
912
+ });
913
+ } else if (history.length <= 1 && this.showBack && buttonEl) {
914
+ await buttonEl.animate([{ opacity: 1 }, { opacity: 0 }], {
915
+ duration: 200,
916
+ fill: "forwards",
917
+ easing: "ease"
918
+ }).finished;
919
+ this.showBack = false;
920
+ buttonEl.animate([{ opacity: 0 }, { opacity: 1 }], {
921
+ duration: 200,
922
+ fill: "forwards",
923
+ easing: "ease"
924
+ });
925
+ }
926
+ }
927
+ onGoBack() {
928
+ RouterController.goBack();
929
+ }
930
+ };
931
+ W3mHeader.styles = styles_default6;
932
+ __decorate6([
933
+ r()
934
+ ], W3mHeader.prototype, "heading", void 0);
935
+ __decorate6([
936
+ r()
937
+ ], W3mHeader.prototype, "network", void 0);
938
+ __decorate6([
939
+ r()
940
+ ], W3mHeader.prototype, "networkImage", void 0);
941
+ __decorate6([
942
+ r()
943
+ ], W3mHeader.prototype, "showBack", void 0);
944
+ __decorate6([
945
+ r()
946
+ ], W3mHeader.prototype, "prevHistoryLength", void 0);
947
+ __decorate6([
948
+ r()
949
+ ], W3mHeader.prototype, "view", void 0);
950
+ __decorate6([
951
+ r()
952
+ ], W3mHeader.prototype, "viewDirection", void 0);
953
+ __decorate6([
954
+ r()
955
+ ], W3mHeader.prototype, "headerText", void 0);
956
+ W3mHeader = __decorate6([
957
+ customElement("w3m-header")
958
+ ], W3mHeader);
959
+ }
960
+ });
961
+
962
+ // ../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-snackbar/styles.js
963
+ var styles_default7;
964
+ var init_styles7 = __esm({
965
+ "../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-snackbar/styles.js"() {
966
+ "use strict";
967
+ init_lit();
968
+ styles_default7 = i`
969
+ :host {
970
+ display: flex;
971
+ column-gap: var(--wui-spacing-s);
972
+ align-items: center;
973
+ padding: var(--wui-spacing-xs) var(--wui-spacing-m) var(--wui-spacing-xs) var(--wui-spacing-xs);
974
+ border-radius: var(--wui-border-radius-s);
975
+ border: 1px solid var(--wui-color-gray-glass-005);
976
+ box-sizing: border-box;
977
+ background-color: var(--wui-color-bg-175);
978
+ box-shadow:
979
+ 0px 14px 64px -4px rgba(0, 0, 0, 0.15),
980
+ 0px 8px 22px -6px rgba(0, 0, 0, 0.15);
981
+
982
+ max-width: 300px;
983
+ }
984
+
985
+ :host wui-loading-spinner {
986
+ margin-left: var(--wui-spacing-3xs);
987
+ }
988
+ `;
989
+ }
990
+ });
991
+
992
+ // ../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-snackbar/index.js
993
+ var __decorate7, WuiSnackbar;
994
+ var init_wui_snackbar = __esm({
995
+ "../../node_modules/@reown/appkit-ui/dist/esm/src/composites/wui-snackbar/index.js"() {
996
+ "use strict";
997
+ init_lit();
998
+ init_decorators();
999
+ init_wui_icon();
1000
+ init_wui_loading_spinner();
1001
+ init_wui_text();
1002
+ init_ThemeUtil();
1003
+ init_WebComponentsUtil();
1004
+ init_wui_icon_box();
1005
+ init_styles7();
1006
+ __decorate7 = function(decorators, target, key, desc) {
1007
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1008
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
1009
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
1010
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
1011
+ };
1012
+ WuiSnackbar = class WuiSnackbar2 extends i2 {
1013
+ constructor() {
1014
+ super(...arguments);
1015
+ this.backgroundColor = "accent-100";
1016
+ this.iconColor = "accent-100";
1017
+ this.icon = "checkmark";
1018
+ this.message = "";
1019
+ this.loading = false;
1020
+ this.iconType = "default";
1021
+ }
1022
+ render() {
1023
+ return T`
1024
+ ${this.templateIcon()}
1025
+ <wui-text variant="paragraph-500" color="fg-100" data-testid="wui-snackbar-message"
1026
+ >${this.message}</wui-text
1027
+ >
1028
+ `;
1029
+ }
1030
+ templateIcon() {
1031
+ if (this.loading) {
1032
+ return T`<wui-loading-spinner size="md" color="accent-100"></wui-loading-spinner>`;
1033
+ }
1034
+ if (this.iconType === "default") {
1035
+ return T`<wui-icon size="xl" color=${this.iconColor} name=${this.icon}></wui-icon>`;
1036
+ }
1037
+ return T`<wui-icon-box
1038
+ size="sm"
1039
+ iconSize="xs"
1040
+ iconColor=${this.iconColor}
1041
+ backgroundColor=${this.backgroundColor}
1042
+ icon=${this.icon}
1043
+ background="opaque"
1044
+ ></wui-icon-box>`;
1045
+ }
1046
+ };
1047
+ WuiSnackbar.styles = [resetStyles, styles_default7];
1048
+ __decorate7([
1049
+ n()
1050
+ ], WuiSnackbar.prototype, "backgroundColor", void 0);
1051
+ __decorate7([
1052
+ n()
1053
+ ], WuiSnackbar.prototype, "iconColor", void 0);
1054
+ __decorate7([
1055
+ n()
1056
+ ], WuiSnackbar.prototype, "icon", void 0);
1057
+ __decorate7([
1058
+ n()
1059
+ ], WuiSnackbar.prototype, "message", void 0);
1060
+ __decorate7([
1061
+ n()
1062
+ ], WuiSnackbar.prototype, "loading", void 0);
1063
+ __decorate7([
1064
+ n()
1065
+ ], WuiSnackbar.prototype, "iconType", void 0);
1066
+ WuiSnackbar = __decorate7([
1067
+ customElement("wui-snackbar")
1068
+ ], WuiSnackbar);
1069
+ }
1070
+ });
1071
+
1072
+ // ../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-snackbar.js
1073
+ var init_wui_snackbar2 = __esm({
1074
+ "../../node_modules/@reown/appkit-ui/dist/esm/exports/wui-snackbar.js"() {
1075
+ "use strict";
1076
+ init_wui_snackbar();
1077
+ }
1078
+ });
1079
+
1080
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-snackbar/styles.js
1081
+ var styles_default8;
1082
+ var init_styles8 = __esm({
1083
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-snackbar/styles.js"() {
1084
+ "use strict";
1085
+ init_lit();
1086
+ styles_default8 = i`
1087
+ :host {
1088
+ display: block;
1089
+ position: absolute;
1090
+ opacity: 0;
1091
+ pointer-events: none;
1092
+ top: 11px;
1093
+ left: 50%;
1094
+ width: max-content;
1095
+ }
1096
+ `;
1097
+ }
1098
+ });
1099
+
1100
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-snackbar/index.js
1101
+ var __decorate8, presets2, W3mSnackBar;
1102
+ var init_w3m_snackbar = __esm({
1103
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-snackbar/index.js"() {
1104
+ "use strict";
1105
+ init_lit();
1106
+ init_decorators();
1107
+ init_exports();
1108
+ init_exports2();
1109
+ init_wui_snackbar2();
1110
+ init_styles8();
1111
+ __decorate8 = function(decorators, target, key, desc) {
1112
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1113
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
1114
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
1115
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
1116
+ };
1117
+ presets2 = {
1118
+ loading: void 0,
1119
+ success: {
1120
+ backgroundColor: "success-100",
1121
+ iconColor: "success-100",
1122
+ icon: "checkmark"
1123
+ },
1124
+ error: {
1125
+ backgroundColor: "error-100",
1126
+ iconColor: "error-100",
1127
+ icon: "close"
1128
+ }
1129
+ };
1130
+ W3mSnackBar = class W3mSnackBar2 extends i2 {
1131
+ constructor() {
1132
+ super();
1133
+ this.unsubscribe = [];
1134
+ this.timeout = void 0;
1135
+ this.open = SnackController.state.open;
1136
+ this.unsubscribe.push(SnackController.subscribeKey("open", (val) => {
1137
+ this.open = val;
1138
+ this.onOpen();
1139
+ }));
1140
+ }
1141
+ disconnectedCallback() {
1142
+ clearTimeout(this.timeout);
1143
+ this.unsubscribe.forEach((unsubscribe) => unsubscribe());
1144
+ }
1145
+ render() {
1146
+ const { message, variant, svg } = SnackController.state;
1147
+ const preset = presets2[variant];
1148
+ const { icon, iconColor } = svg ?? preset ?? {};
1149
+ return T`
1150
+ <wui-snackbar
1151
+ message=${message}
1152
+ backgroundColor=${preset?.backgroundColor}
1153
+ iconColor=${iconColor}
1154
+ icon=${icon}
1155
+ .loading=${variant === "loading"}
1156
+ ></wui-snackbar>
1157
+ `;
1158
+ }
1159
+ onOpen() {
1160
+ clearTimeout(this.timeout);
1161
+ if (this.open) {
1162
+ this.animate([
1163
+ { opacity: 0, transform: "translateX(-50%) scale(0.85)" },
1164
+ { opacity: 1, transform: "translateX(-50%) scale(1)" }
1165
+ ], {
1166
+ duration: 150,
1167
+ fill: "forwards",
1168
+ easing: "ease"
1169
+ });
1170
+ if (this.timeout) {
1171
+ clearTimeout(this.timeout);
1172
+ }
1173
+ if (SnackController.state.autoClose) {
1174
+ this.timeout = setTimeout(() => SnackController.hide(), 2500);
1175
+ }
1176
+ } else {
1177
+ this.animate([
1178
+ { opacity: 1, transform: "translateX(-50%) scale(1)" },
1179
+ { opacity: 0, transform: "translateX(-50%) scale(0.85)" }
1180
+ ], {
1181
+ duration: 150,
1182
+ fill: "forwards",
1183
+ easing: "ease"
1184
+ });
1185
+ }
1186
+ }
1187
+ };
1188
+ W3mSnackBar.styles = styles_default8;
1189
+ __decorate8([
1190
+ r()
1191
+ ], W3mSnackBar.prototype, "open", void 0);
1192
+ W3mSnackBar = __decorate8([
1193
+ customElement("w3m-snackbar")
1194
+ ], W3mSnackBar);
1195
+ }
1196
+ });
1197
+
1198
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-tooltip/styles.js
1199
+ var styles_default9;
1200
+ var init_styles9 = __esm({
1201
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-tooltip/styles.js"() {
1202
+ "use strict";
1203
+ init_lit();
1204
+ styles_default9 = i`
1205
+ :host {
1206
+ pointer-events: none;
1207
+ }
1208
+
1209
+ :host > wui-flex {
1210
+ display: var(--w3m-tooltip-display);
1211
+ opacity: var(--w3m-tooltip-opacity);
1212
+ padding: 9px var(--wui-spacing-s) 10px var(--wui-spacing-s);
1213
+ border-radius: var(--wui-border-radius-xxs);
1214
+ color: var(--wui-color-bg-100);
1215
+ position: fixed;
1216
+ top: var(--w3m-tooltip-top);
1217
+ left: var(--w3m-tooltip-left);
1218
+ transform: translate(calc(-50% + var(--w3m-tooltip-parent-width)), calc(-100% - 8px));
1219
+ max-width: calc(var(--w3m-modal-width) - var(--wui-spacing-xl));
1220
+ transition: opacity 0.2s var(--wui-ease-out-power-2);
1221
+ will-change: opacity;
1222
+ }
1223
+
1224
+ :host([data-variant='shade']) > wui-flex {
1225
+ background-color: var(--wui-color-bg-150);
1226
+ border: 1px solid var(--wui-color-gray-glass-005);
1227
+ }
1228
+
1229
+ :host([data-variant='shade']) > wui-flex > wui-text {
1230
+ color: var(--wui-color-fg-150);
1231
+ }
1232
+
1233
+ :host([data-variant='fill']) > wui-flex {
1234
+ background-color: var(--wui-color-fg-100);
1235
+ border: none;
1236
+ }
1237
+
1238
+ wui-icon {
1239
+ position: absolute;
1240
+ width: 12px !important;
1241
+ height: 4px !important;
1242
+ color: var(--wui-color-bg-150);
1243
+ }
1244
+
1245
+ wui-icon[data-placement='top'] {
1246
+ bottom: 0px;
1247
+ left: 50%;
1248
+ transform: translate(-50%, 95%);
1249
+ }
1250
+
1251
+ wui-icon[data-placement='bottom'] {
1252
+ top: 0;
1253
+ left: 50%;
1254
+ transform: translate(-50%, -95%) rotate(180deg);
1255
+ }
1256
+
1257
+ wui-icon[data-placement='right'] {
1258
+ top: 50%;
1259
+ left: 0;
1260
+ transform: translate(-65%, -50%) rotate(90deg);
1261
+ }
1262
+
1263
+ wui-icon[data-placement='left'] {
1264
+ top: 50%;
1265
+ right: 0%;
1266
+ transform: translate(65%, -50%) rotate(270deg);
1267
+ }
1268
+ `;
1269
+ }
1270
+ });
1271
+
1272
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-tooltip/index.js
1273
+ var __decorate9, W3mTooltip;
1274
+ var init_w3m_tooltip = __esm({
1275
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/partials/w3m-tooltip/index.js"() {
1276
+ "use strict";
1277
+ init_lit();
1278
+ init_decorators();
1279
+ init_exports();
1280
+ init_exports2();
1281
+ init_wui_flex2();
1282
+ init_wui_icon2();
1283
+ init_wui_text2();
1284
+ init_styles9();
1285
+ __decorate9 = function(decorators, target, key, desc) {
1286
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1287
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
1288
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
1289
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
1290
+ };
1291
+ W3mTooltip = class W3mTooltip2 extends i2 {
1292
+ constructor() {
1293
+ super();
1294
+ this.unsubscribe = [];
1295
+ this.open = TooltipController.state.open;
1296
+ this.message = TooltipController.state.message;
1297
+ this.triggerRect = TooltipController.state.triggerRect;
1298
+ this.variant = TooltipController.state.variant;
1299
+ this.unsubscribe.push(...[
1300
+ TooltipController.subscribe((newState) => {
1301
+ this.open = newState.open;
1302
+ this.message = newState.message;
1303
+ this.triggerRect = newState.triggerRect;
1304
+ this.variant = newState.variant;
1305
+ })
1306
+ ]);
1307
+ }
1308
+ disconnectedCallback() {
1309
+ this.unsubscribe.forEach((unsubscribe) => unsubscribe());
1310
+ }
1311
+ render() {
1312
+ this.dataset["variant"] = this.variant;
1313
+ const topValue = this.triggerRect.top;
1314
+ const leftValue = this.triggerRect.left;
1315
+ this.style.cssText = `
1316
+ --w3m-tooltip-top: ${topValue}px;
1317
+ --w3m-tooltip-left: ${leftValue}px;
1318
+ --w3m-tooltip-parent-width: ${this.triggerRect.width / 2}px;
1319
+ --w3m-tooltip-display: ${this.open ? "flex" : "none"};
1320
+ --w3m-tooltip-opacity: ${this.open ? 1 : 0};
1321
+ `;
1322
+ return T`<wui-flex>
1323
+ <wui-icon data-placement="top" color="fg-100" size="inherit" name="cursor"></wui-icon>
1324
+ <wui-text color="inherit" variant="small-500">${this.message}</wui-text>
1325
+ </wui-flex>`;
1326
+ }
1327
+ };
1328
+ W3mTooltip.styles = [styles_default9];
1329
+ __decorate9([
1330
+ r()
1331
+ ], W3mTooltip.prototype, "open", void 0);
1332
+ __decorate9([
1333
+ r()
1334
+ ], W3mTooltip.prototype, "message", void 0);
1335
+ __decorate9([
1336
+ r()
1337
+ ], W3mTooltip.prototype, "triggerRect", void 0);
1338
+ __decorate9([
1339
+ r()
1340
+ ], W3mTooltip.prototype, "variant", void 0);
1341
+ W3mTooltip = __decorate9([
1342
+ customElement("w3m-tooltip"),
1343
+ customElement("w3m-tooltip")
1344
+ ], W3mTooltip);
1345
+ }
1346
+ });
1347
+
1348
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-router/styles.js
1349
+ var styles_default10;
1350
+ var init_styles10 = __esm({
1351
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-router/styles.js"() {
1352
+ "use strict";
1353
+ init_lit();
1354
+ styles_default10 = i`
1355
+ :host {
1356
+ --prev-height: 0px;
1357
+ --new-height: 0px;
1358
+ display: block;
1359
+ }
1360
+
1361
+ div.w3m-router-container {
1362
+ transform: translateY(0);
1363
+ opacity: 1;
1364
+ }
1365
+
1366
+ div.w3m-router-container[view-direction='prev'] {
1367
+ animation:
1368
+ slide-left-out 150ms forwards ease,
1369
+ slide-left-in 150ms forwards ease;
1370
+ animation-delay: 0ms, 200ms;
1371
+ }
1372
+
1373
+ div.w3m-router-container[view-direction='next'] {
1374
+ animation:
1375
+ slide-right-out 150ms forwards ease,
1376
+ slide-right-in 150ms forwards ease;
1377
+ animation-delay: 0ms, 200ms;
1378
+ }
1379
+
1380
+ @keyframes slide-left-out {
1381
+ from {
1382
+ transform: translateX(0px);
1383
+ opacity: 1;
1384
+ }
1385
+ to {
1386
+ transform: translateX(10px);
1387
+ opacity: 0;
1388
+ }
1389
+ }
1390
+
1391
+ @keyframes slide-left-in {
1392
+ from {
1393
+ transform: translateX(-10px);
1394
+ opacity: 0;
1395
+ }
1396
+ to {
1397
+ transform: translateX(0);
1398
+ opacity: 1;
1399
+ }
1400
+ }
1401
+
1402
+ @keyframes slide-right-out {
1403
+ from {
1404
+ transform: translateX(0px);
1405
+ opacity: 1;
1406
+ }
1407
+ to {
1408
+ transform: translateX(-10px);
1409
+ opacity: 0;
1410
+ }
1411
+ }
1412
+
1413
+ @keyframes slide-right-in {
1414
+ from {
1415
+ transform: translateX(10px);
1416
+ opacity: 0;
1417
+ }
1418
+ to {
1419
+ transform: translateX(0);
1420
+ opacity: 1;
1421
+ }
1422
+ }
1423
+ `;
1424
+ }
1425
+ });
1426
+
1427
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-router/index.js
1428
+ var __decorate10, W3mRouter;
1429
+ var init_w3m_router = __esm({
1430
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-router/index.js"() {
1431
+ "use strict";
1432
+ init_lit();
1433
+ init_decorators();
1434
+ init_exports();
1435
+ init_exports2();
1436
+ init_ConstantsUtil();
1437
+ init_styles10();
1438
+ __decorate10 = function(decorators, target, key, desc) {
1439
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1440
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
1441
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
1442
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
1443
+ };
1444
+ W3mRouter = class W3mRouter2 extends i2 {
1445
+ constructor() {
1446
+ super();
1447
+ this.resizeObserver = void 0;
1448
+ this.prevHeight = "0px";
1449
+ this.prevHistoryLength = 1;
1450
+ this.unsubscribe = [];
1451
+ this.view = RouterController.state.view;
1452
+ this.viewDirection = "";
1453
+ this.unsubscribe.push(RouterController.subscribeKey("view", (val) => this.onViewChange(val)));
1454
+ }
1455
+ firstUpdated() {
1456
+ this.resizeObserver = new ResizeObserver(([content]) => {
1457
+ const height = `${content?.contentRect.height}px`;
1458
+ if (this.prevHeight !== "0px") {
1459
+ this.style.setProperty("--prev-height", this.prevHeight);
1460
+ this.style.setProperty("--new-height", height);
1461
+ this.style.animation = "w3m-view-height 150ms forwards ease";
1462
+ this.style.height = "auto";
1463
+ }
1464
+ setTimeout(() => {
1465
+ this.prevHeight = height;
1466
+ this.style.animation = "unset";
1467
+ }, ConstantsUtil2.ANIMATION_DURATIONS.ModalHeight);
1468
+ });
1469
+ this.resizeObserver?.observe(this.getWrapper());
1470
+ }
1471
+ disconnectedCallback() {
1472
+ this.resizeObserver?.unobserve(this.getWrapper());
1473
+ this.unsubscribe.forEach((unsubscribe) => unsubscribe());
1474
+ }
1475
+ render() {
1476
+ return T`<div class="w3m-router-container" view-direction="${this.viewDirection}">
1477
+ ${this.viewTemplate()}
1478
+ </div>`;
1479
+ }
1480
+ viewTemplate() {
1481
+ switch (this.view) {
1482
+ case "AccountSettings":
1483
+ return T`<w3m-account-settings-view></w3m-account-settings-view>`;
1484
+ case "Account":
1485
+ return T`<w3m-account-view></w3m-account-view>`;
1486
+ case "AllWallets":
1487
+ return T`<w3m-all-wallets-view></w3m-all-wallets-view>`;
1488
+ case "ApproveTransaction":
1489
+ return T`<w3m-approve-transaction-view></w3m-approve-transaction-view>`;
1490
+ case "BuyInProgress":
1491
+ return T`<w3m-buy-in-progress-view></w3m-buy-in-progress-view>`;
1492
+ case "ChooseAccountName":
1493
+ return T`<w3m-choose-account-name-view></w3m-choose-account-name-view>`;
1494
+ case "Connect":
1495
+ return T`<w3m-connect-view></w3m-connect-view>`;
1496
+ case "Create":
1497
+ return T`<w3m-connect-view walletGuide="explore"></w3m-connect-view>`;
1498
+ case "ConnectingWalletConnect":
1499
+ return T`<w3m-connecting-wc-view></w3m-connecting-wc-view>`;
1500
+ case "ConnectingWalletConnectBasic":
1501
+ return T`<w3m-connecting-wc-basic-view></w3m-connecting-wc-basic-view>`;
1502
+ case "ConnectingExternal":
1503
+ return T`<w3m-connecting-external-view></w3m-connecting-external-view>`;
1504
+ case "ConnectingSiwe":
1505
+ return T`<w3m-connecting-siwe-view></w3m-connecting-siwe-view>`;
1506
+ case "ConnectWallets":
1507
+ return T`<w3m-connect-wallets-view></w3m-connect-wallets-view>`;
1508
+ case "ConnectSocials":
1509
+ return T`<w3m-connect-socials-view></w3m-connect-socials-view>`;
1510
+ case "ConnectingSocial":
1511
+ return T`<w3m-connecting-social-view></w3m-connecting-social-view>`;
1512
+ case "Downloads":
1513
+ return T`<w3m-downloads-view></w3m-downloads-view>`;
1514
+ case "EmailLogin":
1515
+ return T`<w3m-email-login-view></w3m-email-login-view>`;
1516
+ case "EmailVerifyOtp":
1517
+ return T`<w3m-email-verify-otp-view></w3m-email-verify-otp-view>`;
1518
+ case "EmailVerifyDevice":
1519
+ return T`<w3m-email-verify-device-view></w3m-email-verify-device-view>`;
1520
+ case "GetWallet":
1521
+ return T`<w3m-get-wallet-view></w3m-get-wallet-view>`;
1522
+ case "Networks":
1523
+ return T`<w3m-networks-view></w3m-networks-view>`;
1524
+ case "SwitchNetwork":
1525
+ return T`<w3m-network-switch-view></w3m-network-switch-view>`;
1526
+ case "Profile":
1527
+ return T`<w3m-profile-view></w3m-profile-view>`;
1528
+ case "SwitchAddress":
1529
+ return T`<w3m-switch-address-view></w3m-switch-address-view>`;
1530
+ case "Transactions":
1531
+ return T`<w3m-transactions-view></w3m-transactions-view>`;
1532
+ case "OnRampProviders":
1533
+ return T`<w3m-onramp-providers-view></w3m-onramp-providers-view>`;
1534
+ case "OnRampActivity":
1535
+ return T`<w3m-onramp-activity-view></w3m-onramp-activity-view>`;
1536
+ case "OnRampTokenSelect":
1537
+ return T`<w3m-onramp-token-select-view></w3m-onramp-token-select-view>`;
1538
+ case "OnRampFiatSelect":
1539
+ return T`<w3m-onramp-fiat-select-view></w3m-onramp-fiat-select-view>`;
1540
+ case "UpgradeEmailWallet":
1541
+ return T`<w3m-upgrade-wallet-view></w3m-upgrade-wallet-view>`;
1542
+ case "UpdateEmailWallet":
1543
+ return T`<w3m-update-email-wallet-view></w3m-update-email-wallet-view>`;
1544
+ case "UpdateEmailPrimaryOtp":
1545
+ return T`<w3m-update-email-primary-otp-view></w3m-update-email-primary-otp-view>`;
1546
+ case "UpdateEmailSecondaryOtp":
1547
+ return T`<w3m-update-email-secondary-otp-view></w3m-update-email-secondary-otp-view>`;
1548
+ case "UnsupportedChain":
1549
+ return T`<w3m-unsupported-chain-view></w3m-unsupported-chain-view>`;
1550
+ case "Swap":
1551
+ return T`<w3m-swap-view></w3m-swap-view>`;
1552
+ case "SwapSelectToken":
1553
+ return T`<w3m-swap-select-token-view></w3m-swap-select-token-view>`;
1554
+ case "SwapPreview":
1555
+ return T`<w3m-swap-preview-view></w3m-swap-preview-view>`;
1556
+ case "WalletSend":
1557
+ return T`<w3m-wallet-send-view></w3m-wallet-send-view>`;
1558
+ case "WalletSendSelectToken":
1559
+ return T`<w3m-wallet-send-select-token-view></w3m-wallet-send-select-token-view>`;
1560
+ case "WalletSendPreview":
1561
+ return T`<w3m-wallet-send-preview-view></w3m-wallet-send-preview-view>`;
1562
+ case "WhatIsABuy":
1563
+ return T`<w3m-what-is-a-buy-view></w3m-what-is-a-buy-view>`;
1564
+ case "WalletReceive":
1565
+ return T`<w3m-wallet-receive-view></w3m-wallet-receive-view>`;
1566
+ case "WalletCompatibleNetworks":
1567
+ return T`<w3m-wallet-compatible-networks-view></w3m-wallet-compatible-networks-view>`;
1568
+ case "WhatIsAWallet":
1569
+ return T`<w3m-what-is-a-wallet-view></w3m-what-is-a-wallet-view>`;
1570
+ case "ConnectingMultiChain":
1571
+ return T`<w3m-connecting-multi-chain-view></w3m-connecting-multi-chain-view>`;
1572
+ case "WhatIsANetwork":
1573
+ return T`<w3m-what-is-a-network-view></w3m-what-is-a-network-view>`;
1574
+ case "ConnectingFarcaster":
1575
+ return T`<w3m-connecting-farcaster-view></w3m-connecting-farcaster-view>`;
1576
+ case "SwitchActiveChain":
1577
+ return T`<w3m-switch-active-chain-view></w3m-switch-active-chain-view>`;
1578
+ case "RegisterAccountName":
1579
+ return T`<w3m-register-account-name-view></w3m-register-account-name-view>`;
1580
+ case "RegisterAccountNameSuccess":
1581
+ return T`<w3m-register-account-name-success-view></w3m-register-account-name-success-view>`;
1582
+ case "SmartSessionCreated":
1583
+ return T`<w3m-smart-session-created-view></w3m-smart-session-created-view>`;
1584
+ case "SmartSessionList":
1585
+ return T`<w3m-smart-session-list-view></w3m-smart-session-list-view>`;
1586
+ case "SIWXSignMessage":
1587
+ return T`<w3m-siwx-sign-message-view></w3m-siwx-sign-message-view>`;
1588
+ case "Pay":
1589
+ return T`<w3m-pay-view></w3m-pay-view>`;
1590
+ case "PayLoading":
1591
+ return T`<w3m-pay-loading-view></w3m-pay-loading-view>`;
1592
+ default:
1593
+ return T`<w3m-connect-view></w3m-connect-view>`;
1594
+ }
1595
+ }
1596
+ onViewChange(newView) {
1597
+ TooltipController.hide();
1598
+ let direction = ConstantsUtil2.VIEW_DIRECTION.Next;
1599
+ const { history } = RouterController.state;
1600
+ if (history.length < this.prevHistoryLength) {
1601
+ direction = ConstantsUtil2.VIEW_DIRECTION.Prev;
1602
+ }
1603
+ this.prevHistoryLength = history.length;
1604
+ this.viewDirection = direction;
1605
+ setTimeout(() => {
1606
+ this.view = newView;
1607
+ }, ConstantsUtil2.ANIMATION_DURATIONS.ViewTransition);
1608
+ }
1609
+ getWrapper() {
1610
+ return this.shadowRoot?.querySelector("div");
1611
+ }
1612
+ };
1613
+ W3mRouter.styles = styles_default10;
1614
+ __decorate10([
1615
+ r()
1616
+ ], W3mRouter.prototype, "view", void 0);
1617
+ __decorate10([
1618
+ r()
1619
+ ], W3mRouter.prototype, "viewDirection", void 0);
1620
+ W3mRouter = __decorate10([
1621
+ customElement("w3m-router")
1622
+ ], W3mRouter);
1623
+ }
1624
+ });
1625
+
1626
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-modal/styles.js
1627
+ var styles_default11;
1628
+ var init_styles11 = __esm({
1629
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-modal/styles.js"() {
1630
+ "use strict";
1631
+ init_lit();
1632
+ styles_default11 = i`
1633
+ :host {
1634
+ z-index: var(--w3m-z-index);
1635
+ display: block;
1636
+ backface-visibility: hidden;
1637
+ will-change: opacity;
1638
+ position: fixed;
1639
+ top: 0;
1640
+ left: 0;
1641
+ right: 0;
1642
+ bottom: 0;
1643
+ pointer-events: none;
1644
+ opacity: 0;
1645
+ background-color: var(--wui-cover);
1646
+ transition: opacity 0.2s var(--wui-ease-out-power-2);
1647
+ will-change: opacity;
1648
+ }
1649
+
1650
+ :host(.open) {
1651
+ opacity: 1;
1652
+ }
1653
+
1654
+ :host(.appkit-modal) {
1655
+ position: relative;
1656
+ pointer-events: unset;
1657
+ background: none;
1658
+ width: 100%;
1659
+ opacity: 1;
1660
+ }
1661
+
1662
+ wui-card {
1663
+ max-width: var(--w3m-modal-width);
1664
+ width: 100%;
1665
+ position: relative;
1666
+ animation: zoom-in 0.2s var(--wui-ease-out-power-2);
1667
+ animation-fill-mode: backwards;
1668
+ outline: none;
1669
+ transition:
1670
+ border-radius var(--wui-duration-lg) var(--wui-ease-out-power-1),
1671
+ background-color var(--wui-duration-lg) var(--wui-ease-out-power-1);
1672
+ will-change: border-radius, background-color;
1673
+ }
1674
+
1675
+ :host(.appkit-modal) wui-card {
1676
+ max-width: 400px;
1677
+ }
1678
+
1679
+ wui-card[shake='true'] {
1680
+ animation:
1681
+ zoom-in 0.2s var(--wui-ease-out-power-2),
1682
+ w3m-shake 0.5s var(--wui-ease-out-power-2);
1683
+ }
1684
+
1685
+ wui-flex {
1686
+ overflow-x: hidden;
1687
+ overflow-y: auto;
1688
+ display: flex;
1689
+ align-items: center;
1690
+ justify-content: center;
1691
+ width: 100%;
1692
+ height: 100%;
1693
+ }
1694
+
1695
+ @media (max-height: 700px) and (min-width: 431px) {
1696
+ wui-flex {
1697
+ align-items: flex-start;
1698
+ }
1699
+
1700
+ wui-card {
1701
+ margin: var(--wui-spacing-xxl) 0px;
1702
+ }
1703
+ }
1704
+
1705
+ @media (max-width: 430px) {
1706
+ wui-flex {
1707
+ align-items: flex-end;
1708
+ }
1709
+
1710
+ wui-card {
1711
+ max-width: 100%;
1712
+ border-bottom-left-radius: var(--local-border-bottom-mobile-radius);
1713
+ border-bottom-right-radius: var(--local-border-bottom-mobile-radius);
1714
+ border-bottom: none;
1715
+ animation: slide-in 0.2s var(--wui-ease-out-power-2);
1716
+ }
1717
+
1718
+ wui-card[shake='true'] {
1719
+ animation:
1720
+ slide-in 0.2s var(--wui-ease-out-power-2),
1721
+ w3m-shake 0.5s var(--wui-ease-out-power-2);
1722
+ }
1723
+ }
1724
+
1725
+ @keyframes zoom-in {
1726
+ 0% {
1727
+ transform: scale(0.95) translateY(0);
1728
+ }
1729
+ 100% {
1730
+ transform: scale(1) translateY(0);
1731
+ }
1732
+ }
1733
+
1734
+ @keyframes slide-in {
1735
+ 0% {
1736
+ transform: scale(1) translateY(50px);
1737
+ }
1738
+ 100% {
1739
+ transform: scale(1) translateY(0);
1740
+ }
1741
+ }
1742
+
1743
+ @keyframes w3m-shake {
1744
+ 0% {
1745
+ transform: scale(1) rotate(0deg);
1746
+ }
1747
+ 20% {
1748
+ transform: scale(1) rotate(-1deg);
1749
+ }
1750
+ 40% {
1751
+ transform: scale(1) rotate(1.5deg);
1752
+ }
1753
+ 60% {
1754
+ transform: scale(1) rotate(-1.5deg);
1755
+ }
1756
+ 80% {
1757
+ transform: scale(1) rotate(1deg);
1758
+ }
1759
+ 100% {
1760
+ transform: scale(1) rotate(0deg);
1761
+ }
1762
+ }
1763
+
1764
+ @keyframes w3m-view-height {
1765
+ from {
1766
+ height: var(--prev-height);
1767
+ }
1768
+ to {
1769
+ height: var(--new-height);
1770
+ }
1771
+ }
1772
+ `;
1773
+ }
1774
+ });
1775
+
1776
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-modal/index.js
1777
+ var __decorate11, SCROLL_LOCK, W3mModalBase, W3mModal, AppKitModal;
1778
+ var init_w3m_modal = __esm({
1779
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/src/modal/w3m-modal/index.js"() {
1780
+ "use strict";
1781
+ init_lit();
1782
+ init_decorators();
1783
+ init_if_defined();
1784
+ init_esm();
1785
+ init_exports();
1786
+ init_exports2();
1787
+ init_wui_card2();
1788
+ init_wui_flex2();
1789
+ init_w3m_alertbar();
1790
+ init_w3m_header();
1791
+ init_w3m_snackbar();
1792
+ init_w3m_tooltip();
1793
+ init_w3m_router();
1794
+ init_styles11();
1795
+ __decorate11 = function(decorators, target, key, desc) {
1796
+ var c = arguments.length, r2 = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
1797
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r2 = Reflect.decorate(decorators, target, key, desc);
1798
+ else for (var i3 = decorators.length - 1; i3 >= 0; i3--) if (d = decorators[i3]) r2 = (c < 3 ? d(r2) : c > 3 ? d(target, key, r2) : d(target, key)) || r2;
1799
+ return c > 3 && r2 && Object.defineProperty(target, key, r2), r2;
1800
+ };
1801
+ SCROLL_LOCK = "scroll-lock";
1802
+ W3mModalBase = class extends i2 {
1803
+ constructor() {
1804
+ super();
1805
+ this.unsubscribe = [];
1806
+ this.abortController = void 0;
1807
+ this.hasPrefetched = false;
1808
+ this.enableEmbedded = OptionsController.state.enableEmbedded;
1809
+ this.open = ModalController.state.open;
1810
+ this.caipAddress = ChainController.state.activeCaipAddress;
1811
+ this.caipNetwork = ChainController.state.activeCaipNetwork;
1812
+ this.shake = ModalController.state.shake;
1813
+ this.filterByNamespace = ConnectorController.state.filterByNamespace;
1814
+ this.initializeTheming();
1815
+ ApiController.prefetchAnalyticsConfig();
1816
+ this.unsubscribe.push(...[
1817
+ ModalController.subscribeKey("open", (val) => val ? this.onOpen() : this.onClose()),
1818
+ ModalController.subscribeKey("shake", (val) => this.shake = val),
1819
+ ChainController.subscribeKey("activeCaipNetwork", (val) => this.onNewNetwork(val)),
1820
+ ChainController.subscribeKey("activeCaipAddress", (val) => this.onNewAddress(val)),
1821
+ OptionsController.subscribeKey("enableEmbedded", (val) => this.enableEmbedded = val),
1822
+ ConnectorController.subscribeKey("filterByNamespace", (val) => {
1823
+ if (this.filterByNamespace !== val && !ChainController.getAccountData(val)?.caipAddress) {
1824
+ ApiController.fetchRecommendedWallets();
1825
+ this.filterByNamespace = val;
1826
+ }
1827
+ })
1828
+ ]);
1829
+ }
1830
+ firstUpdated() {
1831
+ if (this.caipAddress) {
1832
+ if (this.enableEmbedded) {
1833
+ ModalController.close();
1834
+ this.prefetch();
1835
+ return;
1836
+ }
1837
+ this.onNewAddress(this.caipAddress);
1838
+ }
1839
+ if (this.open) {
1840
+ this.onOpen();
1841
+ }
1842
+ if (this.enableEmbedded) {
1843
+ this.prefetch();
1844
+ }
1845
+ }
1846
+ disconnectedCallback() {
1847
+ this.unsubscribe.forEach((unsubscribe) => unsubscribe());
1848
+ this.onRemoveKeyboardListener();
1849
+ }
1850
+ render() {
1851
+ this.style.cssText = `
1852
+ --local-border-bottom-mobile-radius: ${this.enableEmbedded ? "clamp(0px, var(--wui-border-radius-l), 44px)" : "0px"};
1853
+ `;
1854
+ if (this.enableEmbedded) {
1855
+ return T`${this.contentTemplate()}
1856
+ <w3m-tooltip></w3m-tooltip> `;
1857
+ }
1858
+ return this.open ? T`
1859
+ <wui-flex @click=${this.onOverlayClick.bind(this)} data-testid="w3m-modal-overlay">
1860
+ ${this.contentTemplate()}
1861
+ </wui-flex>
1862
+ <w3m-tooltip></w3m-tooltip>
1863
+ ` : null;
1864
+ }
1865
+ contentTemplate() {
1866
+ return T` <wui-card
1867
+ shake="${this.shake}"
1868
+ data-embedded="${o(this.enableEmbedded)}"
1869
+ role="alertdialog"
1870
+ aria-modal="true"
1871
+ tabindex="0"
1872
+ data-testid="w3m-modal-card"
1873
+ >
1874
+ <w3m-header></w3m-header>
1875
+ <w3m-router></w3m-router>
1876
+ <w3m-snackbar></w3m-snackbar>
1877
+ <w3m-alertbar></w3m-alertbar>
1878
+ </wui-card>`;
1879
+ }
1880
+ async onOverlayClick(event) {
1881
+ if (event.target === event.currentTarget) {
1882
+ await this.handleClose();
1883
+ }
1884
+ }
1885
+ async handleClose() {
1886
+ await ModalUtil.safeClose();
1887
+ }
1888
+ initializeTheming() {
1889
+ const { themeVariables, themeMode } = ThemeController.state;
1890
+ const defaultThemeMode = UiHelperUtil.getColorTheme(themeMode);
1891
+ initializeTheming(themeVariables, defaultThemeMode);
1892
+ }
1893
+ onClose() {
1894
+ this.open = false;
1895
+ this.classList.remove("open");
1896
+ this.onScrollUnlock();
1897
+ SnackController.hide();
1898
+ this.onRemoveKeyboardListener();
1899
+ }
1900
+ onOpen() {
1901
+ this.open = true;
1902
+ this.classList.add("open");
1903
+ this.onScrollLock();
1904
+ this.onAddKeyboardListener();
1905
+ }
1906
+ onScrollLock() {
1907
+ const styleTag = document.createElement("style");
1908
+ styleTag.dataset["w3m"] = SCROLL_LOCK;
1909
+ styleTag.textContent = `
1910
+ body {
1911
+ touch-action: none;
1912
+ overflow: hidden;
1913
+ overscroll-behavior: contain;
1914
+ }
1915
+ w3m-modal {
1916
+ pointer-events: auto;
1917
+ }
1918
+ `;
1919
+ document.head.appendChild(styleTag);
1920
+ }
1921
+ onScrollUnlock() {
1922
+ const styleTag = document.head.querySelector(`style[data-w3m="${SCROLL_LOCK}"]`);
1923
+ if (styleTag) {
1924
+ styleTag.remove();
1925
+ }
1926
+ }
1927
+ onAddKeyboardListener() {
1928
+ this.abortController = new AbortController();
1929
+ const card = this.shadowRoot?.querySelector("wui-card");
1930
+ card?.focus();
1931
+ window.addEventListener("keydown", (event) => {
1932
+ if (event.key === "Escape") {
1933
+ this.handleClose();
1934
+ } else if (event.key === "Tab") {
1935
+ const { tagName } = event.target;
1936
+ if (tagName && !tagName.includes("W3M-") && !tagName.includes("WUI-")) {
1937
+ card?.focus();
1938
+ }
1939
+ }
1940
+ }, this.abortController);
1941
+ }
1942
+ onRemoveKeyboardListener() {
1943
+ this.abortController?.abort();
1944
+ this.abortController = void 0;
1945
+ }
1946
+ async onNewAddress(caipAddress) {
1947
+ const isSwitchingNamespace = ChainController.state.isSwitchingNamespace;
1948
+ const nextConnected = CoreHelperUtil.getPlainAddress(caipAddress);
1949
+ const isDisconnectedInSameNamespace = !nextConnected && !isSwitchingNamespace;
1950
+ const isSwitchingNamespaceAndConnected = isSwitchingNamespace && nextConnected;
1951
+ if (isDisconnectedInSameNamespace) {
1952
+ ModalController.close();
1953
+ } else if (isSwitchingNamespaceAndConnected) {
1954
+ RouterController.goBack();
1955
+ }
1956
+ await SIWXUtil.initializeIfEnabled();
1957
+ this.caipAddress = caipAddress;
1958
+ ChainController.setIsSwitchingNamespace(false);
1959
+ }
1960
+ onNewNetwork(nextCaipNetwork) {
1961
+ const prevCaipNetwork = this.caipNetwork;
1962
+ const prevCaipNetworkId = prevCaipNetwork?.caipNetworkId?.toString();
1963
+ const prevChainNamespace = prevCaipNetwork?.chainNamespace;
1964
+ const nextNetworkId = nextCaipNetwork?.caipNetworkId?.toString();
1965
+ const nextChainNamespace = nextCaipNetwork?.chainNamespace;
1966
+ const networkIdChanged = prevCaipNetworkId !== nextNetworkId;
1967
+ const namespaceChanged = prevChainNamespace !== nextChainNamespace;
1968
+ const isNetworkChangedInSameNamespace = networkIdChanged && !namespaceChanged;
1969
+ const wasUnsupportedNetwork = prevCaipNetwork?.name === ConstantsUtil.UNSUPPORTED_NETWORK_NAME;
1970
+ const isConnectingExternal = RouterController.state.view === "ConnectingExternal";
1971
+ const isNotConnected = !ChainController.getAccountData(nextCaipNetwork?.chainNamespace)?.caipAddress;
1972
+ const isUnsupportedNetworkScreen = RouterController.state.view === "UnsupportedChain";
1973
+ const isModalOpen = ModalController.state.open;
1974
+ let shouldGoBack = false;
1975
+ if (isModalOpen && !isConnectingExternal) {
1976
+ if (isNotConnected) {
1977
+ if (networkIdChanged) {
1978
+ shouldGoBack = true;
1979
+ }
1980
+ } else if (isUnsupportedNetworkScreen) {
1981
+ shouldGoBack = true;
1982
+ } else if (isNetworkChangedInSameNamespace && !wasUnsupportedNetwork) {
1983
+ shouldGoBack = true;
1984
+ }
1985
+ }
1986
+ if (shouldGoBack && RouterController.state.view !== "SIWXSignMessage") {
1987
+ RouterController.goBack();
1988
+ }
1989
+ this.caipNetwork = nextCaipNetwork;
1990
+ }
1991
+ prefetch() {
1992
+ if (!this.hasPrefetched) {
1993
+ ApiController.prefetch();
1994
+ ApiController.fetchWalletsByPage({ page: 1 });
1995
+ this.hasPrefetched = true;
1996
+ }
1997
+ }
1998
+ };
1999
+ W3mModalBase.styles = styles_default11;
2000
+ __decorate11([
2001
+ n({ type: Boolean })
2002
+ ], W3mModalBase.prototype, "enableEmbedded", void 0);
2003
+ __decorate11([
2004
+ r()
2005
+ ], W3mModalBase.prototype, "open", void 0);
2006
+ __decorate11([
2007
+ r()
2008
+ ], W3mModalBase.prototype, "caipAddress", void 0);
2009
+ __decorate11([
2010
+ r()
2011
+ ], W3mModalBase.prototype, "caipNetwork", void 0);
2012
+ __decorate11([
2013
+ r()
2014
+ ], W3mModalBase.prototype, "shake", void 0);
2015
+ __decorate11([
2016
+ r()
2017
+ ], W3mModalBase.prototype, "filterByNamespace", void 0);
2018
+ W3mModal = class W3mModal2 extends W3mModalBase {
2019
+ };
2020
+ W3mModal = __decorate11([
2021
+ customElement("w3m-modal")
2022
+ ], W3mModal);
2023
+ AppKitModal = class AppKitModal2 extends W3mModalBase {
2024
+ };
2025
+ AppKitModal = __decorate11([
2026
+ customElement("appkit-modal")
2027
+ ], AppKitModal);
2028
+ }
2029
+ });
2030
+
2031
+ // ../../node_modules/@reown/appkit-scaffold-ui/dist/esm/exports/w3m-modal.js
2032
+ var init_w3m_modal2 = __esm({
2033
+ "../../node_modules/@reown/appkit-scaffold-ui/dist/esm/exports/w3m-modal.js"() {
2034
+ init_w3m_modal();
2035
+ }
2036
+ });
2037
+ init_w3m_modal2();
2038
+ export {
2039
+ AppKitModal,
2040
+ W3mModal,
2041
+ W3mModalBase
2042
+ };