@smileid/web-components 2.0.2 → 10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/dist/DocumentCaptureScreens-Dwl7UqVH.js +1534 -0
  2. package/dist/DocumentCaptureScreens-Dwl7UqVH.js.map +1 -0
  3. package/dist/EndUserConsent-C5hZdJzH.js +715 -0
  4. package/dist/EndUserConsent-C5hZdJzH.js.map +1 -0
  5. package/dist/Navigation-juBE4qOw.js +136 -0
  6. package/dist/Navigation-juBE4qOw.js.map +1 -0
  7. package/dist/PoweredBySmileId-CxbaihMu.js +33 -0
  8. package/dist/PoweredBySmileId-CxbaihMu.js.map +1 -0
  9. package/dist/SelfieCaptureScreens-CQc251hz.js +7618 -0
  10. package/dist/SelfieCaptureScreens-CQc251hz.js.map +1 -0
  11. package/dist/SignaturePad-C7MtmT8m.js +324 -0
  12. package/dist/SignaturePad-C7MtmT8m.js.map +1 -0
  13. package/dist/TotpConsent-CQU5jQi4.js +730 -0
  14. package/dist/TotpConsent-CQU5jQi4.js.map +1 -0
  15. package/dist/combobox.js +300 -0
  16. package/dist/combobox.js.map +1 -0
  17. package/dist/document.js +5 -0
  18. package/dist/document.js.map +1 -0
  19. package/dist/end-user-consent.js +5 -0
  20. package/dist/end-user-consent.js.map +1 -0
  21. package/dist/main.js +22 -0
  22. package/dist/main.js.map +1 -0
  23. package/dist/navigation.js +5 -0
  24. package/dist/navigation.js.map +1 -0
  25. package/dist/package-Oi2Yil3b.js +105 -0
  26. package/dist/package-Oi2Yil3b.js.map +1 -0
  27. package/dist/selfie.js +5 -0
  28. package/dist/selfie.js.map +1 -0
  29. package/dist/signature-pad.js +5 -0
  30. package/dist/signature-pad.js.map +1 -0
  31. package/dist/smart-camera-web.js +303 -0
  32. package/dist/smart-camera-web.js.map +1 -0
  33. package/dist/styles-BUWNxWeQ.js +406 -0
  34. package/dist/styles-BUWNxWeQ.js.map +1 -0
  35. package/dist/totp-consent.js +5 -0
  36. package/dist/totp-consent.js.map +1 -0
  37. package/dist/types/combobox.d.ts +21 -0
  38. package/dist/types/document.d.ts +21 -0
  39. package/dist/types/end-user-consent.d.ts +21 -0
  40. package/dist/types/main.d.ts +331 -0
  41. package/dist/types/navigation.d.ts +21 -0
  42. package/dist/types/selfie.d.ts +21 -0
  43. package/dist/types/signature-pad.d.ts +21 -0
  44. package/dist/types/smart-camera-web.d.ts +21 -0
  45. package/dist/types/totp-consent.d.ts +21 -0
  46. package/{src → lib}/components/selfie/src/SelfieCaptureScreens.js +188 -37
  47. package/{src → lib}/components/selfie/src/index.js +0 -2
  48. package/{src → lib}/components/selfie/src/selfie-capture/SelfieCapture.js +3 -3
  49. package/{src → lib}/components/selfie/src/selfie-capture-review/SelfieCaptureReview.js +0 -7
  50. package/lib/components/selfie/src/selfie-capture-wrapper/SelfieCaptureWrapper.tsx +227 -0
  51. package/lib/components/selfie/src/selfie-capture-wrapper/index.ts +1 -0
  52. package/lib/components/selfie/src/smartselfie-capture/OvalProgress.tsx +81 -0
  53. package/lib/components/selfie/src/smartselfie-capture/SmartSelfieCapture.tsx +224 -0
  54. package/lib/components/selfie/src/smartselfie-capture/components/AlertDisplay.tsx +34 -0
  55. package/lib/components/selfie/src/smartselfie-capture/components/CameraPreview.tsx +97 -0
  56. package/lib/components/selfie/src/smartselfie-capture/components/CaptureControls.tsx +74 -0
  57. package/lib/components/selfie/src/smartselfie-capture/components/index.ts +3 -0
  58. package/lib/components/selfie/src/smartselfie-capture/constants.ts +23 -0
  59. package/lib/components/selfie/src/smartselfie-capture/hooks/index.ts +2 -0
  60. package/lib/components/selfie/src/smartselfie-capture/hooks/useCamera.ts +94 -0
  61. package/lib/components/selfie/src/smartselfie-capture/hooks/useFaceCapture.ts +558 -0
  62. package/lib/components/selfie/src/smartselfie-capture/index.ts +1 -0
  63. package/lib/components/selfie/src/smartselfie-capture/utils/alertMessages.ts +12 -0
  64. package/lib/components/selfie/src/smartselfie-capture/utils/canvas.ts +105 -0
  65. package/lib/components/selfie/src/smartselfie-capture/utils/faceDetection.ts +129 -0
  66. package/lib/components/selfie/src/smartselfie-capture/utils/imageCapture.ts +64 -0
  67. package/lib/components/selfie/src/smartselfie-capture/utils/index.ts +4 -0
  68. package/lib/components/selfie/src/smartselfie-capture/utils/mediapipeManager.ts +60 -0
  69. package/{src → lib}/components/signature-pad/package.json +1 -1
  70. package/{src → lib}/components/smart-camera-web/src/README.md +0 -1
  71. package/package.json +75 -24
  72. package/src/index.js +0 -5
  73. /package/{src → lib}/components/README.md +0 -0
  74. /package/{src → lib}/components/attribution/PoweredBySmileId.js +0 -0
  75. /package/{src → lib}/components/camera-permission/CameraPermission.js +0 -0
  76. /package/{src → lib}/components/camera-permission/CameraPermission.stories.js +0 -0
  77. /package/{src → lib}/components/combobox/src/Combobox.js +0 -0
  78. /package/{src → lib}/components/combobox/src/index.js +0 -0
  79. /package/{src → lib}/components/document/src/DocumentCaptureScreens.js +0 -0
  80. /package/{src → lib}/components/document/src/DocumentCaptureScreens.stories.js +0 -0
  81. /package/{src → lib}/components/document/src/README.md +0 -0
  82. /package/{src → lib}/components/document/src/document-capture/DocumentCapture.js +0 -0
  83. /package/{src → lib}/components/document/src/document-capture/DocumentCapture.stories.js +0 -0
  84. /package/{src → lib}/components/document/src/document-capture/README.md +0 -0
  85. /package/{src → lib}/components/document/src/document-capture/index.js +0 -0
  86. /package/{src → lib}/components/document/src/document-capture-instructions/DocumentCaptureInstructions.js +0 -0
  87. /package/{src → lib}/components/document/src/document-capture-instructions/DocumentCaptureInstructions.stories.js +0 -0
  88. /package/{src → lib}/components/document/src/document-capture-instructions/README.md +0 -0
  89. /package/{src → lib}/components/document/src/document-capture-instructions/index.js +0 -0
  90. /package/{src → lib}/components/document/src/document-capture-review/DocumentCaptureReview.js +0 -0
  91. /package/{src → lib}/components/document/src/document-capture-review/DocumentCaptureReview.stories.js +0 -0
  92. /package/{src → lib}/components/document/src/document-capture-review/README.md +0 -0
  93. /package/{src → lib}/components/document/src/document-capture-review/index.js +0 -0
  94. /package/{src → lib}/components/document/src/index.js +0 -0
  95. /package/{src → lib}/components/end-user-consent/src/EndUserConsent.js +0 -0
  96. /package/{src → lib}/components/end-user-consent/src/EndUserConsent.stories.js +0 -0
  97. /package/{src → lib}/components/end-user-consent/src/index.js +0 -0
  98. /package/{src → lib}/components/navigation/src/Navigation.js +0 -0
  99. /package/{src → lib}/components/navigation/src/Navigation.stories.js +0 -0
  100. /package/{src → lib}/components/navigation/src/index.js +0 -0
  101. /package/{src → lib}/components/selfie/README.md +0 -0
  102. /package/{src → lib}/components/selfie/src/SelfieCaptureScreens.stories.js +0 -0
  103. /package/{src → lib}/components/selfie/src/selfie-capture/SelfieCapture.stories.js +0 -0
  104. /package/{src → lib}/components/selfie/src/selfie-capture/index.js +0 -0
  105. /package/{src → lib}/components/selfie/src/selfie-capture-instructions/SelfieCaptureInstructions.js +0 -0
  106. /package/{src → lib}/components/selfie/src/selfie-capture-instructions/SelfieCaptureInstructions.stories.js +0 -0
  107. /package/{src → lib}/components/selfie/src/selfie-capture-instructions/index.js +0 -0
  108. /package/{src → lib}/components/selfie/src/selfie-capture-review/SelfieCaptureReview.stories.js +0 -0
  109. /package/{src → lib}/components/selfie/src/selfie-capture-review/index.js +0 -0
  110. /package/{src → lib}/components/signature-pad/package-lock.json +0 -0
  111. /package/{src → lib}/components/signature-pad/src/SignaturePad.js +0 -0
  112. /package/{src → lib}/components/signature-pad/src/SignaturePad.stories.js +0 -0
  113. /package/{src → lib}/components/signature-pad/src/index.js +0 -0
  114. /package/{src → lib}/components/smart-camera-web/src/SmartCameraWeb.js +0 -0
  115. /package/{src → lib}/components/smart-camera-web/src/SmartCameraWeb.stories.js +0 -0
  116. /package/{src → lib}/components/totp-consent/src/TotpConsent.js +0 -0
  117. /package/{src → lib}/components/totp-consent/src/index.js +0 -0
  118. /package/{src → lib}/domain/camera/src/README.md +0 -0
  119. /package/{src → lib}/domain/camera/src/SmartCamera.js +0 -0
  120. /package/{src → lib}/domain/constants/src/Constants.js +0 -0
  121. /package/{src → lib}/domain/file-upload/README.md +0 -0
  122. /package/{src → lib}/domain/file-upload/src/SmartFileUpload.js +0 -0
  123. /package/{src → lib}/styles/README.md +0 -0
  124. /package/{src → lib}/styles/src/styles.js +0 -0
  125. /package/{src → lib}/styles/src/typography.js +0 -0
