@tsocial/tvweb-sdk.omg 0.0.0-beta.20251113-122618 → 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 (40) hide show
  1. package/build/tvweb-sdk.omg.cjs.min.js +309 -309
  2. package/build/tvweb-sdk.omg.esm.min.js +309 -309
  3. package/build/tvweb-sdk.omg.standalone.js +20591 -20596
  4. package/build/tvweb-sdk.omg.standalone.min.js +999 -999
  5. package/package.json +5 -5
  6. package/build/types/Camera/index.d.ts +0 -8
  7. package/build/types/Camera/polyfills.d.ts +0 -4
  8. package/build/types/Camera/utils.d.ts +0 -13
  9. package/build/types/HighlightResult/index.d.ts +0 -27
  10. package/build/types/LivenessDetection/Active/index.d.ts +0 -183
  11. package/build/types/LivenessDetection/CameraMask.d.ts +0 -15
  12. package/build/types/LivenessDetection/DirectionIcon.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 -184
  16. package/build/types/LivenessDetection/index.d.ts +0 -2
  17. package/build/types/LivenessDetection/theme.d.ts +0 -108
  18. package/build/types/Popup/ConfirmExitPopup.d.ts +0 -42
  19. package/build/types/Popup/index.d.ts +0 -24
  20. package/build/types/Popup/popupType.d.ts +0 -7
  21. package/build/types/Popup/style.d.ts +0 -2
  22. package/build/types/QRCodeScanner/QRCodeScanner.stories.d.ts +0 -6
  23. package/build/types/QRCodeScanner/components/index.d.ts +0 -6
  24. package/build/types/QRCodeScanner/constants.d.ts +0 -1
  25. package/build/types/QRCodeScanner/index.d.ts +0 -33
  26. package/build/types/ReadIDCard/IDCardReader.d.ts +0 -3
  27. package/build/types/ReadIDCard/ReadIDCard.stories.d.ts +0 -7
  28. package/build/types/ReadIDCard/ReadIDCardUIOnly/UIOnly.d.ts +0 -57
  29. package/build/types/ReadIDCard/ReadIDCardUIOnly/index.d.ts +0 -64
  30. package/build/types/ReadIDCard/ReadIDCardWithApiCall.d.ts +0 -3
  31. package/build/types/ReadIDCard/components/ConfirmPopupContent.d.ts +0 -37
  32. package/build/types/ReadIDCard/components/index.d.ts +0 -32
  33. package/build/types/ReadIDCard/globalStyle.d.ts +0 -2
  34. package/build/types/ReadIDCard/theme.d.ts +0 -393
  35. package/build/types/SDK.d.ts +0 -7
  36. package/build/types/index.d.ts +0 -3
  37. package/build/types/theme/defaultThemes.d.ts +0 -1723
  38. package/build/types/theme.d.ts +0 -5
  39. /package/build/types/{locale/en.d.ts → en.d.ts} +0 -0
  40. /package/build/types/{locale/vi.d.ts → vi.d.ts} +0 -0
