@incodetech/web 0.0.0-dev-20260605-bd2483d8 → 0.0.0-dev-20260605-65da28c6

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 (11) hide show
  1. package/dist/base.css +1 -2
  2. package/dist/consent/consent.es.js +57 -63
  3. package/dist/consent/styles.css +23 -14
  4. package/dist/flow/flow.es.js +17 -11
  5. package/dist/flow/styles.css +23 -14
  6. package/dist/id/id.es.js +1 -1
  7. package/dist/{mandatoryConsent-Dk6kq1Sg.js → mandatoryConsent-DNz2jZ43.js} +39 -48
  8. package/dist/{useModuleLoader-CK59a_GX.js → useModuleLoader-Bqs7fglI.js} +3 -2
  9. package/dist/workflow/styles.css +23 -14
  10. package/dist/workflow/workflow.es.js +5 -1
  11. package/package.json +2 -2
package/dist/base.css CHANGED
@@ -7105,8 +7105,7 @@
7105
7105
 
7106
7106
  .IncodePageContainer .IncodePageInner {
7107
7107
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
7108
- padding-top: var(--spacing-8, var(--spacing-8, 8px));
7109
- padding-bottom: var(--spacing-16, var(--spacing-16, 16px));
7108
+ padding-block: var(--spacing-8, var(--spacing-8, 8px));
7110
7109
  flex-direction: column;
7111
7110
  flex: 1;
7112
7111
  display: flex;
package/dist/consent/consent.es.js CHANGED
@@ -5,97 +5,91 @@ import { t as o } from "../incodeComponent-BoFhgK7G.js";
5
5
  import { t as s } from "../page-DA3R7q0J.js";
6
6
  import { t as c } from "../transitionSpinner-Di3bOyOu.js";
7
7
  import { t as l } from "../button-DcCUEn2n.js";
8
- import { t as u } from "../autoFocusTitle-BpYdaSUM.js";
9
- import { t as d } from "../checkbox-DCCzBAuF.js";
10
- import { t as f } from "../incodeModule-BiCoAJ5k.js";
11
- import { t as p } from "../richText-6pIbydcz.js";
12
- import { n as m, t as h } from "../requiredLabelHint-B6FN3v88.js";
13
- import { createConsentManager as g } from "@incodetech/core/consent";
8
+ import { t as u } from "../checkbox-DCCzBAuF.js";
9
+ import { t as d } from "../incodeModule-BiCoAJ5k.js";
10
+ import { t as f } from "../richText-6pIbydcz.js";
11
+ import { n as p, t as m } from "../requiredLabelHint-B6FN3v88.js";
12
+ import { createConsentManager as h } from "@incodetech/core/consent";
14
13
  //#region src/modules/consent/consent.tsx
15
- var _ = (e) => {
14
+ var g = (e) => {
16
15
  e.target.closest("a") && e.stopPropagation();
17
- }, v = ({ config: o, manager: f, onFinish: v, onError: y }) => {
18
- let { t: b, i18n: x } = e(), [S, C] = i(() => {
19
- if (f) return f;
16
+ }, _ = ({ config: o, manager: d, onFinish: _, onError: v }) => {
17
+ let { t: y, i18n: b } = e(), [x, S] = i(() => {
18
+ if (d) return d;
20
19
  if (!o) throw Error("Consent config is required");
21
- return g({ config: {
20
+ return h({ config: {
22
21
  ...o,
23
- language: x.language
22
+ language: b.language
24
23
  } });
25
- }, { manageLifecycle: !f }), w = "checkboxes" in S ? S.checkboxes : void 0, T = t(() => m(w?.map((e) => e.required) ?? []), [w]);
24
+ }, { manageLifecycle: !d }), C = "checkboxes" in x ? x.checkboxes : void 0, w = t(() => p(C?.map((e) => e.required) ?? []), [C]);
26
25
  return a({
27
- status: S.status,
28
- onFinish: v,
29
- onError: y,
30
- error: S.status === "error" ? S.error : void 0
31
- }), r(S) ? null : S.status === "idle" || S.status === "loading" ? /* @__PURE__ */ n(c, { hideText: !0 }) : /* @__PURE__ */ n(s, {
26
+ status: x.status,
27
+ onFinish: _,
28
+ onError: v,
29
+ error: x.status === "error" ? x.error : void 0
30
+ }), r(x) ? null : x.status === "idle" || x.status === "loading" ? /* @__PURE__ */ n(c, { hideText: !0 }) : /* @__PURE__ */ n(s, {
32
31
  className: "IncodeConsentPage",
32
+ title: x.title,
33
33
  children: /* @__PURE__ */ n("div", {
34
34
  class: "IncodeConsentContent",
35
35
  children: [
36
36
  /* @__PURE__ */ n("div", {
37
37
  class: "IncodeConsentBody",
38
- children: [
39
- /* @__PURE__ */ n(u, {
40
- className: "IncodeConsentTitle",
41
- children: S.title
42
- }),
43
- /* @__PURE__ */ n(p, {
44
- content: S.richText,
45
- class: "IncodeRichText"
46
- }),
47
- /* @__PURE__ */ n("div", {
48
- class: "IncodeConsentCheckboxList",
49
- role: "group",
50
- "aria-label": b("biometricConsent.consentOptions"),
51
- children: S.checkboxes.map((e) => {
52
- let t = h(T, e.required), r = t ? b(`forms.label.${t}`) : void 0;
53
- return /* @__PURE__ */ n(d, {
54
- id: `consent-checkbox-${e.id}`,
55
- class: "IncodeConsentCheckbox",
56
- size: "s",
57
- checked: e.checked,
58
- required: e.required,
59
- labelHint: r,
60
- onChange: () => C.toggleCheckbox(e.id),
61
- label: /* @__PURE__ */ n("span", {
62
- class: "IncodeConsentCheckboxLabel",
63
- role: "presentation",
64
- onClick: _,
65
- onKeyDown: _,
66
- children: /* @__PURE__ */ n(p, {
67
- content: e.label,
68
- class: "IncodeRichText",
69
- disallowedTags: ["img"]
70
- })
38
+ children: [/* @__PURE__ */ n(f, {
39
+ content: x.richText,
40
+ class: "IncodeRichText"
41
+ }), /* @__PURE__ */ n("div", {
42
+ class: "IncodeConsentCheckboxList",
43
+ role: "group",
44
+ "aria-label": y("biometricConsent.consentOptions"),
45
+ children: x.checkboxes.map((e) => {
46
+ let t = m(w, e.required), r = t ? y(`forms.label.${t}`) : void 0;
47
+ return /* @__PURE__ */ n(u, {
48
+ id: `consent-checkbox-${e.id}`,
49
+ class: "IncodeConsentCheckbox",
50
+ size: "s",
51
+ checked: e.checked,
52
+ required: e.required,
53
+ labelHint: r,
54
+ onChange: () => S.toggleCheckbox(e.id),
55
+ label: /* @__PURE__ */ n("span", {
56
+ class: "IncodeConsentCheckboxLabel",
57
+ role: "presentation",
58
+ onClick: g,
59
+ onKeyDown: g,
60
+ children: /* @__PURE__ */ n(f, {
61
+ content: e.label,
62
+ class: "IncodeRichText",
63
+ disallowedTags: ["img"]
71
64
  })
72
- }, e.id);
73
- })
65
+ })
66
+ }, e.id);
74
67
  })
75
- ]
68
+ })]
76
69
  }),
77
- S.status === "display" && S.error ? /* @__PURE__ */ n("p", {
70
+ x.status === "display" && x.error ? /* @__PURE__ */ n("p", {
78
71
  class: "IncodeConsentSubmitError",
79
72
  "data-testid": "consent-submit-error",
80
73
  role: "alert",
81
- children: S.error
74
+ children: x.error
82
75
  }) : null,
83
76
  /* @__PURE__ */ n(l, {
77
+ class: "IncodeConsentButton",
84
78
  "data-testid": "consent-submit",
85
- onClick: () => C.submit(),
86
- disabled: !S.canSubmit,
87
- isLoading: S.status === "submitting",
88
- children: b("biometricConsent.button.continue")
79
+ onClick: () => S.submit(),
80
+ disabled: !x.canSubmit,
81
+ isLoading: x.status === "submitting",
82
+ children: y("biometricConsent.button.continue")
89
83
  })
90
84
  ]
91
85
  })
92
86
  }, "ready");
93
- }, y = ({ config: e, manager: t, onFinish: r, onError: i }) => /* @__PURE__ */ n(o, { children: e || t ? /* @__PURE__ */ n(v, {
87
+ }, v = ({ config: e, manager: t, onFinish: r, onError: i }) => /* @__PURE__ */ n(o, { children: e || t ? /* @__PURE__ */ n(_, {
94
88
  config: e,
95
89
  manager: t,
96
90
  onFinish: r,
97
91
  onError: i
98
92
  }) : null });
99
- f(y, "incode-consent");
93
+ d(v, "incode-consent");
100
94
  //#endregion
101
- export { y as Consent };
95
+ export { v as Consent };
package/dist/consent/styles.css CHANGED
@@ -1,10 +1,8 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
2
  .IncodeConsentPage {
3
3
  height: 100%;
4
- }
5
-
6
- .IncodeConsentPage .IncodePageInner {
7
- padding: var(--spacing-24, var(--spacing-24, 24px));
4
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
5
+ animation-fill-mode: both;
8
6
  }
9
7
 
10
8
  .IncodeConsentPage .IncodePageContent {
@@ -12,17 +10,20 @@
12
10
  }
13
11
 
14
12
  .IncodeConsentPage .IncodeConsentContent {
13
+ margin-top: var(--spacing-24, var(--spacing-24, 24px));
15
14
  height: 100%;
16
15
  min-height: var(--spacing-0, var(--spacing-none, 0px));
17
16
  justify-content: space-between;
17
+ align-items: center;
18
18
  gap: var(--spacing-24, var(--spacing-24, 24px));
19
19
  flex-direction: column;
20
20
  display: flex;
21
21
  }
22
22
 
23
23
  .IncodeConsentPage .IncodeConsentBody {
24
- margin-top: var(--spacing-16, var(--spacing-16, 16px));
25
24
  min-height: var(--spacing-0, var(--spacing-none, 0px));
25
+ width: 100%;
26
+ max-width: var(--incode-form-max-w);
26
27
  gap: var(--spacing-24, var(--spacing-24, 24px));
27
28
  flex-direction: column;
28
29
  flex: 1;
@@ -32,15 +33,21 @@
32
33
 
33
34
  .IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup h2, .IncodeConsentPage .IncodeConsentBody .IncodeRichText h2 {
34
35
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
35
- font-family: var(--typography-headline-family);
36
- font-size: var(--typography-headline-h2-size);
37
- font-weight: var(--typography-headline-h2-weight);
38
- line-height: var(--typography-headline-h2-line-height);
39
- letter-spacing: var(--typography-headline-h2-letter-spacing);
36
+ font-family: var(--typography-body-family);
37
+ font-size: var(--typography-body-m-regular-size);
38
+ font-weight: var(--typography-body-m-regular-weight);
39
+ line-height: var(--typography-body-m-regular-line-height);
40
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
41
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
40
42
  }
41
43
 
42
44
  .IncodeConsentPage .IncodeConsentSubtitle {
43
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
45
+ font-family: var(--typography-body-family);
46
+ font-size: var(--typography-body-m-regular-size);
47
+ font-weight: var(--typography-body-m-regular-weight);
48
+ line-height: var(--typography-body-m-regular-line-height);
49
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
50
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
44
51
  }
45
52
 
46
53
  .IncodeConsentPage .IncodeConsentCheckboxList {
@@ -53,7 +60,8 @@
53
60
  border-radius: var(--radius-medium, var(--border-radius-medium));
54
61
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
55
62
  width: 100%;
56
- padding: var(--spacing-16, var(--spacing-16, 16px));
63
+ padding-inline: var(--spacing-16, var(--spacing-16, 16px));
64
+ padding-block: var(--spacing-20, var(--spacing-20, 20px));
57
65
  }
58
66
 
59
67
  .IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxLabel {
@@ -74,7 +82,7 @@
74
82
  font-weight: var(--typography-checkbox-radio-s-weight);
75
83
  line-height: var(--typography-checkbox-radio-s-line-height);
76
84
  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
77
- color: var(--color-text-body-primary, var(--text-body-800-primary));
85
+ color: var(--color-checkbox-text-default, var(--checkbox-text-default));
78
86
  }
79
87
 
80
88
  .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {
@@ -92,10 +100,11 @@
92
100
  }
93
101
 
94
102
  .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText a {
95
- color: var(--color-surface-brand-600, var(--surface-brand-600-static));
103
+ color: var(--color-link-default, var(--link-default));
96
104
  }
97
105
 
98
106
  .IncodeConsentPage .IncodeConsentButton {
107
+ margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
99
108
  width: 100%;
100
109
  }
101
110
 
package/dist/flow/flow.es.js CHANGED
@@ -5,7 +5,7 @@ import { c as u } from "../hooks-MxHtZWTS.js";
5
5
  import { t as d } from "../incodeComponent-BoFhgK7G.js";
6
6
  import { t as f } from "../transitionSpinner-Di3bOyOu.js";
7
7
  import { t as p } from "../incodeModule-BiCoAJ5k.js";
8
- import { _ as m, a as h, c as g, d as _, f as v, h as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, y as k } from "../useModuleLoader-CK59a_GX.js";
8
+ import { _ as m, a as h, c as g, d as _, f as v, h as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, y as k } from "../useModuleLoader-Bqs7fglI.js";
9
9
  import { getDeviceClass as A } from "@incodetech/core/device";
10
10
  import { getRequiredWasmPipelines as j } from "@incodetech/core/flow";
11
11
  import { bootstrapSession as M, refreshQrUrlUuid as N } from "@incodetech/core/session";
@@ -552,16 +552,22 @@ var K = r(() => import("../homeScreen-CyPddxWl.js").then((e) => ({ default: e.Ho
552
552
  }
553
553
  }, `combined-consent-${h.currentStepIndex}`)
554
554
  });
555
- if (e === "MANDATORY_CONSENT") return /* @__PURE__ */ c("div", {
556
- class: "IncodeFlow",
557
- children: /* @__PURE__ */ c(a, {
558
- config: t,
559
- onFinish: () => _.completeModule(),
560
- onError: (e) => {
561
- l?.(e ?? "Mandatory consent error");
562
- }
563
- }, `mandatory-consent-${h.currentStepIndex}`)
564
- });
555
+ if (e === "MANDATORY_CONSENT" || e === "ML_CONSENT") {
556
+ let n = e === "ML_CONSENT";
557
+ return /* @__PURE__ */ c("div", {
558
+ class: "IncodeFlow",
559
+ children: /* @__PURE__ */ c(a, {
560
+ config: {
561
+ ...t,
562
+ type: n ? "ML" : "MANDATORY"
563
+ },
564
+ onFinish: () => _.completeModule(),
565
+ onError: (e) => {
566
+ l?.(e ?? (n ? "ML consent error" : "Mandatory consent error"));
567
+ }
568
+ }, `${n ? "ml" : "mandatory"}-consent-${h.currentStepIndex}`)
569
+ });
570
+ }
565
571
  if (e === "AE_SIGNATURE" || e === "QE_SIGNATURE") {
566
572
  let n = t, r = e === "QE_SIGNATURE" ? "qe" : "ae";
567
573
  return /* @__PURE__ */ c("div", {
package/dist/flow/styles.css CHANGED
@@ -7446,10 +7446,8 @@
7446
7446
 
7447
7447
  .IncodeConsentPage {
7448
7448
  height: 100%;
7449
- }
7450
-
7451
- .IncodeConsentPage .IncodePageInner {
7452
- padding: var(--spacing-24, var(--spacing-24, 24px));
7449
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
7450
+ animation-fill-mode: both;
7453
7451
  }
7454
7452
 
7455
7453
  .IncodeConsentPage .IncodePageContent {
@@ -7457,17 +7455,20 @@
7457
7455
  }
7458
7456
 
7459
7457
  .IncodeConsentPage .IncodeConsentContent {
7458
+ margin-top: var(--spacing-24, var(--spacing-24, 24px));
7460
7459
  height: 100%;
7461
7460
  min-height: var(--spacing-0, var(--spacing-none, 0px));
7462
7461
  justify-content: space-between;
7462
+ align-items: center;
7463
7463
  gap: var(--spacing-24, var(--spacing-24, 24px));
7464
7464
  flex-direction: column;
7465
7465
  display: flex;
7466
7466
  }
7467
7467
 
7468
7468
  .IncodeConsentPage .IncodeConsentBody {
7469
- margin-top: var(--spacing-16, var(--spacing-16, 16px));
7470
7469
  min-height: var(--spacing-0, var(--spacing-none, 0px));
7470
+ width: 100%;
7471
+ max-width: var(--incode-form-max-w);
7471
7472
  gap: var(--spacing-24, var(--spacing-24, 24px));
7472
7473
  flex-direction: column;
7473
7474
  flex: 1;
@@ -7477,15 +7478,21 @@
7477
7478
 
7478
7479
  .IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup h2, .IncodeConsentPage .IncodeConsentBody .IncodeRichText h2 {
7479
7480
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
7480
- font-family: var(--typography-headline-family);
7481
- font-size: var(--typography-headline-h2-size);
7482
- font-weight: var(--typography-headline-h2-weight);
7483
- line-height: var(--typography-headline-h2-line-height);
7484
- letter-spacing: var(--typography-headline-h2-letter-spacing);
7481
+ font-family: var(--typography-body-family);
7482
+ font-size: var(--typography-body-m-regular-size);
7483
+ font-weight: var(--typography-body-m-regular-weight);
7484
+ line-height: var(--typography-body-m-regular-line-height);
7485
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
7486
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
7485
7487
  }
7486
7488
 
7487
7489
  .IncodeConsentPage .IncodeConsentSubtitle {
7488
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
7490
+ font-family: var(--typography-body-family);
7491
+ font-size: var(--typography-body-m-regular-size);
7492
+ font-weight: var(--typography-body-m-regular-weight);
7493
+ line-height: var(--typography-body-m-regular-line-height);
7494
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
7495
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
7489
7496
  }
7490
7497
 
7491
7498
  .IncodeConsentPage .IncodeConsentCheckboxList {
@@ -7498,7 +7505,8 @@
7498
7505
  border-radius: var(--radius-medium, var(--border-radius-medium));
7499
7506
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
7500
7507
  width: 100%;
7501
- padding: var(--spacing-16, var(--spacing-16, 16px));
7508
+ padding-inline: var(--spacing-16, var(--spacing-16, 16px));
7509
+ padding-block: var(--spacing-20, var(--spacing-20, 20px));
7502
7510
  }
7503
7511
 
7504
7512
  .IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxLabel {
@@ -7519,7 +7527,7 @@
7519
7527
  font-weight: var(--typography-checkbox-radio-s-weight);
7520
7528
  line-height: var(--typography-checkbox-radio-s-line-height);
7521
7529
  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
7522
- color: var(--color-text-body-primary, var(--text-body-800-primary));
7530
+ color: var(--color-checkbox-text-default, var(--checkbox-text-default));
7523
7531
  }
7524
7532
 
7525
7533
  .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {
@@ -7537,10 +7545,11 @@
7537
7545
  }
7538
7546
 
7539
7547
  .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText a {
7540
- color: var(--color-surface-brand-600, var(--surface-brand-600-static));
7548
+ color: var(--color-link-default, var(--link-default));
7541
7549
  }
7542
7550
 
7543
7551
  .IncodeConsentPage .IncodeConsentButton {
7552
+ margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
7544
7553
  width: 100%;
7545
7554
  }
7546
7555
 
package/dist/id/id.es.js CHANGED
@@ -783,7 +783,7 @@ function de() {
783
783
  }
784
784
  //#endregion
785
785
  //#region src/modules/id/id.tsx
786
- var fe = r(() => import("../mandatoryConsent-Dk6kq1Sg.js").then((e) => ({ default: e.MandatoryConsent }))), pe = ({ config: t, manager: r, onFinish: i, onError: a }) => {
786
+ var fe = r(() => import("../mandatoryConsent-DNz2jZ43.js").then((e) => ({ default: e.MandatoryConsent }))), pe = ({ config: t, manager: r, onFinish: i, onError: a }) => {
787
787
  P();
788
788
  let { t: s } = e();
789
789
  n(() => {
package/dist/{mandatoryConsent-Dk6kq1Sg.js → mandatoryConsent-DNz2jZ43.js} RENAMED
@@ -3,23 +3,24 @@ import { _ as t, l as n, v as r } from "./vendor-preact-D6SntenC.js";
3
3
  import { a as i, c as a, o } from "./hooks-MxHtZWTS.js";
4
4
  import { t as s } from "./incodeComponent-BoFhgK7G.js";
5
5
  import { t as c } from "./page-DA3R7q0J.js";
6
- import { n as l } from "./typography-CxjaknHN.js";
7
- import { t as u } from "./transitionSpinner-Di3bOyOu.js";
8
- import { t as d } from "./button-DcCUEn2n.js";
9
- import { t as f } from "./checkbox-DCCzBAuF.js";
10
- import { t as p } from "./incodeModule-BiCoAJ5k.js";
11
- import { t as m } from "./richText-6pIbydcz.js";
12
- import { createMandatoryConsentManager as h } from "@incodetech/core/mandatory-consent";
6
+ import { t as l } from "./transitionSpinner-Di3bOyOu.js";
7
+ import { t as u } from "./button-DcCUEn2n.js";
8
+ import { t as d } from "./checkbox-DCCzBAuF.js";
9
+ import { t as f } from "./incodeModule-BiCoAJ5k.js";
10
+ import { t as p } from "./richText-6pIbydcz.js";
11
+ import { createMandatoryConsentManager as m } from "@incodetech/core/mandatory-consent";
13
12
  //#region src/modules/mandatory-consent/mandatoryConsent.tsx
14
- var g = ({ config: s, manager: p, onFinish: g, onError: _ }) => {
13
+ var h = (e) => {
14
+ e.target.closest("a") && e.stopPropagation();
15
+ }, g = ({ config: s, manager: f, onFinish: g, onError: _ }) => {
15
16
  let { t: v, i18n: y } = e(), b = n(null), [x, S] = a(() => {
16
- if (p) return p;
17
+ if (f) return f;
17
18
  if (!s) throw Error("MandatoryConsent config is required when no manager is provided");
18
- return h({ config: {
19
+ return m({ config: {
19
20
  ...s,
20
21
  language: y.language
21
22
  } });
22
- }, { manageLifecycle: !p });
23
+ }, { manageLifecycle: !f });
23
24
  if (t(() => {
24
25
  x.status === "display" && b.current?.focus();
25
26
  }, [x.status]), o({
@@ -28,49 +29,39 @@ var g = ({ config: s, manager: p, onFinish: g, onError: _ }) => {
28
29
  onError: _,
29
30
  error: x.status === "error" ? x.error : void 0
30
31
  }), i(x)) return null;
31
- if (x.status === "idle" || x.status === "loading") return /* @__PURE__ */ r(u, { hideText: !0 });
32
- let C = x.text.split("\n").filter((e) => e.trim().length > 0).join(" ");
32
+ if (x.status === "idle" || x.status === "loading") return /* @__PURE__ */ r(l, { hideText: !0 });
33
+ let C = x.text.split("\n").filter((e) => e.trim().length > 0).join(" "), w = (s?.type ?? "MANDATORY") === "MANDATORY";
33
34
  return /* @__PURE__ */ r(c, {
34
35
  className: "IncodeConsentPage",
35
- hideFooterBranding: !0,
36
- hideHeader: !0,
36
+ title: x.title,
37
37
  children: /* @__PURE__ */ r("div", {
38
38
  class: "IncodeConsentContent",
39
39
  children: [
40
40
  /* @__PURE__ */ r("div", {
41
41
  class: "IncodeConsentBody",
42
- children: [
43
- /* @__PURE__ */ r(l, {
44
- ref: b,
45
- className: "IncodeConsentTitle",
46
- tabIndex: -1,
47
- children: x.title
48
- }),
49
- /* @__PURE__ */ r("p", {
50
- class: "IncodeConsentSubtitle",
51
- children: v("biometricConsent.subtitle")
52
- }),
53
- /* @__PURE__ */ r("div", {
54
- class: "IncodeConsentCheckboxList",
55
- children: /* @__PURE__ */ r(f, {
56
- id: "mandatory-consent-checkbox",
57
- class: "IncodeConsentCheckbox",
58
- checked: x.isSigned,
59
- required: !0,
60
- onChange: () => S.toggle(),
61
- label: /* @__PURE__ */ r("span", {
62
- class: "IncodeConsentCheckboxLabel",
63
- onClick: (e) => {
64
- e.target.closest("a") && e.stopPropagation();
65
- },
66
- children: /* @__PURE__ */ r(m, {
67
- content: C,
68
- class: "IncodeRichText"
69
- })
42
+ children: [/* @__PURE__ */ r("p", {
43
+ class: "IncodeConsentSubtitle",
44
+ children: v("biometricConsent.subtitle")
45
+ }), /* @__PURE__ */ r("div", {
46
+ class: "IncodeConsentCheckboxList",
47
+ children: /* @__PURE__ */ r(d, {
48
+ id: "mandatory-consent-checkbox",
49
+ class: "IncodeConsentCheckbox",
50
+ checked: x.isSigned,
51
+ required: !0,
52
+ onChange: () => S.toggle(),
53
+ label: /* @__PURE__ */ r("span", {
54
+ class: "IncodeConsentCheckboxLabel",
55
+ role: "presentation",
56
+ onClick: h,
57
+ onKeyDown: h,
58
+ children: /* @__PURE__ */ r(p, {
59
+ content: C,
60
+ class: "IncodeRichText"
70
61
  })
71
62
  })
72
63
  })
73
- ]
64
+ })]
74
65
  }),
75
66
  x.status === "display" && x.error ? /* @__PURE__ */ r("p", {
76
67
  class: "IncodeConsentSubmitError",
@@ -80,14 +71,14 @@ var g = ({ config: s, manager: p, onFinish: g, onError: _ }) => {
80
71
  }) : null,
81
72
  /* @__PURE__ */ r("div", {
82
73
  class: "IncodeConsentActions",
83
- children: [/* @__PURE__ */ r(d, {
74
+ children: [/* @__PURE__ */ r(u, {
84
75
  "data-testid": "mandatory-consent-submit",
85
- class: "IncodeConsentButton",
76
+ class: w ? void 0 : "IncodeConsentButton",
86
77
  onClick: () => S.submit(),
87
78
  disabled: !x.canSubmit,
88
79
  isLoading: x.status === "submitting",
89
80
  children: v("biometricConsent.button.continue")
90
- }), /* @__PURE__ */ r(d, {
81
+ }), w && /* @__PURE__ */ r(u, {
91
82
  variant: "link",
92
83
  onClick: () => S.cancel(),
93
84
  children: v("biometricConsent.button.cancel")
@@ -102,6 +93,6 @@ var g = ({ config: s, manager: p, onFinish: g, onError: _ }) => {
102
93
  onFinish: n,
103
94
  onError: i
104
95
  }) : null });
105
- p(_, "incode-mandatory-consent");
96
+ f(_, "incode-mandatory-consent");
106
97
  //#endregion
107
98
  export { _ as MandatoryConsent };
package/dist/{useModuleLoader-CK59a_GX.js → useModuleLoader-Bqs7fglI.js} RENAMED
@@ -184,7 +184,7 @@ function j(e) {
184
184
  if (e === "EKYB") return () => import("@incodetech/core/ekyb").then((e) => e.ekybMachine);
185
185
  if (e === "DOCUMENT_CAPTURE" || e === "ADDRESS") return () => import("@incodetech/core/document-capture").then((e) => e.documentCaptureMachine);
186
186
  if (e === "COMBINED_CONSENT") return () => import("@incodetech/core/consent").then((e) => e.consentMachine);
187
- if (e === "MANDATORY_CONSENT") return () => import("@incodetech/core/mandatory-consent").then((e) => e.mandatoryConsentMachine);
187
+ if (e === "MANDATORY_CONSENT" || e === "ML_CONSENT") return () => import("@incodetech/core/mandatory-consent").then((e) => e.mandatoryConsentMachine);
188
188
  if (e === "SIGNATURE") return () => import("@incodetech/core/signature").then((e) => e.signatureMachine);
189
189
  if (e === "ANTIFRAUD") return () => import("@incodetech/core/antifraud").then((e) => e.antifraudMachine);
190
190
  if (e === "CUSTOM_FIELDS") return () => import("@incodetech/core/custom-fields").then((e) => e.customFieldsMachine);
@@ -227,7 +227,8 @@ var N = {
227
227
  DOCUMENT_CAPTURE: () => import("./documentCapture-D9I7FjGe.js").then((e) => e.DocumentCapture),
228
228
  ADDRESS: () => import("./documentCapture-D9I7FjGe.js").then((e) => e.DocumentCapture),
229
229
  COMBINED_CONSENT: () => import("./consent/consent.es.js").then((e) => e.Consent),
230
- MANDATORY_CONSENT: () => import("./mandatoryConsent-Dk6kq1Sg.js").then((e) => e.MandatoryConsent),
230
+ MANDATORY_CONSENT: () => import("./mandatoryConsent-DNz2jZ43.js").then((e) => e.MandatoryConsent),
231
+ ML_CONSENT: () => import("./mandatoryConsent-DNz2jZ43.js").then((e) => e.MandatoryConsent),
231
232
  SIGNATURE: () => import("./signature/signature.es.js").then((e) => e.Signature),
232
233
  ID_OCR: () => import("./idOcr-DlMLMDqa.js").then((e) => e.IdOcr),
233
234
  CPF_OCR: () => import("./cpfOcr-Db06i-Lm.js").then((e) => e.CpfOcr),
package/dist/workflow/styles.css CHANGED
@@ -6645,10 +6645,8 @@
6645
6645
 
6646
6646
  .IncodeConsentPage {
6647
6647
  height: 100%;
6648
- }
6649
-
6650
- .IncodeConsentPage .IncodePageInner {
6651
- padding: var(--spacing-24, var(--spacing-24, 24px));
6648
+ animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
6649
+ animation-fill-mode: both;
6652
6650
  }
6653
6651
 
6654
6652
  .IncodeConsentPage .IncodePageContent {
@@ -6656,17 +6654,20 @@
6656
6654
  }
6657
6655
 
6658
6656
  .IncodeConsentPage .IncodeConsentContent {
6657
+ margin-top: var(--spacing-24, var(--spacing-24, 24px));
6659
6658
  height: 100%;
6660
6659
  min-height: var(--spacing-0, var(--spacing-none, 0px));
6661
6660
  justify-content: space-between;
6661
+ align-items: center;
6662
6662
  gap: var(--spacing-24, var(--spacing-24, 24px));
6663
6663
  flex-direction: column;
6664
6664
  display: flex;
6665
6665
  }
6666
6666
 
6667
6667
  .IncodeConsentPage .IncodeConsentBody {
6668
- margin-top: var(--spacing-16, var(--spacing-16, 16px));
6669
6668
  min-height: var(--spacing-0, var(--spacing-none, 0px));
6669
+ width: 100%;
6670
+ max-width: var(--incode-form-max-w);
6670
6671
  gap: var(--spacing-24, var(--spacing-24, 24px));
6671
6672
  flex-direction: column;
6672
6673
  flex: 1;
@@ -6676,15 +6677,21 @@
6676
6677
 
6677
6678
  .IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup h2, .IncodeConsentPage .IncodeConsentBody .IncodeRichText h2 {
6678
6679
  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
6679
- font-family: var(--typography-headline-family);
6680
- font-size: var(--typography-headline-h2-size);
6681
- font-weight: var(--typography-headline-h2-weight);
6682
- line-height: var(--typography-headline-h2-line-height);
6683
- letter-spacing: var(--typography-headline-h2-letter-spacing);
6680
+ font-family: var(--typography-body-family);
6681
+ font-size: var(--typography-body-m-regular-size);
6682
+ font-weight: var(--typography-body-m-regular-weight);
6683
+ line-height: var(--typography-body-m-regular-line-height);
6684
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
6685
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
6684
6686
  }
6685
6687
 
6686
6688
  .IncodeConsentPage .IncodeConsentSubtitle {
6687
- color: var(--color-text-body-secondary, var(--text-body-500-secondary));
6689
+ font-family: var(--typography-body-family);
6690
+ font-size: var(--typography-body-m-regular-size);
6691
+ font-weight: var(--typography-body-m-regular-weight);
6692
+ line-height: var(--typography-body-m-regular-line-height);
6693
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
6694
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
6688
6695
  }
6689
6696
 
6690
6697
  .IncodeConsentPage .IncodeConsentCheckboxList {
@@ -6697,7 +6704,8 @@
6697
6704
  border-radius: var(--radius-medium, var(--border-radius-medium));
6698
6705
  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
6699
6706
  width: 100%;
6700
- padding: var(--spacing-16, var(--spacing-16, 16px));
6707
+ padding-inline: var(--spacing-16, var(--spacing-16, 16px));
6708
+ padding-block: var(--spacing-20, var(--spacing-20, 20px));
6701
6709
  }
6702
6710
 
6703
6711
  .IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxLabel {
@@ -6718,7 +6726,7 @@
6718
6726
  font-weight: var(--typography-checkbox-radio-s-weight);
6719
6727
  line-height: var(--typography-checkbox-radio-s-line-height);
6720
6728
  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
6721
- color: var(--color-text-body-primary, var(--text-body-800-primary));
6729
+ color: var(--color-checkbox-text-default, var(--checkbox-text-default));
6722
6730
  }
6723
6731
 
6724
6732
  .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {
@@ -6736,10 +6744,11 @@
6736
6744
  }
6737
6745
 
6738
6746
  .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText a {
6739
- color: var(--color-surface-brand-600, var(--surface-brand-600-static));
6747
+ color: var(--color-link-default, var(--link-default));
6740
6748
  }
6741
6749
 
6742
6750
  .IncodeConsentPage .IncodeConsentButton {
6751
+ margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
6743
6752
  width: 100%;
6744
6753
  }
6745
6754
 
package/dist/workflow/workflow.es.js CHANGED
@@ -5,7 +5,7 @@ import { c as l } from "../hooks-MxHtZWTS.js";
5
5
  import { t as u } from "../incodeComponent-BoFhgK7G.js";
6
6
  import { t as d } from "../transitionSpinner-Di3bOyOu.js";
7
7
  import { t as f } from "../incodeModule-BiCoAJ5k.js";
8
- import { a as p, g as m, i as h, l as g, o as _, s as v, t as y, v as b, y as x } from "../useModuleLoader-CK59a_GX.js";
8
+ import { a as p, g as m, i as h, l as g, o as _, s as v, t as y, v as b, y as x } from "../useModuleLoader-Bqs7fglI.js";
9
9
  import { resolveWasmConfig as S, upgradeToWasmHttpClient as C, warmupWasm as w } from "@incodetech/core/wasm";
10
10
  import { getDeviceClass as T } from "@incodetech/core/device";
11
11
  import { bootstrapSession as E, refreshQrUrlUuid as D } from "@incodetech/core/session";
@@ -160,6 +160,10 @@ function R(e) {
160
160
  ...n,
161
161
  isSecondId: !0
162
162
  };
163
+ case "MANDATORY_CONSENT": return {
164
+ ...n,
165
+ type: "MANDATORY"
166
+ };
163
167
  default: return n;
164
168
  }
165
169
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260605-bd2483d8",
3
+ "version": "0.0.0-dev-20260605-65da28c6",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/IncodeTechnologies/incode-web-sdk.git"
@@ -255,7 +255,7 @@
255
255
  "qrcode": "^1.5.4",
256
256
  "signature_pad": "^5.1.3",
257
257
  "tailwindcss": "^4.1.17",
258
- "@incodetech/core": "0.0.0-dev-20260605-bd2483d8"
258
+ "@incodetech/core": "0.0.0-dev-20260605-65da28c6"
259
259
  },
260
260
  "devDependencies": {
261
261
  "@microsoft/api-extractor": "^7.53.3",