@incodetech/web 0.0.0-dev-20260320-c9bdba0 → 0.0.0-dev-20260320-e46eb90

package/dist/flow/styles.css

@@ -3483,6 +3483,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%;
 }
@@ -6368,6 +6404,119 @@
   width: var(--width-finished-subtitle);
 }
 
+.IncodeConsentPage {
+  height: 100%;
+}
+
+.IncodeConsentPage .IncodePageInner {
+  padding: var(--spacing-24, var(--spacing-24, 24px));
+}
+
+.IncodeConsentPage .IncodePageContent {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+}
+
+.IncodeConsentPage .IncodeConsentCentered {
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  display: flex;
+}
+
+.IncodeConsentPage .IncodeConsentContent {
+  height: 100%;
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  justify-content: space-between;
+  gap: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeConsentPage .IncodeConsentBody {
+  min-height: var(--spacing-0, var(--spacing-none, 0px));
+  gap: var(--spacing-16, var(--spacing-16, 16px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+  overflow-y: auto;
+}
+
+.IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup h2, .IncodeConsentPage .IncodeConsentBody .IncodeRichText h2 {
+  margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h2-size);
+  font-weight: var(--typography-headline-h2-weight);
+  line-height: var(--typography-headline-h2-line-height);
+  letter-spacing: var(--typography-headline-h2-letter-spacing);
+}
+
+.IncodeConsentPage .IncodeConsentTitle {
+  font-family: var(--typography-headline-family);
+  font-size: var(--typography-headline-h1-size);
+  font-weight: var(--typography-headline-h1-weight);
+  line-height: var(--typography-headline-h1-line-height);
+  letter-spacing: var(--typography-headline-h1-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeConsentPage .IncodeConsentCheckboxList {
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  display: flex;
+}
+
+.IncodeConsentPage .IncodeConsentCheckbox {
+  border-radius: var(--radius-medium, var(--border-radius-medium));
+  background-color: var(--color-surface-brand-50, var(--surface-brand-50));
+  width: 100%;
+  padding: var(--spacing-16, var(--spacing-16, 16px));
+}
+
+.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxLabel {
+  align-items: flex-start;
+}
+
+.IncodeConsentPage .IncodeConsentCheckbox .IncodeCheckboxText {
+  font-family: var(--typography-checkbox-radio-family);
+  font-size: var(--typography-checkbox-radio-s-size);
+  font-weight: var(--typography-checkbox-radio-s-weight);
+  line-height: var(--typography-checkbox-radio-s-line-height);
+  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
+}
+
+.IncodeConsentPage .IncodeConsentCheckboxLabel {
+  font-family: var(--typography-checkbox-radio-family);
+  font-size: var(--typography-checkbox-radio-s-size);
+  font-weight: var(--typography-checkbox-radio-s-weight);
+  line-height: var(--typography-checkbox-radio-s-line-height);
+  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+}
+
+.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup {
+  display: inline;
+}
+
+.IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup p, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText p {
+  margin-bottom: var(--spacing-0, var(--spacing-none, 0px));
+  font-family: var(--typography-checkbox-radio-family);
+  font-size: var(--typography-checkbox-radio-s-size);
+  font-weight: var(--typography-checkbox-radio-s-weight);
+  line-height: var(--typography-checkbox-radio-s-line-height);
+  letter-spacing: var(--typography-checkbox-radio-s-letter-spacing);
+  display: inline;
+}
+
+.IncodeConsentPage .IncodeCheckboxRequired {
+  margin-left: var(--spacing-0, var(--spacing-none, 0px));
+  color: var(--color-text-body-primary, var(--text-body-800-primary));
+  white-space: nowrap;
+}
+
+.IncodeConsentPage .IncodeConsentButton {
+  width: 100%;
+}
+
 .IncodeVerificationResult .IncodePageContent {
   gap: var(--spacing-16, var(--spacing-16, 16px));
   padding-bottom: var(--spacing-16, var(--spacing-16, 16px));

package/dist/{formField-hlgxOSE6.js → formField-6BHE59Av.js}

@@ -1,11 +1,11 @@
-import { b as N, u as e, B as I } from "./button-zCdeDeEB.js";
-import "./uiConfig-Z6RT23Sl.js";
-import "./vendor-preact-BXf0bkEs.js";
-import { E as y } from "./errorIcon-bIXk9nAy.js";
-import { S as F } from "./successIcon-DN8LMqE2.js";
-import { P as m } from "./page-Dv0s0RPn.js";
-import { S as E } from "./spinner-BbVGMG-G.js";
-import { a as S } from "./inputComposed-CyGtRLzv.js";
+import { b as N, u as e, B as I } from "./button-Yr39X4SE.js";
+import "./uiConfig-CKJmKRCo.js";
+import "./vendor-preact--mDTxXnt.js";
+import { E as y } from "./errorIcon-DOyZZgsP.js";
+import { S as F } from "./successIcon-CjkBWk8J.js";
+import { P as m } from "./page-DO2rYslN.js";
+import { S as E } from "./spinner-Djok6FY8.js";
+import { a as S } from "./inputComposed-n2VIh213.js";
 const A = ({
   status: i,
   submittingTitle: t,

package/dist/geolocation/geolocation.es.js

@@ -1,11 +1,11 @@
-import { u as e, b as Z, S as m, B as M, I as K, a as B } from "../button-zCdeDeEB.js";
+import { u as e, b as Z, S as m, B as M, I as K, a as B } from "../button-Yr39X4SE.js";
 import { createGeolocationManager as I } from "@incodetech/core/geolocation";
-import { k as H, y as P } from "../vendor-preact-BXf0bkEs.js";
+import { k as H, y as P } from "../vendor-preact--mDTxXnt.js";
 import { getBrowser as F, getDeviceClass as O } from "@incodetech/core";
-import "../uiConfig-Z6RT23Sl.js";
-import { P as G } from "../page-Dv0s0RPn.js";
-import { r as A } from "../incodeModule-aE-LkKwM.js";
-import { T as x } from "../Trans-Cm7gi0st.js";
+import "../uiConfig-CKJmKRCo.js";
+import { P as G } from "../page-DO2rYslN.js";
+import { r as A } from "../incodeModule-Bxzkb7nW.js";
+import { T as x } from "../Trans-Bw5n8KhH.js";
 const V = () => /* @__PURE__ */ e(
   "svg",
   {

package/dist/governmentValidation/governmentValidation.es.js

@@ -1,15 +1,15 @@
-import { u as n, I as p, b as m, a as v, S as f } from "../button-zCdeDeEB.js";
+import { u as n, I as p, b as m, a as v, S as f } from "../button-Yr39X4SE.js";
 import { createGovernmentValidationManager as g } from "@incodetech/core/government-validation";
-import "../vendor-preact-BXf0bkEs.js";
+import "../vendor-preact--mDTxXnt.js";
 import "@incodetech/core";
-import "../uiConfig-Z6RT23Sl.js";
-import { E as h } from "../errorIcon-bIXk9nAy.js";
-import { S as c } from "../successIcon-DN8LMqE2.js";
-import { W as I } from "../warningIcon-BBoCroUd.js";
-import { O as V } from "../otpInput-B3iNW8b5.js";
-import { P as r } from "../page-Dv0s0RPn.js";
-import { S as G } from "../spinner-BbVGMG-G.js";
-import { r as S } from "../incodeModule-aE-LkKwM.js";
+import "../uiConfig-CKJmKRCo.js";
+import { E as h } from "../errorIcon-DOyZZgsP.js";
+import { S as c } from "../successIcon-CjkBWk8J.js";
+import { W as I } from "../warningIcon-DgHOtF9T.js";
+import { O as V } from "../otpInput-2bT7uNnk.js";
+import { P as r } from "../page-DO2rYslN.js";
+import { S as G } from "../spinner-Djok6FY8.js";
+import { r as S } from "../incodeModule-Bxzkb7nW.js";
 const a = ({
   variant: i,
   icon: o,

package/dist/id/id.es.js

@@ -1,22 +1,22 @@
-import { u as r, I as u, a as m } from "../button-zCdeDeEB.js";
+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-BXf0bkEs.js";
+import "../vendor-preact--mDTxXnt.js";
 import "@incodetech/core";
-import { P as c } from "../manualCaptureButton-iYqQECzn.js";
-import { r as p } from "../incodeModule-aE-LkKwM.js";
-import { P as l } from "../processing-BhY0-0xy.js";
-import { d as f, c as I, F as a, b as g, e as h, I as C } from "../flipAnimation-CnXEIDH1.js";
-import "../uiConfig-Z6RT23Sl.js";
-import "../spinner-BbVGMG-G.js";
+import { P as c } from "../manualCaptureButton-CtHbJjgz.js";
+import { r as p } from "../incodeModule-Bxzkb7nW.js";
+import { P as l } from "../processing-BGKugkCh.js";
+import { c as f, b as I, F as a, C as g, d as h, I as C } from "../flipAnimation-CJfs4vnz.js";
+import "../uiConfig-CKJmKRCo.js";
+import "../spinner-Djok6FY8.js";
 const F = ({
-  config: e,
-  manager: i,
+  config: i,
+  manager: e,
   onFinish: n,
   onError: o
 }) => {
   const [t, s] = m(
-    () => i ?? d({ config: e }),
-    { manageLifecycle: !i }
+    () => e ?? d({ config: i }),
+    { manageLifecycle: !e }
   );
   return t.status === "idle" || t.status === "loading" ? null : t.status === "chooser" ? /* @__PURE__ */ r(f, { manager: s, state: t }) : t.status === "tutorial" ? /* @__PURE__ */ r(I, { manager: s, state: t }) : t.status === "permissions" ? /* @__PURE__ */ r(
     c,
@@ -25,11 +25,11 @@ const F = ({
       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(l, {}) : 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: /* @__PURE__ */ r("main", { class: "IncodeIdMain", children: e ? /* @__PURE__ */ r(
+}, P = ({ config: i, manager: e, onFinish: n, onError: o }) => /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r("main", { class: "IncodeIdMain", children: i ? /* @__PURE__ */ r(
   F,
   {
-    config: e,
-    manager: i,
+    config: i,
+    manager: e,
     onFinish: n,
     onError: o
   }

package/dist/{incodeModule-aE-LkKwM.js → incodeModule-Bxzkb7nW.js}

@@ -1,4 +1,4 @@
-import { _ as l, J as y, G as d, K as m, k as C } from "./vendor-preact-BXf0bkEs.js";
+import { _ as l, J as y, G as d, K as m, k as C } from "./vendor-preact--mDTxXnt.js";
 function c() {
   return c = Object.assign ? Object.assign.bind() : function(t) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/index.es.js

@@ -1,8 +1,8 @@
 import { setup as p } from "@incodetech/core";
 import { DEFAULT_WASM_VERSION as O } from "@incodetech/core";
-import "./vendor-preact-BXf0bkEs.js";
-import { s as c, c as m, b as f } from "./uiConfig-Z6RT23Sl.js";
-import { u as _ } from "./uiConfig-Z6RT23Sl.js";
+import "./vendor-preact--mDTxXnt.js";
+import { s as c, c as m, b as f } from "./uiConfig-CKJmKRCo.js";
+import { u as _ } from "./uiConfig-CKJmKRCo.js";
 async function S({
   apiURL: e,
   token: s,

package/dist/{inputComposed-CyGtRLzv.js → inputComposed-n2VIh213.js}

@@ -1,8 +1,8 @@
-import { u as o, d as m } from "./button-zCdeDeEB.js";
-import { D as u } from "./vendor-preact-BXf0bkEs.js";
-import { C as W } from "./closeIcon-D2dmrZca.js";
-import { E as y } from "./errorIcon-bIXk9nAy.js";
-import { S as E } from "./successIcon-DN8LMqE2.js";
+import { u as o, d as m } from "./button-Yr39X4SE.js";
+import { D as u } from "./vendor-preact--mDTxXnt.js";
+import { C as W } from "./closeIcon-DrD_JWne.js";
+import { E as y } from "./errorIcon-DOyZZgsP.js";
+import { S as E } from "./successIcon-CjkBWk8J.js";
 const w = u((e, n) => {
   const { class: a, type: s = "text", ...r } = e;
   return /* @__PURE__ */ o(

package/dist/{manualCaptureButton-iYqQECzn.js → manualCaptureButton-CtHbJjgz.js}

@@ -1,13 +1,13 @@
-import { u as t, d as S, B as c, b as p } from "./button-zCdeDeEB.js";
-import { A as Z, y as g, _ as e, k as T, D } from "./vendor-preact-BXf0bkEs.js";
-import { P as m } from "./page-Dv0s0RPn.js";
+import { u as t, d as S, B as c, b as p } from "./button-Yr39X4SE.js";
+import { A as Z, y as g, _ as e, k as T, D } from "./vendor-preact--mDTxXnt.js";
+import { P as m } from "./page-DO2rYslN.js";
 import { getBrowser as P, getDeviceClass as O } from "@incodetech/core";
-import "./uiConfig-Z6RT23Sl.js";
-import { c as b, T as F, d as A, S as U } from "./spinner-BbVGMG-G.js";
-import { T as R } from "./Trans-Cm7gi0st.js";
-import { W as k } from "./warningIcon-BBoCroUd.js";
-import { C as G } from "./closeIcon-D2dmrZca.js";
-import { u as N } from "./useMediaQuery-CiSMgDyi.js";
+import "./uiConfig-CKJmKRCo.js";
+import { c as b, T as F, d as A, S as U } from "./spinner-Djok6FY8.js";
+import { T as R } from "./Trans-Bw5n8KhH.js";
+import { W as k } from "./warningIcon-DgHOtF9T.js";
+import { C as G } from "./closeIcon-DrD_JWne.js";
+import { u as N } from "./useMediaQuery-DSN9IIfj.js";
 let v = null;
 function W() {
   return v || (v = new Promise((i, C) => {

package/dist/{otpInput-B3iNW8b5.js → otpInput-2bT7uNnk.js}

@@ -1,7 +1,7 @@
-import { b as P, u as e, S as O, B as b } from "./button-zCdeDeEB.js";
-import { d as D, A as g, y as m } from "./vendor-preact-BXf0bkEs.js";
-import { a as M } from "./inputComposed-CyGtRLzv.js";
-import "./uiConfig-Z6RT23Sl.js";
+import { b as P, u as e, S as O, B as b } from "./button-Yr39X4SE.js";
+import { d as D, A as g, y as m } from "./vendor-preact--mDTxXnt.js";
+import { a as M } from "./inputComposed-n2VIh213.js";
+import "./uiConfig-CKJmKRCo.js";
 const s = 6, N = (r) => {
   const u = Math.floor(r / 60), a = r % 60;
   return `${u}:${a.toString().padStart(2, "0")}`;

package/dist/{page-Dv0s0RPn.js → page-DO2rYslN.js}

@@ -1,5 +1,5 @@
-import { c as f, u as e, S as i, V as m, i as p } from "./button-zCdeDeEB.js";
-import { A as S, y as v, k as c } from "./vendor-preact-BXf0bkEs.js";
+import { c as f, u as e, S as i, V as m, i as p } from "./button-Yr39X4SE.js";
+import { A as S, y as v, k as c } from "./vendor-preact--mDTxXnt.js";
 const L = ({
   title: a,
   titleId: r,

package/dist/phone/phone.es.js

@@ -1,12 +1,12 @@
-import { u as e, I as b, b as O, a as I, S as C, B as E } from "../button-zCdeDeEB.js";
+import { u as e, I as b, b as O, a as I, S as C, B as E } from "../button-Yr39X4SE.js";
 import { createPhoneManager as S } from "@incodetech/core/phone";
-import { d as v } from "../vendor-preact-BXf0bkEs.js";
-import "../uiConfig-Z6RT23Sl.js";
+import { d as v } from "../vendor-preact--mDTxXnt.js";
+import "../uiConfig-CKJmKRCo.js";
 import "@incodetech/core";
-import { O as y } from "../otpInput-B3iNW8b5.js";
-import { P as m } from "../page-Dv0s0RPn.js";
-import { r as w } from "../incodeModule-aE-LkKwM.js";
-import { PhoneInput as k } from "../phoneInput-NVIE7YFb.js";
+import { O as y } from "../otpInput-2bT7uNnk.js";
+import { P as m } from "../page-DO2rYslN.js";
+import { r as w } from "../incodeModule-Bxzkb7nW.js";
+import { PhoneInput as k } from "../phoneInput-B7gKhoUa.js";
 const B = ({
   config: n,
   manager: r,

package/dist/{phoneInput-NVIE7YFb.js → phoneInput-B7gKhoUa.js}

@@ -1,7 +1,7 @@
-import { u as n, S } from "./button-zCdeDeEB.js";
-import { d as p, A as D, y as u, k as $ } from "./vendor-preact-BXf0bkEs.js";
+import { u as n, S } from "./button-Yr39X4SE.js";
+import { d as p, A as D, y as u, k as $ } from "./vendor-preact--mDTxXnt.js";
 import { g as b, c as g } from "./countries-DfLkrF0x.js";
-import { C as z } from "./chevronDown-DRVnB275.js";
+import { C as z } from "./chevronDown-CsZysK60.js";
 import { p as k, A } from "./AsYouType-D1H_js4X.js";
 const M = ({
   countryCode: P,