@@ -1,1723 +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: string;
1050
- width: string;
1051
- height: string;
1052
- };
1053
- menuButton: {
1054
- top: string;
1055
- right: string;
1056
- left: string;
1057
- bottom: string;
1058
- display: string;
1059
- src: string;
1060
- width: string;
1061
- height: string;
1062
- };
1063
- popup: {
1064
- backgroundColor: string;
1065
- padding: string;
1066
- border: string;
1067
- borderRadius: string;
1068
- overlay: {
1069
- backgroundColor: string;
1070
- };
1071
- };
1072
- Selfie: {
1073
- backgroundColor: string;
1074
- captureIcon: {
1075
- src: string;
1076
- width: string;
1077
- };
1078
- countdown: {
1079
- color: string;
1080
- fontSize: string;
1081
- fontWeight: string;
1082
- backgroundColor: string;
1083
- border: string;
1084
- borderRadius: string;
1085
- padding: string;
1086
- };
1087
- error: {
1088
- color: string;
1089
- fontSize: string;
1090
- fontWeight: string;
1091
- backgroundColor: string;
1092
- border: string;
1093
- borderRadius: string;
1094
- padding: string;
1095
- };
1096
- progressCircle: {
1097
- radius: number;
1098
- strokeWidth: number;
1099
- progress: number;
1100
- showErrorRing: boolean;
1101
- activeColor: string;
1102
- innerPadding: number;
1103
- outsideRingColor: string;
1104
- outsideRingOpacity: number;
1105
- insideRingColor: string;
1106
- insideRingWidth: number;
1107
- insideRingStrokeDash: string;
1108
- errorRingColor: string;
1109
- errorRingWidth: number;
1110
- dashedRingColor: string;
1111
- dashedRingOpacity: number;
1112
- dashedRingWidth: number;
1113
- dashedRingLineThick: number;
1114
- dashedRingLineSpacing: number;
1115
- dashedInsideRingColor: string;
1116
- dashedInsideRingWidth: number;
1117
- showOutsideRing: boolean;
1118
- showDashedRing: boolean;
1119
- showInsideRing: boolean;
1120
- };
1121
- Active: {
1122
- instruction: {
1123
- color: string;
1124
- fontSize: string;
1125
- fontWeight: string;
1126
- textShadow: string;
1127
- backgroundColor: string;
1128
- border: string;
1129
- borderRadius: string;
1130
- };
1131
- directionIcon: {
1132
- frontal: string;
1133
- left: string;
1134
- right: string;
1135
- up: string;
1136
- width: string;
1137
- };
1138
- imageHolder: {
1139
- width: string;
1140
- height: string;
1141
- borderRadius: string;
1142
- border: string;
1143
- fontSize: string;
1144
- color: string;
1145
- fontWeight: string;
1146
- frontal: string;
1147
- left: string;
1148
- right: string;
1149
- up: string;
1150
- };
1151
- };
1152
- };
1153
- IDCapturing: {
1154
- backgroundColor: string;
1155
- title: {
1156
- color: string;
1157
- fontSize: string;
1158
- fontWeight: string;
1159
- backgroundColor: string;
1160
- };
1161
- instruction: {
1162
- color: string;
1163
- fontSize: string;
1164
- fontWeight: string;
1165
- backgroundColor: string;
1166
- border: string;
1167
- borderRadius: string;
1168
- };
1169
- captureInstruction: {
1170
- padding: string;
1171
- color: string;
1172
- fontSize: string;
1173
- fontWeight: string;
1174
- background: string;
1175
- border: string;
1176
- borderRadius: string;
1177
- };
1178
- error: {
1179
- color: string;
1180
- fontSize: string;
1181
- fontWeight: string;
1182
- backgroundColor: string;
1183
- border: string;
1184
- borderRadius: string;
1185
- padding: string;
1186
- };
1187
- countdown: {
1188
- color: string;
1189
- fontSize: string;
1190
- fontWeight: string;
1191
- backgroundColor: string;
1192
- border: string;
1193
- borderRadius: string;
1194
- };
1195
- cardIcon: {
1196
- src: string;
1197
- width: string;
1198
- height: string;
1199
- };
1200
- captureIcon: {
1201
- src: any;
1202
- width: string;
1203
- height: string;
1204
- };
1205
- loadingIcon: {
1206
- src: any;
1207
- width: string;
1208
- height: string;
1209
- };
1210
- timeoutPopup: {
1211
- padding: string;
1212
- text: {
1213
- color: string;
1214
- fontSize: string;
1215
- fontWeight: string;
1216
- textAlign: string;
1217
- border: string;
1218
- borderRadius: string;
1219
- };
1220
- button: {
1221
- color: string;
1222
- fontSize: string;
1223
- fontWeight: string;
1224
- backgroundColor: string;
1225
- border: string;
1226
- borderRadius: string;
1227
- outline: string;
1228
- height: string;
1229
- };
1230
- };
1231
- rectangleMask: {
1232
- width: number;
1233
- height: number;
1234
- strokeWidth: number;
1235
- strokeStyles: {};
1236
- radius: number;
1237
- paddingStyle: {
1238
- fill: string;
1239
- };
1240
- default: {
1241
- fill: string;
1242
- stroke: string;
1243
- strokeWidth: number;
1244
- strokeDasharray: string;
1245
- opacity: number;
1246
- };
1247
- error: {
1248
- fill: string;
1249
- strokeWidth: number;
1250
- stroke: string;
1251
- };
1252
- };
1253
- };
1254
- IDConfirmPopup: {
1255
- confirmButton: {
1256
- color: string;
1257
- fontSize: string;
1258
- fontWeight: string;
1259
- backgroundColor: string;
1260
- border: string;
1261
- borderRadius: string;
1262
- outline: string;
1263
- };
1264
- retryButton: {
1265
- color: string;
1266
- fontSize: string;
1267
- fontWeight: string;
1268
- backgroundColor: string;
1269
- border: string;
1270
- borderRadius: string;
1271
- outline: string;
1272
- };
1273
- image: {
1274
- borderRadius: string;
1275
- };
1276
- };
1277
- QRStep: {
1278
- guidelinePopup: {
1279
- image: {
1280
- src: any;
1281
- borderRadius: string;
1282
- backgroundColor: string;
1283
- };
1284
- guideText: {
1285
- color: string;
1286
- fontSize: string;
1287
- fontWeight: string;
1288
- textAlign: string;
1289
- lineHeight: string;
1290
- };
1291
- countdownText: {
1292
- color: string;
1293
- fontSize: string;
1294
- fontWeight: string;
1295
- textAlign: string;
1296
- lineHeight: string;
1297
- };
1298
- startButton: {
1299
- color: string;
1300
- fontSize: string;
1301
- fontWeight: string;
1302
- backgroundColor: string;
1303
- border: string;
1304
- borderRadius: string;
1305
- outline: string;
1306
- height: string;
1307
- };
1308
- };
1309
- scanTooltip: {
1310
- backgroundColor: string;
1311
- borderRadius: string;
1312
- color: string;
1313
- padding: string;
1314
- textAlign: string;
1315
- };
1316
- scanCountdown: {
1317
- textAlign: string;
1318
- color: string;
1319
- fontSize: string;
1320
- fontWeight: string;
1321
- backgroundColor: string;
1322
- border: string;
1323
- borderRadius: string;
1324
- padding: string;
1325
- };
1326
- invalidPopup: {
1327
- padding: string;
1328
- title: {
1329
- color: string;
1330
- fontSize: string;
1331
- fontWeight: string;
1332
- margin: string;
1333
- padding: string;
1334
- };
1335
- description: {
1336
- color: string;
1337
- fontSize: string;
1338
- fontWeight: string;
1339
- textAlign: string;
1340
- margin: string;
1341
- padding: string;
1342
- };
1343
- retryButton: {
1344
- color: string;
1345
- fontSize: string;
1346
- fontWeight: string;
1347
- backgroundColor: string;
1348
- border: string;
1349
- borderRadius: string;
1350
- outline: string;
1351
- height: string;
1352
- margin: string;
1353
- };
1354
- skipButton: {
1355
- color: string;
1356
- fontSize: string;
1357
- fontWeight: string;
1358
- backgroundColor: string;
1359
- border: string;
1360
- borderRadius: string;
1361
- outline: string;
1362
- height: string;
1363
- margin: string;
1364
- };
1365
- };
1366
- resultText: {
1367
- success: {
1368
- textColor: string;
1369
- fontSize: string;
1370
- fontWeight: string;
1371
- mainColor: string;
1372
- };
1373
- error: {
1374
- textColor: string;
1375
- fontSize: string;
1376
- fontWeight: string;
1377
- mainColor: string;
1378
- };
1379
- };
1380
- };
1381
- };
1382
- v2: {
1383
- closeButton: {
1384
- top: string;
1385
- right: string;
1386
- left: string;
1387
- bottom: string;
1388
- display: string;
1389
- src: string;
1390
- width: string;
1391
- height: string;
1392
- };
1393
- menuButton: {
1394
- top: string;
1395
- right: string;
1396
- left: string;
1397
- bottom: string;
1398
- display: string;
1399
- src: string;
1400
- width: string;
1401
- height: string;
1402
- };
1403
- popup: {
1404
- backgroundColor: string;
1405
- padding: string;
1406
- border: string;
1407
- borderRadius: string;
1408
- overlay: {
1409
- backgroundColor: string;
1410
- };
1411
- };
1412
- Selfie: {
1413
- backgroundColor: string;
1414
- captureIcon: {
1415
- src: string;
1416
- width: string;
1417
- };
1418
- countdown: {
1419
- color: string;
1420
- fontSize: string;
1421
- fontWeight: string;
1422
- backgroundColor: string;
1423
- border: string;
1424
- borderRadius: string;
1425
- padding: string;
1426
- };
1427
- error: {
1428
- color: string;
1429
- fontSize: string;
1430
- fontWeight: string;
1431
- backgroundColor: string;
1432
- border: string;
1433
- borderRadius: string;
1434
- padding: string;
1435
- };
1436
- progressCircle: {
1437
- radius: number;
1438
- strokeWidth: number;
1439
- progress: number;
1440
- showErrorRing: boolean;
1441
- activeColor: string;
1442
- innerPadding: number;
1443
- outsideRingColor: string;
1444
- outsideRingOpacity: number;
1445
- insideRingColor: string;
1446
- insideRingWidth: number;
1447
- insideRingStrokeDash: string;
1448
- errorRingColor: string;
1449
- errorRingWidth: number;
1450
- dashedRingColor: string;
1451
- dashedRingOpacity: number;
1452
- dashedRingWidth: number;
1453
- dashedRingLineThick: number;
1454
- dashedRingLineSpacing: number;
1455
- dashedInsideRingColor: string;
1456
- dashedInsideRingWidth: number;
1457
- showOutsideRing: boolean;
1458
- showDashedRing: boolean;
1459
- showInsideRing: boolean;
1460
- };
1461
- Active: {
1462
- instruction: {
1463
- color: string;
1464
- fontSize: string;
1465
- fontWeight: string;
1466
- textShadow: string;
1467
- backgroundColor: string;
1468
- border: string;
1469
- borderRadius: string;
1470
- };
1471
- directionIcon: {
1472
- frontal: string;
1473
- left: string;
1474
- right: string;
1475
- up: string;
1476
- width: string;
1477
- };
1478
- imageHolder: {
1479
- width: string;
1480
- height: string;
1481
- borderRadius: string;
1482
- border: string;
1483
- fontSize: string;
1484
- color: string;
1485
- fontWeight: string;
1486
- frontal: string;
1487
- left: string;
1488
- right: string;
1489
- up: string;
1490
- };
1491
- };
1492
- };
1493
- IDCapturing: {
1494
- backgroundColor: string;
1495
- title: {
1496
- color: string;
1497
- fontSize: string;
1498
- fontWeight: string;
1499
- backgroundColor: string;
1500
- };
1501
- instruction: {
1502
- color: string;
1503
- fontSize: string;
1504
- fontWeight: string;
1505
- backgroundColor: string;
1506
- border: string;
1507
- borderRadius: string;
1508
- };
1509
- captureInstruction: {
1510
- padding: string;
1511
- color: string;
1512
- fontSize: string;
1513
- fontWeight: string;
1514
- background: string;
1515
- border: string;
1516
- borderRadius: string;
1517
- };
1518
- error: {
1519
- color: string;
1520
- fontSize: string;
1521
- fontWeight: string;
1522
- backgroundColor: string;
1523
- border: string;
1524
- borderRadius: string;
1525
- padding: string;
1526
- };
1527
- countdown: {
1528
- color: string;
1529
- fontSize: string;
1530
- fontWeight: string;
1531
- backgroundColor: string;
1532
- border: string;
1533
- borderRadius: string;
1534
- };
1535
- cardIcon: {
1536
- src: string;
1537
- width: string;
1538
- height: string;
1539
- };
1540
- captureIcon: {
1541
- src: any;
1542
- width: string;
1543
- height: string;
1544
- };
1545
- loadingIcon: {
1546
- src: any;
1547
- width: string;
1548
- height: string;
1549
- };
1550
- timeoutPopup: {
1551
- padding: string;
1552
- text: {
1553
- color: string;
1554
- fontSize: string;
1555
- fontWeight: string;
1556
- textAlign: string;
1557
- border: string;
1558
- borderRadius: string;
1559
- };
1560
- button: {
1561
- color: string;
1562
- fontSize: string;
1563
- fontWeight: string;
1564
- backgroundColor: string;
1565
- border: string;
1566
- borderRadius: string;
1567
- outline: string;
1568
- height: string;
1569
- };
1570
- };
1571
- rectangleMask: {
1572
- width: number;
1573
- height: number;
1574
- strokeWidth: number;
1575
- strokeStyles: {};
1576
- radius: number;
1577
- paddingStyle: {
1578
- fill: string;
1579
- };
1580
- default: {
1581
- fill: string;
1582
- stroke: string;
1583
- strokeWidth: number;
1584
- strokeDasharray: string;
1585
- opacity: number;
1586
- };
1587
- error: {
1588
- fill: string;
1589
- strokeWidth: number;
1590
- stroke: string;
1591
- };
1592
- };
1593
- };
1594
- IDConfirmPopup: {
1595
- confirmButton: {
1596
- color: string;
1597
- fontSize: string;
1598
- fontWeight: string;
1599
- backgroundColor: string;
1600
- border: string;
1601
- borderRadius: string;
1602
- outline: string;
1603
- };
1604
- retryButton: {
1605
- color: string;
1606
- fontSize: string;
1607
- fontWeight: string;
1608
- backgroundColor: string;
1609
- border: string;
1610
- borderRadius: string;
1611
- outline: string;
1612
- };
1613
- image: {
1614
- borderRadius: string;
1615
- };
1616
- };
1617
- QRStep: {
1618
- guidelinePopup: {
1619
- image: {
1620
- src: any;
1621
- borderRadius: string;
1622
- backgroundColor: string;
1623
- };
1624
- guideText: {
1625
- color: string;
1626
- fontSize: string;
1627
- fontWeight: string;
1628
- textAlign: string;
1629
- lineHeight: string;
1630
- };
1631
- countdownText: {
1632
- color: string;
1633
- fontSize: string;
1634
- fontWeight: string;
1635
- textAlign: string;
1636
- lineHeight: string;
1637
- };
1638
- startButton: {
1639
- color: string;
1640
- fontSize: string;
1641
- fontWeight: string;
1642
- backgroundColor: string;
1643
- border: string;
1644
- borderRadius: string;
1645
- outline: string;
1646
- height: string;
1647
- };
1648
- };
1649
- scanTooltip: {
1650
- backgroundColor: string;
1651
- borderRadius: string;
1652
- color: string;
1653
- padding: string;
1654
- textAlign: string;
1655
- };
1656
- scanCountdown: {
1657
- textAlign: string;
1658
- color: string;
1659
- fontSize: string;
1660
- fontWeight: string;
1661
- backgroundColor: string;
1662
- border: string;
1663
- borderRadius: string;
1664
- padding: string;
1665
- };
1666
- invalidPopup: {
1667
- padding: string;
1668
- title: {
1669
- color: string;
1670
- fontSize: string;
1671
- fontWeight: string;
1672
- margin: string;
1673
- padding: string;
1674
- };
1675
- description: {
1676
- color: string;
1677
- fontSize: string;
1678
- fontWeight: string;
1679
- textAlign: string;
1680
- margin: string;
1681
- padding: string;
1682
- };
1683
- retryButton: {
1684
- color: string;
1685
- fontSize: string;
1686
- fontWeight: string;
1687
- backgroundColor: string;
1688
- border: string;
1689
- borderRadius: string;
1690
- outline: string;
1691
- height: string;
1692
- margin: string;
1693
- };
1694
- skipButton: {
1695
- color: string;
1696
- fontSize: string;
1697
- fontWeight: string;
1698
- backgroundColor: string;
1699
- border: string;
1700
- borderRadius: string;
1701
- outline: string;
1702
- height: string;
1703
- margin: string;
1704
- };
1705
- };
1706
- resultText: {
1707
- success: {
1708
- textColor: string;
1709
- fontSize: string;
1710
- fontWeight: string;
1711
- mainColor: string;
1712
- };
1713
- error: {
1714
- textColor: string;
1715
- fontSize: string;
1716
- fontWeight: string;
1717
- mainColor: string;
1718
- };
1719
- };
1720
- };
1721
- };
1722
- };
1723
- export default _default;