@tsocial/tvweb-sdk.lotte 0.0.0-beta.20251113-134638 → 0.0.0-beta.20251113-150759

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 (36) hide show
  1. package/build/tvweb-sdk.lotte.cjs.min.js +345 -345
  2. package/build/tvweb-sdk.lotte.esm.min.js +345 -345
  3. package/build/tvweb-sdk.lotte.standalone.js +20591 -20592
  4. package/build/tvweb-sdk.lotte.standalone.min.js +971 -971
  5. package/package.json +5 -5
  6. package/build/types/Camera/hooks/useRequestCameraOnVisibilityChange.d.ts +0 -2
  7. package/build/types/Camera/index.d.ts +0 -8
  8. package/build/types/Camera/polyfills.d.ts +0 -4
  9. package/build/types/Camera/utils.d.ts +0 -13
  10. package/build/types/HighlightResult/index.d.ts +0 -27
  11. package/build/types/LivenessDetection/Active/index.d.ts +0 -266
  12. package/build/types/LivenessDetection/CameraMask.d.ts +0 -15
  13. package/build/types/LivenessDetection/LivenessDetection.d.ts +0 -7
  14. package/build/types/LivenessDetection/LivenessDetection.stories.d.ts +0 -7
  15. package/build/types/LivenessDetection/Passive/index.d.ts +0 -266
  16. package/build/types/LivenessDetection/index.d.ts +0 -2
  17. package/build/types/Popup/index.d.ts +0 -24
  18. package/build/types/Popup/popupType.d.ts +0 -7
  19. package/build/types/Popup/style.d.ts +0 -2
  20. package/build/types/QRCodeScanner/QRCodeScanner.stories.d.ts +0 -6
  21. package/build/types/QRCodeScanner/constants.d.ts +0 -1
  22. package/build/types/QRCodeScanner/index.d.ts +0 -33
  23. package/build/types/ReadIDCard/IDCardReader.d.ts +0 -3
  24. package/build/types/ReadIDCard/ReadIDCard.stories.d.ts +0 -7
  25. package/build/types/ReadIDCard/ReadIDCardUIOnly/UIOnly.d.ts +0 -54
  26. package/build/types/ReadIDCard/ReadIDCardUIOnly/index.d.ts +0 -60
  27. package/build/types/ReadIDCard/ReadIDCardWithApiCall.d.ts +0 -3
  28. package/build/types/ReadIDCard/components/ConfirmPopupContent.d.ts +0 -37
  29. package/build/types/ReadIDCard/components/index.d.ts +0 -35
  30. package/build/types/ReadIDCard/globalStyle.d.ts +0 -2
  31. package/build/types/SDK.d.ts +0 -7
  32. package/build/types/index.d.ts +0 -3
  33. package/build/types/theme/defaultThemes.d.ts +0 -1521
  34. package/build/types/theme.d.ts +0 -5
  35. /package/build/types/{locale/en.d.ts → en.d.ts} +0 -0
  36. /package/build/types/{locale/vi.d.ts → vi.d.ts} +0 -0
