@incodetech/web 0.0.0-dev-20260409-9829838 → 0.0.0-dev-20260409-0e64d73
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.
- package/dist/base.css +176 -0
- package/dist/{documentCapture-BDodHwAW.js → documentCapture-Dq3f3k8G.js} +7 -7
- package/dist/email/email.es.js +1 -1
- package/dist/{extensibility-BFPSE0v3.js → extensibility-CmPLnDak.js} +144 -69
- package/dist/extensibility.es.js +17 -17
- package/dist/flow/flow.es.js +1 -1
- package/dist/id/id.es.js +1 -1
- package/dist/themes/dark.css +12 -0
- package/dist/themes/light.css +12 -0
- package/dist/types/extensibility.d.ts +25 -0
- package/dist/{useModuleLoader-ie-LcNiu.js → useModuleLoader-CBGcrysg.js} +2 -2
- package/dist/workflow/workflow.es.js +1 -1
- package/package.json +2 -2
package/dist/base.css
CHANGED
|
@@ -424,6 +424,11 @@
|
|
|
424
424
|
font-weight: var(--typography-button-m-underlined-weight);
|
|
425
425
|
line-height: var(--typography-button-m-underlined-line-height);
|
|
426
426
|
letter-spacing: var(--typography-button-m-underlined-letter-spacing);
|
|
427
|
+
font-family: var(--typography-button-family);
|
|
428
|
+
font-size: var(--typography-button-m-underlined-size);
|
|
429
|
+
font-weight: var(--typography-button-m-underlined-weight);
|
|
430
|
+
line-height: var(--typography-button-m-underlined-line-height);
|
|
431
|
+
letter-spacing: var(--typography-button-m-underlined-letter-spacing);
|
|
427
432
|
text-decoration-line: underline;
|
|
428
433
|
text-decoration-style: solid;
|
|
429
434
|
text-decoration-thickness: auto;
|
|
@@ -766,6 +771,138 @@
|
|
|
766
771
|
font-family: inherit;
|
|
767
772
|
display: inline-block;
|
|
768
773
|
}
|
|
774
|
+
.IncodeRadioButton {
|
|
775
|
+
flex-direction: column;
|
|
776
|
+
display: inline-flex;
|
|
777
|
+
}
|
|
778
|
+
.IncodeRadioButton .IncodeRadioButtonLabel {
|
|
779
|
+
cursor: pointer;
|
|
780
|
+
-webkit-user-select: none;
|
|
781
|
+
user-select: none;
|
|
782
|
+
align-items: center;
|
|
783
|
+
gap: var(--radio-button-label-gap);
|
|
784
|
+
display: inline-flex;
|
|
785
|
+
position: relative;
|
|
786
|
+
}
|
|
787
|
+
.IncodeRadioButton .IncodeRadioButtonLabel.IncodeRadioButtonLabelDisabled {
|
|
788
|
+
cursor: not-allowed;
|
|
789
|
+
}
|
|
790
|
+
.IncodeRadioButton .IncodeRadioButtonInput {
|
|
791
|
+
opacity: 0;
|
|
792
|
+
margin: var(--spacing-0, var(--spacing-none, 0px));
|
|
793
|
+
cursor: pointer;
|
|
794
|
+
z-index: 1;
|
|
795
|
+
width: var(--radio-button-size);
|
|
796
|
+
height: var(--radio-button-size);
|
|
797
|
+
position: absolute;
|
|
798
|
+
}
|
|
799
|
+
.IncodeRadioButton .IncodeRadioButtonInput:disabled {
|
|
800
|
+
cursor: not-allowed;
|
|
801
|
+
}
|
|
802
|
+
.IncodeRadioButton .IncodeRadioButtonInput:focus-visible + .IncodeRadioButtonVisual {
|
|
803
|
+
outline: var(--focus-outline-width) solid var(--border-status-focus);
|
|
804
|
+
outline-offset: var(--focus-outline-offset);
|
|
805
|
+
}
|
|
806
|
+
.IncodeRadioButton .IncodeRadioButtonVisual {
|
|
807
|
+
border-radius: var(--radius-full, var(--border-radius-full));
|
|
808
|
+
border-style: var(--tw-border-style);
|
|
809
|
+
border-width: 2px;
|
|
810
|
+
border-color: var(--color-radio-button-border-default, var(--radio-button-border-default));
|
|
811
|
+
background-color: var(--color-radio-button-surface-default, var(--radio-button-surface-default));
|
|
812
|
+
transition-property: all;
|
|
813
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
|
814
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
|
815
|
+
--tw-duration: .2s;
|
|
816
|
+
width: var(--radio-button-size);
|
|
817
|
+
height: var(--radio-button-size);
|
|
818
|
+
min-width: var(--radio-button-size);
|
|
819
|
+
min-height: var(--radio-button-size);
|
|
820
|
+
justify-content: center;
|
|
821
|
+
align-items: center;
|
|
822
|
+
transition-duration: .2s;
|
|
823
|
+
display: inline-flex;
|
|
824
|
+
position: relative;
|
|
825
|
+
}
|
|
826
|
+
.IncodeRadioButton .IncodeRadioButtonVisualChecked {
|
|
827
|
+
background-color: var(--color-radio-button-surface-selected, var(--radio-button-surface-selected));
|
|
828
|
+
border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
|
|
829
|
+
}
|
|
830
|
+
.IncodeRadioButton .IncodeRadioButtonVisualDisabled {
|
|
831
|
+
background-color: var(--color-radio-button-surface-disabled, var(--radio-button-surface-disabled));
|
|
832
|
+
border-color: var(--color-radio-button-border-disabled, var(--radio-button-border-disabled));
|
|
833
|
+
opacity: .6;
|
|
834
|
+
}
|
|
835
|
+
.IncodeRadioButton .IncodeRadioButtonVisualChecked.IncodeRadioButtonVisualDisabled {
|
|
836
|
+
background-color: var(--color-radio-button-surface-disabled, var(--radio-button-surface-disabled));
|
|
837
|
+
border-color: var(--color-radio-button-border-disabled, var(--radio-button-border-disabled));
|
|
838
|
+
}
|
|
839
|
+
.IncodeRadioButton .IncodeRadioButtonVisualError {
|
|
840
|
+
border-color: var(--color-radio-button-border-negative, var(--radio-button-border-negative));
|
|
841
|
+
}
|
|
842
|
+
.IncodeRadioButton .IncodeRadioButtonVisual:not(.IncodeRadioButtonVisualDisabled):not(.IncodeRadioButtonVisualChecked):hover {
|
|
843
|
+
background-color: var(--color-surface-brand-50, var(--surface-brand-50));
|
|
844
|
+
}
|
|
845
|
+
.IncodeRadioButton .IncodeRadioButtonDot {
|
|
846
|
+
border-radius: var(--radius-full, var(--border-radius-full));
|
|
847
|
+
background-color: var(--color-radio-button-icon-default, var(--radio-button-icon-default));
|
|
848
|
+
opacity: 0;
|
|
849
|
+
transition-property: opacity;
|
|
850
|
+
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
|
|
851
|
+
transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
|
|
852
|
+
--tw-duration: .15s;
|
|
853
|
+
width: var(--radio-button-dot-size);
|
|
854
|
+
height: var(--radio-button-dot-size);
|
|
855
|
+
transition-duration: .15s;
|
|
856
|
+
display: block;
|
|
857
|
+
}
|
|
858
|
+
.IncodeRadioButton .IncodeRadioButtonDot.IncodeRadioButtonDotVisible {
|
|
859
|
+
opacity: 1;
|
|
860
|
+
}
|
|
861
|
+
.IncodeRadioButton .IncodeRadioButtonText {
|
|
862
|
+
color: var(--color-radio-button-text-default, var(--radio-button-text-default));
|
|
863
|
+
font-family: var(--typography-checkbox-radio-family);
|
|
864
|
+
font-size: var(--typography-checkbox-radio-m-size);
|
|
865
|
+
font-weight: var(--typography-checkbox-radio-m-weight);
|
|
866
|
+
line-height: var(--typography-checkbox-radio-m-line-height);
|
|
867
|
+
letter-spacing: var(--typography-checkbox-radio-m-letter-spacing);
|
|
868
|
+
}
|
|
869
|
+
.IncodeRadioButton .IncodeRadioButtonTextDisabled {
|
|
870
|
+
color: var(--color-radio-button-text-disabled, var(--radio-button-text-disabled));
|
|
871
|
+
}
|
|
872
|
+
.IncodeRadioButton .IncodeRadioButtonRequired {
|
|
873
|
+
color: var(--color-text-status-negative, var(--text-status-negative));
|
|
874
|
+
margin-left: var(--spacing-4, var(--spacing-4, 4px));
|
|
875
|
+
}
|
|
876
|
+
.IncodeRadioButton .IncodeRadioButtonMessageWrapper {
|
|
877
|
+
margin-top: var(--spacing-8, var(--spacing-8, 8px));
|
|
878
|
+
margin-left: var(--radio-button-message-offset);
|
|
879
|
+
align-items: center;
|
|
880
|
+
display: flex;
|
|
881
|
+
}
|
|
882
|
+
.IncodeRadioButton .IncodeRadioButtonIconWrapper {
|
|
883
|
+
margin-right: var(--spacing-8, var(--spacing-8, 8px));
|
|
884
|
+
display: inline-block;
|
|
885
|
+
}
|
|
886
|
+
.IncodeRadioButton .IncodeRadioButtonErrorText {
|
|
887
|
+
margin: var(--spacing-0, var(--spacing-none, 0px));
|
|
888
|
+
color: var(--color-radio-button-text-negative, var(--radio-button-text-negative));
|
|
889
|
+
font-family: var(--typography-body-family);
|
|
890
|
+
font-size: var(--typography-body-m-regular-size);
|
|
891
|
+
font-weight: var(--typography-body-m-regular-weight);
|
|
892
|
+
line-height: var(--typography-body-m-regular-line-height);
|
|
893
|
+
letter-spacing: var(--typography-body-m-regular-letter-spacing);
|
|
894
|
+
display: inline-block;
|
|
895
|
+
}
|
|
896
|
+
.IncodeRadioButton .IncodeRadioButtonHelperText {
|
|
897
|
+
margin: var(--spacing-0, var(--spacing-none, 0px));
|
|
898
|
+
color: var(--color-text-body-secondary, var(--text-body-500-secondary));
|
|
899
|
+
font-family: var(--typography-body-family);
|
|
900
|
+
font-size: var(--typography-body-m-regular-size);
|
|
901
|
+
font-weight: var(--typography-body-m-regular-weight);
|
|
902
|
+
line-height: var(--typography-body-m-regular-line-height);
|
|
903
|
+
letter-spacing: var(--typography-body-m-regular-letter-spacing);
|
|
904
|
+
display: inline-block;
|
|
905
|
+
}
|
|
769
906
|
.IncodeInput {
|
|
770
907
|
width: 100%;
|
|
771
908
|
max-width: 420px;
|
|
@@ -3058,6 +3195,45 @@
|
|
|
3058
3195
|
}
|
|
3059
3196
|
}
|
|
3060
3197
|
}
|
|
3198
|
+
@media (min-width: 40rem) {
|
|
3199
|
+
.IncodePageContainer .IncodePageInner {
|
|
3200
|
+
max-width: 40rem;
|
|
3201
|
+
}
|
|
3202
|
+
}
|
|
3203
|
+
@media (min-width: 48rem) {
|
|
3204
|
+
.IncodePageContainer .IncodePageInner {
|
|
3205
|
+
max-width: 48rem;
|
|
3206
|
+
}
|
|
3207
|
+
}
|
|
3208
|
+
@media (min-width: 64rem) {
|
|
3209
|
+
.IncodePageContainer .IncodePageInner {
|
|
3210
|
+
max-width: 64rem;
|
|
3211
|
+
}
|
|
3212
|
+
}
|
|
3213
|
+
@media (min-width: 80rem) {
|
|
3214
|
+
.IncodePageContainer .IncodePageInner {
|
|
3215
|
+
max-width: 80rem;
|
|
3216
|
+
}
|
|
3217
|
+
}
|
|
3218
|
+
@media (min-width: 96rem) {
|
|
3219
|
+
.IncodePageContainer .IncodePageInner {
|
|
3220
|
+
max-width: 96rem;
|
|
3221
|
+
}
|
|
3222
|
+
}
|
|
3223
|
+
@media (min-width: 48rem) {
|
|
3224
|
+
.IncodePageContainer .IncodePageInner {
|
|
3225
|
+
max-height: var(--incode-page-max-h);
|
|
3226
|
+
max-width: var(--incode-page-max-w);
|
|
3227
|
+
}
|
|
3228
|
+
|
|
3229
|
+
@media not all and (min-width: 80rem) {
|
|
3230
|
+
@media (orientation: landscape) {
|
|
3231
|
+
.IncodePageContainer .IncodePageInner {
|
|
3232
|
+
max-height: var(--incode-page-max-h-landscape);
|
|
3233
|
+
}
|
|
3234
|
+
}
|
|
3235
|
+
}
|
|
3236
|
+
}
|
|
3061
3237
|
.IncodePageContainer .IncodePageInner {
|
|
3062
3238
|
width: 100%;
|
|
3063
3239
|
}
|
|
@@ -3,7 +3,7 @@ import { S as t, _ as n, h as r, l as i, m as a, p as o, v as s } from "./vendor
|
|
|
3
3
|
import { a as c, c as l, n as u, r as d } from "./loadingIcon-B3xEpDvA.js";
|
|
4
4
|
import { t as f } from "./spacer-DCljE53A.js";
|
|
5
5
|
import { t as p } from "./page-kB-LDkaO.js";
|
|
6
|
-
import {
|
|
6
|
+
import { c as m, d as h, f as g, l as _, u as v, v as y, y as b } from "./extensibility-CmPLnDak.js";
|
|
7
7
|
import { t as x } from "./spinner-Bg7qBKjN.js";
|
|
8
8
|
import { t as S } from "./button-Dt72Wn3U.js";
|
|
9
9
|
import { a as C, d as w, r as T } from "./icons-CkLer5E1.js";
|
|
@@ -28,18 +28,18 @@ var M = ({ stream: t, manager: n, onOpenHelp: a }) => {
|
|
|
28
28
|
let r = new Blob([Uint8Array.from(atob(t), (e) => e.charCodeAt(0))], { type: "image/jpeg" }), i = new File([r], "document.jpg", { type: "image/jpeg" });
|
|
29
29
|
n.setFile(i, `data:image/jpeg;base64,${t}`);
|
|
30
30
|
}, [n]);
|
|
31
|
-
return /* @__PURE__ */ s(
|
|
31
|
+
return /* @__PURE__ */ s(_, {
|
|
32
32
|
stream: t,
|
|
33
33
|
videoRef: c,
|
|
34
34
|
"data-testid": "document-capture-camera",
|
|
35
|
-
children: /* @__PURE__ */ s(
|
|
36
|
-
/* @__PURE__ */ s(
|
|
35
|
+
children: /* @__PURE__ */ s(h, { children: [
|
|
36
|
+
/* @__PURE__ */ s(v, {
|
|
37
37
|
title: o("documentCapture.camera.title"),
|
|
38
38
|
subtitle: o("documentCapture.camera.subtitle")
|
|
39
39
|
}),
|
|
40
40
|
/* @__PURE__ */ s(f, { size: 16 }),
|
|
41
|
-
/* @__PURE__ */ s(
|
|
42
|
-
/* @__PURE__ */ s(
|
|
41
|
+
/* @__PURE__ */ s(g, { variant: "fill" }),
|
|
42
|
+
/* @__PURE__ */ s(m, {
|
|
43
43
|
onOpenHelp: a,
|
|
44
44
|
onCapture: l,
|
|
45
45
|
isManualCapture: !0,
|
|
@@ -267,7 +267,7 @@ var M = ({ stream: t, manager: n, onOpenHelp: a }) => {
|
|
|
267
267
|
] });
|
|
268
268
|
}, z = ({ progress: n, isFilePdf: r }) => {
|
|
269
269
|
let { t: i } = e(), a = i(r ? "documentCapture.review.uploading" : "documentCapture.review.analyzing");
|
|
270
|
-
return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s(f, { size: 8 }), /* @__PURE__ */ s(
|
|
270
|
+
return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ s(f, { size: 8 }), /* @__PURE__ */ s(y, {
|
|
271
271
|
progress: n,
|
|
272
272
|
label: a
|
|
273
273
|
})] });
|
package/dist/email/email.es.js
CHANGED
|
@@ -3,7 +3,7 @@ import { _ as t, p as n, v as r } from "../vendor-preact-D6SntenC.js";
|
|
|
3
3
|
import { c as i, r as a } from "../loadingIcon-B3xEpDvA.js";
|
|
4
4
|
import { t as o } from "../spacer-DCljE53A.js";
|
|
5
5
|
import { t as s } from "../page-kB-LDkaO.js";
|
|
6
|
-
import "../extensibility-
|
|
6
|
+
import "../extensibility-CmPLnDak.js";
|
|
7
7
|
import { t as c } from "../button-Dt72Wn3U.js";
|
|
8
8
|
import { t as l } from "../inputComposed-yULlZXg1.js";
|
|
9
9
|
import { t as u } from "../otpInput-2FjlqNe0.js";
|
|
@@ -52,7 +52,82 @@ var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
|
|
|
52
52
|
class: "IncodeProgressBarLabel",
|
|
53
53
|
children: n
|
|
54
54
|
})] }) : null]
|
|
55
|
-
}), k = r((e, t) => {
|
|
55
|
+
}), k = r(({ id: e, label: t, checked: n, defaultChecked: r, disabled: i = !1, required: a = !1, name: o, value: s, onChange: c, error: f, helper: p, showErrorIcon: m = !0, class: h, "aria-label": g, "aria-labelledby": _, "aria-describedby": y, "aria-invalid": b, ...x }, S) => {
|
|
56
|
+
let [C, w] = l(!!r), T = n !== void 0, E = T ? !!n : C, D = !!i, O = !!a, k = typeof h == "string" ? h : void 0, A = (e) => {
|
|
57
|
+
T || w(e.target.checked), c?.(e);
|
|
58
|
+
}, j = p ? `${e}-helper` : void 0, M = f ? `${e}-error` : void 0, N = [
|
|
59
|
+
y,
|
|
60
|
+
M,
|
|
61
|
+
j
|
|
62
|
+
].filter(Boolean).join(" ") || void 0;
|
|
63
|
+
return /* @__PURE__ */ u("div", {
|
|
64
|
+
class: d("IncodeRadioButton", k),
|
|
65
|
+
children: [
|
|
66
|
+
/* @__PURE__ */ u("label", {
|
|
67
|
+
class: d("IncodeRadioButtonLabel", { IncodeRadioButtonLabelDisabled: D }),
|
|
68
|
+
htmlFor: e,
|
|
69
|
+
children: [/* @__PURE__ */ u("div", {
|
|
70
|
+
class: "relative inline-flex",
|
|
71
|
+
children: [/* @__PURE__ */ u("input", {
|
|
72
|
+
ref: S,
|
|
73
|
+
type: "radio",
|
|
74
|
+
class: "IncodeRadioButtonInput",
|
|
75
|
+
id: e,
|
|
76
|
+
name: o,
|
|
77
|
+
value: s,
|
|
78
|
+
...T ? { checked: n } : { defaultChecked: r },
|
|
79
|
+
disabled: i,
|
|
80
|
+
required: a,
|
|
81
|
+
onChange: A,
|
|
82
|
+
"aria-label": g,
|
|
83
|
+
"aria-labelledby": _,
|
|
84
|
+
"aria-describedby": N,
|
|
85
|
+
"aria-invalid": b || !!f,
|
|
86
|
+
"aria-required": O,
|
|
87
|
+
...x
|
|
88
|
+
}), /* @__PURE__ */ u("div", {
|
|
89
|
+
class: d("IncodeRadioButtonVisual", {
|
|
90
|
+
IncodeRadioButtonVisualChecked: E,
|
|
91
|
+
IncodeRadioButtonVisualDisabled: D,
|
|
92
|
+
IncodeRadioButtonVisualError: !!f
|
|
93
|
+
}),
|
|
94
|
+
"aria-hidden": "true",
|
|
95
|
+
children: /* @__PURE__ */ u("span", { class: d("IncodeRadioButtonDot", { IncodeRadioButtonDotVisible: E }) })
|
|
96
|
+
})]
|
|
97
|
+
}), t && /* @__PURE__ */ u("span", {
|
|
98
|
+
class: d("IncodeRadioButtonText", { IncodeRadioButtonTextDisabled: D }),
|
|
99
|
+
"aria-hidden": _ ? "true" : void 0,
|
|
100
|
+
children: [t, O && /* @__PURE__ */ u("span", {
|
|
101
|
+
class: "IncodeRadioButtonRequired",
|
|
102
|
+
"aria-hidden": "true",
|
|
103
|
+
children: "*"
|
|
104
|
+
})]
|
|
105
|
+
})]
|
|
106
|
+
}),
|
|
107
|
+
f && /* @__PURE__ */ u("div", {
|
|
108
|
+
class: "IncodeRadioButtonMessageWrapper",
|
|
109
|
+
"data-testid": `${e}-error-wrapper`,
|
|
110
|
+
children: [m && /* @__PURE__ */ u("div", {
|
|
111
|
+
class: "IncodeRadioButtonIconWrapper",
|
|
112
|
+
children: /* @__PURE__ */ u(v, { size: 17 })
|
|
113
|
+
}), /* @__PURE__ */ u("p", {
|
|
114
|
+
id: M,
|
|
115
|
+
class: "IncodeRadioButtonErrorText",
|
|
116
|
+
children: f
|
|
117
|
+
})]
|
|
118
|
+
}),
|
|
119
|
+
p && !f && /* @__PURE__ */ u("div", {
|
|
120
|
+
class: "IncodeRadioButtonMessageWrapper",
|
|
121
|
+
"data-testid": `${e}-helper-wrapper`,
|
|
122
|
+
children: /* @__PURE__ */ u("p", {
|
|
123
|
+
id: j,
|
|
124
|
+
class: "IncodeRadioButtonHelperText",
|
|
125
|
+
children: p
|
|
126
|
+
})
|
|
127
|
+
})
|
|
128
|
+
]
|
|
129
|
+
});
|
|
130
|
+
}), A = r((e, t) => {
|
|
56
131
|
let { class: n, rows: r = 4, ...i } = e;
|
|
57
132
|
return /* @__PURE__ */ u("textarea", {
|
|
58
133
|
...i,
|
|
@@ -60,7 +135,7 @@ var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
|
|
|
60
135
|
rows: r,
|
|
61
136
|
class: d("IncodeTextArea", n)
|
|
62
137
|
});
|
|
63
|
-
}),
|
|
138
|
+
}), j = r(({ id: e, label: t, "aria-label": n, error: r, showErrorIcon: i, helper: a, showHelperIcon: o, required: s, rows: c = 4, class: l, ...f }, p) => {
|
|
64
139
|
let m = `${e}-helper`, h = `${e}-error`, g = [a ? m : null, r ? h : null].filter(Boolean).join(" ");
|
|
65
140
|
return /* @__PURE__ */ u("div", {
|
|
66
141
|
class: d("IncodeTextAreaComposed", l),
|
|
@@ -76,7 +151,7 @@ var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
|
|
|
76
151
|
}),
|
|
77
152
|
/* @__PURE__ */ u("div", {
|
|
78
153
|
class: "IncodeTextAreaComposedWrapper",
|
|
79
|
-
children: /* @__PURE__ */ u(
|
|
154
|
+
children: /* @__PURE__ */ u(A, {
|
|
80
155
|
id: e,
|
|
81
156
|
rows: c,
|
|
82
157
|
...f,
|
|
@@ -115,16 +190,16 @@ var D = ({ children: e, "aria-labelledby": t, class: n }) => /* @__PURE__ */ u("
|
|
|
115
190
|
]
|
|
116
191
|
});
|
|
117
192
|
});
|
|
118
|
-
|
|
193
|
+
j.displayName = "TextAreaComposed";
|
|
119
194
|
//#endregion
|
|
120
195
|
//#region src/shared/card/verificationOption/verificationOptionCard.tsx
|
|
121
|
-
function
|
|
196
|
+
function M({ children: e }) {
|
|
122
197
|
return /* @__PURE__ */ u("div", {
|
|
123
198
|
class: "IncodeVerificationOptionCardList",
|
|
124
199
|
children: e
|
|
125
200
|
});
|
|
126
201
|
}
|
|
127
|
-
function
|
|
202
|
+
function N({ icon: e, title: t, testId: n, onClick: r, tag: i }) {
|
|
128
203
|
return /* @__PURE__ */ u("button", {
|
|
129
204
|
type: "button",
|
|
130
205
|
class: "IncodeVerificationOptionCard",
|
|
@@ -164,7 +239,7 @@ function ee({ label: e }) {
|
|
|
164
239
|
}
|
|
165
240
|
//#endregion
|
|
166
241
|
//#region src/shared/cameraOverlay/cameraFrame.tsx
|
|
167
|
-
var
|
|
242
|
+
var P = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameState: r = "idle", className: i, children: a }, o) => {
|
|
168
243
|
let s = `IncodeCameraFrame${r.charAt(0).toUpperCase()}${r.slice(1)}`;
|
|
169
244
|
return /* @__PURE__ */ u("div", {
|
|
170
245
|
ref: o,
|
|
@@ -173,10 +248,10 @@ var N = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
|
|
|
173
248
|
"aria-hidden": !0,
|
|
174
249
|
children: a
|
|
175
250
|
});
|
|
176
|
-
}),
|
|
251
|
+
}), F = ({ children: e, className: t }) => /* @__PURE__ */ u("div", {
|
|
177
252
|
class: d("IncodeCameraOverlay", t),
|
|
178
253
|
children: e
|
|
179
|
-
}),
|
|
254
|
+
}), I = ({ title: e, subtitle: t, visible: r = !0, className: i, titleId: a }) => {
|
|
180
255
|
let o = s(null);
|
|
181
256
|
return n(() => {
|
|
182
257
|
o.current?.focus();
|
|
@@ -193,7 +268,7 @@ var N = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
|
|
|
193
268
|
children: t
|
|
194
269
|
})]
|
|
195
270
|
});
|
|
196
|
-
},
|
|
271
|
+
}, L = ({ stream: e, children: t, videoRef: r, className: i, ...a }) => {
|
|
197
272
|
let o = s(null), c = (e) => {
|
|
198
273
|
o.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
|
|
199
274
|
};
|
|
@@ -214,7 +289,7 @@ var N = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
|
|
|
214
289
|
})
|
|
215
290
|
}), t]
|
|
216
291
|
});
|
|
217
|
-
},
|
|
292
|
+
}, R = ({ onOpenHelp: t, onCapture: n, isManualCapture: r, captureAriaLabel: i, captureAriaDescribedBy: a, helpAriaLabel: o, helpButtonRef: s, captureButtonRef: c, encryptionLabel: l, children: d }) => {
|
|
218
293
|
let { t: f } = e();
|
|
219
294
|
return /* @__PURE__ */ u("div", {
|
|
220
295
|
class: "IncodeCaptureFooter",
|
|
@@ -252,14 +327,14 @@ var N = r(({ variant: e, aspectRatio: t, orientation: n = "horizontal", frameSta
|
|
|
252
327
|
};
|
|
253
328
|
//#endregion
|
|
254
329
|
//#region src/shared/manualCapture/manualCapture.tsx
|
|
255
|
-
function
|
|
330
|
+
function z(e) {
|
|
256
331
|
if (e.readyState < 2 || e.videoWidth === 0 || e.videoHeight === 0) return null;
|
|
257
332
|
let t = document.createElement("canvas");
|
|
258
333
|
t.width = e.videoWidth, t.height = e.videoHeight;
|
|
259
334
|
let n = t.getContext("2d");
|
|
260
335
|
return n ? (n.drawImage(e, 0, 0), t.toDataURL("image/jpeg", .92).split(",")[1] ?? null) : null;
|
|
261
336
|
}
|
|
262
|
-
var
|
|
337
|
+
var B = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
263
338
|
let i = s(null);
|
|
264
339
|
n(() => {
|
|
265
340
|
i.current && e && (i.current.srcObject = e, i.current.play().catch(() => {}));
|
|
@@ -267,7 +342,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
267
342
|
let a = o(() => {
|
|
268
343
|
let e = i.current;
|
|
269
344
|
if (!e || r) return;
|
|
270
|
-
let n =
|
|
345
|
+
let n = z(e);
|
|
271
346
|
n && t(n);
|
|
272
347
|
}, [t, r]);
|
|
273
348
|
return /* @__PURE__ */ u("div", {
|
|
@@ -295,7 +370,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
295
370
|
})
|
|
296
371
|
})]
|
|
297
372
|
});
|
|
298
|
-
},
|
|
373
|
+
}, V = ({ className: e }) => /* @__PURE__ */ u("svg", {
|
|
299
374
|
width: "24",
|
|
300
375
|
height: "24",
|
|
301
376
|
viewBox: "0 0 24 24",
|
|
@@ -457,7 +532,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
457
532
|
children: [/* @__PURE__ */ u("div", {
|
|
458
533
|
class: "IncodeCommonIssuesCardIcon",
|
|
459
534
|
"aria-hidden": "true",
|
|
460
|
-
children: /* @__PURE__ */ u(
|
|
535
|
+
children: /* @__PURE__ */ u(V, {})
|
|
461
536
|
}), /* @__PURE__ */ u("div", {
|
|
462
537
|
class: "IncodeCommonIssuesCardText",
|
|
463
538
|
children: [/* @__PURE__ */ u("h3", {
|
|
@@ -512,7 +587,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
512
587
|
role: "presentation",
|
|
513
588
|
children: r
|
|
514
589
|
});
|
|
515
|
-
},
|
|
590
|
+
}, H = ({ imageUrl: t, orientation: n, mode: r, borderState: i, topContent: a, bottomContent: o, overlayContent: s }) => {
|
|
516
591
|
let { t: c } = e();
|
|
517
592
|
return /* @__PURE__ */ u(p, {
|
|
518
593
|
hideHeader: !0,
|
|
@@ -552,7 +627,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
552
627
|
})
|
|
553
628
|
})
|
|
554
629
|
});
|
|
555
|
-
},
|
|
630
|
+
}, U = ({ imageUrl: t, progress: r, orientation: i, mode: a }) => {
|
|
556
631
|
let { t: o } = e(), c = s(null), d = i !== "vertical" || a === "passport", [f, p] = l(null);
|
|
557
632
|
return n(() => {
|
|
558
633
|
c.current?.focus();
|
|
@@ -562,7 +637,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
562
637
|
}) : import("./id-laser-v-CI4GubjY.js").then((e) => {
|
|
563
638
|
p(e.default);
|
|
564
639
|
});
|
|
565
|
-
}, [d]), /* @__PURE__ */ u(
|
|
640
|
+
}, [d]), /* @__PURE__ */ u(H, {
|
|
566
641
|
imageUrl: t,
|
|
567
642
|
orientation: i,
|
|
568
643
|
mode: a,
|
|
@@ -583,7 +658,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
583
658
|
className: "IncodeAnalyzingLottie"
|
|
584
659
|
}) : null
|
|
585
660
|
});
|
|
586
|
-
},
|
|
661
|
+
}, W = ({ className: e, ...t }) => /* @__PURE__ */ u("svg", {
|
|
587
662
|
class: e,
|
|
588
663
|
width: "32",
|
|
589
664
|
height: "32",
|
|
@@ -596,7 +671,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
596
671
|
d: "M16 0C24.8363 0.00012782 32 7.1636 32 16C31.9999 24.8363 24.8363 31.9999 16 32C7.16362 32 7.37067e-05 24.8364 0 16C0 7.16352 7.16357 0 16 0ZM22.3486 11.2314C21.8838 10.7668 21.1503 10.736 20.6494 11.1387L20.6406 11.1455L20.5537 11.2236L13.7139 18.0635L11.4521 15.8008C10.9543 15.3032 10.1473 15.3033 9.64941 15.8008C9.18435 16.2658 9.15345 17.0008 9.55664 17.502L9.56348 17.5098L9.6416 17.5977L12.8125 20.7686C13.2775 21.2335 14.0117 21.2644 14.5127 20.8613L14.5205 20.8545L14.6084 20.7764L22.3486 13.0352C22.8467 12.5371 22.8467 11.7295 22.3486 11.2314Z",
|
|
597
672
|
fill: "#189F60"
|
|
598
673
|
})
|
|
599
|
-
}),
|
|
674
|
+
}), G = ({ className: e, ...t }) => /* @__PURE__ */ u("svg", {
|
|
600
675
|
class: e,
|
|
601
676
|
width: "33",
|
|
602
677
|
height: "32",
|
|
@@ -609,11 +684,11 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
609
684
|
d: "M16.5 0C25.3219 0 32.5 7.17642 32.5 16C32.5 24.8219 25.3219 32 16.5 32C7.67811 32 0.5 24.8219 0.5 16C0.5 7.17642 7.67811 0 16.5 0ZM13.6553 11.3701C13.1618 10.8767 12.3636 10.8767 11.8701 11.3701C11.3767 11.8636 11.3767 12.6618 11.8701 13.1553L14.9053 16.1924L11.8721 19.2256C11.3803 19.7191 11.3803 20.5173 11.8721 21.0107C12.3656 21.504 13.1658 21.5041 13.6592 21.0107L16.6924 17.9775L19.7334 21.0205C19.981 21.2664 20.3029 21.3916 20.6279 21.3916C20.9513 21.3916 21.2746 21.2664 21.5205 21.0205C22.014 20.527 22.014 19.7269 21.5205 19.2334L18.4775 16.1924L21.5107 13.1572C22.0041 12.6638 22.004 11.8639 21.5107 11.3721C21.0173 10.8786 20.2191 10.8786 19.7256 11.3721L16.6904 14.4053L13.6553 11.3701Z",
|
|
610
685
|
fill: "#E71111"
|
|
611
686
|
})
|
|
612
|
-
}),
|
|
687
|
+
}), K = ({ variant: r, imageUrl: i, orientation: a, mode: o, title: c, subtitle: l, buttonText: d, onButtonClick: p, attemptsRemaining: h }) => {
|
|
613
688
|
let { t: _ } = e(), v = s(null);
|
|
614
689
|
return n(() => {
|
|
615
690
|
v.current?.focus();
|
|
616
|
-
}, []), /* @__PURE__ */ u(
|
|
691
|
+
}, []), /* @__PURE__ */ u(H, {
|
|
617
692
|
imageUrl: i,
|
|
618
693
|
orientation: a,
|
|
619
694
|
mode: o,
|
|
@@ -622,7 +697,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
622
697
|
class: "IncodeIdProcessingResultContent",
|
|
623
698
|
role: "status",
|
|
624
699
|
children: [
|
|
625
|
-
u(r === "success" ?
|
|
700
|
+
u(r === "success" ? W : G, { className: "IncodeIdProcessingResultIcon" }),
|
|
626
701
|
/* @__PURE__ */ u(f, { size: 16 }),
|
|
627
702
|
c && /* @__PURE__ */ u(m, {
|
|
628
703
|
ref: v,
|
|
@@ -648,11 +723,11 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
648
723
|
})]
|
|
649
724
|
})
|
|
650
725
|
});
|
|
651
|
-
},
|
|
726
|
+
}, q = ({ manager: t, state: n }) => {
|
|
652
727
|
let { t: r } = e();
|
|
653
728
|
if (!n.previewImageUrl) return null;
|
|
654
729
|
let i = n.currentMode === "passport" ? "passport" : "id";
|
|
655
|
-
return /* @__PURE__ */ u(
|
|
730
|
+
return /* @__PURE__ */ u(K, {
|
|
656
731
|
variant: "success",
|
|
657
732
|
imageUrl: n.previewImageUrl,
|
|
658
733
|
orientation: n.orientation,
|
|
@@ -662,7 +737,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
662
737
|
buttonText: n.needsBackCapture ? r("idv2.capture.processing.scanBack") : n.needsFrontCapture ? r("idv2.capture.processing.scanFront") : r("idv2.capturePreview.continue"),
|
|
663
738
|
onButtonClick: () => t.nextStep()
|
|
664
739
|
});
|
|
665
|
-
},
|
|
740
|
+
}, J = ({ manager: t, state: n, ...r }) => {
|
|
666
741
|
let { t: i } = e();
|
|
667
742
|
if (n.status === "error") return /* @__PURE__ */ u("div", {
|
|
668
743
|
class: "IncodeIdError",
|
|
@@ -677,7 +752,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
677
752
|
})]
|
|
678
753
|
});
|
|
679
754
|
let a = n.currentMode === "passport" ? "passport" : "id";
|
|
680
|
-
return n.previewImageUrl ? /* @__PURE__ */ u(
|
|
755
|
+
return n.previewImageUrl ? /* @__PURE__ */ u(K, {
|
|
681
756
|
variant: "error",
|
|
682
757
|
imageUrl: n.previewImageUrl,
|
|
683
758
|
orientation: n.orientation,
|
|
@@ -688,7 +763,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
688
763
|
onButtonClick: () => t.continueFromError(),
|
|
689
764
|
attemptsRemaining: n.attemptsRemaining
|
|
690
765
|
}) : null;
|
|
691
|
-
},
|
|
766
|
+
}, oe = ({ manager: t }) => {
|
|
692
767
|
let { t: r } = e(), i = s(null);
|
|
693
768
|
return n(() => {
|
|
694
769
|
i.current?.focus();
|
|
@@ -700,7 +775,7 @@ var z = ({ stream: e, onCapture: t, disabled: r }) => {
|
|
|
700
775
|
class: "IncodeIdExpiredContent",
|
|
701
776
|
role: "alert",
|
|
702
777
|
children: [
|
|
703
|
-
/* @__PURE__ */ u(
|
|
778
|
+
/* @__PURE__ */ u(G, { className: "IncodeIdExpiredIcon" }),
|
|
704
779
|
/* @__PURE__ */ u(m, {
|
|
705
780
|
ref: i,
|
|
706
781
|
tabIndex: -1,
|
|
@@ -743,15 +818,15 @@ function Q(e) {
|
|
|
743
818
|
Y.set("blur", t.default), Y.set("glare", n.default), Y.set("align", r.default), Y.set("front", i.default), Y.set("back", a.default), e?.();
|
|
744
819
|
}).catch(() => {}));
|
|
745
820
|
}
|
|
746
|
-
function
|
|
821
|
+
function se() {
|
|
747
822
|
Q();
|
|
748
823
|
}
|
|
749
|
-
function
|
|
824
|
+
function ce() {
|
|
750
825
|
n(() => {
|
|
751
|
-
|
|
826
|
+
se();
|
|
752
827
|
}, []);
|
|
753
828
|
}
|
|
754
|
-
function
|
|
829
|
+
function le(t, r) {
|
|
755
830
|
let { t: i } = e(), [, a] = l(0);
|
|
756
831
|
if (n(() => {
|
|
757
832
|
Q(() => a((e) => e + 1));
|
|
@@ -782,8 +857,8 @@ function ce(t, r) {
|
|
|
782
857
|
}
|
|
783
858
|
//#endregion
|
|
784
859
|
//#region src/modules/id/capture/captureNotification.tsx
|
|
785
|
-
var
|
|
786
|
-
let { t: c } = e(), l =
|
|
860
|
+
var ue = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
|
|
861
|
+
let { t: c } = e(), l = le(r, i), p = s(null), m = s({
|
|
787
862
|
message: "",
|
|
788
863
|
at: 0
|
|
789
864
|
}), h = s(r), g = s(!1), _ = s(), v = s(), y = r === "detecting" || r === "idNotDetected" || r === "manualCapture", b = r === "manualCapture", x = r === "wrongSide", S = r === "farAway", w = r === "glare", T = r === "blur", E = o((e) => {
|
|
@@ -892,34 +967,34 @@ var le = ({ detectionStatus: r, mode: i, isCapturing: a }) => {
|
|
|
892
967
|
]
|
|
893
968
|
})
|
|
894
969
|
}) : null] });
|
|
895
|
-
},
|
|
970
|
+
}, de = i(() => import("./front-horizontal-hint-yIMvej7H.js")), fe = i(() => import("./front-vertical-hint-ZYgpMlDz.js")), pe = i(() => import("./back-horizontal-hint-BgG85hNR.js")), me = i(() => import("./back-vertical-hint-BhG7RS-O.js")), he = i(() => import("./passport-horizontal-hint-BLM_Rdz4.js")), ge = i(() => import("./passport-vertical-hint-BVKS-R7d.js")), _e = {
|
|
896
971
|
"front-horizontal": 348,
|
|
897
972
|
"back-horizontal": 348,
|
|
898
973
|
"passport-horizontal": 342
|
|
899
|
-
},
|
|
974
|
+
}, ve = {
|
|
900
975
|
"front-vertical": 446,
|
|
901
976
|
"back-vertical": 446,
|
|
902
977
|
"passport-vertical": 342
|
|
903
978
|
};
|
|
904
|
-
function
|
|
905
|
-
let i = `${e}-${t}`, a =
|
|
979
|
+
function ye(e, t, n, r) {
|
|
980
|
+
let i = `${e}-${t}`, a = _e[i];
|
|
906
981
|
if (a) return n / a;
|
|
907
|
-
let o =
|
|
982
|
+
let o = ve[i];
|
|
908
983
|
return o ? r / o : 1;
|
|
909
984
|
}
|
|
910
|
-
var
|
|
985
|
+
var be = ({ mode: e, orientation: t }) => {
|
|
911
986
|
let r = s(null), [i, a] = l(1);
|
|
912
987
|
n(() => {
|
|
913
988
|
let n = r.current;
|
|
914
989
|
if (!n) return;
|
|
915
990
|
let i = () => {
|
|
916
|
-
a(
|
|
991
|
+
a(ye(e, t, n.clientWidth, n.clientHeight));
|
|
917
992
|
};
|
|
918
993
|
i();
|
|
919
994
|
let o = new ResizeObserver(i);
|
|
920
995
|
return o.observe(n), () => o.disconnect();
|
|
921
996
|
}, [e, t]);
|
|
922
|
-
let o = () => e === "front" ? u(t === "horizontal" ?
|
|
997
|
+
let o = () => e === "front" ? u(t === "horizontal" ? de : fe, {}) : e === "back" ? u(t === "horizontal" ? pe : me, {}) : e === "passport" ? u(t === "horizontal" ? he : ge, {}) : null;
|
|
923
998
|
return /* @__PURE__ */ u("div", {
|
|
924
999
|
ref: r,
|
|
925
1000
|
class: "IncodeIdHint",
|
|
@@ -937,9 +1012,9 @@ var ye = ({ mode: e, orientation: t }) => {
|
|
|
937
1012
|
})
|
|
938
1013
|
})
|
|
939
1014
|
});
|
|
940
|
-
},
|
|
1015
|
+
}, $ = r(({ mode: t, orientation: r, detectionStatus: i, counterValue: o, isCapturing: s, showManualCapture: c, onCapture: l, onOpenHelp: f, helpButtonRef: p, captureButtonRef: m }, h) => {
|
|
941
1016
|
let { t: g } = e();
|
|
942
|
-
|
|
1017
|
+
ce(), n(() => {
|
|
943
1018
|
c && m && m.current?.focus();
|
|
944
1019
|
}, [c, m]);
|
|
945
1020
|
let _ = () => s || i === "capturing" ? "capturing" : i === "blur" || i === "glare" || i === "wrongSide" || i === "farAway" ? "error" : "idle", v = a(() => {
|
|
@@ -967,23 +1042,23 @@ var ye = ({ mode: e, orientation: t }) => {
|
|
|
967
1042
|
t,
|
|
968
1043
|
g
|
|
969
1044
|
]), y = _(), b = t === "passport", x = r !== "vertical" || b, S = x ? "horizontal" : "vertical";
|
|
970
|
-
return /* @__PURE__ */ u(
|
|
1045
|
+
return /* @__PURE__ */ u(F, {
|
|
971
1046
|
className: d("IncodeCaptureOverlayId", !x && "IncodeCaptureOverlayVertical"),
|
|
972
1047
|
children: [
|
|
973
1048
|
/* @__PURE__ */ u("div", {
|
|
974
1049
|
class: "IncodeCaptureTopSection",
|
|
975
|
-
children: [/* @__PURE__ */ u(
|
|
1050
|
+
children: [/* @__PURE__ */ u(ue, {
|
|
976
1051
|
detectionStatus: i,
|
|
977
1052
|
mode: t,
|
|
978
1053
|
isCapturing: s
|
|
979
|
-
}), /* @__PURE__ */ u(
|
|
1054
|
+
}), /* @__PURE__ */ u(I, {
|
|
980
1055
|
title: v?.title ?? "",
|
|
981
1056
|
subtitle: v?.subtitle,
|
|
982
1057
|
visible: v !== null,
|
|
983
1058
|
titleId: "id-capture-heading"
|
|
984
1059
|
})]
|
|
985
1060
|
}),
|
|
986
|
-
/* @__PURE__ */ u(
|
|
1061
|
+
/* @__PURE__ */ u(P, {
|
|
987
1062
|
ref: h,
|
|
988
1063
|
variant: "locked",
|
|
989
1064
|
orientation: S,
|
|
@@ -992,7 +1067,7 @@ var ye = ({ mode: e, orientation: t }) => {
|
|
|
992
1067
|
children: [s && o > 0 && /* @__PURE__ */ u("div", {
|
|
993
1068
|
class: "IncodeCaptureCounter",
|
|
994
1069
|
children: o
|
|
995
|
-
}), i === "idNotDetected" && /* @__PURE__ */ u(
|
|
1070
|
+
}), i === "idNotDetected" && /* @__PURE__ */ u(be, {
|
|
996
1071
|
mode: t,
|
|
997
1072
|
orientation: r ?? "horizontal"
|
|
998
1073
|
})]
|
|
@@ -1003,7 +1078,7 @@ var ye = ({ mode: e, orientation: t }) => {
|
|
|
1003
1078
|
"aria-atomic": "true",
|
|
1004
1079
|
children: s && o > 0 ? o : ""
|
|
1005
1080
|
}),
|
|
1006
|
-
/* @__PURE__ */ u(
|
|
1081
|
+
/* @__PURE__ */ u(R, {
|
|
1007
1082
|
onOpenHelp: f,
|
|
1008
1083
|
onCapture: l,
|
|
1009
1084
|
isManualCapture: c,
|
|
@@ -1025,7 +1100,7 @@ var ye = ({ mode: e, orientation: t }) => {
|
|
|
1025
1100
|
})
|
|
1026
1101
|
]
|
|
1027
1102
|
});
|
|
1028
|
-
}),
|
|
1103
|
+
}), xe = ({ manager: t, state: n }) => {
|
|
1029
1104
|
let { t: r } = e();
|
|
1030
1105
|
if (n.captureStatus === "initializing") return /* @__PURE__ */ u(p, {
|
|
1031
1106
|
hideHeader: !0,
|
|
@@ -1038,24 +1113,24 @@ var ye = ({ mode: e, orientation: t }) => {
|
|
|
1038
1113
|
});
|
|
1039
1114
|
if (n.captureStatus === "uploading" && n.previewImageUrl) {
|
|
1040
1115
|
let e = n.currentMode === "passport" ? "passport" : "id";
|
|
1041
|
-
return /* @__PURE__ */ u(
|
|
1116
|
+
return /* @__PURE__ */ u(U, {
|
|
1042
1117
|
imageUrl: n.previewImageUrl,
|
|
1043
1118
|
progress: n.uploadProgress ?? 0,
|
|
1044
1119
|
orientation: n.orientation,
|
|
1045
1120
|
mode: e
|
|
1046
1121
|
});
|
|
1047
1122
|
}
|
|
1048
|
-
return n.captureStatus === "success" && n.previewImageUrl ? /* @__PURE__ */ u(
|
|
1123
|
+
return n.captureStatus === "success" && n.previewImageUrl ? /* @__PURE__ */ u(q, {
|
|
1049
1124
|
manager: t,
|
|
1050
1125
|
state: n
|
|
1051
|
-
}) : n.captureStatus === "uploadError" && n.previewImageUrl ? /* @__PURE__ */ u(
|
|
1126
|
+
}) : n.captureStatus === "uploadError" && n.previewImageUrl ? /* @__PURE__ */ u(J, {
|
|
1052
1127
|
manager: t,
|
|
1053
1128
|
state: n
|
|
1054
|
-
}) : /* @__PURE__ */ u(
|
|
1129
|
+
}) : /* @__PURE__ */ u(Se, {
|
|
1055
1130
|
manager: t,
|
|
1056
1131
|
state: n
|
|
1057
1132
|
});
|
|
1058
|
-
},
|
|
1133
|
+
}, Se = ({ manager: e, state: t }) => {
|
|
1059
1134
|
let r = s(null), i = s(null), a = s(null), o = s(null), c = s(null), [d, f] = l(!1), [m, h] = l(!1);
|
|
1060
1135
|
n(() => {
|
|
1061
1136
|
let e = r.current;
|
|
@@ -1100,10 +1175,10 @@ var ye = ({ mode: e, orientation: t }) => {
|
|
|
1100
1175
|
hideFooterBranding: !0,
|
|
1101
1176
|
className: "IncodeIdCapturePage",
|
|
1102
1177
|
children: [
|
|
1103
|
-
/* @__PURE__ */ u(
|
|
1178
|
+
/* @__PURE__ */ u(L, {
|
|
1104
1179
|
stream: t.stream,
|
|
1105
1180
|
"aria-hidden": d || void 0,
|
|
1106
|
-
children: /* @__PURE__ */ u(
|
|
1181
|
+
children: /* @__PURE__ */ u($, {
|
|
1107
1182
|
ref: i,
|
|
1108
1183
|
mode: t.currentMode,
|
|
1109
1184
|
orientation: t.orientation,
|
|
@@ -1126,7 +1201,7 @@ var ye = ({ mode: e, orientation: t }) => {
|
|
|
1126
1201
|
})
|
|
1127
1202
|
]
|
|
1128
1203
|
});
|
|
1129
|
-
},
|
|
1204
|
+
}, Ce = ({ manager: t, state: r }) => {
|
|
1130
1205
|
let { t: i } = e(), [a, o] = l(!1), [s, c] = l(null), f = r.selectedDocumentType === "passport", p = r.currentMode === "back";
|
|
1131
1206
|
if (n(() => {
|
|
1132
1207
|
f ? import("./passport-tutorial-DH7UEOHu.js").then((e) => {
|
|
@@ -1150,7 +1225,7 @@ var ye = ({ mode: e, orientation: t }) => {
|
|
|
1150
1225
|
isLoading: a,
|
|
1151
1226
|
className: d("IncodeIdTutorial", f ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId")
|
|
1152
1227
|
});
|
|
1153
|
-
},
|
|
1228
|
+
}, we = {
|
|
1154
1229
|
digitalIdUpload: {
|
|
1155
1230
|
type: "digitalIdUpload",
|
|
1156
1231
|
icon: () => /* @__PURE__ */ u("svg", {
|
|
@@ -2187,16 +2262,16 @@ var ye = ({ mode: e, orientation: t }) => {
|
|
|
2187
2262
|
};
|
|
2188
2263
|
//#endregion
|
|
2189
2264
|
//#region src/modules/id/chooser/chooser.helpers.ts
|
|
2190
|
-
function
|
|
2265
|
+
function Te(e) {
|
|
2191
2266
|
return e.reduce((e, t) => {
|
|
2192
|
-
let n =
|
|
2267
|
+
let n = we[t];
|
|
2193
2268
|
return n && e.push(n), e;
|
|
2194
2269
|
}, []).sort((e, t) => e.weight - t.weight);
|
|
2195
2270
|
}
|
|
2196
2271
|
//#endregion
|
|
2197
2272
|
//#region src/modules/id/chooser/chooser.tsx
|
|
2198
|
-
var
|
|
2199
|
-
let { t: r } = e(), i = a(() =>
|
|
2273
|
+
var Ee = ({ manager: t, state: n }) => {
|
|
2274
|
+
let { t: r } = e(), i = a(() => Te(n.availableDocumentTypes), [n.availableDocumentTypes]), o = (e) => {
|
|
2200
2275
|
t.selectDocument(e);
|
|
2201
2276
|
};
|
|
2202
2277
|
return /* @__PURE__ */ u(p, {
|
|
@@ -2205,7 +2280,7 @@ var Te = ({ manager: t, state: n }) => {
|
|
|
2205
2280
|
className: "IncodeChooserPage",
|
|
2206
2281
|
children: /* @__PURE__ */ u("div", {
|
|
2207
2282
|
class: "IncodeChooserContainer",
|
|
2208
|
-
children: /* @__PURE__ */ u(
|
|
2283
|
+
children: /* @__PURE__ */ u(M, { children: i.map((e) => /* @__PURE__ */ u(N, {
|
|
2209
2284
|
icon: e.icon,
|
|
2210
2285
|
title: r(e.title),
|
|
2211
2286
|
testId: e.testId,
|
|
@@ -2214,7 +2289,7 @@ var Te = ({ manager: t, state: n }) => {
|
|
|
2214
2289
|
}, e.type)) })
|
|
2215
2290
|
})
|
|
2216
2291
|
});
|
|
2217
|
-
},
|
|
2292
|
+
}, De = ({ manager: t, direction: r }) => {
|
|
2218
2293
|
let [i, a] = l(null), [s, c] = l(!1), { t: d } = e();
|
|
2219
2294
|
n(() => {
|
|
2220
2295
|
import("./flip-animation-ygeHr8Wk.js").then((e) => {
|
|
@@ -2246,4 +2321,4 @@ var Te = ({ manager: t, state: n }) => {
|
|
|
2246
2321
|
}) : null;
|
|
2247
2322
|
};
|
|
2248
2323
|
//#endregion
|
|
2249
|
-
export {
|
|
2324
|
+
export { k as _, oe as a, R as c, F as d, P as f, A as g, j as h, xe as i, L as l, M as m, Ee as n, J as o, N as p, Ce as r, B as s, De as t, I as u, O as v, D as y };
|
package/dist/extensibility.es.js
CHANGED
|
@@ -3,20 +3,20 @@ import { t } from "./uiConfig-CwpQ-IM6.js";
|
|
|
3
3
|
import { c as n, i as r, r as i, s as a } from "./loadingIcon-B3xEpDvA.js";
|
|
4
4
|
import { t as o } from "./spacer-DCljE53A.js";
|
|
5
5
|
import { t as s } from "./page-kB-LDkaO.js";
|
|
6
|
-
import { _ as c, a as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T } from "./extensibility-
|
|
7
|
-
import { a as
|
|
8
|
-
import { t as
|
|
9
|
-
import { t as
|
|
10
|
-
import { t as
|
|
11
|
-
import { a as
|
|
12
|
-
import { a as
|
|
13
|
-
import { t as
|
|
14
|
-
import { r as
|
|
15
|
-
import { n as
|
|
16
|
-
import { t as
|
|
17
|
-
import { t as
|
|
18
|
-
import { n as
|
|
19
|
-
import { t as
|
|
20
|
-
import { t as
|
|
21
|
-
import { t as
|
|
22
|
-
export {
|
|
6
|
+
import { _ as c, a as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T, y as E } from "./extensibility-CmPLnDak.js";
|
|
7
|
+
import { a as D, i as O, n as k, o as A, s as j, t as M } from "./typography-zTCXRf-k.js";
|
|
8
|
+
import { t as N } from "./spinner-Bg7qBKjN.js";
|
|
9
|
+
import { t as P } from "./processing-DQZbnwZT.js";
|
|
10
|
+
import { t as F } from "./button-Dt72Wn3U.js";
|
|
11
|
+
import { a as I, c as L, d as R, f as z, i as B, l as V, n as H, o as U, p as W, r as G, s as K, t as q, u as J } from "./icons-CkLer5E1.js";
|
|
12
|
+
import { a as Y, c as X, i as Z, n as Q, o as $, r as ee, s as te, t as ne } from "./tutorial-CBnrTcCn.js";
|
|
13
|
+
import { t as re } from "./successIcon-Dklx5JWI.js";
|
|
14
|
+
import { r as ie, t as ae } from "./formField-_F-aIXct.js";
|
|
15
|
+
import { n as oe, t as se } from "./inputComposed-yULlZXg1.js";
|
|
16
|
+
import { t as ce } from "./otpInput-2FjlqNe0.js";
|
|
17
|
+
import { t as le } from "./checkbox-BcJjkRs3.js";
|
|
18
|
+
import { n as ue, r as de, t as fe } from "./countries-DKKNtuUp.js";
|
|
19
|
+
import { t as pe } from "./phoneInputComposed-CkL_nMPT.js";
|
|
20
|
+
import { t as me } from "./dropdownComposed-C2cDpZSB.js";
|
|
21
|
+
import { t as he } from "./dateInputComposed-wl-LTsul.js";
|
|
22
|
+
export { Z as BaseTutorial, $ as BottomSheet, F as Button, z as CalendarIcon, f as CameraFrame, R as CameraIcon, d as CameraOverlay, w as CameraOverlayHeader, g as CameraView, J as CaptureButtonIcon, u as CaptureFooter, le as Checkbox, V as CheckmarkIcon, L as ChevronDown, K as ChevronRightIcon, U as CloseIcon, he as DateInputComposed, me as DropdownComposed, X as ErrorContent, W as ErrorIcon, I as FileIcon, ae as FormField, B as HelpIcon, h as IdCapture, v as IdChooser, y as IdError, l as IdExpired, C as IdFlipAnimation, x as IdTutorial, i as IncodeComponent, oe as Input, se as InputComposed, r as LandscapeBlocker, q as LightningIcon, G as LockIcon, Y as Lottie, S as ManualCapture, te as Modal, ce as OtpInput, E as Overlay, s as Page, ee as Permissions, pe as PhoneInputComposed, P as Processing, T as ProgressBar, c as RadioButtonComposed, H as SearchIcon, Q as SelfieCapture, ne as SelfieTutorial, o as Spacer, N as Spinner, re as SuccessIcon, p as TextArea, m as TextAreaComposed, M as Title, k as TypographyH1, O as TypographyH3, D as TypographyH4, A as TypographyH5, j as TypographyP, b as VerificationOptionCard, _ as VerificationOptionCardList, ie as VerificationResult, fe as countries, ue as getCountryByCallingCode, de as getCountryByCode, t as setUiConfig, n as useManager, a as useScreenOrientation, e as useTranslation };
|
package/dist/flow/flow.es.js
CHANGED
|
@@ -6,7 +6,7 @@ import { t as c } from "../spinner-Bg7qBKjN.js";
|
|
|
6
6
|
import "../spinner-QBqW9mDr.js";
|
|
7
7
|
import { t as l } from "../incodeModule-C3p8eAh_.js";
|
|
8
8
|
import { t as u } from "../redirectToMobile-D5bLaBcP.js";
|
|
9
|
-
import { a as d, c as f, i as p, n as m, o as h, r as g, s as _, t as v, u as y } from "../useModuleLoader-
|
|
9
|
+
import { a as d, c as f, i as p, n as m, o as h, r as g, s as _, t as v, u as y } from "../useModuleLoader-CBGcrysg.js";
|
|
10
10
|
import { getRequiredWasmPipelines as b } from "@incodetech/core/flow";
|
|
11
11
|
//#region src/modules/flow/preloadFlow.ts
|
|
12
12
|
var x = /* @__PURE__ */ new Map();
|
package/dist/id/id.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { c as e, o as t, v as n } from "../vendor-preact-D6SntenC.js";
|
|
2
2
|
import { c as r, r as i } from "../loadingIcon-B3xEpDvA.js";
|
|
3
|
-
import { a, i as o, n as s, o as c, r as l, t as u } from "../extensibility-
|
|
3
|
+
import { a, i as o, n as s, o as c, r as l, t as u } from "../extensibility-CmPLnDak.js";
|
|
4
4
|
import { t as d } from "../processing-DQZbnwZT.js";
|
|
5
5
|
import { r as f } from "../tutorial-CBnrTcCn.js";
|
|
6
6
|
import { t as p } from "../incodeModule-C3p8eAh_.js";
|
package/dist/themes/dark.css
CHANGED
|
@@ -841,11 +841,13 @@
|
|
|
841
841
|
--radio-button-border-radius: var(--border-radius-full);
|
|
842
842
|
--radio-button-border-default: var(--border-neutral-400);
|
|
843
843
|
--radio-button-border-disabled: var(--border-neutral-400);
|
|
844
|
+
--radio-button-border-negative: var(--border-status-negative);
|
|
844
845
|
|
|
845
846
|
--radio-button-icon-default: var(--surface-neutral-0-static);
|
|
846
847
|
|
|
847
848
|
--radio-button-text-default: var(--text-body-800-primary);
|
|
848
849
|
--radio-button-text-disabled: var(--text-body-500-secondary);
|
|
850
|
+
--radio-button-text-negative: var(--text-status-negative);
|
|
849
851
|
|
|
850
852
|
/* Card */
|
|
851
853
|
--card-surface-primary: var(--surface-neutral-800);
|
|
@@ -997,6 +999,16 @@
|
|
|
997
999
|
--incode-page-max-h: 840px;
|
|
998
1000
|
--incode-page-max-h-landscape: 726px;
|
|
999
1001
|
--dialog-content-max-width: 390px;
|
|
1002
|
+
|
|
1003
|
+
/* radio button sizing */
|
|
1004
|
+
--radio-button-size: 28px;
|
|
1005
|
+
--radio-button-dot-size: 9px;
|
|
1006
|
+
--radio-button-label-gap: 10px;
|
|
1007
|
+
--radio-button-message-offset: 38px;
|
|
1008
|
+
|
|
1009
|
+
/* focus outline */
|
|
1010
|
+
--focus-outline-width: 2px;
|
|
1011
|
+
--focus-outline-offset: 2px;
|
|
1000
1012
|
}
|
|
1001
1013
|
[data-incode-theme='dark'] {
|
|
1002
1014
|
/* Surface / Neutral */
|
package/dist/themes/light.css
CHANGED
|
@@ -841,11 +841,13 @@
|
|
|
841
841
|
--radio-button-border-radius: var(--border-radius-full);
|
|
842
842
|
--radio-button-border-default: var(--border-neutral-400);
|
|
843
843
|
--radio-button-border-disabled: var(--border-neutral-400);
|
|
844
|
+
--radio-button-border-negative: var(--border-status-negative);
|
|
844
845
|
|
|
845
846
|
--radio-button-icon-default: var(--surface-neutral-0-static);
|
|
846
847
|
|
|
847
848
|
--radio-button-text-default: var(--text-body-800-primary);
|
|
848
849
|
--radio-button-text-disabled: var(--text-body-500-secondary);
|
|
850
|
+
--radio-button-text-negative: var(--text-status-negative);
|
|
849
851
|
|
|
850
852
|
/* Card */
|
|
851
853
|
--card-surface-primary: var(--surface-neutral-800);
|
|
@@ -997,4 +999,14 @@
|
|
|
997
999
|
--incode-page-max-h: 840px;
|
|
998
1000
|
--incode-page-max-h-landscape: 726px;
|
|
999
1001
|
--dialog-content-max-width: 390px;
|
|
1002
|
+
|
|
1003
|
+
/* radio button sizing */
|
|
1004
|
+
--radio-button-size: 28px;
|
|
1005
|
+
--radio-button-dot-size: 9px;
|
|
1006
|
+
--radio-button-label-gap: 10px;
|
|
1007
|
+
--radio-button-message-offset: 38px;
|
|
1008
|
+
|
|
1009
|
+
/* focus outline */
|
|
1010
|
+
--focus-outline-width: 2px;
|
|
1011
|
+
--focus-outline-offset: 2px;
|
|
1000
1012
|
}
|
|
@@ -16,6 +16,7 @@ import { PropsWithoutRef } from 'preact/compat';
|
|
|
16
16
|
import { Ref } from 'preact';
|
|
17
17
|
import { SelfieManager } from '@incodetech/core/selfie';
|
|
18
18
|
import { SelfieState } from '@incodetech/core/selfie';
|
|
19
|
+
import { TargetedEvent } from 'preact';
|
|
19
20
|
import { TFunction } from 'i18next';
|
|
20
21
|
import { VNode } from 'preact';
|
|
21
22
|
|
|
@@ -647,6 +648,30 @@ declare type ProgressBarProps = {
|
|
|
647
648
|
className?: string;
|
|
648
649
|
};
|
|
649
650
|
|
|
651
|
+
export declare const RadioButtonComposed: FunctionalComponent<PropsWithoutRef<RadioButtonComposedProps> & {
|
|
652
|
+
ref?: Ref<HTMLInputElement> | undefined;
|
|
653
|
+
}>;
|
|
654
|
+
|
|
655
|
+
declare type RadioButtonComposedProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'class' | 'type' | 'size'> & {
|
|
656
|
+
id: string;
|
|
657
|
+
label?: string;
|
|
658
|
+
checked?: boolean;
|
|
659
|
+
defaultChecked?: boolean;
|
|
660
|
+
disabled?: boolean;
|
|
661
|
+
required?: boolean;
|
|
662
|
+
name?: string;
|
|
663
|
+
value?: string;
|
|
664
|
+
onChange?: (event: TargetedEvent<HTMLInputElement, Event>) => void;
|
|
665
|
+
error?: string;
|
|
666
|
+
helper?: string;
|
|
667
|
+
showErrorIcon?: boolean;
|
|
668
|
+
class?: string;
|
|
669
|
+
'aria-label'?: string;
|
|
670
|
+
'aria-labelledby'?: string;
|
|
671
|
+
'aria-describedby'?: string;
|
|
672
|
+
'aria-invalid'?: boolean;
|
|
673
|
+
};
|
|
674
|
+
|
|
650
675
|
export declare const SearchIcon: FC<SearchIconProps>;
|
|
651
676
|
|
|
652
677
|
declare type SearchIconProps = {
|
|
@@ -160,8 +160,8 @@ var T = {
|
|
|
160
160
|
GEOLOCATION: () => import("./geolocation/geolocation.es.js").then((e) => e.Geolocation),
|
|
161
161
|
EXTERNAL_VERIFICATION: () => import("./ekycModule-7NvOShMA.js").then((e) => e.EkycModule),
|
|
162
162
|
EKYB: () => import("./ekybModule-DmJn-l9y.js").then((e) => e.EkybModule),
|
|
163
|
-
DOCUMENT_CAPTURE: () => import("./documentCapture-
|
|
164
|
-
ADDRESS: () => import("./documentCapture-
|
|
163
|
+
DOCUMENT_CAPTURE: () => import("./documentCapture-Dq3f3k8G.js").then((e) => e.DocumentCapture),
|
|
164
|
+
ADDRESS: () => import("./documentCapture-Dq3f3k8G.js").then((e) => e.DocumentCapture),
|
|
165
165
|
COMBINED_CONSENT: () => import("./consent/consent.es.js").then((e) => e.Consent),
|
|
166
166
|
MANDATORY_CONSENT: () => import("./mandatoryConsent-2R7jBWsg.js").then((e) => e.MandatoryConsent),
|
|
167
167
|
SIGNATURE: () => import("./signature/signature.es.js").then((e) => e.Signature),
|
|
@@ -5,7 +5,7 @@ import { c as o, r as s } from "../loadingIcon-B3xEpDvA.js";
|
|
|
5
5
|
import { t as c } from "../spinner-Bg7qBKjN.js";
|
|
6
6
|
import "../spinner-QBqW9mDr.js";
|
|
7
7
|
import { t as l } from "../incodeModule-C3p8eAh_.js";
|
|
8
|
-
import { d as u, i as d, l as f, r as p, t as m } from "../useModuleLoader-
|
|
8
|
+
import { d as u, i as d, l as f, r as p, t as m } from "../useModuleLoader-CBGcrysg.js";
|
|
9
9
|
import { resolveWasmConfig as h, warmupWasm as g } from "@incodetech/core/wasm";
|
|
10
10
|
import { createWorkflowManager as _ } from "@incodetech/core/workflow";
|
|
11
11
|
//#region src/modules/workflow/workflowInit.ts
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@incodetech/web",
|
|
3
|
-
"version": "0.0.0-dev-20260409-
|
|
3
|
+
"version": "0.0.0-dev-20260409-0e64d73",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.es.js",
|
|
6
6
|
"types": "./dist/types/index.d.ts",
|
|
@@ -162,7 +162,7 @@
|
|
|
162
162
|
"qrcode": "^1.5.4",
|
|
163
163
|
"signature_pad": "^5.1.3",
|
|
164
164
|
"tailwindcss": "^4.1.17",
|
|
165
|
-
"@incodetech/core": "0.0.0-dev-20260409-
|
|
165
|
+
"@incodetech/core": "0.0.0-dev-20260409-0e64d73"
|
|
166
166
|
},
|
|
167
167
|
"devDependencies": {
|
|
168
168
|
"@microsoft/api-extractor": "^7.53.3",
|