@incodetech/web 0.0.0-dev-20260323-d29613f → 0.0.0-dev-20260324-90ddcfd

package/dist/flow/styles.css

@@ -3247,6 +3247,42 @@
   }
 }
 
+@media (min-width: 40rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    max-width: 40rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    max-width: 48rem;
+  }
+}
+
+@media (min-width: 64rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    max-width: 64rem;
+  }
+}
+
+@media (min-width: 80rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    max-width: 80rem;
+  }
+}
+
+@media (min-width: 96rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    max-width: 96rem;
+  }
+}
+
+@media (min-width: 48rem) {
+  .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
+    height: 840px;
+  }
+}
+
 .IncodeCommonIssuesModal .IncodeCommonIssuesModalContent {
   width: 100%;
 }
@@ -6132,6 +6168,10 @@
   width: var(--width-finished-subtitle);
 }
 
+.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {
+  display: inline;
+}
+
 .IncodeConsentPage {
   height: 100%;
 }
@@ -6187,6 +6227,10 @@
   color: var(--color-text-body-primary, var(--text-body-800-primary));
 }
 
+.IncodeConsentPage .IncodeConsentSubtitle {
+  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
+}
+
 .IncodeConsentPage .IncodeConsentCheckboxList {
   gap: var(--spacing-12, var(--spacing-12, 12px));
   flex-direction: column;
@@ -6245,6 +6289,14 @@
   width: 100%;
 }
 
+.IncodeConsentPage .IncodeConsentActions {
+  align-items: center;
+  gap: var(--spacing-8, var(--spacing-8, 8px));
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
 .IncodeVerificationResult .IncodePageContent {
   gap: var(--spacing-16, var(--spacing-16, 16px));
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));

package/dist/id/id.es.js

@@ -1,40 +1,51 @@
-import { u as r, I as u, a as m } from "../button-Yr39X4SE.js";
-import { createIdCaptureManager as d } from "@incodetech/core/id";
-import "../vendor-preact--mDTxXnt.js";
+import { u as r, I as u, a as d } from "../button-Yr39X4SE.js";
+import { createIdCaptureManager as m } from "@incodetech/core/id";
+import { z as c, P as l } from "../vendor-preact--mDTxXnt.js";
 import "@incodetech/core";
 import { P as p } from "../manualCaptureButton-CtHbJjgz.js";
 import { r as f } from "../incodeModule-Bxzkb7nW.js";
-import { P as c } from "../processing-BGKugkCh.js";
-import { c as l, b as I, F as a, C as g, d as h, I as C } from "../flipAnimation-C5DtSdAY.js";
+import { P as C } from "../processing-BGKugkCh.js";
+import { c as g, b as h, F as a, C as I, d as y, I as F } from "../flipAnimation-C5DtSdAY.js";
 import "../uiConfig-CKJmKRCo.js";
 import "../spinner-Djok6FY8.js";
