@ton-pay/ui-react 0.2.0-beta.1 → 0.2.0-beta.2

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 (7) hide show
  1. package/dist/index.js +11 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +10 -0
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +10 -5
  6. package/dist/index.css +0 -594
  7. package/dist/index.css.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ton-pay/ui-react",
3
- "version": "0.2.0-beta.1",
3
+ "version": "0.2.0-beta.2",
4
4
  "description": "React components and hooks for TON Pay SDK",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -13,8 +13,7 @@
13
13
  "types": "./dist/index.d.ts",
14
14
  "import": "./dist/index.mjs",
15
15
  "require": "./dist/index.js"
16
- },
17
- "./styles.css": "./dist/styles.css"
16
+ }
18
17
  },
19
18
  "scripts": {
20
19
  "build": "tsup",
@@ -26,12 +25,18 @@
26
25
  "prepublishOnly": "npm run clean && npm run build"
27
26
  },
28
27
  "tsup": {
29
- "entry": ["src/index.ts"],
30
- "format": ["cjs", "esm"],
28
+ "entry": [
29
+ "src/index.ts"
30
+ ],
31
+ "format": [
32
+ "cjs",
33
+ "esm"
34
+ ],
31
35
  "dts": true,
32
36
  "splitting": true,
33
37
  "sourcemap": true,
34
38
  "clean": true,
39
+ "injectStyle": true,
35
40
  "platform": "browser",
36
41
  "skipNodeModulesBundle": true,
37
42
  "external": [
package/dist/index.css DELETED
@@ -1,594 +0,0 @@
1
- /* src/components/bottom-sheet/BottomSheet.css */
2
- .bottom-sheet-backdrop {
3
- position: fixed;
4
- top: 0;
5
- left: 0;
6
- right: 0;
7
- bottom: 0;
8
- background-color: rgba(0, 0, 0, 0.5);
9
- backdrop-filter: blur(8px);
10
- -webkit-backdrop-filter: blur(8px);
11
- z-index: 1000;
12
- display: flex;
13
- align-items: flex-end;
14
- justify-content: center;
15
- animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
16
- }
17
- .bottom-sheet-backdrop.closing {
18
- animation: fadeOut 0.3s cubic-bezier(0.4, 0, 0.2, 1);
19
- }
20
- @keyframes fadeIn {
21
- from {
22
- opacity: 0;
23
- backdrop-filter: blur(0px);
24
- -webkit-backdrop-filter: blur(0px);
25
- }
26
- to {
27
- opacity: 1;
28
- backdrop-filter: blur(8px);
29
- -webkit-backdrop-filter: blur(8px);
30
- }
31
- }
32
- @keyframes fadeOut {
33
- from {
34
- opacity: 1;
35
- backdrop-filter: blur(8px);
36
- -webkit-backdrop-filter: blur(8px);
37
- }
38
- to {
39
- opacity: 0;
40
- backdrop-filter: blur(0px);
41
- -webkit-backdrop-filter: blur(0px);
42
- }
43
- }
44
- .bottom-sheet {
45
- position: relative;
46
- width: 100%;
47
- max-width: 100%;
48
- background-color: #ffffff;
49
- border-radius: 20px 20px 0 0;
50
- box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
51
- display: flex;
52
- flex-direction: column;
53
- overflow: hidden;
54
- touch-action: none;
55
- transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
56
- will-change: height, transform;
57
- transform: translateY(0);
58
- }
59
- .bottom-sheet.dragging {
60
- transition: none;
61
- }
62
- .bottom-sheet.closing {
63
- animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
64
- transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
65
- }
66
- @keyframes slideDown {
67
- from {
68
- transform: translateY(0);
69
- }
70
- to {
71
- transform: translateY(100%);
72
- }
73
- }
74
- .bottom-sheet-handle-container {
75
- width: 100%;
76
- padding: 12px 0 8px;
77
- display: flex;
78
- justify-content: center;
79
- align-items: center;
80
- flex-shrink: 0;
81
- cursor: grab;
82
- }
83
- .bottom-sheet-handle-container:active {
84
- cursor: grabbing;
85
- }
86
- .bottom-sheet-handle {
87
- width: 80px;
88
- height: 4px;
89
- background-color: #d1d5db;
90
- border-radius: 2px;
91
- cursor: pointer;
92
- }
93
- .bottom-sheet-content {
94
- flex: 1;
95
- overflow-y: auto;
96
- overflow-x: hidden;
97
- -webkit-overflow-scrolling: touch;
98
- overscroll-behavior: contain;
99
- padding: 0;
100
- min-height: 0;
101
- }
102
- .bottom-sheet-content.scrolling {
103
- touch-action: pan-y;
104
- }
105
- @media (prefers-color-scheme: dark) {
106
- .bottom-sheet {
107
- background-color: #1C2633;
108
- box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.4);
109
- }
110
- .bottom-sheet-handle {
111
- background-color: #4B5563;
112
- }
113
- }
114
-
115
- /* src/components/payment-modal/PaymentModal.css */
116
- .pm-content {
117
- display: flex;
118
- flex-direction: column;
119
- align-items: center;
120
- width: 100%;
121
- font-family: "Inter", sans-serif;
122
- color: #000000;
123
- --pm-bg: #FFFFFF;
124
- --pm-text: #000000;
125
- --pm-text-secondary: #666666;
126
- --pm-text-muted: #8C8C8C;
127
- --pm-border: rgba(0, 0, 0, 0.1);
128
- --pm-order-bg: #E9F5FA;
129
- --pm-order-border: rgba(0, 100, 153, 0.03);
130
- --pm-order-text: #004062;
131
- --pm-hover-bg: #F9F9F9;
132
- --pm-iframe-bg: #f9f9f9;
133
- --pm-spinner-track: #E5E7EB;
134
- }
135
- @media (prefers-color-scheme: dark) {
136
- .pm-content {
137
- color: #FFFFFF;
138
- --pm-bg: #1f2937;
139
- --pm-text: #FFFFFF;
140
- --pm-text-secondary: #9CA3AF;
141
- --pm-text-muted: #6B7280;
142
- --pm-border: rgba(255, 255, 255, 0.1);
143
- --pm-order-bg: rgba(0, 152, 234, 0.15);
144
- --pm-order-border: rgba(0, 152, 234, 0.2);
145
- --pm-order-text: #7DD3FC;
146
- --pm-hover-bg: rgba(255, 255, 255, 0.05);
147
- --pm-iframe-bg: #111827;
148
- --pm-spinner-track: #374151;
149
- }
150
- }
151
- .pm-header {
152
- display: flex;
153
- flex-direction: row;
154
- justify-content: space-between;
155
- align-items: center;
156
- width: 100%;
157
- padding: 16px;
158
- box-sizing: border-box;
159
- position: relative;
160
- }
161
- .pm-title {
162
- font-weight: 600;
163
- font-size: 18px;
164
- line-height: 22px;
165
- text-align: center;
166
- flex: 1;
167
- }
168
- .pm-close-btn,
169
- .pm-back-btn {
170
- background: none;
171
- border: none;
172
- cursor: pointer;
173
- padding: 4px;
174
- display: flex;
175
- align-items: center;
176
- justify-content: center;
177
- color: var(--pm-text, #000000);
178
- opacity: 0.6;
179
- }
180
- .pm-close-btn:hover,
181
- .pm-back-btn:hover {
182
- opacity: 1;
183
- }
184
- .pm-body-main {
185
- display: flex;
186
- flex-direction: column;
187
- align-items: center;
188
- width: 100%;
189
- padding: 0 16px 24px;
190
- gap: 20px;
191
- box-sizing: border-box;
192
- }
193
- .pm-order-info {
194
- display: flex;
195
- flex-direction: row;
196
- justify-content: center;
197
- align-items: center;
198
- padding: 8px 13px;
199
- gap: 10px;
200
- background: var(--pm-order-bg, #E9F5FA);
201
- border: 1px solid var(--pm-order-border, rgba(0, 100, 153, 0.03));
202
- border-radius: 9px;
203
- margin-bottom: 10px;
204
- }
205
- .pm-order-text {
206
- font-size: 13px;
207
- line-height: 16px;
208
- color: var(--pm-order-text, #004062);
209
- text-align: center;
210
- }
211
- .pm-amount-container {
212
- display: flex;
213
- flex-direction: column;
214
- align-items: center;
215
- gap: 10px;
216
- margin-bottom: 10px;
217
- }
218
- .pm-amount-label {
219
- font-weight: 500;
220
- font-size: 12px;
221
- line-height: 15px;
222
- color: var(--pm-text-muted, #8C8C8C);
223
- }
224
- .pm-amount-value {
225
- display: flex;
226
- align-items: center;
227
- gap: 8px;
228
- font-weight: 500;
229
- font-size: 20px;
230
- line-height: 24px;
231
- color: var(--pm-text, #000000);
232
- }
233
- .pm-actions {
234
- display: flex;
235
- flex-direction: column;
236
- gap: 8px;
237
- width: 100%;
238
- }
239
- .pm-btn {
240
- display: flex;
241
- flex-direction: row;
242
- justify-content: center;
243
- align-items: center;
244
- padding: 13px 10px;
245
- gap: 10px;
246
- width: 100%;
247
- height: 44px;
248
- border-radius: 8px;
249
- border: none;
250
- cursor: pointer;
251
- font-weight: 500;
252
- font-size: 16px;
253
- line-height: 19px;
254
- transition: opacity 0.2s;
255
- }
256
- .pm-btn:hover {
257
- opacity: 0.9;
258
- }
259
- .pm-btn-primary {
260
- background: #0098EA;
261
- color: #FFFFFF;
262
- }
263
- .pm-btn-black {
264
- background: #000000;
265
- color: #FFFFFF;
266
- }
267
- .pm-footer {
268
- display: flex;
269
- flex-direction: row;
270
- justify-content: center;
271
- align-items: center;
272
- gap: 8px;
273
- margin-top: 10px;
274
- font-size: 14px;
275
- line-height: 17px;
276
- }
277
- .pm-footer-text {
278
- color: var(--pm-text-muted, #808080);
279
- }
280
- .pm-footer-link {
281
- color: #0098EA;
282
- cursor: pointer;
283
- text-decoration: none;
284
- }
285
- .pm-footer-link:hover {
286
- text-decoration: underline;
287
- }
288
- .pm-providers-list {
289
- display: flex;
290
- flex-direction: column;
291
- width: 100%;
292
- padding: 0;
293
- }
294
- .pm-provider-item {
295
- display: flex;
296
- flex-direction: row;
297
- justify-content: space-between;
298
- align-items: center;
299
- padding: 13px 16px 13px 32px;
300
- width: 100%;
301
- height: 52px;
302
- background: var(--pm-bg, #FFFFFF);
303
- border: none;
304
- border-bottom: 1px solid var(--pm-border, rgba(0, 0, 0, 0.1));
305
- cursor: pointer;
306
- box-sizing: border-box;
307
- position: relative;
308
- }
309
- .pm-provider-item:hover {
310
- background-color: var(--pm-hover-bg, #F9F9F9);
311
- }
312
- .pm-provider-item.selected {
313
- background: var(--pm-hover-bg, #F9F9F9);
314
- }
315
- .pm-provider-left {
316
- display: flex;
317
- align-items: center;
318
- gap: 12px;
319
- }
320
- .pm-provider-icon {
321
- width: 32px;
322
- height: 32px;
323
- border-radius: 8px;
324
- display: flex;
325
- align-items: center;
326
- justify-content: center;
327
- overflow: hidden;
328
- }
329
- .pm-provider-name {
330
- font-size: 16px;
331
- color: var(--pm-text, #000000);
332
- }
333
- .pm-check-icon {
334
- color: #0098EA;
335
- opacity: 0;
336
- }
337
- .pm-provider-item.selected .pm-check-icon {
338
- opacity: 1;
339
- }
340
- .pm-desktop-overlay {
341
- position: fixed;
342
- top: 0;
343
- left: 0;
344
- right: 0;
345
- bottom: 0;
346
- background: rgba(0, 0, 0, 0.44);
347
- display: flex;
348
- align-items: center;
349
- justify-content: center;
350
- z-index: 1000;
351
- animation: fadeIn 0.2s ease-out;
352
- }
353
- .pm-desktop-modal {
354
- width: 100%;
355
- max-width: 414px;
356
- margin: 16px;
357
- background: var(--pm-bg, #FFFFFF);
358
- border-radius: 16px;
359
- box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
360
- overflow: hidden;
361
- position: relative;
362
- animation: scaleIn 0.2s ease-out;
363
- }
364
- @media (prefers-color-scheme: dark) {
365
- .pm-desktop-modal {
366
- box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.5);
367
- }
368
- }
369
- @keyframes scaleIn {
370
- from {
371
- transform: scale(0.95);
372
- opacity: 0;
373
- }
374
- to {
375
- transform: scale(1);
376
- opacity: 1;
377
- }
378
- }
379
- .pm-iframe-container {
380
- width: 100%;
381
- height: 100%;
382
- min-height: 400px;
383
- display: flex;
384
- flex-direction: column;
385
- background: var(--pm-iframe-bg, #f9f9f9);
386
- position: relative;
387
- }
388
- .pm-iframe-container iframe {
389
- flex: 1;
390
- width: 100%;
391
- height: 100%;
392
- border: none;
393
- display: block;
394
- }
395
- .pm-menu-dropdown {
396
- position: absolute;
397
- top: 100%;
398
- right: 0;
399
- background: var(--pm-bg, #FFFFFF);
400
- border: 1px solid var(--pm-border, rgba(0, 0, 0, 0.1));
401
- border-radius: 8px;
402
- box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
403
- z-index: 1001;
404
- min-width: 150px;
405
- overflow: hidden;
406
- }
407
- @media (prefers-color-scheme: dark) {
408
- .pm-menu-dropdown {
409
- box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4);
410
- }
411
- }
412
- .pm-menu-item {
413
- padding: 10px 16px;
414
- font-size: 14px;
415
- cursor: pointer;
416
- color: var(--pm-text, #000000);
417
- }
418
- .pm-menu-item:hover {
419
- background: var(--pm-hover-bg, #F9F9F9);
420
- }
421
- .pm-menu-item.danger {
422
- color: #E74C3C;
423
- }
424
- .pm-menu-item.disabled {
425
- cursor: default;
426
- color: var(--pm-text-muted, #8C8C8C);
427
- }
428
- .pm-menu-item.disabled:hover {
429
- background: transparent;
430
- }
431
- .icon-moonpay {
432
- background: #7D00FF;
433
- color: white;
434
- }
435
- .icon-onramper {
436
- background: #000000;
437
- color: white;
438
- }
439
- .icon-transak {
440
- background:
441
- linear-gradient(
442
- 120deg,
443
- #348BED 22.91%,
444
- #2B80E8 36.09%,
445
- #1461DB 60.25%,
446
- #0E57D7 66.11%);
447
- color: white;
448
- }
449
- .icon-mercurio {
450
- background: #000000;
451
- color: white;
452
- }
453
- .pm-success-container {
454
- display: flex;
455
- flex-direction: column;
456
- align-items: center;
457
- justify-content: center;
458
- padding: 60px 24px;
459
- text-align: center;
460
- }
461
- .pm-success-icon {
462
- width: 64px;
463
- height: 64px;
464
- background: #0098EA;
465
- border-radius: 50%;
466
- display: flex;
467
- align-items: center;
468
- justify-content: center;
469
- margin-bottom: 20px;
470
- color: white;
471
- }
472
- .pm-success-icon svg {
473
- width: 32px;
474
- height: 32px;
475
- }
476
- .pm-success-title {
477
- font-size: 24px;
478
- font-weight: 600;
479
- color: var(--pm-text, #000000);
480
- margin: 0 0 8px;
481
- }
482
- .pm-success-text {
483
- font-size: 16px;
484
- color: var(--pm-text-secondary, #666666);
485
- margin: 0;
486
- }
487
- .pm-error-container {
488
- display: flex;
489
- flex-direction: column;
490
- align-items: center;
491
- justify-content: center;
492
- padding: 60px 24px;
493
- text-align: center;
494
- }
495
- .pm-error-icon {
496
- width: 64px;
497
- height: 64px;
498
- background: #E74C3C;
499
- border-radius: 50%;
500
- display: flex;
501
- align-items: center;
502
- justify-content: center;
503
- margin-bottom: 20px;
504
- color: white;
505
- }
506
- .pm-error-icon svg {
507
- width: 32px;
508
- height: 32px;
509
- }
510
- .pm-error-title {
511
- font-size: 24px;
512
- font-weight: 600;
513
- color: var(--pm-text, #000000);
514
- margin: 0 0 8px;
515
- }
516
- .pm-error-text {
517
- font-size: 16px;
518
- color: var(--pm-text-secondary, #666666);
519
- margin: 0 0 24px;
520
- max-width: 300px;
521
- }
522
- .pm-error-actions {
523
- display: flex;
524
- flex-direction: column;
525
- gap: 12px;
526
- width: 100%;
527
- max-width: 280px;
528
- }
529
- .pm-error-inline {
530
- display: flex;
531
- flex-direction: column;
532
- align-items: center;
533
- justify-content: center;
534
- height: 100%;
535
- padding: 40px 20px;
536
- text-align: center;
537
- color: #E74C3C;
538
- }
539
- .pm-error-inline svg {
540
- width: 48px;
541
- height: 48px;
542
- margin-bottom: 16px;
543
- }
544
- .pm-error-inline p {
545
- margin: 0 0 20px;
546
- color: var(--pm-text-secondary, #666666);
547
- font-size: 14px;
548
- }
549
- .pm-btn-outline {
550
- background: transparent;
551
- color: #0098EA;
552
- border: 1px solid #0098EA;
553
- }
554
- .pm-btn-outline:hover {
555
- background: rgba(0, 152, 234, 0.08);
556
- }
557
- .pm-loading-container {
558
- display: flex;
559
- flex-direction: column;
560
- align-items: center;
561
- justify-content: center;
562
- height: 100%;
563
- color: var(--pm-text-muted, #6b7280);
564
- }
565
- .pm-loading-container p {
566
- margin: 16px 0 0;
567
- font-size: 14px;
568
- }
569
- .pm-loading-overlay {
570
- position: absolute;
571
- top: 0;
572
- left: 0;
573
- right: 0;
574
- bottom: 0;
575
- display: flex;
576
- align-items: center;
577
- justify-content: center;
578
- background: var(--pm-iframe-bg, #f9f9f9);
579
- z-index: 1;
580
- }
581
- .pm-spinner {
582
- width: 32px;
583
- height: 32px;
584
- border: 3px solid var(--pm-spinner-track, #E5E7EB);
585
- border-top-color: #0098EA;
586
- border-radius: 50%;
587
- animation: pm-spin 0.8s linear infinite;
588
- }
589
- @keyframes pm-spin {
590
- to {
591
- transform: rotate(360deg);
592
- }
593
- }
594
- /*# sourceMappingURL=index.css.map */
package/dist/index.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/bottom-sheet/BottomSheet.css","../src/components/payment-modal/PaymentModal.css"],"sourcesContent":[".bottom-sheet-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n z-index: 1000;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.bottom-sheet-backdrop.closing {\n animation: fadeOut 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n backdrop-filter: blur(0px);\n -webkit-backdrop-filter: blur(0px);\n }\n to {\n opacity: 1;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n }\n}\n\n@keyframes fadeOut {\n from {\n opacity: 1;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n }\n to {\n opacity: 0;\n backdrop-filter: blur(0px);\n -webkit-backdrop-filter: blur(0px);\n }\n}\n\n.bottom-sheet {\n position: relative;\n width: 100%;\n max-width: 100%;\n background-color: #ffffff;\n border-radius: 20px 20px 0 0;\n box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n touch-action: none;\n transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: height, transform;\n transform: translateY(0);\n}\n\n.bottom-sheet.dragging {\n transition: none;\n}\n\n.bottom-sheet.closing {\n animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(100%);\n }\n}\n\n.bottom-sheet-handle-container {\n width: 100%;\n padding: 12px 0 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n cursor: grab;\n}\n\n.bottom-sheet-handle-container:active {\n cursor: grabbing;\n}\n\n.bottom-sheet-handle {\n width: 80px;\n height: 4px;\n background-color: #d1d5db;\n border-radius: 2px;\n cursor: pointer;\n}\n\n.bottom-sheet-content {\n flex: 1;\n overflow-y: auto;\n overflow-x: hidden;\n -webkit-overflow-scrolling: touch;\n overscroll-behavior: contain;\n padding: 0;\n min-height: 0;\n}\n\n.bottom-sheet-content.scrolling {\n touch-action: pan-y;\n}\n\n@media (prefers-color-scheme: dark) {\n .bottom-sheet {\n background-color: #1C2633;\n box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.4);\n }\n \n .bottom-sheet-handle {\n background-color: #4B5563;\n }\n}\n",".pm-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n font-family: 'Inter', sans-serif;\n color: #000000;\n --pm-bg: #FFFFFF;\n --pm-text: #000000;\n --pm-text-secondary: #666666;\n --pm-text-muted: #8C8C8C;\n --pm-border: rgba(0, 0, 0, 0.1);\n --pm-order-bg: #E9F5FA;\n --pm-order-border: rgba(0, 100, 153, 0.03);\n --pm-order-text: #004062;\n --pm-hover-bg: #F9F9F9;\n --pm-iframe-bg: #f9f9f9;\n --pm-spinner-track: #E5E7EB;\n}\n\n@media (prefers-color-scheme: dark) {\n .pm-content {\n color: #FFFFFF;\n --pm-bg: #1f2937;\n --pm-text: #FFFFFF;\n --pm-text-secondary: #9CA3AF;\n --pm-text-muted: #6B7280;\n --pm-border: rgba(255, 255, 255, 0.1);\n --pm-order-bg: rgba(0, 152, 234, 0.15);\n --pm-order-border: rgba(0, 152, 234, 0.2);\n --pm-order-text: #7DD3FC;\n --pm-hover-bg: rgba(255, 255, 255, 0.05);\n --pm-iframe-bg: #111827;\n --pm-spinner-track: #374151;\n }\n}\n\n.pm-header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n padding: 16px;\n box-sizing: border-box;\n position: relative;\n}\n\n.pm-title {\n font-weight: 600;\n font-size: 18px;\n line-height: 22px;\n text-align: center;\n flex: 1;\n}\n\n.pm-close-btn,\n.pm-back-btn {\n background: none;\n border: none;\n cursor: pointer;\n padding: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--pm-text, #000000);\n opacity: 0.6;\n}\n\n.pm-close-btn:hover,\n.pm-back-btn:hover {\n opacity: 1;\n}\n\n.pm-body-main {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: 0 16px 24px;\n gap: 20px;\n box-sizing: border-box;\n}\n\n.pm-order-info {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 8px 13px;\n gap: 10px;\n background: var(--pm-order-bg, #E9F5FA);\n border: 1px solid var(--pm-order-border, rgba(0, 100, 153, 0.03));\n border-radius: 9px;\n margin-bottom: 10px;\n}\n\n.pm-order-text {\n font-size: 13px;\n line-height: 16px;\n color: var(--pm-order-text, #004062);\n text-align: center;\n}\n\n.pm-amount-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n margin-bottom: 10px;\n}\n\n.pm-amount-label {\n font-weight: 500;\n font-size: 12px;\n line-height: 15px;\n color: var(--pm-text-muted, #8C8C8C);\n}\n\n.pm-amount-value {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 500;\n font-size: 20px;\n line-height: 24px;\n color: var(--pm-text, #000000);\n}\n\n.pm-actions {\n display: flex;\n flex-direction: column;\n gap: 8px;\n width: 100%;\n}\n\n.pm-btn {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 10px;\n gap: 10px;\n width: 100%;\n height: 44px;\n border-radius: 8px;\n border: none;\n cursor: pointer;\n font-weight: 500;\n font-size: 16px;\n line-height: 19px;\n transition: opacity 0.2s;\n}\n\n.pm-btn:hover {\n opacity: 0.9;\n}\n\n.pm-btn-primary {\n background: #0098EA;\n color: #FFFFFF;\n}\n\n.pm-btn-black {\n background: #000000;\n color: #FFFFFF;\n}\n\n.pm-footer {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 8px;\n margin-top: 10px;\n font-size: 14px;\n line-height: 17px;\n}\n\n.pm-footer-text {\n color: var(--pm-text-muted, #808080);\n}\n\n.pm-footer-link {\n color: #0098EA;\n cursor: pointer;\n text-decoration: none;\n}\n\n.pm-footer-link:hover {\n text-decoration: underline;\n}\n\n/* Providers List */\n.pm-providers-list {\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 0;\n}\n\n.pm-provider-item {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 13px 16px 13px 32px;\n width: 100%;\n height: 52px;\n background: var(--pm-bg, #FFFFFF);\n border: none;\n border-bottom: 1px solid var(--pm-border, rgba(0, 0, 0, 0.1));\n cursor: pointer;\n box-sizing: border-box;\n position: relative;\n}\n\n.pm-provider-item:hover {\n background-color: var(--pm-hover-bg, #F9F9F9);\n}\n\n.pm-provider-item.selected {\n background: var(--pm-hover-bg, #F9F9F9);\n}\n\n.pm-provider-left {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.pm-provider-icon {\n width: 32px;\n height: 32px;\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.pm-provider-name {\n font-size: 16px;\n color: var(--pm-text, #000000);\n}\n\n.pm-check-icon {\n color: #0098EA;\n opacity: 0;\n}\n\n.pm-provider-item.selected .pm-check-icon {\n opacity: 1;\n}\n\n/* Desktop Modal Styles */\n.pm-desktop-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.44);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n animation: fadeIn 0.2s ease-out;\n}\n\n.pm-desktop-modal {\n width: 100%;\n max-width: 414px;\n margin: 16px;\n background: var(--pm-bg, #FFFFFF);\n border-radius: 16px;\n box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);\n overflow: hidden;\n position: relative;\n animation: scaleIn 0.2s ease-out;\n}\n\n@media (prefers-color-scheme: dark) {\n .pm-desktop-modal {\n box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.5);\n }\n}\n\n@keyframes scaleIn {\n from {\n transform: scale(0.95);\n opacity: 0;\n }\n\n to {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n/* Iframe container */\n.pm-iframe-container {\n width: 100%;\n height: 100%;\n min-height: 400px;\n display: flex;\n flex-direction: column;\n background: var(--pm-iframe-bg, #f9f9f9);\n position: relative;\n}\n\n.pm-iframe-container iframe {\n flex: 1;\n width: 100%;\n height: 100%;\n border: none;\n display: block;\n}\n\n/* Menu Dropdown */\n.pm-menu-dropdown {\n position: absolute;\n top: 100%;\n right: 0;\n background: var(--pm-bg, #FFFFFF);\n border: 1px solid var(--pm-border, rgba(0, 0, 0, 0.1));\n border-radius: 8px;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);\n z-index: 1001;\n min-width: 150px;\n overflow: hidden;\n}\n\n@media (prefers-color-scheme: dark) {\n .pm-menu-dropdown {\n box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4);\n }\n}\n\n.pm-menu-item {\n padding: 10px 16px;\n font-size: 14px;\n cursor: pointer;\n color: var(--pm-text, #000000);\n}\n\n.pm-menu-item:hover {\n background: var(--pm-hover-bg, #F9F9F9);\n}\n\n.pm-menu-item.danger {\n color: #E74C3C;\n}\n\n.pm-menu-item.disabled {\n cursor: default;\n color: var(--pm-text-muted, #8C8C8C);\n}\n\n.pm-menu-item.disabled:hover {\n background: transparent;\n}\n\n/* Icons */\n.icon-moonpay {\n background: #7D00FF;\n color: white;\n}\n\n.icon-onramper {\n background: #000000;\n color: white;\n}\n\n.icon-transak {\n background: linear-gradient(120deg, #348BED 22.91%, #2B80E8 36.09%, #1461DB 60.25%, #0E57D7 66.11%);\n color: white;\n}\n\n.icon-mercurio {\n background: #000000;\n color: white;\n}\n\n/* Success View */\n.pm-success-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px 24px;\n text-align: center;\n}\n\n.pm-success-icon {\n width: 64px;\n height: 64px;\n background: #0098EA;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: white;\n}\n\n.pm-success-icon svg {\n width: 32px;\n height: 32px;\n}\n\n.pm-success-title {\n font-size: 24px;\n font-weight: 600;\n color: var(--pm-text, #000000);\n margin: 0 0 8px;\n}\n\n.pm-success-text {\n font-size: 16px;\n color: var(--pm-text-secondary, #666666);\n margin: 0;\n}\n\n/* Error View */\n.pm-error-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 60px 24px;\n text-align: center;\n}\n\n.pm-error-icon {\n width: 64px;\n height: 64px;\n background: #E74C3C;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: white;\n}\n\n.pm-error-icon svg {\n width: 32px;\n height: 32px;\n}\n\n.pm-error-title {\n font-size: 24px;\n font-weight: 600;\n color: var(--pm-text, #000000);\n margin: 0 0 8px;\n}\n\n.pm-error-text {\n font-size: 16px;\n color: var(--pm-text-secondary, #666666);\n margin: 0 0 24px;\n max-width: 300px;\n}\n\n.pm-error-actions {\n display: flex;\n flex-direction: column;\n gap: 12px;\n width: 100%;\n max-width: 280px;\n}\n\n.pm-error-inline {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: 40px 20px;\n text-align: center;\n color: #E74C3C;\n}\n\n.pm-error-inline svg {\n width: 48px;\n height: 48px;\n margin-bottom: 16px;\n}\n\n.pm-error-inline p {\n margin: 0 0 20px;\n color: var(--pm-text-secondary, #666666);\n font-size: 14px;\n}\n\n/* Button Outline */\n.pm-btn-outline {\n background: transparent;\n color: #0098EA;\n border: 1px solid #0098EA;\n}\n\n.pm-btn-outline:hover {\n background: rgba(0, 152, 234, 0.08);\n}\n\n/* Loading States */\n.pm-loading-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n color: var(--pm-text-muted, #6b7280);\n}\n\n.pm-loading-container p {\n margin: 16px 0 0;\n font-size: 14px;\n}\n\n.pm-loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--pm-iframe-bg, #f9f9f9);\n z-index: 1;\n}\n\n.pm-spinner {\n width: 32px;\n height: 32px;\n border: 3px solid var(--pm-spinner-track, #E5E7EB);\n border-top-color: #0098EA;\n border-radius: 50%;\n animation: pm-spin 0.8s linear infinite;\n}\n\n@keyframes pm-spin {\n to {\n transform: rotate(360deg);\n }\n}"],"mappings":"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","names":[]}