@@ -0,0 +1,406 @@
1
+ const t = `
2
+ .text-xs {
3
+ font-size: 0.75rem;
4
+ line-height: 1rem;
5
+ }
6
+ .text-sm {
7
+ font-size: 0.875rem;
8
+ line-height: 1.125rem;
9
+ }
10
+ .text-base {
11
+ font-size: 1rem;
12
+ line-height: 1rem;
13
+ }
14
+ .text-lg {
15
+ font-size: 1.125rem;
16
+ line-height: 1.75rem;
17
+ }
18
+ .text-xl {
19
+ font-size: 1.25rem;
20
+ line-height: 1.75rem;
21
+ }
22
+ .text-2xl {
23
+ font-size: 1.5rem;
24
+ line-height: 2rem;
25
+ }
26
+ .text-3xl {
27
+ font-size: 1.875rem;
28
+ line-height: 2.25rem;
29
+ }
30
+ .text-4xl {
31
+ font-size: 2rem;
32
+ line-height: 2.5rem;
33
+ }
34
+ .text-5xl {
35
+ font-size: 2.25rem;
36
+ line-height: 2.5rem;
37
+ }
38
+ .font-bold {
39
+ font-weight: 700;
40
+ }
41
+ .font-semibold {
42
+ font-weight: 600;
43
+ }
44
+ .font-medium {
45
+ font-weight: 500;
46
+ }
47
+ .font-normal {
48
+ font-weight: 400;
49
+ }
50
+ `, o = (e) => `<link rel="preconnect" href="https://fonts.gstatic.com" />
51
+ <link
52
+ href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap"
53
+ rel="stylesheet"
54
+ as="style"
55
+ />
56
+ <style>
57
+ ${t}
58
+ :host {
59
+ --theme-color: ${e || "#001096"};
60
+ --color-active: #001096;
61
+ --color-default: #2d2b2a;
62
+ --color-disabled: #848282;
63
+ --web-digital-blue: #001096;
64
+ }
65
+
66
+ * {
67
+ font-family: "DM Sans", sans-serif;
68
+ }
69
+
70
+ [hidden] {
71
+ display: none !important;
72
+ }
73
+
74
+ [disabled] {
75
+ cursor: not-allowed !important;
76
+ filter: grayscale(75%);
77
+ }
78
+
79
+ .visually-hidden {
80
+ border: 0;
81
+ clip: rect(1px 1px 1px 1px);
82
+ clip: rect(1px, 1px, 1px, 1px);
83
+ height: auto;
84
+ margin: 0;
85
+ overflow: hidden;
86
+ padding: 0;
87
+ position: absolute;
88
+ white-space: nowrap;
89
+ width: 1px;
90
+ }
91
+
92
+ img {
93
+ height: auto;
94
+ max-width: 100%;
95
+ }
96
+
97
+ video {
98
+ background-color: black;
99
+ }
100
+
101
+ a {
102
+ color: currentColor;
103
+ text-decoration: none;
104
+ }
105
+
106
+ svg {
107
+ max-width: 100%;
108
+ }
109
+
110
+ .color-gray {
111
+ color: #797979;
112
+ }
113
+
114
+ .color-red {
115
+ color: red;
116
+ }
117
+
118
+ .color-richblue {
119
+ color: #4e6577;
120
+ }
121
+
122
+ .color-richblue-shade {
123
+ color: #0e1b42;
124
+ }
125
+
126
+ .color-digital-blue {
127
+ color: var(--web-digital-blue) !important;
128
+ }
129
+
130
+ .color-deep-blue {
131
+ color: #001096;
132
+ }
133
+
134
+ .title-color {
135
+ color: ${e || "#001096"};
136
+ }
137
+
138
+ .theme-color {
139
+ color: ${e || "#001096"};
140
+ }
141
+
142
+ .center {
143
+ text-align: center;
144
+ margin-left: auto;
145
+ margin-right: auto;
146
+ }
147
+
148
+ .font-size-small {
149
+ font-size: 0.75rem;
150
+ }
151
+
152
+ .font-size-large {
153
+ font-size: 1.5rem;
154
+ }
155
+
156
+ .text-transform-uppercase {
157
+ text-transform: uppercase;
158
+ }
159
+
160
+ [id*=-"screen"] {
161
+ min-block-size: 100%;
162
+ }
163
+
164
+ [data-variant~="full-width"] {
165
+ inline-size: 100%;
166
+ }
167
+
168
+ .flow > * + * {
169
+ margin-top: var(--flow-space, 1rem);
170
+ }
171
+
172
+ .button {
173
+ --button-color: ${e || "var(--active-color)"};
174
+ -webkit-appearance: none;
175
+ appearance: none;
176
+ border-radius: 2.5rem;
177
+ border: 0;
178
+ background-color: transparent;
179
+ color: #fff;
180
+ cursor: pointer;
181
+ display: block;
182
+ font-size: 18px;
183
+ font-weight: 600;
184
+ padding: 0.75rem 1.5rem;
185
+ text-align: center;
186
+ }
187
+
188
+ .button:hover,
189
+ .button:focus,
190
+ .button:active {
191
+ --button-color: var(--color-default);
192
+ }
193
+
194
+ .button:disabled {
195
+ --button-color: var(--color-disabled);
196
+ }
197
+
198
+ .button[data-variant~="solid"] {
199
+ background-color: var(--button-color);
200
+ border: 2px solid var(--button-color);
201
+ }
202
+
203
+ .button[data-variant~="outline"] {
204
+ color: var(--button-color);
205
+ border: 2px solid var(--button-color);
206
+ }
207
+
208
+ .button[data-variant~="ghost"] {
209
+ padding: 0px;
210
+ color: var(--button-color);
211
+ background-color: transparent;
212
+ }
213
+
214
+ .icon-btn {
215
+ appearance: none;
216
+ background: none;
217
+ border: none;
218
+ color: hsl(0deg 0% 94%);
219
+ cursor: pointer;
220
+ display: flex;
221
+ align-items: center;
222
+ justify-content: center;
223
+ padding: 4px 8px;
224
+ }
225
+ .justify-right {
226
+ justify-content: end !important;
227
+ }
228
+ .nav {
229
+ display: flex;
230
+ justify-content: space-between;
231
+ }
232
+
233
+ .back-wrapper {
234
+ display: flex;
235
+ align-items: center;
236
+ }
237
+
238
+ .back-button-text {
239
+ font-size: 11px;
240
+ line-height: 11px;
241
+ color: rgb(21, 31, 114);
242
+ }
243
+
244
+
245
+ .selfie-capture-review-image {
246
+ overflow: hidden;
247
+ aspect-ratio: 1/1;
248
+ }
249
+
250
+ #review-image {
251
+ scale: 1.75;
252
+ }
253
+
254
+ @media (max-aspect-ratio: 1/1) {
255
+ #review-image {
256
+ transform: scaleX(-1) translateY(-10%);
257
+ }
258
+ }
259
+
260
+ .tips,
261
+ .powered-by {
262
+ align-items: center;
263
+ border-radius: 0.25rem;
264
+ color: #4e6577;
265
+ display: flex;
266
+ justify-content: center;
267
+ letter-spacing: 0.075em;
268
+ }
269
+
270
+ .powered-by {
271
+ box-shadow: 0px 2.57415px 2.57415px rgba(0, 0, 0, 0.06);
272
+ display: inline-flex;
273
+ font-size: 0.5rem;
274
+ }
275
+
276
+ .tips {
277
+ margin-left: auto;
278
+ margin-right: auto;
279
+ max-width: 17rem;
280
+ }
281
+
282
+ .tips > * + *,
283
+ .powered-by > * + * {
284
+ display: inline-block;
285
+ margin-left: 0.5em;
286
+ }
287
+
288
+ .powered-by .company {
289
+ color: #18406d;
290
+ font-weight: 700;
291
+ letter-spacing: 0.15rem;
292
+ }
293
+
294
+ .logo-mark {
295
+ background-color: #004071;
296
+ display: inline-block;
297
+ padding: 0.25em 0.5em;
298
+ }
299
+
300
+ .logo-mark svg {
301
+ height: auto;
302
+ justify-self: center;
303
+ width: 0.75em;
304
+ }
305
+
306
+ #document-capture-instructions-screen,
307
+ #back-of-document-capture-instructions-screen {
308
+ padding-block: 2rem;
309
+ display: flex;
310
+ flex-direction: column;
311
+ max-block-size: 100%;
312
+ max-inline-size: 40ch;
313
+ justify-content: space-between;
314
+ }
315
+
316
+ #document-capture-instructions-screen header p {
317
+ margin-block: 0 !important;
318
+ }
319
+
320
+ .description {
321
+ color: var(--neutral-off-black, #2D2B2A);
322
+ text-align: center;
323
+
324
+ /* p */
325
+ font-family: DM Sans;
326
+ font-size: 0.875rem;
327
+ font-style: normal;
328
+ font-weight: 400;
329
+ line-height: 18px;
330
+ }
331
+
332
+ .padding-bottom-2 {
333
+ padding-bottom: 2rem;
334
+ }
335
+
336
+ .instructions-wrapper {
337
+ display: inline-flex;
338
+ flex-direction: column;
339
+ gap: 1.5rem;
340
+ margin-block-start: 2rem;
341
+ margin-block-end: 2rem;
342
+ }
343
+ .instructions {
344
+ display: flex;
345
+ align-items: center;
346
+ text-align: initial;
347
+ }
348
+
349
+ .instructions svg {
350
+ flex-shrink: 0;
351
+ margin-inline-end: 2rem;
352
+ }
353
+
354
+ .instructions p {
355
+ margin-block: 0;
356
+ }
357
+
358
+ .instruction {
359
+ display: flex;
360
+ flex-direction: column;
361
+ gap: 0.5rem;
362
+ }
363
+
364
+ .instruction-body {
365
+ font-size: 0.75rem;
366
+ }
367
+
368
+ .instruction-header {
369
+ color: ${e};
370
+ }
371
+
372
+ .flex-column {
373
+ display: flex;
374
+ flex-direction: column;
375
+ }
376
+
377
+ @keyframes spin {
378
+ 0% {
379
+ transform: translate3d(-50%, -50%, 0) rotate(0deg);
380
+ }
381
+ 100% {
382
+ transform: translate3d(-50%, -50%, 0) rotate(360deg);
383
+ }
384
+ }
385
+
386
+ .spinner {
387
+ animation: 1.5s linear infinite spin;
388
+ animation-play-state: inherit;
389
+ border: solid 5px #cfd0d1;
390
+ border-bottom-color: var(--color-active);
391
+ border-radius: 50%;
392
+ content: "";
393
+ display: block;
394
+ height: 25px;
395
+ width: 25px;
396
+ will-change: transform;
397
+ position: relative;
398
+ top: .675rem;
399
+ left: 1.25rem;
400
+ }
401
+
402
+ </style>`;
403
+ export {
404
+ o as s
405
+ };
406
+ //# sourceMappingURL=styles-BUWNxWeQ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles-BUWNxWeQ.js","sources":["../lib/styles/src/typography.js","../lib/styles/src/styles.js"],"sourcesContent":["const typography = `\r\n .text-xs {\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n }\r\n .text-sm {\r\n font-size: 0.875rem;\r\n line-height: 1.125rem;\r\n }\r\n .text-base {\r\n font-size: 1rem;\r\n line-height: 1rem;\r\n }\r\n .text-lg {\r\n font-size: 1.125rem;\r\n line-height: 1.75rem;\r\n }\r\n .text-xl {\r\n font-size: 1.25rem;\r\n line-height: 1.75rem;\r\n }\r\n .text-2xl {\r\n font-size: 1.5rem;\r\n line-height: 2rem;\r\n }\r\n .text-3xl {\r\n font-size: 1.875rem;\r\n line-height: 2.25rem;\r\n }\r\n .text-4xl {\r\n font-size: 2rem;\r\n line-height: 2.5rem;\r\n }\r\n .text-5xl {\r\n font-size: 2.25rem;\r\n line-height: 2.5rem;\r\n }\r\n .font-bold {\r\n font-weight: 700;\r\n }\r\n .font-semibold {\r\n font-weight: 600;\r\n }\r\n .font-medium {\r\n font-weight: 500;\r\n }\r\n .font-normal {\r\n font-weight: 400;\r\n }\r\n`;\r\n\r\nexport default typography;\r\n","import typography from './typography';\r\n\r\nconst styles = (\r\n themeColor,\r\n) => `<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" />\r\n<link\r\n href=\"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap\"\r\n rel=\"stylesheet\"\r\n as=\"style\"\r\n/>\r\n<style>\r\n${typography}\r\n:host {\r\n --theme-color: ${themeColor || '#001096'};\r\n --color-active: #001096;\r\n --color-default: #2d2b2a;\r\n --color-disabled: #848282;\r\n --web-digital-blue: #001096;\r\n }\r\n\r\n * {\r\n font-family: \"DM Sans\", sans-serif;\r\n }\r\n\r\n [hidden] {\r\n display: none !important;\r\n }\r\n\r\n [disabled] {\r\n cursor: not-allowed !important;\r\n filter: grayscale(75%);\r\n }\r\n\r\n .visually-hidden {\r\n border: 0;\r\n clip: rect(1px 1px 1px 1px);\r\n clip: rect(1px, 1px, 1px, 1px);\r\n height: auto;\r\n margin: 0;\r\n overflow: hidden;\r\n padding: 0;\r\n position: absolute;\r\n white-space: nowrap;\r\n width: 1px;\r\n }\r\n\r\n img {\r\n height: auto;\r\n max-width: 100%;\r\n }\r\n\r\n video {\r\n background-color: black;\r\n }\r\n\r\n a {\r\n color: currentColor;\r\n text-decoration: none;\r\n }\r\n\r\n svg {\r\n max-width: 100%;\r\n }\r\n\r\n .color-gray {\r\n color: #797979;\r\n }\r\n\r\n .color-red {\r\n color: red;\r\n }\r\n\r\n .color-richblue {\r\n color: #4e6577;\r\n }\r\n\r\n .color-richblue-shade {\r\n color: #0e1b42;\r\n }\r\n\r\n .color-digital-blue {\r\n color: var(--web-digital-blue) !important;\r\n }\r\n\r\n .color-deep-blue {\r\n color: #001096;\r\n }\r\n\r\n .title-color {\r\n color: ${themeColor || '#001096'};\r\n }\r\n \r\n .theme-color {\r\n color: ${themeColor || '#001096'};\r\n }\r\n\r\n .center {\r\n text-align: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .font-size-small {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .font-size-large {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .text-transform-uppercase {\r\n text-transform: uppercase;\r\n }\r\n\r\n [id*=-\"screen\"] {\r\n min-block-size: 100%;\r\n }\r\n\r\n [data-variant~=\"full-width\"] {\r\n inline-size: 100%;\r\n }\r\n\r\n .flow > * + * {\r\n margin-top: var(--flow-space, 1rem);\r\n }\r\n\r\n .button {\r\n --button-color: ${themeColor || 'var(--active-color)'};\r\n -webkit-appearance: none;\r\n appearance: none;\r\n border-radius: 2.5rem;\r\n border: 0;\r\n background-color: transparent;\r\n color: #fff;\r\n cursor: pointer;\r\n display: block;\r\n font-size: 18px;\r\n font-weight: 600;\r\n padding: 0.75rem 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n .button:hover,\r\n .button:focus,\r\n .button:active {\r\n --button-color: var(--color-default);\r\n }\r\n\r\n .button:disabled {\r\n --button-color: var(--color-disabled);\r\n }\r\n\r\n .button[data-variant~=\"solid\"] {\r\n background-color: var(--button-color);\r\n border: 2px solid var(--button-color);\r\n }\r\n\r\n .button[data-variant~=\"outline\"] {\r\n color: var(--button-color);\r\n border: 2px solid var(--button-color);\r\n }\r\n\r\n .button[data-variant~=\"ghost\"] {\r\n padding: 0px;\r\n color: var(--button-color);\r\n background-color: transparent;\r\n }\r\n\r\n .icon-btn {\r\n appearance: none;\r\n background: none;\r\n border: none;\r\n color: hsl(0deg 0% 94%);\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 4px 8px;\r\n }\r\n .justify-right {\r\n justify-content: end !important;\r\n }\r\n .nav {\r\n display: flex;\r\n justify-content: space-between;\r\n }\r\n\r\n .back-wrapper {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .back-button-text {\r\n font-size: 11px;\r\n line-height: 11px;\r\n color: rgb(21, 31, 114);\r\n }\r\n\r\n\r\n .selfie-capture-review-image {\r\n overflow: hidden;\r\n aspect-ratio: 1/1;\r\n }\r\n\r\n #review-image {\r\n scale: 1.75;\r\n }\r\n\r\n @media (max-aspect-ratio: 1/1) {\r\n #review-image {\r\n transform: scaleX(-1) translateY(-10%);\r\n }\r\n }\r\n\r\n .tips,\r\n .powered-by {\r\n align-items: center;\r\n border-radius: 0.25rem;\r\n color: #4e6577;\r\n display: flex;\r\n justify-content: center;\r\n letter-spacing: 0.075em;\r\n }\r\n\r\n .powered-by {\r\n box-shadow: 0px 2.57415px 2.57415px rgba(0, 0, 0, 0.06);\r\n display: inline-flex;\r\n font-size: 0.5rem;\r\n }\r\n\r\n .tips {\r\n margin-left: auto;\r\n margin-right: auto;\r\n max-width: 17rem;\r\n }\r\n\r\n .tips > * + *,\r\n .powered-by > * + * {\r\n display: inline-block;\r\n margin-left: 0.5em;\r\n }\r\n\r\n .powered-by .company {\r\n color: #18406d;\r\n font-weight: 700;\r\n letter-spacing: 0.15rem;\r\n }\r\n\r\n .logo-mark {\r\n background-color: #004071;\r\n display: inline-block;\r\n padding: 0.25em 0.5em;\r\n }\r\n\r\n .logo-mark svg {\r\n height: auto;\r\n justify-self: center;\r\n width: 0.75em;\r\n }\r\n\r\n #document-capture-instructions-screen,\r\n #back-of-document-capture-instructions-screen {\r\n padding-block: 2rem;\r\n display: flex;\r\n flex-direction: column;\r\n max-block-size: 100%;\r\n max-inline-size: 40ch;\r\n justify-content: space-between;\r\n }\r\n\r\n #document-capture-instructions-screen header p {\r\n margin-block: 0 !important;\r\n }\r\n\r\n .description {\r\n color: var(--neutral-off-black, #2D2B2A);\r\n text-align: center;\r\n\r\n /* p */\r\n font-family: DM Sans;\r\n font-size: 0.875rem;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 18px;\r\n }\r\n\r\n .padding-bottom-2 {\r\n padding-bottom: 2rem;\r\n }\r\n\r\n .instructions-wrapper {\r\n display: inline-flex;\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n margin-block-start: 2rem;\r\n margin-block-end: 2rem;\r\n }\r\n .instructions {\r\n display: flex;\r\n align-items: center;\r\n text-align: initial;\r\n }\r\n\r\n .instructions svg {\r\n flex-shrink: 0;\r\n margin-inline-end: 2rem;\r\n }\r\n\r\n .instructions p {\r\n margin-block: 0;\r\n }\r\n\r\n .instruction {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n }\r\n\r\n .instruction-body {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .instruction-header {\r\n color: ${themeColor};\r\n }\r\n\r\n .flex-column {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n @keyframes spin {\r\n 0% {\r\n transform: translate3d(-50%, -50%, 0) rotate(0deg);\r\n }\r\n 100% {\r\n transform: translate3d(-50%, -50%, 0) rotate(360deg);\r\n }\r\n}\r\n\r\n.spinner {\r\n animation: 1.5s linear infinite spin;\r\n animation-play-state: inherit;\r\n border: solid 5px #cfd0d1;\r\n border-bottom-color: var(--color-active);\r\n border-radius: 50%;\r\n content: \"\";\r\n display: block;\r\n height: 25px;\r\n width: 25px;\r\n will-change: transform;\r\n position: relative;\r\n top: .675rem;\r\n left: 1.25rem;\r\n }\r\n\r\n</style>`;\r\n\r\nexport default styles;\r\n"],"names":["typography","styles","themeColor"],"mappings":"AAAA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEbC,IAAS,CACbC,MACG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOHF,CAAU;AAAA;AAAA,qBAESE,KAAc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aA4E/BA,KAAc,SAAS;AAAA;AAAA;AAAA;AAAA,aAIvBA,KAAc,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAkCdA,KAAc,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAoM5CA,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -0,0 +1,5 @@
1
+ import { T as e } from "./TotpConsent-CQU5jQi4.js";
2
+ export {
3
+ e as TotpConsent
4
+ };
5
+ //# sourceMappingURL=totp-consent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"totp-consent.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -0,0 +1,21 @@
1
+ export { }
2
+
3
+
4
+
5
+ declare module 'signature_pad' {
6
+ export default class SignaturePad {
7
+ constructor(canvas: HTMLCanvasElement, options?: any);
8
+
9
+ clear(): void;
10
+
11
+ toDataURL(type?: string): string;
12
+
13
+ fromDataURL(dataURL: string): void;
14
+
15
+ isEmpty(): boolean;
16
+
17
+ on(event: string, callback: Function): void;
18
+
19
+ off(event: string, callback: Function): void;
20
+ }
21
+ }
@@ -0,0 +1,21 @@
1
+ export { }
2
+
3
+
4
+
5
+ declare module 'signature_pad' {
6
+ export default class SignaturePad {
7
+ constructor(canvas: HTMLCanvasElement, options?: any);
8
+
9
+ clear(): void;
10
+
11
+ toDataURL(type?: string): string;
12
+
13
+ fromDataURL(dataURL: string): void;
14
+
15
+ isEmpty(): boolean;
16
+
17
+ on(event: string, callback: Function): void;
18
+
19
+ off(event: string, callback: Function): void;
20
+ }
21
+ }
@@ -0,0 +1,21 @@
1
+ export { }
2
+
3
+
4
+
5
+ declare module 'signature_pad' {
6
+ export default class SignaturePad {
7
+ constructor(canvas: HTMLCanvasElement, options?: any);
8
+
9
+ clear(): void;
10
+
11
+ toDataURL(type?: string): string;
12
+
13
+ fromDataURL(dataURL: string): void;
14
+
15
+ isEmpty(): boolean;
16
+
17
+ on(event: string, callback: Function): void;
18
+
19
+ off(event: string, callback: Function): void;
20
+ }
21
+ }