arkada-widgets 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +65 -0
  2. package/dist/index.cjs +1819 -0
  3. package/dist/index.cjs.map +1 -0
  4. package/dist/index.css +123 -0
  5. package/dist/index.css.map +1 -0
  6. package/dist/index.d.cts +53 -0
  7. package/dist/index.d.ts +53 -0
  8. package/dist/index.js +1791 -0
  9. package/dist/index.js.map +1 -0
  10. package/package.json +70 -0
package/dist/index.js ADDED
@@ -0,0 +1,1791 @@
1
+ // src/shared/config/index.ts
2
+ var DEFAULT_THEME = "dark";
3
+ var ARKADA_PUBLIC_API_URL = "https://app-api.arkada.gg";
4
+
5
+ // src/shared/hooks/useTheme.ts
6
+ import { useEffect, useRef } from "react";
7
+ function useTheme(theme = DEFAULT_THEME) {
8
+ const ref = useRef(null);
9
+ useEffect(() => {
10
+ if (ref.current) {
11
+ ref.current.setAttribute("data-theme", theme);
12
+ }
13
+ }, [theme]);
14
+ return ref;
15
+ }
16
+
17
+ // src/shared/utils/cn.ts
18
+ import { clsx } from "clsx";
19
+ function cn(...inputs) {
20
+ return clsx(inputs);
21
+ }
22
+
23
+ // src/widgets/verify-wallet-button/model/types.ts
24
+ var VerifyWalletVariants = {
25
+ /** Chain icon group + gradient text, gradient border */
26
+ COMPACT: "compact",
27
+ /** Toggle icon + gradient text, flat solid bg */
28
+ COMPACT_MINIMAL: "compact-minimal",
29
+ /** Full gradient background — premium look */
30
+ COMPACT_GRADIENT: "compact-gradient",
31
+ /** Icon + full-width CTA gradient bar */
32
+ BANNER: "banner",
33
+ /** 60px circle overlapping a solid-color bar, gradient text */
34
+ FLOATING: "floating",
35
+ /** 60px circle overlapping a gradient CTA bar */
36
+ FLOATING_GRADIENT: "floating-gradient",
37
+ /** Gradient icon zone left + text right */
38
+ PILL: "pill",
39
+ /** Full-width gradient with chevrons */
40
+ PILL_WIDE: "pill-wide",
41
+ /** Pill with status-colored border */
42
+ OUTLINED: "outlined",
43
+ /** Full gradient bar inside status border */
44
+ OUTLINED_WIDE: "outlined-wide"
45
+ };
46
+
47
+ // src/widgets/verify-wallet-button/components/icons.tsx
48
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
49
+ function ChainGroupIcon({
50
+ verified = false,
51
+ ...props
52
+ }) {
53
+ return /* @__PURE__ */ jsxs(
54
+ "svg",
55
+ {
56
+ viewBox: "0 0 72 48",
57
+ fill: "none",
58
+ xmlns: "http://www.w3.org/2000/svg",
59
+ ...props,
60
+ children: [
61
+ /* @__PURE__ */ jsx("circle", { cx: 20, cy: 24, r: 20, fill: "url(#cg-left-grad)" }),
62
+ /* @__PURE__ */ jsx(
63
+ "path",
64
+ {
65
+ fillRule: "evenodd",
66
+ clipRule: "evenodd",
67
+ d: "M20.5 13L34 31H7L20.5 13ZM14.4384 27.2704H26.5616L20.5 19.1882L14.4384 27.2704Z",
68
+ fill: "white"
69
+ }
70
+ ),
71
+ /* @__PURE__ */ jsx("g", { filter: "url(#cg-right-shadow)", children: /* @__PURE__ */ jsx(
72
+ "circle",
73
+ {
74
+ cx: 48,
75
+ cy: 24,
76
+ r: 20,
77
+ fill: verified ? "url(#cg-right-grad)" : "url(#cg-right-grad)"
78
+ }
79
+ ) }),
80
+ verified ? /* @__PURE__ */ jsxs(Fragment, { children: [
81
+ /* @__PURE__ */ jsx(
82
+ "path",
83
+ {
84
+ opacity: 0.25,
85
+ d: "M62 24C62 31.732 55.732 38 48 38C40.268 38 34 31.732 34 24C34 16.268 40.268 10 48 10C55.732 10 62 16.268 62 24Z",
86
+ fill: "#093217"
87
+ }
88
+ ),
89
+ /* @__PURE__ */ jsx("g", { filter: "url(#cg-check-blur-lg)", children: /* @__PURE__ */ jsx(
90
+ "path",
91
+ {
92
+ d: "M54.6382 18.4055C55.1206 18.9463 55.1206 19.823 54.6382 20.3637L46.4029 29.5945C45.9205 30.1352 45.1383 30.1352 44.6559 29.5945L41.3618 25.9021C40.8794 25.3614 40.8794 24.4847 41.3618 23.944C41.8442 23.4033 42.6264 23.4033 43.1088 23.944L45.5294 26.6572L49.2103 22.5314L52.8912 18.4055C53.3736 17.8648 54.1558 17.8648 54.6382 18.4055Z",
93
+ fill: "white"
94
+ }
95
+ ) }),
96
+ /* @__PURE__ */ jsx("g", { filter: "url(#cg-check-blur-sm)", children: /* @__PURE__ */ jsx(
97
+ "path",
98
+ {
99
+ d: "M54.6382 18.4055C55.1206 18.9463 55.1206 19.823 54.6382 20.3637L46.4029 29.5945C45.9205 30.1352 45.1383 30.1352 44.6559 29.5945L41.3618 25.9021C40.8794 25.3614 40.8794 24.4847 41.3618 23.944C41.8442 23.4033 42.6264 23.4033 43.1088 23.944L45.5294 26.6572L49.2103 22.5314L52.8912 18.4055C53.3736 17.8648 54.1558 17.8648 54.6382 18.4055Z",
100
+ fill: "white"
101
+ }
102
+ ) }),
103
+ /* @__PURE__ */ jsx(
104
+ "path",
105
+ {
106
+ d: "M54.6382 18.4055C55.1206 18.9463 55.1206 19.823 54.6382 20.3637L46.4029 29.5945C45.9205 30.1352 45.1383 30.1352 44.6559 29.5945L41.3618 25.9021C40.8794 25.3614 40.8794 24.4847 41.3618 23.944C41.8442 23.4033 42.6264 23.4033 43.1088 23.944L45.5294 26.6572L49.2103 22.5314L52.8912 18.4055C53.3736 17.8648 54.1558 17.8648 54.6382 18.4055Z",
107
+ fill: "white"
108
+ }
109
+ )
110
+ ] }) : /* @__PURE__ */ jsxs("g", { filter: "url(#cg-wallet-shadow)", children: [
111
+ /* @__PURE__ */ jsx(
112
+ "path",
113
+ {
114
+ d: "M58.8708 28.06C58.6068 31.0441 56.4834 33 53.4028 33H43.501C40.4645 33 38 30.4965 38 27.4118V19.5882C38 16.5482 39.8043 14.4247 42.6099 14.0671C42.8959 14.0224 43.193 14 43.501 14H53.4028C53.6889 14 53.9639 14.0112 54.228 14.0559C56.8575 14.3688 58.6398 16.2353 58.8708 18.94C58.9039 19.2641 58.6398 19.5324 58.3207 19.5324H56.6154C55.5592 19.5324 54.5801 19.9459 53.8759 20.6835C53.0398 21.5106 52.6217 22.6729 52.7207 23.8353C52.8967 25.8694 54.6571 27.4676 56.7475 27.4676H58.3207C58.6398 27.4676 58.9039 27.7359 58.8708 28.06Z",
115
+ fill: "white"
116
+ }
117
+ ),
118
+ /* @__PURE__ */ jsx(
119
+ "path",
120
+ {
121
+ d: "M60 22.349V24.6514C60 25.2661 59.5159 25.769 58.8998 25.7914H56.7434C55.5552 25.7914 54.466 24.9085 54.367 23.7014C54.3009 22.9973 54.565 22.3379 55.0271 21.8796C55.4342 21.4549 55.9953 21.209 56.6114 21.209H58.8998C59.5159 21.2314 60 21.7343 60 22.349Z",
122
+ fill: "white"
123
+ }
124
+ )
125
+ ] }),
126
+ /* @__PURE__ */ jsxs("defs", { children: [
127
+ /* @__PURE__ */ jsxs(
128
+ "filter",
129
+ {
130
+ id: "cg-right-shadow",
131
+ x: 24,
132
+ y: 0,
133
+ width: 48,
134
+ height: 48,
135
+ filterUnits: "userSpaceOnUse",
136
+ colorInterpolationFilters: "sRGB",
137
+ children: [
138
+ /* @__PURE__ */ jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
139
+ /* @__PURE__ */ jsx(
140
+ "feColorMatrix",
141
+ {
142
+ in: "SourceAlpha",
143
+ type: "matrix",
144
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
145
+ result: "hardAlpha"
146
+ }
147
+ ),
148
+ /* @__PURE__ */ jsx("feOffset", {}),
149
+ /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: 2 }),
150
+ /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
151
+ /* @__PURE__ */ jsx(
152
+ "feColorMatrix",
153
+ {
154
+ type: "matrix",
155
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
156
+ }
157
+ ),
158
+ /* @__PURE__ */ jsx(
159
+ "feBlend",
160
+ {
161
+ mode: "normal",
162
+ in2: "BackgroundImageFix",
163
+ result: "effect1_dropShadow"
164
+ }
165
+ ),
166
+ /* @__PURE__ */ jsx(
167
+ "feBlend",
168
+ {
169
+ mode: "normal",
170
+ in: "SourceGraphic",
171
+ in2: "effect1_dropShadow",
172
+ result: "shape"
173
+ }
174
+ )
175
+ ]
176
+ }
177
+ ),
178
+ verified ? /* @__PURE__ */ jsxs(Fragment, { children: [
179
+ /* @__PURE__ */ jsxs(
180
+ "filter",
181
+ {
182
+ id: "cg-check-blur-lg",
183
+ x: 33,
184
+ y: 10,
185
+ width: 30,
186
+ height: 28,
187
+ filterUnits: "userSpaceOnUse",
188
+ colorInterpolationFilters: "sRGB",
189
+ children: [
190
+ /* @__PURE__ */ jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
191
+ /* @__PURE__ */ jsx(
192
+ "feBlend",
193
+ {
194
+ mode: "normal",
195
+ in: "SourceGraphic",
196
+ in2: "BackgroundImageFix",
197
+ result: "shape"
198
+ }
199
+ ),
200
+ /* @__PURE__ */ jsx(
201
+ "feGaussianBlur",
202
+ {
203
+ stdDeviation: 4,
204
+ result: "effect1_foregroundBlur"
205
+ }
206
+ )
207
+ ]
208
+ }
209
+ ),
210
+ /* @__PURE__ */ jsxs(
211
+ "filter",
212
+ {
213
+ id: "cg-check-blur-sm",
214
+ x: 37,
215
+ y: 14,
216
+ width: 22,
217
+ height: 20,
218
+ filterUnits: "userSpaceOnUse",
219
+ colorInterpolationFilters: "sRGB",
220
+ children: [
221
+ /* @__PURE__ */ jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
222
+ /* @__PURE__ */ jsx(
223
+ "feBlend",
224
+ {
225
+ mode: "normal",
226
+ in: "SourceGraphic",
227
+ in2: "BackgroundImageFix",
228
+ result: "shape"
229
+ }
230
+ ),
231
+ /* @__PURE__ */ jsx(
232
+ "feGaussianBlur",
233
+ {
234
+ stdDeviation: 2,
235
+ result: "effect1_foregroundBlur"
236
+ }
237
+ )
238
+ ]
239
+ }
240
+ ),
241
+ /* @__PURE__ */ jsxs(
242
+ "linearGradient",
243
+ {
244
+ id: "cg-right-grad",
245
+ x1: 28,
246
+ y1: 4,
247
+ x2: 68,
248
+ y2: 44,
249
+ gradientUnits: "userSpaceOnUse",
250
+ children: [
251
+ /* @__PURE__ */ jsx("stop", { stopColor: "#88F9AD" }),
252
+ /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#41BD6A" })
253
+ ]
254
+ }
255
+ )
256
+ ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
257
+ /* @__PURE__ */ jsxs(
258
+ "filter",
259
+ {
260
+ id: "cg-wallet-shadow",
261
+ x: 34,
262
+ y: 12,
263
+ width: 30,
264
+ height: 27,
265
+ filterUnits: "userSpaceOnUse",
266
+ colorInterpolationFilters: "sRGB",
267
+ children: [
268
+ /* @__PURE__ */ jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
269
+ /* @__PURE__ */ jsx(
270
+ "feColorMatrix",
271
+ {
272
+ in: "SourceAlpha",
273
+ type: "matrix",
274
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
275
+ result: "hardAlpha"
276
+ }
277
+ ),
278
+ /* @__PURE__ */ jsx("feOffset", { dy: 2 }),
279
+ /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: 2 }),
280
+ /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
281
+ /* @__PURE__ */ jsx(
282
+ "feColorMatrix",
283
+ {
284
+ type: "matrix",
285
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
286
+ }
287
+ ),
288
+ /* @__PURE__ */ jsx(
289
+ "feBlend",
290
+ {
291
+ mode: "normal",
292
+ in2: "BackgroundImageFix",
293
+ result: "effect1_dropShadow"
294
+ }
295
+ ),
296
+ /* @__PURE__ */ jsx(
297
+ "feBlend",
298
+ {
299
+ mode: "normal",
300
+ in: "SourceGraphic",
301
+ in2: "effect1_dropShadow",
302
+ result: "shape"
303
+ }
304
+ )
305
+ ]
306
+ }
307
+ ),
308
+ /* @__PURE__ */ jsxs(
309
+ "linearGradient",
310
+ {
311
+ id: "cg-right-grad",
312
+ x1: 28,
313
+ y1: 4,
314
+ x2: 68,
315
+ y2: 44,
316
+ gradientUnits: "userSpaceOnUse",
317
+ children: [
318
+ /* @__PURE__ */ jsx("stop", { stopColor: "#BFBFBF" }),
319
+ /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#696969" })
320
+ ]
321
+ }
322
+ )
323
+ ] }),
324
+ /* @__PURE__ */ jsxs(
325
+ "linearGradient",
326
+ {
327
+ id: "cg-left-grad",
328
+ x1: -5.577,
329
+ y1: 44.571,
330
+ x2: 49.84,
331
+ y2: 36.854,
332
+ gradientUnits: "userSpaceOnUse",
333
+ children: [
334
+ /* @__PURE__ */ jsx("stop", { stopColor: "#FF6A59" }),
335
+ /* @__PURE__ */ jsx("stop", { offset: 1, stopColor: "#5377FF" })
336
+ ]
337
+ }
338
+ )
339
+ ] })
340
+ ]
341
+ }
342
+ );
343
+ }
344
+ function ToggleIcon({
345
+ verified = false,
346
+ ...props
347
+ }) {
348
+ return /* @__PURE__ */ jsx(
349
+ "svg",
350
+ {
351
+ viewBox: "0 0 59 34",
352
+ fill: "none",
353
+ xmlns: "http://www.w3.org/2000/svg",
354
+ ...props,
355
+ children: verified ? /* @__PURE__ */ jsxs(Fragment, { children: [
356
+ /* @__PURE__ */ jsx("rect", { y: 1, width: 58, height: 32, rx: 16, fill: "#50C978" }),
357
+ /* @__PURE__ */ jsx("g", { filter: "url(#ti-circle-shadow)", children: /* @__PURE__ */ jsx("circle", { cx: 42, cy: 17, r: 13, fill: "white" }) }),
358
+ /* @__PURE__ */ jsx(
359
+ "path",
360
+ {
361
+ d: "M47.6899 12.338C48.1034 12.7886 48.1034 13.5191 47.6899 13.9697L40.6311 21.662C40.2176 22.1127 39.5471 22.1127 39.1337 21.662L36.3101 18.5851C35.8966 18.1345 35.8966 17.4039 36.3101 16.9533C36.7236 16.5027 37.394 16.5027 37.8075 16.9533L39.8824 19.2144L43.0374 15.7762L46.1925 12.338C46.606 11.8873 47.2764 11.8873 47.6899 12.338Z",
362
+ fill: "#50C978"
363
+ }
364
+ ),
365
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
366
+ "filter",
367
+ {
368
+ id: "ti-circle-shadow",
369
+ x: 25,
370
+ y: 0,
371
+ width: 34,
372
+ height: 34,
373
+ filterUnits: "userSpaceOnUse",
374
+ colorInterpolationFilters: "sRGB",
375
+ children: [
376
+ /* @__PURE__ */ jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
377
+ /* @__PURE__ */ jsx(
378
+ "feColorMatrix",
379
+ {
380
+ in: "SourceAlpha",
381
+ type: "matrix",
382
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
383
+ result: "hardAlpha"
384
+ }
385
+ ),
386
+ /* @__PURE__ */ jsx("feOffset", {}),
387
+ /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: 2 }),
388
+ /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
389
+ /* @__PURE__ */ jsx(
390
+ "feColorMatrix",
391
+ {
392
+ type: "matrix",
393
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"
394
+ }
395
+ ),
396
+ /* @__PURE__ */ jsx(
397
+ "feBlend",
398
+ {
399
+ mode: "normal",
400
+ in2: "BackgroundImageFix",
401
+ result: "effect1_dropShadow"
402
+ }
403
+ ),
404
+ /* @__PURE__ */ jsx(
405
+ "feBlend",
406
+ {
407
+ mode: "normal",
408
+ in: "SourceGraphic",
409
+ in2: "effect1_dropShadow",
410
+ result: "shape"
411
+ }
412
+ )
413
+ ]
414
+ }
415
+ ) })
416
+ ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
417
+ /* @__PURE__ */ jsx("rect", { x: 1, y: 1, width: 58, height: 32, rx: 16, fill: "#535353" }),
418
+ /* @__PURE__ */ jsx("g", { filter: "url(#ti-circle-shadow)", children: /* @__PURE__ */ jsx("circle", { cx: 17, cy: 17, r: 13, fill: "white" }) }),
419
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
420
+ "filter",
421
+ {
422
+ id: "ti-circle-shadow",
423
+ x: 0,
424
+ y: 0,
425
+ width: 34,
426
+ height: 34,
427
+ filterUnits: "userSpaceOnUse",
428
+ colorInterpolationFilters: "sRGB",
429
+ children: [
430
+ /* @__PURE__ */ jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
431
+ /* @__PURE__ */ jsx(
432
+ "feColorMatrix",
433
+ {
434
+ in: "SourceAlpha",
435
+ type: "matrix",
436
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
437
+ result: "hardAlpha"
438
+ }
439
+ ),
440
+ /* @__PURE__ */ jsx("feOffset", {}),
441
+ /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: 2 }),
442
+ /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
443
+ /* @__PURE__ */ jsx(
444
+ "feColorMatrix",
445
+ {
446
+ type: "matrix",
447
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"
448
+ }
449
+ ),
450
+ /* @__PURE__ */ jsx(
451
+ "feBlend",
452
+ {
453
+ mode: "normal",
454
+ in2: "BackgroundImageFix",
455
+ result: "effect1_dropShadow"
456
+ }
457
+ ),
458
+ /* @__PURE__ */ jsx(
459
+ "feBlend",
460
+ {
461
+ mode: "normal",
462
+ in: "SourceGraphic",
463
+ in2: "effect1_dropShadow",
464
+ result: "shape"
465
+ }
466
+ )
467
+ ]
468
+ }
469
+ ) })
470
+ ] })
471
+ }
472
+ );
473
+ }
474
+ function WalletCircleIcon(props) {
475
+ return /* @__PURE__ */ jsxs(
476
+ "svg",
477
+ {
478
+ xmlns: "http://www.w3.org/2000/svg",
479
+ width: "40",
480
+ height: "40",
481
+ viewBox: "0 0 40 40",
482
+ fill: "none",
483
+ ...props,
484
+ children: [
485
+ /* @__PURE__ */ jsx("circle", { cx: "20", cy: "20", r: "20", fill: "url(#paint0_linear_8567_93038)" }),
486
+ /* @__PURE__ */ jsxs("g", { filter: "url(#filter0_d_8567_93038)", children: [
487
+ /* @__PURE__ */ jsx(
488
+ "path",
489
+ {
490
+ d: "M30.8708 24.06C30.6068 27.0441 28.4834 29 25.4028 29H15.501C12.4645 29 10 26.4965 10 23.4118V15.5882C10 12.5482 11.8043 10.4247 14.6099 10.0671C14.8959 10.0224 15.193 10 15.501 10H25.4028C25.6889 10 25.9639 10.0112 26.228 10.0559C28.8575 10.3688 30.6398 12.2353 30.8708 14.94C30.9039 15.2641 30.6398 15.5324 30.3207 15.5324H28.6154C27.5592 15.5324 26.5801 15.9459 25.8759 16.6835C25.0398 17.5106 24.6217 18.6729 24.7207 19.8353C24.8967 21.8694 26.6571 23.4676 28.7475 23.4676H30.3207C30.6398 23.4676 30.9039 23.7359 30.8708 24.06Z",
491
+ fill: "white"
492
+ }
493
+ ),
494
+ /* @__PURE__ */ jsx(
495
+ "path",
496
+ {
497
+ d: "M32 18.349V20.6514C32 21.2661 31.5159 21.769 30.8998 21.7914H28.7434C27.5552 21.7914 26.466 20.9085 26.367 19.7014C26.3009 18.9973 26.565 18.3379 27.0271 17.8796C27.4342 17.4549 27.9953 17.209 28.6114 17.209H30.8998C31.5159 17.2314 32 17.7343 32 18.349Z",
498
+ fill: "white"
499
+ }
500
+ )
501
+ ] }),
502
+ /* @__PURE__ */ jsxs("defs", { children: [
503
+ /* @__PURE__ */ jsxs(
504
+ "filter",
505
+ {
506
+ id: "filter0_d_8567_93038",
507
+ x: "6",
508
+ y: "8",
509
+ width: "30",
510
+ height: "27",
511
+ filterUnits: "userSpaceOnUse",
512
+ "color-interpolation-filters": "sRGB",
513
+ children: [
514
+ /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
515
+ /* @__PURE__ */ jsx(
516
+ "feColorMatrix",
517
+ {
518
+ in: "SourceAlpha",
519
+ type: "matrix",
520
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
521
+ result: "hardAlpha"
522
+ }
523
+ ),
524
+ /* @__PURE__ */ jsx("feOffset", { dy: "2" }),
525
+ /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2" }),
526
+ /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
527
+ /* @__PURE__ */ jsx(
528
+ "feColorMatrix",
529
+ {
530
+ type: "matrix",
531
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
532
+ }
533
+ ),
534
+ /* @__PURE__ */ jsx(
535
+ "feBlend",
536
+ {
537
+ mode: "normal",
538
+ in2: "BackgroundImageFix",
539
+ result: "effect1_dropShadow_8567_93038"
540
+ }
541
+ ),
542
+ /* @__PURE__ */ jsx(
543
+ "feBlend",
544
+ {
545
+ mode: "normal",
546
+ in: "SourceGraphic",
547
+ in2: "effect1_dropShadow_8567_93038",
548
+ result: "shape"
549
+ }
550
+ )
551
+ ]
552
+ }
553
+ ),
554
+ /* @__PURE__ */ jsxs(
555
+ "linearGradient",
556
+ {
557
+ id: "paint0_linear_8567_93038",
558
+ x1: "0",
559
+ y1: "0",
560
+ x2: "40",
561
+ y2: "40",
562
+ gradientUnits: "userSpaceOnUse",
563
+ children: [
564
+ /* @__PURE__ */ jsx("stop", { "stop-color": "#BFBFBF" }),
565
+ /* @__PURE__ */ jsx("stop", { offset: "1", "stop-color": "#696969" })
566
+ ]
567
+ }
568
+ )
569
+ ] })
570
+ ]
571
+ }
572
+ );
573
+ }
574
+ function WalletCircleGradientIcon(props) {
575
+ return /* @__PURE__ */ jsxs(
576
+ "svg",
577
+ {
578
+ width: "48",
579
+ height: "48",
580
+ viewBox: "0 0 48 48",
581
+ fill: "none",
582
+ xmlns: "http://www.w3.org/2000/svg",
583
+ ...props,
584
+ children: [
585
+ /* @__PURE__ */ jsx("circle", { cx: "24", cy: "24", r: "24", fill: "url(#paint0_linear_10313_34517)" }),
586
+ /* @__PURE__ */ jsxs("g", { filter: "url(#filter0_d_10313_34517)", children: [
587
+ /* @__PURE__ */ jsx(
588
+ "path",
589
+ {
590
+ d: "M33.8708 28.06C33.6068 31.0441 31.4834 33 28.4028 33H18.501C15.4645 33 13 30.4965 13 27.4118V19.5882C13 16.5482 14.8043 14.4247 17.6099 14.0671C17.8959 14.0224 18.193 14 18.501 14H28.4028C28.6889 14 28.9639 14.0112 29.228 14.0559C31.8575 14.3688 33.6398 16.2353 33.8708 18.94C33.9039 19.2641 33.6398 19.5324 33.3207 19.5324H31.6154C30.5592 19.5324 29.5801 19.9459 28.8759 20.6835C28.0398 21.5106 27.6217 22.6729 27.7207 23.8353C27.8967 25.8694 29.6571 27.4676 31.7475 27.4676H33.3207C33.6398 27.4676 33.9039 27.7359 33.8708 28.06Z",
591
+ fill: "white"
592
+ }
593
+ ),
594
+ /* @__PURE__ */ jsx(
595
+ "path",
596
+ {
597
+ d: "M35 22.349V24.6514C35 25.2661 34.5159 25.769 33.8998 25.7914H31.7434C30.5552 25.7914 29.466 24.9085 29.367 23.7014C29.3009 22.9973 29.565 22.3379 30.0271 21.8796C30.4342 21.4549 30.9953 21.209 31.6114 21.209H33.8998C34.5159 21.2314 35 21.7343 35 22.349Z",
598
+ fill: "white"
599
+ }
600
+ )
601
+ ] }),
602
+ /* @__PURE__ */ jsxs("defs", { children: [
603
+ /* @__PURE__ */ jsxs(
604
+ "filter",
605
+ {
606
+ id: "filter0_d_10313_34517",
607
+ x: "9",
608
+ y: "12",
609
+ width: "30",
610
+ height: "27",
611
+ filterUnits: "userSpaceOnUse",
612
+ "color-interpolation-filters": "sRGB",
613
+ children: [
614
+ /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
615
+ /* @__PURE__ */ jsx(
616
+ "feColorMatrix",
617
+ {
618
+ in: "SourceAlpha",
619
+ type: "matrix",
620
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
621
+ result: "hardAlpha"
622
+ }
623
+ ),
624
+ /* @__PURE__ */ jsx("feOffset", { dy: "2" }),
625
+ /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2" }),
626
+ /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
627
+ /* @__PURE__ */ jsx(
628
+ "feColorMatrix",
629
+ {
630
+ type: "matrix",
631
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
632
+ }
633
+ ),
634
+ /* @__PURE__ */ jsx(
635
+ "feBlend",
636
+ {
637
+ mode: "normal",
638
+ in2: "BackgroundImageFix",
639
+ result: "effect1_dropShadow_10313_34517"
640
+ }
641
+ ),
642
+ /* @__PURE__ */ jsx(
643
+ "feBlend",
644
+ {
645
+ mode: "normal",
646
+ in: "SourceGraphic",
647
+ in2: "effect1_dropShadow_10313_34517",
648
+ result: "shape"
649
+ }
650
+ )
651
+ ]
652
+ }
653
+ ),
654
+ /* @__PURE__ */ jsxs(
655
+ "linearGradient",
656
+ {
657
+ id: "paint0_linear_10313_34517",
658
+ x1: "-6.69231",
659
+ y1: "48.6857",
660
+ x2: "59.8085",
661
+ y2: "39.4246",
662
+ gradientUnits: "userSpaceOnUse",
663
+ children: [
664
+ /* @__PURE__ */ jsx("stop", { "stop-color": "#FF6A59" }),
665
+ /* @__PURE__ */ jsx("stop", { offset: "1", "stop-color": "#5377FF" })
666
+ ]
667
+ }
668
+ )
669
+ ] })
670
+ ]
671
+ }
672
+ );
673
+ }
674
+ function CheckCircleIcon(props) {
675
+ return /* @__PURE__ */ jsxs(
676
+ "svg",
677
+ {
678
+ xmlns: "http://www.w3.org/2000/svg",
679
+ width: "40",
680
+ height: "40",
681
+ viewBox: "0 0 40 40",
682
+ fill: "none",
683
+ ...props,
684
+ children: [
685
+ /* @__PURE__ */ jsx("circle", { cx: "20", cy: "20", r: "20", fill: "url(#paint0_linear_8567_93055)" }),
686
+ /* @__PURE__ */ jsx(
687
+ "path",
688
+ {
689
+ opacity: "0.25",
690
+ d: "M34 20C34 27.732 27.732 34 20 34C12.268 34 6 27.732 6 20C6 12.268 12.268 6 20 6C27.732 6 34 12.268 34 20Z",
691
+ fill: "#093217"
692
+ }
693
+ ),
694
+ /* @__PURE__ */ jsx("g", { filter: "url(#filter0_f_8567_93055)", children: /* @__PURE__ */ jsx(
695
+ "path",
696
+ {
697
+ d: "M26.6382 14.4055C27.1206 14.9463 27.1206 15.823 26.6382 16.3637L18.4029 25.5945C17.9205 26.1352 17.1383 26.1352 16.6559 25.5945L13.3618 21.9021C12.8794 21.3614 12.8794 20.4847 13.3618 19.944C13.8442 19.4033 14.6264 19.4033 15.1088 19.944L17.5294 22.6572L21.2103 18.5314L24.8912 14.4055C25.3736 13.8648 26.1558 13.8648 26.6382 14.4055Z",
698
+ fill: "white"
699
+ }
700
+ ) }),
701
+ /* @__PURE__ */ jsx("g", { filter: "url(#filter1_f_8567_93055)", children: /* @__PURE__ */ jsx(
702
+ "path",
703
+ {
704
+ d: "M26.6382 14.4055C27.1206 14.9463 27.1206 15.823 26.6382 16.3637L18.4029 25.5945C17.9205 26.1352 17.1383 26.1352 16.6559 25.5945L13.3618 21.9021C12.8794 21.3614 12.8794 20.4847 13.3618 19.944C13.8442 19.4033 14.6264 19.4033 15.1088 19.944L17.5294 22.6572L21.2103 18.5314L24.8912 14.4055C25.3736 13.8648 26.1558 13.8648 26.6382 14.4055Z",
705
+ fill: "white"
706
+ }
707
+ ) }),
708
+ /* @__PURE__ */ jsx(
709
+ "path",
710
+ {
711
+ d: "M26.6382 14.4055C27.1206 14.9463 27.1206 15.823 26.6382 16.3637L18.4029 25.5945C17.9205 26.1352 17.1383 26.1352 16.6559 25.5945L13.3618 21.9021C12.8794 21.3614 12.8794 20.4847 13.3618 19.944C13.8442 19.4033 14.6264 19.4033 15.1088 19.944L17.5294 22.6572L21.2103 18.5314L24.8912 14.4055C25.3736 13.8648 26.1558 13.8648 26.6382 14.4055Z",
712
+ fill: "white"
713
+ }
714
+ ),
715
+ /* @__PURE__ */ jsxs("defs", { children: [
716
+ /* @__PURE__ */ jsxs(
717
+ "filter",
718
+ {
719
+ id: "filter0_f_8567_93055",
720
+ x: "5",
721
+ y: "6",
722
+ width: "30",
723
+ height: "28",
724
+ filterUnits: "userSpaceOnUse",
725
+ "color-interpolation-filters": "sRGB",
726
+ children: [
727
+ /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
728
+ /* @__PURE__ */ jsx(
729
+ "feBlend",
730
+ {
731
+ mode: "normal",
732
+ in: "SourceGraphic",
733
+ in2: "BackgroundImageFix",
734
+ result: "shape"
735
+ }
736
+ ),
737
+ /* @__PURE__ */ jsx(
738
+ "feGaussianBlur",
739
+ {
740
+ stdDeviation: "4",
741
+ result: "effect1_foregroundBlur_8567_93055"
742
+ }
743
+ )
744
+ ]
745
+ }
746
+ ),
747
+ /* @__PURE__ */ jsxs(
748
+ "filter",
749
+ {
750
+ id: "filter1_f_8567_93055",
751
+ x: "9",
752
+ y: "10",
753
+ width: "22",
754
+ height: "20",
755
+ filterUnits: "userSpaceOnUse",
756
+ "color-interpolation-filters": "sRGB",
757
+ children: [
758
+ /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
759
+ /* @__PURE__ */ jsx(
760
+ "feBlend",
761
+ {
762
+ mode: "normal",
763
+ in: "SourceGraphic",
764
+ in2: "BackgroundImageFix",
765
+ result: "shape"
766
+ }
767
+ ),
768
+ /* @__PURE__ */ jsx(
769
+ "feGaussianBlur",
770
+ {
771
+ stdDeviation: "2",
772
+ result: "effect1_foregroundBlur_8567_93055"
773
+ }
774
+ )
775
+ ]
776
+ }
777
+ ),
778
+ /* @__PURE__ */ jsxs(
779
+ "linearGradient",
780
+ {
781
+ id: "paint0_linear_8567_93055",
782
+ x1: "0",
783
+ y1: "0",
784
+ x2: "40",
785
+ y2: "40",
786
+ gradientUnits: "userSpaceOnUse",
787
+ children: [
788
+ /* @__PURE__ */ jsx("stop", { "stop-color": "#88F9AD" }),
789
+ /* @__PURE__ */ jsx("stop", { offset: "1", "stop-color": "#41BD6A" })
790
+ ]
791
+ }
792
+ )
793
+ ] })
794
+ ]
795
+ }
796
+ );
797
+ }
798
+ function CheckCircleFilledIcon(props) {
799
+ return /* @__PURE__ */ jsxs(
800
+ "svg",
801
+ {
802
+ width: "48",
803
+ height: "48",
804
+ viewBox: "0 0 48 48",
805
+ fill: "none",
806
+ xmlns: "http://www.w3.org/2000/svg",
807
+ ...props,
808
+ children: [
809
+ /* @__PURE__ */ jsx("circle", { cx: "24", cy: "24", r: "24", fill: "url(#paint0_linear_10312_34504)" }),
810
+ /* @__PURE__ */ jsx("g", { filter: "url(#filter0_f_10312_34504)", children: /* @__PURE__ */ jsx(
811
+ "path",
812
+ {
813
+ d: "M33.4831 16.0081C34.1723 16.7805 34.1723 18.0329 33.4831 18.8054L21.7184 31.9922C21.0293 32.7647 19.9119 32.7647 19.2228 31.9922L14.5169 26.7175C13.8277 25.945 13.8277 24.6926 14.5169 23.9201C15.206 23.1477 16.3234 23.1477 17.0125 23.9201L20.4706 27.7962L25.729 21.9021L30.9875 16.0081C31.6766 15.2356 32.794 15.2356 33.4831 16.0081Z",
814
+ fill: "white"
815
+ }
816
+ ) }),
817
+ /* @__PURE__ */ jsx("g", { filter: "url(#filter1_f_10312_34504)", children: /* @__PURE__ */ jsx(
818
+ "path",
819
+ {
820
+ d: "M33.4831 16.0081C34.1723 16.7805 34.1723 18.0329 33.4831 18.8054L21.7184 31.9922C21.0293 32.7647 19.9119 32.7647 19.2228 31.9922L14.5169 26.7175C13.8277 25.945 13.8277 24.6926 14.5169 23.9201C15.206 23.1477 16.3234 23.1477 17.0125 23.9201L20.4706 27.7962L25.729 21.9021L30.9875 16.0081C31.6766 15.2356 32.794 15.2356 33.4831 16.0081Z",
821
+ fill: "white"
822
+ }
823
+ ) }),
824
+ /* @__PURE__ */ jsx(
825
+ "path",
826
+ {
827
+ d: "M33.4831 16.0081C34.1723 16.7805 34.1723 18.0329 33.4831 18.8054L21.7184 31.9922C21.0293 32.7647 19.9119 32.7647 19.2228 31.9922L14.5169 26.7175C13.8277 25.945 13.8277 24.6926 14.5169 23.9201C15.206 23.1477 16.3234 23.1477 17.0125 23.9201L20.4706 27.7962L25.729 21.9021L30.9875 16.0081C31.6766 15.2356 32.794 15.2356 33.4831 16.0081Z",
828
+ fill: "white"
829
+ }
830
+ ),
831
+ /* @__PURE__ */ jsxs("defs", { children: [
832
+ /* @__PURE__ */ jsxs(
833
+ "filter",
834
+ {
835
+ id: "filter0_f_10312_34504",
836
+ x: "6",
837
+ y: "7.42871",
838
+ width: "36",
839
+ height: "33.1426",
840
+ filterUnits: "userSpaceOnUse",
841
+ "color-interpolation-filters": "sRGB",
842
+ children: [
843
+ /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
844
+ /* @__PURE__ */ jsx(
845
+ "feBlend",
846
+ {
847
+ mode: "normal",
848
+ in: "SourceGraphic",
849
+ in2: "BackgroundImageFix",
850
+ result: "shape"
851
+ }
852
+ ),
853
+ /* @__PURE__ */ jsx(
854
+ "feGaussianBlur",
855
+ {
856
+ stdDeviation: "4",
857
+ result: "effect1_foregroundBlur_10312_34504"
858
+ }
859
+ )
860
+ ]
861
+ }
862
+ ),
863
+ /* @__PURE__ */ jsxs(
864
+ "filter",
865
+ {
866
+ id: "filter1_f_10312_34504",
867
+ x: "10",
868
+ y: "11.4287",
869
+ width: "28",
870
+ height: "25.1426",
871
+ filterUnits: "userSpaceOnUse",
872
+ "color-interpolation-filters": "sRGB",
873
+ children: [
874
+ /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
875
+ /* @__PURE__ */ jsx(
876
+ "feBlend",
877
+ {
878
+ mode: "normal",
879
+ in: "SourceGraphic",
880
+ in2: "BackgroundImageFix",
881
+ result: "shape"
882
+ }
883
+ ),
884
+ /* @__PURE__ */ jsx(
885
+ "feGaussianBlur",
886
+ {
887
+ stdDeviation: "2",
888
+ result: "effect1_foregroundBlur_10312_34504"
889
+ }
890
+ )
891
+ ]
892
+ }
893
+ ),
894
+ /* @__PURE__ */ jsxs(
895
+ "linearGradient",
896
+ {
897
+ id: "paint0_linear_10312_34504",
898
+ x1: "0",
899
+ y1: "0",
900
+ x2: "48",
901
+ y2: "48",
902
+ gradientUnits: "userSpaceOnUse",
903
+ children: [
904
+ /* @__PURE__ */ jsx("stop", { "stop-color": "#7DEFA3" }),
905
+ /* @__PURE__ */ jsx("stop", { offset: "1", "stop-color": "#00A236" })
906
+ ]
907
+ }
908
+ )
909
+ ] })
910
+ ]
911
+ }
912
+ );
913
+ }
914
+ function CheckSmallIcon(props) {
915
+ return /* @__PURE__ */ jsxs(
916
+ "svg",
917
+ {
918
+ width: "36",
919
+ height: "34",
920
+ viewBox: "0 0 36 34",
921
+ fill: "none",
922
+ xmlns: "http://www.w3.org/2000/svg",
923
+ ...props,
924
+ children: [
925
+ /* @__PURE__ */ jsx("g", { filter: "url(#filter0_f_8567_93098)", children: /* @__PURE__ */ jsx(
926
+ "path",
927
+ {
928
+ d: "M27.4831 8.57935C28.1723 9.35181 28.1723 10.6042 27.4831 11.3767L15.7184 24.5635C15.0293 25.336 13.9119 25.336 13.2228 24.5635L8.51687 19.2888C7.82771 18.5163 7.82771 17.2639 8.51687 16.4914C9.20603 15.719 10.3234 15.719 11.0125 16.4914L14.4706 20.3675L19.729 14.4734L24.9875 8.57935C25.6766 7.80688 26.794 7.80688 27.4831 8.57935Z",
929
+ fill: "white"
930
+ }
931
+ ) }),
932
+ /* @__PURE__ */ jsx("g", { filter: "url(#filter1_f_8567_93098)", children: /* @__PURE__ */ jsx(
933
+ "path",
934
+ {
935
+ d: "M27.4831 8.57935C28.1723 9.35181 28.1723 10.6042 27.4831 11.3767L15.7184 24.5635C15.0293 25.336 13.9119 25.336 13.2228 24.5635L8.51687 19.2888C7.82771 18.5163 7.82771 17.2639 8.51687 16.4914C9.20603 15.719 10.3234 15.719 11.0125 16.4914L14.4706 20.3675L19.729 14.4734L24.9875 8.57935C25.6766 7.80688 26.794 7.80688 27.4831 8.57935Z",
936
+ fill: "white"
937
+ }
938
+ ) }),
939
+ /* @__PURE__ */ jsx(
940
+ "path",
941
+ {
942
+ d: "M27.4831 8.57935C28.1723 9.35181 28.1723 10.6042 27.4831 11.3767L15.7184 24.5635C15.0293 25.336 13.9119 25.336 13.2228 24.5635L8.51687 19.2888C7.82771 18.5163 7.82771 17.2639 8.51687 16.4914C9.20603 15.719 10.3234 15.719 11.0125 16.4914L14.4706 20.3675L19.729 14.4734L24.9875 8.57935C25.6766 7.80688 26.794 7.80688 27.4831 8.57935Z",
943
+ fill: "white"
944
+ }
945
+ ),
946
+ /* @__PURE__ */ jsxs("defs", { children: [
947
+ /* @__PURE__ */ jsxs(
948
+ "filter",
949
+ {
950
+ id: "filter0_f_8567_93098",
951
+ x: "0",
952
+ y: "0",
953
+ width: "36",
954
+ height: "33.1426",
955
+ filterUnits: "userSpaceOnUse",
956
+ "color-interpolation-filters": "sRGB",
957
+ children: [
958
+ /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
959
+ /* @__PURE__ */ jsx(
960
+ "feBlend",
961
+ {
962
+ mode: "normal",
963
+ in: "SourceGraphic",
964
+ in2: "BackgroundImageFix",
965
+ result: "shape"
966
+ }
967
+ ),
968
+ /* @__PURE__ */ jsx(
969
+ "feGaussianBlur",
970
+ {
971
+ stdDeviation: "4",
972
+ result: "effect1_foregroundBlur_8567_93098"
973
+ }
974
+ )
975
+ ]
976
+ }
977
+ ),
978
+ /* @__PURE__ */ jsxs(
979
+ "filter",
980
+ {
981
+ id: "filter1_f_8567_93098",
982
+ x: "4",
983
+ y: "4",
984
+ width: "28",
985
+ height: "25.1426",
986
+ filterUnits: "userSpaceOnUse",
987
+ "color-interpolation-filters": "sRGB",
988
+ children: [
989
+ /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
990
+ /* @__PURE__ */ jsx(
991
+ "feBlend",
992
+ {
993
+ mode: "normal",
994
+ in: "SourceGraphic",
995
+ in2: "BackgroundImageFix",
996
+ result: "shape"
997
+ }
998
+ ),
999
+ /* @__PURE__ */ jsx(
1000
+ "feGaussianBlur",
1001
+ {
1002
+ stdDeviation: "2",
1003
+ result: "effect1_foregroundBlur_8567_93098"
1004
+ }
1005
+ )
1006
+ ]
1007
+ }
1008
+ )
1009
+ ] })
1010
+ ]
1011
+ }
1012
+ );
1013
+ }
1014
+ function ChevronsRightIcon(props) {
1015
+ return /* @__PURE__ */ jsxs(
1016
+ "svg",
1017
+ {
1018
+ xmlns: "http://www.w3.org/2000/svg",
1019
+ width: "32",
1020
+ height: "32",
1021
+ viewBox: "0 0 32 32",
1022
+ fill: "none",
1023
+ ...props,
1024
+ children: [
1025
+ /* @__PURE__ */ jsx(
1026
+ "mask",
1027
+ {
1028
+ id: "mask0_8568_93157",
1029
+ maskUnits: "userSpaceOnUse",
1030
+ x: "0",
1031
+ y: "0",
1032
+ width: "32",
1033
+ height: "32",
1034
+ children: /* @__PURE__ */ jsx("rect", { width: "32", height: "32", fill: "#D9D9D9" })
1035
+ }
1036
+ ),
1037
+ /* @__PURE__ */ jsxs("g", { mask: "url(#mask0_8568_93157)", children: [
1038
+ /* @__PURE__ */ jsx(
1039
+ "path",
1040
+ {
1041
+ "fill-rule": "evenodd",
1042
+ "clip-rule": "evenodd",
1043
+ d: "M14.1257 7.13058C14.6787 6.57757 15.5746 6.57757 16.1277 7.13058L24.1384 15.1403C24.6914 15.6934 24.6914 16.5903 24.1384 17.1433L16.1277 25.154C15.5747 25.7067 14.6786 25.7068 14.1257 25.154C13.5727 24.601 13.5727 23.7041 14.1257 23.1511L21.1345 16.1413L14.1257 9.13253C13.5727 8.57956 13.5728 7.68361 14.1257 7.13058Z",
1044
+ fill: "url(#paint0_linear_8568_93157)"
1045
+ }
1046
+ ),
1047
+ /* @__PURE__ */ jsx(
1048
+ "path",
1049
+ {
1050
+ "fill-rule": "evenodd",
1051
+ "clip-rule": "evenodd",
1052
+ d: "M7.12556 7.12947C7.67849 6.57655 8.57545 6.57672 9.12849 7.12947L17.1392 15.1402L17.2369 15.2476C17.6905 15.8038 17.6577 16.6247 17.1392 17.1431L9.12849 25.1539C8.57546 25.7067 7.67852 25.7068 7.12556 25.1539C6.57271 24.6009 6.57275 23.704 7.12556 23.151L14.1343 16.1412L7.12556 9.1324C6.57281 8.57937 6.57265 7.6824 7.12556 7.12947Z",
1053
+ fill: "url(#paint1_linear_8568_93157)"
1054
+ }
1055
+ )
1056
+ ] }),
1057
+ /* @__PURE__ */ jsxs("defs", { children: [
1058
+ /* @__PURE__ */ jsxs(
1059
+ "linearGradient",
1060
+ {
1061
+ id: "paint0_linear_8568_93157",
1062
+ x1: "24.4996",
1063
+ y1: "15.9999",
1064
+ x2: "14.9999",
1065
+ y2: "15.9999",
1066
+ gradientUnits: "userSpaceOnUse",
1067
+ children: [
1068
+ /* @__PURE__ */ jsx("stop", { "stop-color": "white" }),
1069
+ /* @__PURE__ */ jsx("stop", { offset: "1", "stop-color": "white", "stop-opacity": "0.5" })
1070
+ ]
1071
+ }
1072
+ ),
1073
+ /* @__PURE__ */ jsxs(
1074
+ "linearGradient",
1075
+ {
1076
+ id: "paint1_linear_8568_93157",
1077
+ x1: "17.501",
1078
+ y1: "15.9995",
1079
+ x2: "5.99994",
1080
+ y2: "15.9995",
1081
+ gradientUnits: "userSpaceOnUse",
1082
+ children: [
1083
+ /* @__PURE__ */ jsx("stop", { "stop-color": "white", "stop-opacity": "0.5" }),
1084
+ /* @__PURE__ */ jsx("stop", { offset: "1", "stop-color": "white", "stop-opacity": "0" })
1085
+ ]
1086
+ }
1087
+ )
1088
+ ] })
1089
+ ]
1090
+ }
1091
+ );
1092
+ }
1093
+ function WalletSmallIcon(props) {
1094
+ return /* @__PURE__ */ jsxs(
1095
+ "svg",
1096
+ {
1097
+ xmlns: "http://www.w3.org/2000/svg",
1098
+ width: "30",
1099
+ height: "27",
1100
+ viewBox: "0 0 30 27",
1101
+ fill: "none",
1102
+ ...props,
1103
+ children: [
1104
+ /* @__PURE__ */ jsxs("g", { filter: "url(#filter0_d_8570_93260)", children: [
1105
+ /* @__PURE__ */ jsx(
1106
+ "path",
1107
+ {
1108
+ d: "M24.8708 16.06C24.6068 19.0441 22.4834 21 19.4028 21H9.50101C6.46445 21 4 18.4965 4 15.4118V7.58824C4 4.54824 5.80433 2.42471 8.60985 2.06706C8.8959 2.02235 9.19296 2 9.50101 2H19.4028C19.6889 2 19.9639 2.01118 20.228 2.05588C22.8575 2.36882 24.6398 4.23529 24.8708 6.94C24.9039 7.26412 24.6398 7.53235 24.3207 7.53235H22.6154C21.5592 7.53235 20.5801 7.94588 19.8759 8.68353C19.0398 9.51059 18.6217 10.6729 18.7207 11.8353C18.8967 13.8694 20.6571 15.4676 22.7475 15.4676H24.3207C24.6398 15.4676 24.9039 15.7359 24.8708 16.06Z",
1109
+ fill: "white"
1110
+ }
1111
+ ),
1112
+ /* @__PURE__ */ jsx(
1113
+ "path",
1114
+ {
1115
+ d: "M26 10.349V12.6514C26 13.2661 25.5159 13.769 24.8998 13.7914H22.7434C21.5552 13.7914 20.466 12.9085 20.367 11.7014C20.3009 10.9973 20.565 10.3379 21.0271 9.87963C21.4342 9.45492 21.9953 9.20904 22.6114 9.20904H24.8998C25.5159 9.23139 26 9.73434 26 10.349Z",
1116
+ fill: "white"
1117
+ }
1118
+ )
1119
+ ] }),
1120
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
1121
+ "filter",
1122
+ {
1123
+ id: "filter0_d_8570_93260",
1124
+ x: "0",
1125
+ y: "0",
1126
+ width: "30",
1127
+ height: "27",
1128
+ filterUnits: "userSpaceOnUse",
1129
+ "color-interpolation-filters": "sRGB",
1130
+ children: [
1131
+ /* @__PURE__ */ jsx("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }),
1132
+ /* @__PURE__ */ jsx(
1133
+ "feColorMatrix",
1134
+ {
1135
+ in: "SourceAlpha",
1136
+ type: "matrix",
1137
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
1138
+ result: "hardAlpha"
1139
+ }
1140
+ ),
1141
+ /* @__PURE__ */ jsx("feOffset", { dy: "2" }),
1142
+ /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "2" }),
1143
+ /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "out" }),
1144
+ /* @__PURE__ */ jsx(
1145
+ "feColorMatrix",
1146
+ {
1147
+ type: "matrix",
1148
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
1149
+ }
1150
+ ),
1151
+ /* @__PURE__ */ jsx(
1152
+ "feBlend",
1153
+ {
1154
+ mode: "normal",
1155
+ in2: "BackgroundImageFix",
1156
+ result: "effect1_dropShadow_8570_93260"
1157
+ }
1158
+ ),
1159
+ /* @__PURE__ */ jsx(
1160
+ "feBlend",
1161
+ {
1162
+ mode: "normal",
1163
+ in: "SourceGraphic",
1164
+ in2: "effect1_dropShadow_8570_93260",
1165
+ result: "shape"
1166
+ }
1167
+ )
1168
+ ]
1169
+ }
1170
+ ) })
1171
+ ]
1172
+ }
1173
+ );
1174
+ }
1175
+
1176
+ // src/widgets/verify-wallet-button/components/VerifyWalletButton.tsx
1177
+ import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
1178
+ function CompactInner({ state, theme }) {
1179
+ return /* @__PURE__ */ jsx2(
1180
+ "div",
1181
+ {
1182
+ className: cn("rounded-2xl", theme === "dark" ? "bg-black" : "bg-white"),
1183
+ children: /* @__PURE__ */ jsx2(
1184
+ "div",
1185
+ {
1186
+ className: cn(
1187
+ "rounded-2xl p-px",
1188
+ theme === "dark" ? "vwb-gradient-border-dark" : "vwb-gradient-border-light"
1189
+ ),
1190
+ children: /* @__PURE__ */ jsxs2(
1191
+ "div",
1192
+ {
1193
+ className: cn(
1194
+ "flex items-center gap-[12px] rounded-[15px] px-[12px] py-[8px]",
1195
+ theme === "dark" ? "vwb-border-dark" : "vwb-border-light-compact"
1196
+ ),
1197
+ children: [
1198
+ /* @__PURE__ */ jsx2(
1199
+ ChainGroupIcon,
1200
+ {
1201
+ verified: state === "verified",
1202
+ className: "h-[40px] w-[68px] shrink-0"
1203
+ }
1204
+ ),
1205
+ /* @__PURE__ */ jsx2("span", { className: "vwb-gradient-text font-semibold font-sans text-[18px] leading-none whitespace-nowrap", children: "Verify Wallet" })
1206
+ ]
1207
+ }
1208
+ )
1209
+ }
1210
+ )
1211
+ }
1212
+ );
1213
+ }
1214
+ function CompactMinimalInner({ state, theme }) {
1215
+ return /* @__PURE__ */ jsx2(
1216
+ "div",
1217
+ {
1218
+ className: cn("rounded-2xl", theme === "dark" ? "bg-black" : "bg-white"),
1219
+ children: /* @__PURE__ */ jsx2(
1220
+ "div",
1221
+ {
1222
+ className: cn(
1223
+ "rounded-2xl p-px",
1224
+ theme === "dark" ? "vwb-gradient-border-dark" : "vwb-gradient-border-light"
1225
+ ),
1226
+ children: /* @__PURE__ */ jsxs2(
1227
+ "div",
1228
+ {
1229
+ className: cn(
1230
+ "flex items-center gap-[12px] rounded-[15px] p-[12px]",
1231
+ theme === "dark" ? "bg-[#1f1f1f]" : "bg-white"
1232
+ ),
1233
+ children: [
1234
+ /* @__PURE__ */ jsx2(
1235
+ ToggleIcon,
1236
+ {
1237
+ verified: state === "verified",
1238
+ className: "h-[32px] w-[58px] shrink-0"
1239
+ }
1240
+ ),
1241
+ /* @__PURE__ */ jsx2("span", { className: "vwb-gradient-text font-semibold font-sans text-[18px] leading-none whitespace-nowrap", children: "Verify Wallet" })
1242
+ ]
1243
+ }
1244
+ )
1245
+ }
1246
+ )
1247
+ }
1248
+ );
1249
+ }
1250
+ function GradientCompactInner({ state }) {
1251
+ const isVerified = state === "verified";
1252
+ return /* @__PURE__ */ jsx2("div", { className: cn("rounded-2xl vwb-full-gradient"), children: /* @__PURE__ */ jsx2("div", { className: cn("rounded-2xl p-px", "vwb-gradient-border-dark"), children: /* @__PURE__ */ jsxs2(
1253
+ "div",
1254
+ {
1255
+ className: cn(
1256
+ "flex items-center gap-[12px] rounded-[15px] px-[12px] py-[8px]",
1257
+ "vwb-full-gradient"
1258
+ ),
1259
+ children: [
1260
+ /* @__PURE__ */ jsx2(
1261
+ ChainGroupIcon,
1262
+ {
1263
+ verified: isVerified,
1264
+ className: "h-[40px] w-[68px] shrink-0"
1265
+ }
1266
+ ),
1267
+ /* @__PURE__ */ jsx2("span", { className: "font-semibold font-sans text-[18px] leading-none text-white whitespace-nowrap", children: "Verify Wallet" })
1268
+ ]
1269
+ }
1270
+ ) }) });
1271
+ }
1272
+ function BannerInner({ state, theme }) {
1273
+ const isVerified = state === "verified";
1274
+ return /* @__PURE__ */ jsx2(
1275
+ "div",
1276
+ {
1277
+ className: cn("rounded-2xl", theme === "dark" ? "bg-black" : "bg-white"),
1278
+ children: /* @__PURE__ */ jsx2(
1279
+ "div",
1280
+ {
1281
+ className: cn(
1282
+ "rounded-2xl p-px",
1283
+ theme === "dark" ? "vwb-gradient-border-dark" : "vwb-gradient-border-light"
1284
+ ),
1285
+ children: /* @__PURE__ */ jsxs2(
1286
+ "div",
1287
+ {
1288
+ className: cn(
1289
+ "flex w-[260px] items-center gap-[6px] rounded-[15px] p-[6px]",
1290
+ theme === "dark" ? "vwb-border-dark" : "vwb-border-light-banner"
1291
+ ),
1292
+ children: [
1293
+ /* @__PURE__ */ jsx2("div", { className: "shrink-0 shadow-2xl", children: isVerified ? /* @__PURE__ */ jsx2(CheckCircleIcon, { className: "size-[40px]" }) : /* @__PURE__ */ jsx2(WalletCircleIcon, { className: "size-[40px]" }) }),
1294
+ /* @__PURE__ */ jsx2(
1295
+ "div",
1296
+ {
1297
+ className: cn(
1298
+ "flex flex-1 items-center justify-center self-stretch rounded-xl",
1299
+ isVerified ? "vwb-verified-gradient" : "vwb-cta-gradient"
1300
+ ),
1301
+ children: /* @__PURE__ */ jsx2("span", { className: "font-semibold font-sans text-[18px] leading-none text-white whitespace-nowrap", children: isVerified ? "Wallet Verified" : "Verify Wallet" })
1302
+ }
1303
+ )
1304
+ ]
1305
+ }
1306
+ )
1307
+ }
1308
+ )
1309
+ }
1310
+ );
1311
+ }
1312
+ function FloatingGradientInner({ state }) {
1313
+ const isVerified = state === "verified";
1314
+ return /* @__PURE__ */ jsx2("div", { className: "flex h-[60px] w-[224px] items-center justify-end", children: /* @__PURE__ */ jsxs2(
1315
+ "div",
1316
+ {
1317
+ className: cn(
1318
+ "relative flex h-[40px] w-[203px] items-center rounded-xl pl-[53px] shadow-none!",
1319
+ "vwb-cta-gradient"
1320
+ ),
1321
+ children: [
1322
+ /* @__PURE__ */ jsx2("span", { className: "font-semibold font-sans text-[18px] leading-none text-white whitespace-nowrap", children: isVerified ? "Wallet Verified" : "Verify Wallet" }),
1323
+ /* @__PURE__ */ jsx2(
1324
+ "div",
1325
+ {
1326
+ className: cn(
1327
+ "absolute left-0 z-10 rounded-[60px] size-[60px] -translate-x-[34%] p-[6px]",
1328
+ isVerified ? "vwb-floating-v-gradient" : "vwb-floating-nv-gradient"
1329
+ ),
1330
+ children: isVerified ? /* @__PURE__ */ jsx2(CheckCircleFilledIcon, { className: "size-full" }) : /* @__PURE__ */ jsx2(WalletCircleIcon, { className: "size-full" })
1331
+ }
1332
+ )
1333
+ ]
1334
+ }
1335
+ ) });
1336
+ }
1337
+ function FloatingInner({ state }) {
1338
+ const isVerified = state === "verified";
1339
+ return /* @__PURE__ */ jsx2("div", { className: "flex h-[60px] w-[224px] items-center justify-end", children: /* @__PURE__ */ jsxs2(
1340
+ "div",
1341
+ {
1342
+ className: cn(
1343
+ "relative flex h-[40px] w-[203px] items-center rounded-xl pl-[53px] shadow-none! bg-(--arkada-bg-accent)"
1344
+ ),
1345
+ children: [
1346
+ /* @__PURE__ */ jsx2("span", { className: "font-semibold font-sans text-[18px] leading-none vwb-gradient-text whitespace-nowrap", children: isVerified ? "Wallet Verified" : "Verify Wallet" }),
1347
+ /* @__PURE__ */ jsx2(
1348
+ "div",
1349
+ {
1350
+ className: cn(
1351
+ "absolute left-0 z-10 rounded-[60px] size-[60px] -translate-x-[34%] p-[6px]",
1352
+ isVerified ? "vwb-floating-v-gradient" : "vwb-floating-nvc-gradient"
1353
+ ),
1354
+ children: isVerified ? /* @__PURE__ */ jsx2(CheckCircleFilledIcon, { className: "size-full" }) : /* @__PURE__ */ jsx2(WalletCircleGradientIcon, { className: "size-full" })
1355
+ }
1356
+ )
1357
+ ]
1358
+ }
1359
+ ) });
1360
+ }
1361
+ function PillInner({ state, theme }) {
1362
+ const isVerified = state === "verified";
1363
+ return /* @__PURE__ */ jsxs2(
1364
+ "div",
1365
+ {
1366
+ className: cn(
1367
+ "relative flex h-[54px] w-[220px] items-center rounded-2xl",
1368
+ theme === "dark" ? "bg-black" : "bg-white"
1369
+ ),
1370
+ children: [
1371
+ /* @__PURE__ */ jsx2(
1372
+ "div",
1373
+ {
1374
+ className: cn(
1375
+ "absolute left-[4px] top-[4px] flex h-[46px] w-[60px] items-center justify-center rounded-2xl",
1376
+ isVerified ? "vwb-verified-gradient" : "vwb-full-gradient"
1377
+ ),
1378
+ children: isVerified ? /* @__PURE__ */ jsx2(CheckSmallIcon, { className: "h-[18px] w-[21px] scale-150" }) : /* @__PURE__ */ jsx2(ChevronsRightIcon, { className: "size-[32px] text-white" })
1379
+ }
1380
+ ),
1381
+ /* @__PURE__ */ jsx2("div", { className: "flex flex-1 items-center justify-center pl-[64px]", children: /* @__PURE__ */ jsx2(
1382
+ "span",
1383
+ {
1384
+ className: cn(
1385
+ "font-semibold font-sans text-[18px] leading-none whitespace-nowrap",
1386
+ isVerified ? "text-[#14bd47]" : theme === "dark" ? "text-white" : "text-black"
1387
+ ),
1388
+ children: isVerified ? "Wallet Verified" : "Verify Wallet"
1389
+ }
1390
+ ) })
1391
+ ]
1392
+ }
1393
+ );
1394
+ }
1395
+ function PillWideInner({ state }) {
1396
+ const isVerified = state === "verified";
1397
+ return /* @__PURE__ */ jsx2("div", { className: "relative flex h-[54px] w-[220px] items-center rounded-2xl bg-black p-1", children: isVerified ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
1398
+ /* @__PURE__ */ jsx2("div", { className: "absolute left-[24px] top-1/2 -translate-y-1/2 z-10", children: /* @__PURE__ */ jsx2(CheckSmallIcon, { className: "h-[18px] w-[21px] text-white scale-150" }) }),
1399
+ /* @__PURE__ */ jsx2("div", { className: "absolute right-[4px] top-[4px] flex h-[46px] w-[148px] items-center justify-center rounded-xl vwb-verified-gradient", children: /* @__PURE__ */ jsx2("span", { className: "font-semibold font-sans text-[18px] leading-none text-white whitespace-nowrap", children: "Wallet Verified" }) })
1400
+ ] }) : /* @__PURE__ */ jsx2(Fragment2, { children: /* @__PURE__ */ jsxs2("div", { className: "flex h-[46px] w-full items-center justify-between rounded-xl vwb-full-gradient pl-4 pr-[8px]", children: [
1401
+ /* @__PURE__ */ jsx2("p", { className: "font-semibold font-sans text-[18px] leading-none text-white text-center whitespace-nowrap w-fit", children: "Verify Wallet" }),
1402
+ /* @__PURE__ */ jsx2(ChevronsRightIcon, { className: "size-[32px] text-white shrink-0" })
1403
+ ] }) }) });
1404
+ }
1405
+ function OutlinedInner({ state, theme }) {
1406
+ const isVerified = state === "verified";
1407
+ return /* @__PURE__ */ jsx2(
1408
+ "div",
1409
+ {
1410
+ className: cn(
1411
+ "relative flex h-[54px] w-[220px] items-center rounded-2xl p-px",
1412
+ isVerified ? "bg-[#13b343]" : "vwb-full-gradient"
1413
+ ),
1414
+ children: /* @__PURE__ */ jsxs2(
1415
+ "div",
1416
+ {
1417
+ className: cn(
1418
+ "relative flex h-full w-full items-center rounded-[15px]",
1419
+ theme === "dark" ? "bg-black" : "bg-white"
1420
+ ),
1421
+ children: [
1422
+ /* @__PURE__ */ jsx2(
1423
+ "div",
1424
+ {
1425
+ className: cn(
1426
+ "absolute left-[3px] top-[3px] flex h-[46px] w-[60px] items-center justify-center rounded-xl",
1427
+ isVerified ? "vwb-verified-gradient" : "vwb-full-gradient"
1428
+ ),
1429
+ children: isVerified ? /* @__PURE__ */ jsx2(CheckSmallIcon, { className: "h-[18px] w-[21px] scale-150" }) : /* @__PURE__ */ jsx2(WalletSmallIcon, { className: "size-[32px] text-white mt-[4px]" })
1430
+ }
1431
+ ),
1432
+ /* @__PURE__ */ jsx2("div", { className: "flex flex-1 items-center justify-center pl-[64px]", children: /* @__PURE__ */ jsx2(
1433
+ "span",
1434
+ {
1435
+ className: cn(
1436
+ "font-semibold font-sans text-[18px] leading-none whitespace-nowrap",
1437
+ isVerified ? "text-[#14bd47]" : theme === "dark" ? "text-white" : "text-black"
1438
+ ),
1439
+ children: isVerified ? "Wallet Verified" : "Verify Wallet"
1440
+ }
1441
+ ) })
1442
+ ]
1443
+ }
1444
+ )
1445
+ }
1446
+ );
1447
+ }
1448
+ function OutlinedWideInner({ state }) {
1449
+ const isVerified = state === "verified";
1450
+ return /* @__PURE__ */ jsx2(
1451
+ "div",
1452
+ {
1453
+ className: cn(
1454
+ "relative flex h-[54px] w-[220px] items-center rounded-2xl p-px",
1455
+ isVerified ? "bg-[#13b343]" : "vwb-full-gradient"
1456
+ ),
1457
+ children: /* @__PURE__ */ jsxs2(
1458
+ "div",
1459
+ {
1460
+ className: cn(
1461
+ "relative flex h-full w-full items-center rounded-[15px] bg-black"
1462
+ ),
1463
+ children: [
1464
+ /* @__PURE__ */ jsx2("div", { className: "absolute left-6 top-1/2 z-10 -translate-y-1/2", children: isVerified ? /* @__PURE__ */ jsx2(CheckSmallIcon, { className: "h-[18px] w-[21px] text-white scale-150" }) : /* @__PURE__ */ jsx2(WalletSmallIcon, { className: "h-[19px] w-[22px] text-white scale-150 mt-1" }) }),
1465
+ /* @__PURE__ */ jsx2(
1466
+ "div",
1467
+ {
1468
+ className: cn(
1469
+ "absolute right-[3px] top-[3px] flex h-[46px] w-[148px] items-center justify-center rounded-xl",
1470
+ isVerified ? "vwb-verified-gradient" : "vwb-full-gradient"
1471
+ ),
1472
+ children: /* @__PURE__ */ jsx2("span", { className: "font-semibold font-sans text-[18px] leading-none text-white whitespace-nowrap", children: isVerified ? "Wallet Verified" : "Verify Wallet" })
1473
+ }
1474
+ )
1475
+ ]
1476
+ }
1477
+ )
1478
+ }
1479
+ );
1480
+ }
1481
+ var VARIANT_MAP = {
1482
+ [VerifyWalletVariants.COMPACT]: CompactInner,
1483
+ [VerifyWalletVariants.COMPACT_MINIMAL]: CompactMinimalInner,
1484
+ [VerifyWalletVariants.COMPACT_GRADIENT]: GradientCompactInner,
1485
+ [VerifyWalletVariants.BANNER]: BannerInner,
1486
+ [VerifyWalletVariants.FLOATING]: FloatingInner,
1487
+ [VerifyWalletVariants.FLOATING_GRADIENT]: FloatingGradientInner,
1488
+ [VerifyWalletVariants.PILL]: PillInner,
1489
+ [VerifyWalletVariants.PILL_WIDE]: PillWideInner,
1490
+ [VerifyWalletVariants.OUTLINED]: OutlinedInner,
1491
+ [VerifyWalletVariants.OUTLINED_WIDE]: OutlinedWideInner
1492
+ };
1493
+ function VerifyWalletButton({
1494
+ state = "unverified",
1495
+ variant = "compact",
1496
+ theme = DEFAULT_THEME,
1497
+ onVerify,
1498
+ className,
1499
+ onClick,
1500
+ ...props
1501
+ }) {
1502
+ const themeRef = useTheme(theme);
1503
+ const VariantRenderer = VARIANT_MAP[variant];
1504
+ const handleClick = (e) => {
1505
+ if (state === "unverified") {
1506
+ onVerify?.();
1507
+ }
1508
+ onClick?.(e);
1509
+ };
1510
+ return /* @__PURE__ */ jsx2(
1511
+ "button",
1512
+ {
1513
+ ref: themeRef,
1514
+ type: "button",
1515
+ "data-theme": theme,
1516
+ "aria-label": state === "verified" ? "Wallet verified" : "Verify wallet",
1517
+ className: cn(
1518
+ "inline-flex cursor-pointer border-none bg-transparent p-0 vwb-interactive",
1519
+ className
1520
+ ),
1521
+ onClick: handleClick,
1522
+ ...props,
1523
+ children: /* @__PURE__ */ jsx2(VariantRenderer, { state, theme })
1524
+ }
1525
+ );
1526
+ }
1527
+
1528
+ // src/shared/api/types.ts
1529
+ var HttpClient = class {
1530
+ baseUrl = "";
1531
+ securityData = null;
1532
+ securityWorker;
1533
+ abortControllers = /* @__PURE__ */ new Map();
1534
+ customFetch = (...fetchParams) => fetch(...fetchParams);
1535
+ baseApiParams = {
1536
+ credentials: "same-origin",
1537
+ headers: {},
1538
+ redirect: "follow",
1539
+ referrerPolicy: "no-referrer"
1540
+ };
1541
+ constructor(apiConfig = {}) {
1542
+ Object.assign(this, apiConfig);
1543
+ }
1544
+ setSecurityData = (data) => {
1545
+ this.securityData = data;
1546
+ };
1547
+ encodeQueryParam(key, value) {
1548
+ const encodedKey = encodeURIComponent(key);
1549
+ return `${encodedKey}=${encodeURIComponent(typeof value === "number" ? value : `${value}`)}`;
1550
+ }
1551
+ addQueryParam(query, key) {
1552
+ return this.encodeQueryParam(key, query[key]);
1553
+ }
1554
+ addArrayQueryParam(query, key) {
1555
+ const value = query[key];
1556
+ return value.map((v) => this.encodeQueryParam(key, v)).join("&");
1557
+ }
1558
+ toQueryString(rawQuery) {
1559
+ const query = rawQuery || {};
1560
+ const keys = Object.keys(query).filter(
1561
+ (key) => "undefined" !== typeof query[key]
1562
+ );
1563
+ return keys.map(
1564
+ (key) => Array.isArray(query[key]) ? this.addArrayQueryParam(query, key) : this.addQueryParam(query, key)
1565
+ ).join("&");
1566
+ }
1567
+ addQueryParams(rawQuery) {
1568
+ const queryString = this.toQueryString(rawQuery);
1569
+ return queryString ? `?${queryString}` : "";
1570
+ }
1571
+ contentFormatters = {
1572
+ ["application/json" /* Json */]: (input) => input !== null && (typeof input === "object" || typeof input === "string") ? JSON.stringify(input) : input,
1573
+ ["application/vnd.api+json" /* JsonApi */]: (input) => input !== null && (typeof input === "object" || typeof input === "string") ? JSON.stringify(input) : input,
1574
+ ["text/plain" /* Text */]: (input) => input !== null && typeof input !== "string" ? JSON.stringify(input) : input,
1575
+ ["multipart/form-data" /* FormData */]: (input) => {
1576
+ if (input instanceof FormData) {
1577
+ return input;
1578
+ }
1579
+ return Object.keys(input || {}).reduce((formData, key) => {
1580
+ const property = input[key];
1581
+ formData.append(
1582
+ key,
1583
+ property instanceof Blob ? property : typeof property === "object" && property !== null ? JSON.stringify(property) : `${property}`
1584
+ );
1585
+ return formData;
1586
+ }, new FormData());
1587
+ },
1588
+ ["application/x-www-form-urlencoded" /* UrlEncoded */]: (input) => this.toQueryString(input)
1589
+ };
1590
+ mergeRequestParams(params1, params2) {
1591
+ return {
1592
+ ...this.baseApiParams,
1593
+ ...params1,
1594
+ ...params2 || {},
1595
+ headers: {
1596
+ ...this.baseApiParams.headers || {},
1597
+ ...params1.headers || {},
1598
+ ...params2 && params2.headers || {}
1599
+ }
1600
+ };
1601
+ }
1602
+ createAbortSignal = (cancelToken) => {
1603
+ if (this.abortControllers.has(cancelToken)) {
1604
+ const abortController2 = this.abortControllers.get(cancelToken);
1605
+ if (abortController2) {
1606
+ return abortController2.signal;
1607
+ }
1608
+ return void 0;
1609
+ }
1610
+ const abortController = new AbortController();
1611
+ this.abortControllers.set(cancelToken, abortController);
1612
+ return abortController.signal;
1613
+ };
1614
+ abortRequest = (cancelToken) => {
1615
+ const abortController = this.abortControllers.get(cancelToken);
1616
+ if (abortController) {
1617
+ abortController.abort();
1618
+ this.abortControllers.delete(cancelToken);
1619
+ }
1620
+ };
1621
+ request = async ({
1622
+ body,
1623
+ secure,
1624
+ path,
1625
+ type,
1626
+ query,
1627
+ format,
1628
+ baseUrl,
1629
+ cancelToken,
1630
+ ...params
1631
+ }) => {
1632
+ const secureParams = (typeof secure === "boolean" ? secure : this.baseApiParams.secure) && this.securityWorker && await this.securityWorker(this.securityData) || {};
1633
+ const requestParams = this.mergeRequestParams(params, secureParams);
1634
+ const queryString = query && this.toQueryString(query);
1635
+ const payloadFormatter = this.contentFormatters[type || "application/json" /* Json */];
1636
+ const responseFormat = format || requestParams.format;
1637
+ return this.customFetch(
1638
+ `${baseUrl || this.baseUrl || ""}${path}${queryString ? `?${queryString}` : ""}`,
1639
+ {
1640
+ ...requestParams,
1641
+ headers: {
1642
+ ...requestParams.headers || {},
1643
+ ...type && type !== "multipart/form-data" /* FormData */ ? { "Content-Type": type } : {}
1644
+ },
1645
+ signal: (cancelToken ? this.createAbortSignal(cancelToken) : requestParams.signal) || null,
1646
+ body: typeof body === "undefined" || body === null ? null : payloadFormatter(body)
1647
+ }
1648
+ ).then(async (response) => {
1649
+ const r = response;
1650
+ r.data = null;
1651
+ r.error = null;
1652
+ const responseToParse = responseFormat ? response.clone() : response;
1653
+ const data = !responseFormat ? r : await responseToParse[responseFormat]().then((data2) => {
1654
+ if (r.ok) {
1655
+ r.data = data2;
1656
+ } else {
1657
+ r.error = data2;
1658
+ }
1659
+ return r;
1660
+ }).catch((e) => {
1661
+ r.error = e;
1662
+ return r;
1663
+ });
1664
+ if (cancelToken) {
1665
+ this.abortControllers.delete(cancelToken);
1666
+ }
1667
+ if (!response.ok) throw data;
1668
+ return data;
1669
+ });
1670
+ };
1671
+ };
1672
+ var Api = class extends HttpClient {
1673
+ public = {
1674
+ /**
1675
+ * No description
1676
+ *
1677
+ * @tags Widget — Wallet Verification
1678
+ * @name WalletWidgetControllerVerify
1679
+ * @summary Get signing data for wallet verification (widget, no auth)
1680
+ * @request POST:/public/wallet/verify
1681
+ */
1682
+ walletWidgetControllerVerify: (data, params = {}) => this.request({
1683
+ path: `/public/wallet/verify`,
1684
+ method: "POST",
1685
+ body: data,
1686
+ type: "application/json" /* Json */,
1687
+ format: "json",
1688
+ ...params
1689
+ }),
1690
+ /**
1691
+ * No description
1692
+ *
1693
+ * @tags Widget — Wallet Verification
1694
+ * @name WalletWidgetControllerStatus
1695
+ * @summary Get wallet verification status (widget, no auth)
1696
+ * @request GET:/public/wallet/status/{address}
1697
+ */
1698
+ walletWidgetControllerStatus: (address, params = {}) => this.request({
1699
+ path: `/public/wallet/status/${address}`,
1700
+ method: "GET",
1701
+ format: "json",
1702
+ ...params
1703
+ })
1704
+ };
1705
+ };
1706
+
1707
+ // src/shared/api/client.ts
1708
+ var apiClient = new Api({ baseUrl: ARKADA_PUBLIC_API_URL });
1709
+
1710
+ // src/widgets/wallet-verification-button/hooks/useWalletVerification.ts
1711
+ import { useEffect as useEffect2, useState } from "react";
1712
+ function useWalletVerification(walletAddress, someVerified) {
1713
+ const [state, setState] = useState({
1714
+ isVerified: false,
1715
+ isLoading: true,
1716
+ error: null
1717
+ });
1718
+ useEffect2(() => {
1719
+ if (!walletAddress) {
1720
+ setState({ isVerified: false, isLoading: false, error: null });
1721
+ return;
1722
+ }
1723
+ setState({ isVerified: false, isLoading: true, error: null });
1724
+ const controller = new AbortController();
1725
+ apiClient.public.walletWidgetControllerStatus(walletAddress, {
1726
+ signal: controller.signal
1727
+ }).then((res) => {
1728
+ const isVerified = someVerified ? res.data?.networks.some((network) => network.statusRank > 0) : res.data?.global?.rank > 0;
1729
+ setState({
1730
+ isVerified,
1731
+ isLoading: false,
1732
+ error: null
1733
+ });
1734
+ }).catch((err) => {
1735
+ if (err instanceof Error && err.name === "AbortError") return;
1736
+ setState({
1737
+ isVerified: false,
1738
+ isLoading: false,
1739
+ error: err instanceof Error ? err : new Error(String(err))
1740
+ });
1741
+ });
1742
+ return () => controller.abort();
1743
+ }, [walletAddress]);
1744
+ return state;
1745
+ }
1746
+
1747
+ // src/widgets/wallet-verification-button/components/WalletVerificationButton.tsx
1748
+ import { jsx as jsx3 } from "react/jsx-runtime";
1749
+ var VERIFICATION_URL = "https://app.arkada.gg/en/wallet";
1750
+ function WalletVerificationButton({
1751
+ walletAddress,
1752
+ referralCode,
1753
+ someVerified,
1754
+ theme,
1755
+ variant
1756
+ }) {
1757
+ const { isVerified, isLoading, error } = useWalletVerification(
1758
+ walletAddress,
1759
+ someVerified
1760
+ );
1761
+ if (process.env.NODE_ENV !== "production" && error) {
1762
+ console.warn("[WalletVerificationButton] Failed to fetch status:", error);
1763
+ }
1764
+ const handleVerify = () => {
1765
+ window.open(
1766
+ `${VERIFICATION_URL}/${walletAddress}${referralCode ? `?ref=${referralCode}` : ""}`,
1767
+ "_blank",
1768
+ "noopener,noreferrer"
1769
+ );
1770
+ };
1771
+ return /* @__PURE__ */ jsx3(
1772
+ VerifyWalletButton,
1773
+ {
1774
+ state: isVerified ? "verified" : "unverified",
1775
+ theme,
1776
+ variant,
1777
+ onVerify: handleVerify,
1778
+ disabled: isLoading,
1779
+ "aria-busy": isLoading,
1780
+ style: {
1781
+ opacity: isLoading ? 0.6 : 1,
1782
+ cursor: isLoading ? "not-allowed" : "pointer"
1783
+ }
1784
+ }
1785
+ );
1786
+ }
1787
+ export {
1788
+ VerifyWalletVariants,
1789
+ WalletVerificationButton
1790
+ };
1791
+ //# sourceMappingURL=index.js.map