package/build/types/theme/defaultThemes.d.ts DELETED
@@ -1,1521 +0,0 @@
1
- declare const _default: {
2
- v1: {
3
- closeButton: {
4
- top: "16px";
5
- right: "16px";
6
- left: string;
7
- bottom: string;
8
- display: string;
9
- src: string;
10
- width: string;
11
- height: string;
12
- };
13
- popup: {
14
- backgroundColor: "#FFFFFF";
15
- padding: string;
16
- border: string;
17
- borderRadius: "12px";
18
- overlay: {
19
- backgroundColor: "rgba(10, 10, 10, 0.7)";
20
- };
21
- title: {
22
- fontWeight: 600;
23
- color: "#020617";
24
- textAlign: string;
25
- display: string;
26
- margin: string;
27
- padding: string;
28
- fontFamily: "Inter";
29
- fontSize: "18px";
30
- lineHeight: "25px";
31
- letterSpacing: "-0.4px";
32
- };
33
- description: {
34
- color: "#475569";
35
- textAlign: string;
36
- border: string;
37
- borderRadius: string;
38
- margin: string;
39
- padding: string;
40
- fontFamily: "Inter";
41
- fontSize: "16px";
42
- lineHeight: "22px";
43
- fontWeight: 400;
44
- letterSpacing: "0px";
45
- };
46
- primaryButton: {
47
- color: "#FFFFFF";
48
- backgroundColor: "#0276F1";
49
- borderRadius: "8px";
50
- border: string;
51
- outline: string;
52
- height: "48px";
53
- maxWidth: string;
54
- fontFamily: "Inter";
55
- fontSize: "16px";
56
- lineHeight: "22px";
57
- fontWeight: 400;
58
- letterSpacing: "0px";
59
- };
60
- secondaryButton: {
61
- color: "#020617";
62
- backgroundColor: "#E0E6ED";
63
- borderRadius: "8px";
64
- border: string;
65
- outline: string;
66
- height: "48px";
67
- maxWidth: string;
68
- fontFamily: "Inter";
69
- fontSize: "16px";
70
- lineHeight: "22px";
71
- fontWeight: 400;
72
- letterSpacing: "0px";
73
- };
74
- };
75
- PassiveLiveness: {
76
- instruction: {
77
- color: "#FFFFFF";
78
- fontSize: "14px";
79
- fontWeight: 400;
80
- background: string;
81
- border: string;
82
- borderRadius: string;
83
- backdropFilter: string;
84
- padding: string;
85
- };
86
- };
87
- Selfie: {
88
- backgroundColor: string;
89
- captureIcon: {
90
- src: string;
91
- width: string;
92
- };
93
- countdown: {
94
- color: string;
95
- fontSize: string;
96
- fontWeight: string;
97
- backgroundColor: string;
98
- border: string;
99
- borderRadius: string;
100
- padding: string;
101
- };
102
- loadingIcon: {
103
- src: string;
104
- width: string;
105
- height: string;
106
- };
107
- error: {
108
- color: string;
109
- fontSize: string;
110
- fontWeight: string;
111
- backgroundColor: string;
112
- border: string;
113
- borderRadius: string;
114
- padding: string;
115
- };
116
- progressCircle: {
117
- radius: number;
118
- strokeWidth: number;
119
- progress: number;
120
- showErrorRing: boolean;
121
- activeColor: string;
122
- innerPadding: number;
123
- outsideRingColor: string;
124
- outsideRingOpacity: number;
125
- insideRingColor: string;
126
- insideRingWidth: number;
127
- insideRingStrokeDash: string;
128
- errorRingColor: string;
129
- errorRingWidth: number;
130
- dashedRingColor: string;
131
- dashedRingOpacity: number;
132
- dashedRingWidth: number;
133
- dashedRingLineThick: number;
134
- dashedRingLineSpacing: number;
135
- dashedInsideRingColor: string;
136
- dashedInsideRingWidth: number;
137
- showOutsideRing: boolean;
138
- showDashedRing: boolean;
139
- showInsideRing: boolean;
140
- };
141
- Active: {
142
- instruction: {
143
- color: string;
144
- fontSize: string;
145
- fontWeight: string;
146
- textShadow: string;
147
- backgroundColor: string;
148
- border: string;
149
- borderRadius: string;
150
- };
151
- directionIcon: {
152
- frontal: string;
153
- frontalWidth: string;
154
- left: string;
155
- leftWidth: string;
156
- right: string;
157
- rightWidth: string;
158
- up: string;
159
- upWidth: string;
160
- };
161
- imageHolder: {
162
- width: string;
163
- height: string;
164
- borderRadius: string;
165
- border: string;
166
- fontSize: string;
167
- color: string;
168
- fontWeight: string;
169
- frontal: string;
170
- left: string;
171
- right: string;
172
- up: string;
173
- };
174
- };
175
- };
176
- FlashLiveness: {
177
- maskFill: string;
178
- mask: {
179
- strokeColor: "#CBD5E1";
180
- strokeColorError: "#E84848";
181
- strokeWidth: number;
182
- path: string;
183
- width: number;
184
- height: number;
185
- };
186
- title: {
187
- hidden: boolean;
188
- height: string;
189
- color: "#020617";
190
- fontSize: "20px";
191
- fontWeight: 500;
192
- lineHeight: "24px";
193
- };
194
- guideline: {
195
- text: {
196
- close: {
197
- color: "#020617";
198
- fontSize: "18px";
199
- fontWeight: 600;
200
- background: "#F8FAFC";
201
- border: string;
202
- borderRadius: string;
203
- padding: string;
204
- };
205
- far: {
206
- color: "#020617";
207
- fontSize: "18px";
208
- fontWeight: 600;
209
- background: "#F8FAFC";
210
- border: string;
211
- borderRadius: string;
212
- padding: string;
213
- };
214
- flashing: {
215
- color: "#FFFFFF";
216
- fontSize: "14px";
217
- fontWeight: 400;
218
- background: string;
219
- border: string;
220
- borderRadius: string;
221
- padding: string;
222
- };
223
- };
224
- icon: {
225
- color: "#0276F1";
226
- src: string;
227
- };
228
- };
229
- instruction: {
230
- color: "#FFFFFF";
231
- fontSize: "14px";
232
- fontWeight: 400;
233
- background: string;
234
- border: string;
235
- borderRadius: string;
236
- };
237
- timeoutText: {
238
- color: "#E84848";
239
- fontSize: "16px";
240
- fontWeight: 400;
241
- padding: string;
242
- };
243
- errorOverlay: {
244
- backgroundColor: string;
245
- opacity: number;
246
- };
247
- progressBar: {
248
- mainColor: "#0276F1";
249
- secondaryColor: "#CCE4FC";
250
- textColor: "#0276F1";
251
- fontSize: "16px";
252
- fontWeight: 600;
253
- };
254
- flashing: {
255
- logo: {
256
- src: string;
257
- width: string;
258
- height: string;
259
- };
260
- backgroundPattern: {
261
- srcMobile: string;
262
- srcDesktop: string;
263
- width: string;
264
- height: string;
265
- };
266
- };
267
- };
268
- IDCapturing: {
269
- backgroundColor: string;
270
- titleFront: {
271
- color: string;
272
- fontSize: string;
273
- fontWeight: string;
274
- backgroundColor: string;
275
- };
276
- titleBack: {
277
- color: string;
278
- fontSize: string;
279
- fontWeight: string;
280
- backgroundColor: string;
281
- };
282
- instruction: {
283
- padding: string;
284
- color: string;
285
- fontSize: string;
286
- fontWeight: string;
287
- backgroundColor: string;
288
- border: string;
289
- borderRadius: string;
290
- };
291
- captureInstruction: {
292
- capturing: {
293
- padding: string;
294
- color: string;
295
- fontSize: string;
296
- fontWeight: string;
297
- background: string;
298
- border: string;
299
- borderRadius: string;
300
- };
301
- captured: {
302
- padding: string;
303
- color: string;
304
- fontSize: string;
305
- fontWeight: string;
306
- background: string;
307
- border: string;
308
- borderRadius: string;
309
- };
310
- };
311
- error: {
312
- padding: string;
313
- color: string;
314
- fontSize: string;
315
- fontWeight: string;
316
- backgroundColor: string;
317
- border: string;
318
- borderRadius: string;
319
- };
320
- toggle: {
321
- color: string;
322
- fontSize: string;
323
- fontWeight: string;
324
- gap: string;
325
- backgroundColor: string;
326
- active: {
327
- backgroundColor: string;
328
- };
329
- inactive: {
330
- backgroundColor: string;
331
- };
332
- };
333
- countdown: {
334
- color: string;
335
- fontSize: string;
336
- fontWeight: string;
337
- backgroundColor: string;
338
- border: string;
339
- borderRadius: string;
340
- };
341
- cardIcon: {
342
- src: string;
343
- width: string;
344
- height: string;
345
- };
346
- captureIcon: {
347
- src: string;
348
- width: string;
349
- height: string;
350
- disabled: {
351
- src: string;
352
- };
353
- };
354
- loadingIcon: {
355
- src: string;
356
- width: string;
357
- height: string;
358
- };
359
- rectangleMask: {
360
- width: number;
361
- height: number;
362
- strokeWidth: number;
363
- strokeStyles: {};
364
- radius: number;
365
- paddingStyle: {
366
- fill: string;
367
- };
368
- default: {
369
- fill: string;
370
- stroke: string;
371
- strokeWidth: number;
372
- strokeDasharray: string;
373
- opacity: number;
374
- };
375
- error: {
376
- fill: string;
377
- strokeWidth: number;
378
- stroke: string;
379
- };
380
- };
381
- };
382
- IDConfirmPopup: {
383
- image: {
384
- borderRadius: string;
385
- };
386
- };
387
- QRStep: {
388
- title: {
389
- color: string;
390
- fontSize: string;
391
- fontWeight: string;
392
- backgroundColor: string;
393
- };
394
- guidelinePopup: {
395
- image: {
396
- src: string;
397
- borderRadius: string;
398
- backgroundColor: string;
399
- };
400
- guideText: {
401
- color: string;
402
- fontSize: string;
403
- fontWeight: string;
404
- textAlign: string;
405
- lineHeight: string;
406
- };
407
- countdownText: {
408
- color: string;
409
- fontSize: string;
410
- fontWeight: string;
411
- textAlign: string;
412
- lineHeight: string;
413
- };
414
- };
415
- scanTooltip: {
416
- backgroundColor: string;
417
- borderRadius: string;
418
- color: string;
419
- padding: string;
420
- textAlign: string;
421
- };
422
- scanCountdown: {
423
- textAlign: string;
424
- color: string;
425
- fontSize: string;
426
- fontWeight: string;
427
- backgroundColor: string;
428
- border: string;
429
- borderRadius: string;
430
- padding: string;
431
- };
432
- invalidPopup: {
433
- padding: string;
434
- title: {
435
- display: string;
436
- color: string;
437
- fontSize: string;
438
- fontWeight: string;
439
- margin: string;
440
- padding: string;
441
- };
442
- description: {
443
- color: string;
444
- fontSize: string;
445
- fontWeight: string;
446
- textAlign: string;
447
- margin: string;
448
- padding: string;
449
- };
450
- retryButton: {
451
- color: string;
452
- fontSize: string;
453
- fontWeight: string;
454
- backgroundColor: string;
455
- border: string;
456
- borderRadius: string;
457
- outline: string;
458
- height: string;
459
- margin: string;
460
- };
461
- skipButton: {
462
- color: string;
463
- fontSize: string;
464
- fontWeight: string;
465
- backgroundColor: string;
466
- border: string;
467
- borderRadius: string;
468
- outline: string;
469
- height: string;
470
- margin: string;
471
- };
472
- };
473
- resultText: {
474
- success: {
475
- textColor: string;
476
- fontSize: string;
477
- fontWeight: string;
478
- mainColor: string;
479
- };
480
- error: {
481
- textColor: string;
482
- fontSize: string;
483
- fontWeight: string;
484
- mainColor: string;
485
- };
486
- };
487
- };
488
- };
489
- v2: {
490
- closeButton: {
491
- top: "16px";
492
- right: "16px";
493
- left: string;
494
- bottom: string;
495
- display: string;
496
- src: string;
497
- width: string;
498
- height: string;
499
- };
500
- popup: {
501
- backgroundColor: "#FFFFFF";
502
- padding: string;
503
- border: string;
504
- borderRadius: "12px";
505
- overlay: {
506
- backgroundColor: "rgba(10, 10, 10, 0.7)";
507
- };
508
- title: {
509
- fontWeight: 600;
510
- color: "#020617";
511
- textAlign: string;
512
- display: string;
513
- margin: string;
514
- padding: string;
515
- fontFamily: "Inter";
516
- fontSize: "18px";
517
- lineHeight: "25px";
518
- letterSpacing: "-0.4px";
519
- };
520
- description: {
521
- color: "#475569";
522
- textAlign: string;
523
- border: string;
524
- borderRadius: string;
525
- margin: string;
526
- padding: string;
527
- fontFamily: "Inter";
528
- fontSize: "16px";
529
- lineHeight: "22px";
530
- fontWeight: 400;
531
- letterSpacing: "0px";
532
- };
533
- primaryButton: {
534
- color: "#FFFFFF";
535
- backgroundColor: "#0276F1";
536
- borderRadius: "8px";
537
- border: string;
538
- outline: string;
539
- height: "48px";
540
- maxWidth: string;
541
- fontFamily: "Inter";
542
- fontSize: "16px";
543
- lineHeight: "22px";
544
- fontWeight: 400;
545
- letterSpacing: "0px";
546
- };
547
- secondaryButton: {
548
- color: "#020617";
549
- backgroundColor: "#E0E6ED";
550
- borderRadius: "8px";
551
- border: string;
552
- outline: string;
553
- height: "48px";
554
- maxWidth: string;
555
- fontFamily: "Inter";
556
- fontSize: "16px";
557
- lineHeight: "22px";
558
- fontWeight: 400;
559
- letterSpacing: "0px";
560
- };
561
- };
562
- PassiveLiveness: {
563
- instruction: {
564
- color: "#FFFFFF";
565
- fontSize: "14px";
566
- fontWeight: 400;
567
- background: string;
568
- border: string;
569
- borderRadius: string;
570
- backdropFilter: string;
571
- padding: string;
572
- };
573
- };
574
- Selfie: {
575
- backgroundColor: string;
576
- title: {
577
- color: "#020617";
578
- fontFamily: "Inter";
579
- fontSize: "20px";
580
- lineHeight: "24px";
581
- fontWeight: 500;
582
- letterSpacing: "-0.4px";
583
- };
584
- countdown: {
585
- color: "#E84848";
586
- fontSize: "16px";
587
- fontWeight: 400;
588
- backgroundColor: string;
589
- border: string;
590
- borderRadius: string;
591
- padding: string;
592
- };
593
- loadingIcon: {
594
- src: string;
595
- width: string;
596
- height: string;
597
- };
598
- error: {
599
- color: "#E84848";
600
- fontSize: "16px";
601
- fontWeight: 400;
602
- backgroundColor: string;
603
- border: string;
604
- borderRadius: string;
605
- padding: string;
606
- };
607
- progressCircle: {
608
- activeColor: string;
609
- innerPadding: number;
610
- showDashedRing: boolean;
611
- showOutsideRing: boolean;
612
- dashedRingLineThick: string;
613
- dashedRingLineSpacing: string;
614
- dashedRingColor: string;
615
- dashedRingOpacity: number;
616
- insideRingColor: string;
617
- insideRingWidth: number;
618
- insideRingStrokeDash: string;
619
- outsideRingOpacity: number;
620
- outsideRingColor: string;
621
- errorRingWidth: number;
622
- radius: number;
623
- strokeWidth: number;
624
- progress: number;
625
- showErrorRing: boolean;
626
- errorRingColor: string;
627
- dashedRingWidth: number;
628
- dashedInsideRingColor: string;
629
- dashedInsideRingWidth: number;
630
- showInsideRing: boolean;
631
- };
632
- progressCircleV2: {
633
- activeColor: "#0276F1";
634
- neutralColor: "#CBD5E1";
635
- errorColor: "#E84848";
636
- radius: number;
637
- strokeWidth: number;
638
- progress: number;
639
- tickWidth: number;
640
- numberOfTicks: number;
641
- };
642
- Active: {
643
- instruction: {
644
- color: "#020617";
645
- fontSize: "16px";
646
- fontWeight: 400;
647
- textShadow: string;
648
- backgroundColor: string;
649
- border: string;
650
- borderRadius: string;
651
- };
652
- directionIcon: {
653
- frontal: string;
654
- frontalWidth: string;
655
- left: string;
656
- leftWidth: string;
657
- right: string;
658
- rightWidth: string;
659
- up: string;
660
- upWidth: string;
661
- };
662
- imageHolder: {
663
- width: string;
664
- height: string;
665
- borderRadius: string;
666
- border: string;
667
- fontSize: string;
668
- color: string;
669
- fontWeight: string;
670
- frontal: string;
671
- left: string;
672
- right: string;
673
- up: string;
674
- activeStepBorder: string;
675
- activeStepBorderRadius: string;
676
- };
677
- };
678
- };
679
- FlashLiveness: {
680
- maskFill: string;
681
- mask: {
682
- strokeColor: "#CBD5E1";
683
- strokeColorError: "#E84848";
684
- strokeWidth: number;
685
- path: string;
686
- width: number;
687
- height: number;
688
- };
689
- title: {
690
- hidden: boolean;
691
- height: string;
692
- color: "#020617";
693
- fontSize: "20px";
694
- fontWeight: 500;
695
- lineHeight: "24px";
696
- };
697
- guideline: {
698
- text: {
699
- close: {
700
- color: "#020617";
701
- fontSize: "18px";
702
- fontWeight: 600;
703
- background: "#F8FAFC";
704
- border: string;
705
- borderRadius: string;
706
- padding: string;
707
- };
708
- far: {
709
- color: "#020617";
710
- fontSize: "18px";
711
- fontWeight: 600;
712
- background: "#F8FAFC";
713
- border: string;
714
- borderRadius: string;
715
- padding: string;
716
- };
717
- flashing: {
718
- color: "#FFFFFF";
719
- fontSize: "14px";
720
- fontWeight: 400;
721
- background: string;
722
- border: string;
723
- borderRadius: string;
724
- padding: string;
725
- };
726
- };
727
- icon: {
728
- color: "#0276F1";
729
- src: string;
730
- };
731
- };
732
- instruction: {
733
- color: "#FFFFFF";
734
- fontSize: "14px";
735
- fontWeight: 400;
736
- background: string;
737
- border: string;
738
- borderRadius: string;
739
- };
740
- timeoutText: {
741
- color: "#E84848";
742
- fontSize: "16px";
743
- fontWeight: 400;
744
- padding: string;
745
- };
746
- errorOverlay: {
747
- backgroundColor: string;
748
- opacity: number;
749
- };
750
- progressBar: {
751
- mainColor: "#0276F1";
752
- secondaryColor: "#CCE4FC";
753
- textColor: "#0276F1";
754
- fontSize: "16px";
755
- fontWeight: 600;
756
- };
757
- flashing: {
758
- logo: {
759
- src: string;
760
- width: string;
761
- height: string;
762
- };
763
- backgroundPattern: {
764
- srcMobile: string;
765
- srcDesktop: string;
766
- width: string;
767
- height: string;
768
- };
769
- };
770
- };
771
- IDCapturing: {
772
- backgroundColor: string;
773
- titleFront: {
774
- color: "#FFFFFF";
775
- backgroundColor: string;
776
- fontFamily: "Inter";
777
- fontSize: "24px";
778
- lineHeight: "29px";
779
- fontWeight: 600;
780
- letterSpacing: "-0.4px";
781
- };
782
- titleBack: {
783
- color: "#FFFFFF";
784
- backgroundColor: string;
785
- fontFamily: "Inter";
786
- fontSize: "24px";
787
- lineHeight: "29px";
788
- fontWeight: 600;
789
- letterSpacing: "-0.4px";
790
- };
791
- instruction: {
792
- padding: string;
793
- color: string;
794
- backgroundColor: string;
795
- border: string;
796
- borderRadius: string;
797
- fontFamily: "Inter";
798
- fontSize: "16px";
799
- lineHeight: "22px";
800
- fontWeight: 400;
801
- letterSpacing: "0px";
802
- };
803
- captureInstruction: {
804
- capturing: {
805
- color: "#FFFFFF";
806
- padding: string;
807
- background: string;
808
- border: string;
809
- borderRadius: string;
810
- fontFamily: "Inter";
811
- fontSize: "14px";
812
- lineHeight: "20px";
813
- fontWeight: 400;
814
- letterSpacing: "0px";
815
- };
816
- captured: {
817
- color: "#FFFFFF";
818
- padding: string;
819
- background: string;
820
- border: string;
821
- borderRadius: string;
822
- fontFamily: "Inter";
823
- fontSize: "14px";
824
- lineHeight: "20px";
825
- fontWeight: 400;
826
- letterSpacing: "0px";
827
- };
828
- };
829
- error: {
830
- padding: string;
831
- color: "#E84848";
832
- backgroundColor: string;
833
- border: string;
834
- borderRadius: "6px";
835
- fontFamily: "Inter";
836
- fontSize: "16px";
837
- lineHeight: "22px";
838
- fontWeight: 400;
839
- letterSpacing: "0px";
840
- };
841
- toggle: {
842
- color: "#FFFFFF";
843
- gap: "16px";
844
- backgroundColor: "#FFFFFF";
845
- active: {
846
- backgroundColor: "#0276F1";
847
- };
848
- inactive: {
849
- backgroundColor: "#CBD5E1";
850
- };
851
- fontFamily: "Inter";
852
- fontSize: "16px";
853
- lineHeight: "22px";
854
- fontWeight: 400;
855
- letterSpacing: "0px";
856
- };
857
- countdown: {
858
- color: "#E84848";
859
- backgroundColor: string;
860
- border: string;
861
- borderRadius: "6px";
862
- fontFamily: "Inter";
863
- fontSize: "16px";
864
- lineHeight: "22px";
865
- fontWeight: 400;
866
- letterSpacing: "0px";
867
- };
868
- cardIcon: {
869
- src: string;
870
- width: string;
871
- height: string;
872
- };
873
- captureIcon: {
874
- src: string;
875
- width: "80px";
876
- height: "80px";
877
- disabled: {
878
- src: string;
879
- };
880
- };
881
- loadingIcon: {
882
- src: string;
883
- width: string;
884
- height: string;
885
- };
886
- rectangleMask: {
887
- width: number;
888
- height: number;
889
- strokeWidth: number;
890
- strokeStyles: {};
891
- radius: number;
892
- paddingStyle: {
893
- fill: string;
894
- };
895
- default: {
896
- fill: string;
897
- stroke: "#94A3B8";
898
- strokeWidth: number;
899
- };
900
- error: {
901
- fill: string;
902
- strokeWidth: number;
903
- stroke: "#E84848";
904
- };
905
- };
906
- };
907
- IDConfirmPopup: {
908
- image: {
909
- borderRadius: "6px";
910
- };
911
- };
912
- QRStep: {
913
- title: {
914
- backgroundColor: string;
915
- fontFamily: "Inter";
916
- fontSize: "24px";
917
- lineHeight: "29px";
918
- fontWeight: 600;
919
- letterSpacing: "-0.4px";
920
- };
921
- guidelinePopup: {
922
- image: {
923
- src: string;
924
- borderRadius: "6px";
925
- backgroundColor: string;
926
- };
927
- guideText: {
928
- color: "#475569";
929
- textAlign: string;
930
- fontFamily: "Inter";
931
- fontSize: "16px";
932
- lineHeight: "22px";
933
- fontWeight: 400;
934
- letterSpacing: "0px";
935
- };
936
- countdownText: {
937
- color: "#64748B";
938
- textAlign: string;
939
- fontFamily: "Inter";
940
- fontSize: "16px";
941
- fontWeight: 400;
942
- letterSpacing: "0px";
943
- lineHeight: "22px";
944
- };
945
- };
946
- scanTooltip: {
947
- backgroundColor: string;
948
- borderRadius: "8px";
949
- color: "#FFFFFF";
950
- padding: string;
951
- textAlign: string;
952
- };
953
- scanCountdown: {
954
- color: "#E84848";
955
- textAlign: string;
956
- backgroundColor: string;
957
- border: string;
958
- borderRadius: "6px";
959
- padding: string;
960
- fontFamily: "Inter";
961
- fontSize: "16px";
962
- lineHeight: "22px";
963
- fontWeight: 400;
964
- letterSpacing: "0px";
965
- };
966
- invalidPopup: {
967
- padding: string;
968
- title: {
969
- color: "#020617";
970
- display: string;
971
- margin: string;
972
- padding: string;
973
- fontFamily: "Inter";
974
- fontSize: "18px";
975
- lineHeight: "25px";
976
- fontWeight: 400;
977
- letterSpacing: "-0.4px";
978
- };
979
- description: {
980
- color: "#475569";
981
- textAlign: string;
982
- margin: string;
983
- padding: string;
984
- fontFamily: "Inter";
985
- fontSize: "16px";
986
- lineHeight: "22px";
987
- fontWeight: 400;
988
- letterSpacing: "0px";
989
- };
990
- retryButton: {
991
- color: "#FFFFFF";
992
- backgroundColor: "#0276F1";
993
- borderRadius: "8px";
994
- border: string;
995
- outline: string;
996
- height: "48px";
997
- margin: string;
998
- fontFamily: "Inter";
999
- fontSize: "16px";
1000
- lineHeight: "22px";
1001
- fontWeight: 400;
1002
- letterSpacing: "0px";
1003
- };
1004
- skipButton: {
1005
- color: "#020617";
1006
- backgroundColor: "#E0E6ED";
1007
- borderRadius: "8px";
1008
- border: string;
1009
- outline: string;
1010
- height: "48px";
1011
- margin: string;
1012
- fontFamily: "Inter";
1013
- fontSize: "16px";
1014
- lineHeight: "22px";
1015
- fontWeight: 400;
1016
- letterSpacing: "0px";
1017
- };
1018
- };
1019
- resultText: {
1020
- success: {
1021
- textColor: "#020617";
1022
- mainColor: "#33B179";
1023
- fontFamily: "Inter";
1024
- fontSize: "16px";
1025
- lineHeight: "22px";
1026
- fontWeight: 400;
1027
- letterSpacing: "0px";
1028
- };
1029
- error: {
1030
- textColor: "#020617";
1031
- mainColor: "#FF9900";
1032
- fontFamily: "Inter";
1033
- fontSize: "16px";
1034
- lineHeight: "22px";
1035
- fontWeight: 400;
1036
- letterSpacing: "0px";
1037
- };
1038
- };
1039
- };
1040
- };
1041
- } & {
1042
- v1: {
1043
- closeButton: {
1044
- top: string;
1045
- right: string;
1046
- left: string;
1047
- bottom: string;
1048
- display: string;
1049
- src: any;
1050
- width: string;
1051
- height: string;
1052
- };
1053
- popup: {
1054
- backgroundColor: string;
1055
- padding: string;
1056
- border: string;
1057
- borderRadius: string;
1058
- overlay: {
1059
- backgroundColor: string;
1060
- };
1061
- };
1062
- IDCapturing: {
1063
- backgroundColor: string;
1064
- title: {
1065
- color: string;
1066
- fontSize: string;
1067
- fontWeight: string;
1068
- backgroundColor: string;
1069
- };
1070
- instruction: {
1071
- color: string;
1072
- fontSize: string;
1073
- fontWeight: string;
1074
- backgroundColor: string;
1075
- border: string;
1076
- borderRadius: string;
1077
- };
1078
- error: {
1079
- padding: string;
1080
- color: string;
1081
- fontSize: string;
1082
- fontWeight: string;
1083
- backgroundColor: string;
1084
- border: string;
1085
- borderRadius: string;
1086
- };
1087
- countdown: {
1088
- color: string;
1089
- fontSize: string;
1090
- fontWeight: string;
1091
- backgroundColor: string;
1092
- border: string;
1093
- borderRadius: string;
1094
- };
1095
- cardIcon: {
1096
- src: string;
1097
- width: string;
1098
- height: string;
1099
- };
1100
- captureIcon: {
1101
- src: any;
1102
- width: string;
1103
- height: string;
1104
- };
1105
- loadingIcon: {
1106
- src: any;
1107
- width: string;
1108
- height: string;
1109
- };
1110
- timeoutPopup: {
1111
- padding: string;
1112
- text: {
1113
- color: string;
1114
- fontSize: string;
1115
- fontWeight: string;
1116
- textAlign: string;
1117
- border: string;
1118
- borderRadius: string;
1119
- };
1120
- button: {
1121
- color: string;
1122
- fontSize: string;
1123
- fontWeight: string;
1124
- backgroundColor: string;
1125
- border: string;
1126
- borderRadius: string;
1127
- outline: string;
1128
- height: string;
1129
- };
1130
- };
1131
- rectangleMask: {
1132
- width: number;
1133
- height: number;
1134
- strokeWidth: number;
1135
- strokeStyles: {};
1136
- radius: number;
1137
- paddingStyle: {
1138
- fill: string;
1139
- };
1140
- default: {
1141
- fill: string;
1142
- stroke: string;
1143
- strokeWidth: number;
1144
- };
1145
- error: {
1146
- fill: string;
1147
- strokeWidth: number;
1148
- stroke: string;
1149
- };
1150
- };
1151
- };
1152
- IDConfirmPopup: {
1153
- confirmButton: {
1154
- color: string;
1155
- fontSize: string;
1156
- fontWeight: string;
1157
- backgroundColor: string;
1158
- border: string;
1159
- borderRadius: string;
1160
- outline: string;
1161
- };
1162
- retryButton: {
1163
- color: string;
1164
- fontSize: string;
1165
- fontWeight: string;
1166
- backgroundColor: string;
1167
- border: string;
1168
- borderRadius: string;
1169
- outline: string;
1170
- };
1171
- image: {
1172
- borderRadius: string;
1173
- };
1174
- };
1175
- QRStep: {
1176
- guidelinePopup: {
1177
- image: {
1178
- src: any;
1179
- borderRadius: string;
1180
- backgroundColor: string;
1181
- };
1182
- guideText: {
1183
- color: string;
1184
- fontSize: string;
1185
- fontWeight: string;
1186
- textAlign: string;
1187
- lineHeight: string;
1188
- };
1189
- countdownText: {
1190
- color: string;
1191
- fontSize: string;
1192
- fontWeight: string;
1193
- textAlign: string;
1194
- lineHeight: string;
1195
- };
1196
- startButton: {
1197
- color: string;
1198
- fontSize: string;
1199
- fontWeight: string;
1200
- backgroundColor: string;
1201
- border: string;
1202
- borderRadius: string;
1203
- outline: string;
1204
- height: string;
1205
- };
1206
- };
1207
- scanTooltip: {
1208
- backgroundColor: string;
1209
- borderRadius: string;
1210
- color: string;
1211
- padding: string;
1212
- textAlign: string;
1213
- };
1214
- scanCountdown: {
1215
- textAlign: string;
1216
- color: string;
1217
- fontSize: string;
1218
- fontWeight: string;
1219
- backgroundColor: string;
1220
- border: string;
1221
- borderRadius: string;
1222
- padding: string;
1223
- };
1224
- invalidPopup: {
1225
- padding: string;
1226
- title: {
1227
- display: string;
1228
- color: string;
1229
- fontSize: string;
1230
- fontWeight: string;
1231
- margin: string;
1232
- padding: string;
1233
- };
1234
- description: {
1235
- color: string;
1236
- fontSize: string;
1237
- fontWeight: string;
1238
- textAlign: string;
1239
- margin: string;
1240
- padding: string;
1241
- };
1242
- retryButton: {
1243
- color: string;
1244
- fontSize: string;
1245
- fontWeight: string;
1246
- backgroundColor: string;
1247
- border: string;
1248
- borderRadius: string;
1249
- outline: string;
1250
- height: string;
1251
- margin: string;
1252
- };
1253
- skipButton: {
1254
- color: string;
1255
- fontSize: string;
1256
- fontWeight: string;
1257
- backgroundColor: string;
1258
- border: string;
1259
- borderRadius: string;
1260
- outline: string;
1261
- height: string;
1262
- margin: string;
1263
- };
1264
- };
1265
- resultText: {
1266
- success: {
1267
- textColor: string;
1268
- fontSize: string;
1269
- fontWeight: string;
1270
- mainColor: string;
1271
- };
1272
- error: {
1273
- textColor: string;
1274
- fontSize: string;
1275
- fontWeight: string;
1276
- mainColor: string;
1277
- };
1278
- };
1279
- };
1280
- };
1281
- v2: {
1282
- closeButton: {
1283
- top: string;
1284
- right: string;
1285
- left: string;
1286
- bottom: string;
1287
- display: string;
1288
- src: any;
1289
- width: string;
1290
- height: string;
1291
- };
1292
- popup: {
1293
- backgroundColor: string;
1294
- padding: string;
1295
- border: string;
1296
- borderRadius: string;
1297
- overlay: {
1298
- backgroundColor: string;
1299
- };
1300
- };
1301
- IDCapturing: {
1302
- backgroundColor: string;
1303
- title: {
1304
- color: string;
1305
- fontSize: string;
1306
- fontWeight: string;
1307
- backgroundColor: string;
1308
- };
1309
- instruction: {
1310
- color: string;
1311
- fontSize: string;
1312
- fontWeight: string;
1313
- backgroundColor: string;
1314
- border: string;
1315
- borderRadius: string;
1316
- };
1317
- error: {
1318
- padding: string;
1319
- color: string;
1320
- fontSize: string;
1321
- fontWeight: string;
1322
- backgroundColor: string;
1323
- border: string;
1324
- borderRadius: string;
1325
- };
1326
- countdown: {
1327
- color: string;
1328
- fontSize: string;
1329
- fontWeight: string;
1330
- backgroundColor: string;
1331
- border: string;
1332
- borderRadius: string;
1333
- };
1334
- cardIcon: {
1335
- src: string;
1336
- width: string;
1337
- height: string;
1338
- };
1339
- captureIcon: {
1340
- src: any;
1341
- width: string;
1342
- height: string;
1343
- };
1344
- loadingIcon: {
1345
- src: any;
1346
- width: string;
1347
- height: string;
1348
- };
1349
- timeoutPopup: {
1350
- padding: string;
1351
- text: {
1352
- color: string;
1353
- fontSize: string;
1354
- fontWeight: string;
1355
- textAlign: string;
1356
- border: string;
1357
- borderRadius: string;
1358
- };
1359
- button: {
1360
- color: string;
1361
- fontSize: string;
1362
- fontWeight: string;
1363
- backgroundColor: string;
1364
- border: string;
1365
- borderRadius: string;
1366
- outline: string;
1367
- height: string;
1368
- };
1369
- };
1370
- rectangleMask: {
1371
- width: number;
1372
- height: number;
1373
- strokeWidth: number;
1374
- strokeStyles: {};
1375
- radius: number;
1376
- paddingStyle: {
1377
- fill: string;
1378
- };
1379
- default: {
1380
- fill: string;
1381
- stroke: string;
1382
- strokeWidth: number;
1383
- };
1384
- error: {
1385
- fill: string;
1386
- strokeWidth: number;
1387
- stroke: string;
1388
- };
1389
- };
1390
- };
1391
- IDConfirmPopup: {
1392
- confirmButton: {
1393
- color: string;
1394
- fontSize: string;
1395
- fontWeight: string;
1396
- backgroundColor: string;
1397
- border: string;
1398
- borderRadius: string;
1399
- outline: string;
1400
- };
1401
- retryButton: {
1402
- color: string;
1403
- fontSize: string;
1404
- fontWeight: string;
1405
- backgroundColor: string;
1406
- border: string;
1407
- borderRadius: string;
1408
- outline: string;
1409
- };
1410
- image: {
1411
- borderRadius: string;
1412
- };
1413
- };
1414
- QRStep: {
1415
- guidelinePopup: {
1416
- image: {
1417
- src: any;
1418
- borderRadius: string;
1419
- backgroundColor: string;
1420
- };
1421
- guideText: {
1422
- color: string;
1423
- fontSize: string;
1424
- fontWeight: string;
1425
- textAlign: string;
1426
- lineHeight: string;
1427
- };
1428
- countdownText: {
1429
- color: string;
1430
- fontSize: string;
1431
- fontWeight: string;
1432
- textAlign: string;
1433
- lineHeight: string;
1434
- };
1435
- startButton: {
1436
- color: string;
1437
- fontSize: string;
1438
- fontWeight: string;
1439
- backgroundColor: string;
1440
- border: string;
1441
- borderRadius: string;
1442
- outline: string;
1443
- height: string;
1444
- };
1445
- };
1446
- scanTooltip: {
1447
- backgroundColor: string;
1448
- borderRadius: string;
1449
- color: string;
1450
- padding: string;
1451
- textAlign: string;
1452
- };
1453
- scanCountdown: {
1454
- textAlign: string;
1455
- color: string;
1456
- fontSize: string;
1457
- fontWeight: string;
1458
- backgroundColor: string;
1459
- border: string;
1460
- borderRadius: string;
1461
- padding: string;
1462
- };
1463
- invalidPopup: {
1464
- padding: string;
1465
- title: {
1466
- display: string;
1467
- color: string;
1468
- fontSize: string;
1469
- fontWeight: string;
1470
- margin: string;
1471
- padding: string;
1472
- };
1473
- description: {
1474
- color: string;
1475
- fontSize: string;
1476
- fontWeight: string;
1477
- textAlign: string;
1478
- margin: string;
1479
- padding: string;
1480
- };
1481
- retryButton: {
1482
- color: string;
1483
- fontSize: string;
1484
- fontWeight: string;
1485
- backgroundColor: string;
1486
- border: string;
1487
- borderRadius: string;
1488
- outline: string;
1489
- height: string;
1490
- margin: string;
1491
- };
1492
- skipButton: {
1493
- color: string;
1494
- fontSize: string;
1495
- fontWeight: string;
1496
- backgroundColor: string;
1497
- border: string;
1498
- borderRadius: string;
1499
- outline: string;
1500
- height: string;
1501
- margin: string;
1502
- };
1503
- };
1504
- resultText: {
1505
- success: {
1506
- textColor: string;
1507
- fontSize: string;
1508
- fontWeight: string;
1509
- mainColor: string;
1510
- };
1511
- error: {
1512
- textColor: string;
1513
- fontSize: string;
1514
- fontWeight: string;
1515
- mainColor: string;
1516
- };
1517
- };
1518
- };
1519
- };
1520
- };
1521
- export default _default;