-const F = ({
-  config: e,
-  manager: i,
-  onFinish: n,
-  onError: o
+const M = c(
+  () => import("../mandatoryConsent-z0Ci8SDN.js").then((s) => ({
+    default: s.MandatoryConsent
+  }))
+), P = ({
+  config: s,
+  manager: e,
+  onFinish: o,
+  onError: i
 }) => {
-  const [t, s] = m(
-    () => i ?? d({ config: e }),
-    { manageLifecycle: !i }
+  const [t, n] = d(
+    () => e ?? m({ config: s }),
+    { manageLifecycle: !e }
   );
-  return t.status === "idle" || t.status === "loading" ? null : t.status === "chooser" ? /* @__PURE__ */ r(l, { manager: s, state: t }) : t.status === "tutorial" ? /* @__PURE__ */ r(I, { manager: s, state: t }) : t.status === "permissions" ? /* @__PURE__ */ r(
+  return t.status === "idle" || t.status === "loading" ? null : t.status === "chooser" ? /* @__PURE__ */ r(g, { manager: n, state: t }) : t.status === "tutorial" ? /* @__PURE__ */ r(h, { manager: n, state: t }) : t.status === "permissions" ? /* @__PURE__ */ r(
     p,
     {
-      manager: s,
+      manager: n,
       permissionStatus: t.permissionStatus
     }
-  ) : t.status === "frontFinished" ? /* @__PURE__ */ r(a, { manager: s, direction: "toBack" }) : t.status === "backFinished" ? /* @__PURE__ */ r(a, { manager: s, direction: "toFront" }) : t.status === "capture" ? /* @__PURE__ */ r(g, { manager: s, state: t, onFinish: () => n?.() }) : t.status === "processing" ? /* @__PURE__ */ r(c, {}) : t.status === "expired" ? /* @__PURE__ */ r(h, { manager: s }) : t.status === "finished" ? (n?.(), null) : t.status === "closed" ? (o?.(void 0), null) : t.status === "error" ? /* @__PURE__ */ r(C, { manager: s, state: t, onError: o }) : null;
-}, P = ({ config: e, manager: i, onFinish: n, onError: o }) => /* @__PURE__ */ r(u, { children: e ? /* @__PURE__ */ r(
-  F,
+  ) : t.status === "frontFinished" ? /* @__PURE__ */ r(a, { manager: n, direction: "toBack" }) : t.status === "backFinished" ? /* @__PURE__ */ r(a, { manager: n, direction: "toFront" }) : t.status === "capture" ? /* @__PURE__ */ r(I, { manager: n, state: t, onFinish: () => o?.() }) : t.status === "mandatoryConsent" ? /* @__PURE__ */ r(l, { fallback: null, children: /* @__PURE__ */ r(
+    M,
+    {
+      config: { consentType: t.regulationType },
+      onFinish: () => n.acceptMandatoryConsent(),
+      onError: () => n.cancelMandatoryConsent()
+    }
+  ) }) : t.status === "processing" ? /* @__PURE__ */ r(C, {}) : t.status === "expired" ? /* @__PURE__ */ r(y, { manager: n }) : t.status === "finished" ? (o?.(), null) : t.status === "closed" ? (i?.(void 0), null) : t.status === "error" ? /* @__PURE__ */ r(F, { manager: n, state: t, onError: i }) : null;
+}, b = ({ config: s, manager: e, onFinish: o, onError: i }) => /* @__PURE__ */ r(u, { children: s ? /* @__PURE__ */ r(
+  P,
   {
-    config: e,
-    manager: i,
-    onFinish: n,
-    onError: o
+    config: s,
+    manager: e,
+    onFinish: o,
+    onError: i
   }
 ) : null });
-f(P, "incode-id");
+f(b, "incode-id");
 export {
-  P as Id
+  b as Id
 };

package/dist/mandatoryConsent-z0Ci8SDN.js

@@ -0,0 +1,93 @@
+import { u as n, I as u, b as C, a as h, B as d } from "./button-Yr39X4SE.js";
+import { createMandatoryConsentManager as b } from "@incodetech/core/mandatory-consent";
+import { y as g } from "./vendor-preact--mDTxXnt.js";
+import "@incodetech/core";
+import "./uiConfig-CKJmKRCo.js";
+import { C as p } from "./checkbox-BkW6ZbEQ.js";
+import { P as l } from "./page-DO2rYslN.js";
+import { R as f } from "./richText-CfMkKIUg.js";
+import { S as I } from "./spinner-Djok6FY8.js";
+import { r as y } from "./incodeModule-Bxzkb7nW.js";
+const k = ({
+  config: o,
+  manager: s,
+  onFinish: i,
+  onError: e
+}) => {
+  const { t: c } = C(), [t, r] = h(
+    () => s ?? b({ config: o }),
+    { manageLifecycle: !s }
+  );
+  if (g(() => {
+    if (t.status === "finished") {
+      i?.();
+      return;
+    }
+    if (t.status === "closed") {
+      e?.(void 0);
+      return;
+    }
+    t.status === "error" && e?.(t.error);
+  }, [t, i, e]), t.status === "finished" || t.status === "closed" || t.status === "error")
+    return null;
+  if (t.status === "idle" || t.status === "loading")
+    return /* @__PURE__ */ n(l, { className: "IncodeConsentPage", children: /* @__PURE__ */ n("div", { class: "IncodeConsentCentered", children: /* @__PURE__ */ n(I, {}) }) });
+  const m = t.text.split(`
+`).filter((a) => a.trim().length > 0).join(" ");
+  return /* @__PURE__ */ n(l, { className: "IncodeConsentPage", hideFooterBranding: !0, hideHeader: !0, children: /* @__PURE__ */ n("div", { class: "IncodeConsentContent", children: [
+    /* @__PURE__ */ n("div", { class: "IncodeConsentBody", children: [
+      /* @__PURE__ */ n("h1", { id: "mandatory-consent-title", class: "IncodeConsentTitle", children: t.title }),
+      /* @__PURE__ */ n("p", { class: "IncodeConsentSubtitle", children: c("biometricConsent.subtitle") }),
+      /* @__PURE__ */ n("div", { class: "IncodeConsentCheckboxList", children: /* @__PURE__ */ n(
+        p,
+        {
+          id: "mandatory-consent-checkbox",
+          class: "IncodeConsentCheckbox",
+          checked: t.isSigned,
+          onChange: () => r.toggle(),
+          label: /* @__PURE__ */ n(
+            "span",
+            {
+              class: "IncodeConsentCheckboxLabel",
+              onClick: (a) => {
+                a.target.closest("a") && a.stopPropagation();
+              },
+              children: /* @__PURE__ */ n(f, { content: m, class: "IncodeRichText" })
+            }
+          )
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ n("div", { class: "IncodeConsentActions", children: [
+      /* @__PURE__ */ n(
+        d,
+        {
+          "data-testid": "mandatory-consent-submit",
+          class: "IncodeConsentButton",
+          onClick: () => r.submit(),
+          disabled: !t.canSubmit,
+          isLoading: t.status === "submitting",
+          children: c("biometricConsent.button.continue")
+        }
+      ),
+      /* @__PURE__ */ n(d, { variant: "link", onClick: () => r.cancel(), children: c("biometricConsent.button.cancel") })
+    ] })
+  ] }) });
+}, x = ({
+  config: o,
+  manager: s,
+  onFinish: i,
+  onError: e
+}) => /* @__PURE__ */ n(u, { children: o ? /* @__PURE__ */ n(
+  k,
+  {
+    config: o,
+    manager: s,
+    onFinish: i,
+    onError: e
+  }
+) : null });
+y(x, "incode-mandatory-consent");
+export {
+  x as MandatoryConsent
+};