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

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 (50) hide show
  1. package/dist/{Trans-Cm7gi0st.js → Trans-Bw5n8KhH.js} +2 -2
  2. package/dist/{addressAutocomplete-BIQwiDWk.js → addressAutocomplete-D7g-naeA.js} +6 -6
  3. package/dist/authentication/authentication.es.js +5 -5
  4. package/dist/base.css +93 -0
  5. package/dist/{button-zCdeDeEB.js → button-Yr39X4SE.js} +2 -2
  6. package/dist/{captureFooter-SNtyUXrI.js → captureFooter-Dum5qpdZ.js} +4 -4
  7. package/dist/checkbox-BkW6ZbEQ.js +137 -0
  8. package/dist/{chevronDown-DRVnB275.js → chevronDown-CsZysK60.js} +1 -1
  9. package/dist/{closeIcon-D2dmrZca.js → closeIcon-DrD_JWne.js} +1 -1
  10. package/dist/consent/consent.es.js +1889 -0
  11. package/dist/consent/styles.css +113 -0
  12. package/dist/curp-validation/curp-validation.es.js +11 -11
  13. package/dist/{dateInputComposed-C8WTSu9L.js → dateInputComposed-CjfYBUJj.js} +4 -4
  14. package/dist/{documentCapture-DWNK3phM.js → documentCapture-DGJU-4sT.js} +10 -10
  15. package/dist/{dropdownComposed-Cg6lQD2C.js → dropdownComposed-DLZ4R_VD.js} +5 -5
  16. package/dist/{ekybModule-DtMbgF08.js → ekybModule-CnuxaZ9k.js} +10 -10
  17. package/dist/{ekycModule-DEMkVZr2.js → ekycModule-BggwsBOH.js} +11 -11
  18. package/dist/email/email.es.js +6 -6
  19. package/dist/{errorContent-B3YzH-UQ.js → errorContent-LcOhVnBZ.js} +6 -6
  20. package/dist/{errorIcon-bIXk9nAy.js → errorIcon-DOyZZgsP.js} +1 -1
  21. package/dist/extensibility.es.js +56 -55
  22. package/dist/{faceMatch-BdMwIeBs.js → faceMatch-C5Sgst55.js} +5 -5
  23. package/dist/{fileIcon-E4B7hd8V.js → fileIcon--4cgz7hZ.js} +1 -1
  24. package/dist/{flipAnimation-CnXEIDH1.js → flipAnimation-CJfs4vnz.js} +379 -509
  25. package/dist/flow/flow.es.js +290 -275
  26. package/dist/flow/styles.css +149 -0
  27. package/dist/{formField-hlgxOSE6.js → formField-6BHE59Av.js} +8 -8
  28. package/dist/geolocation/geolocation.es.js +6 -6
  29. package/dist/governmentValidation/governmentValidation.es.js +10 -10
  30. package/dist/id/id.es.js +15 -15
  31. package/dist/{incodeModule-aE-LkKwM.js → incodeModule-Bxzkb7nW.js} +1 -1
  32. package/dist/index.es.js +3 -3
  33. package/dist/{inputComposed-CyGtRLzv.js → inputComposed-n2VIh213.js} +5 -5
  34. package/dist/{manualCaptureButton-iYqQECzn.js → manualCaptureButton-CtHbJjgz.js} +9 -9
  35. package/dist/{otpInput-B3iNW8b5.js → otpInput-2bT7uNnk.js} +4 -4
  36. package/dist/{page-Dv0s0RPn.js → page-DO2rYslN.js} +2 -2
  37. package/dist/phone/phone.es.js +7 -7
  38. package/dist/{phoneInput-NVIE7YFb.js → phoneInput-B7gKhoUa.js} +3 -3
  39. package/dist/{phoneInputComposed-DNfU__MR.js → phoneInputComposed-C66n6e7L.js} +114 -100
  40. package/dist/{processing-BhY0-0xy.js → processing-BGKugkCh.js} +4 -4
  41. package/dist/selfie/selfie.es.js +6 -6
  42. package/dist/{spinner-BbVGMG-G.js → spinner-Djok6FY8.js} +2 -2
  43. package/dist/{successIcon-DN8LMqE2.js → successIcon-CjkBWk8J.js} +1 -1
  44. package/dist/{tutorial-CDJugc5j.js → tutorial-Dptz5zyj.js} +8 -8
  45. package/dist/types/consent.d.ts +36 -0
  46. package/dist/{uiConfig-Z6RT23Sl.js → uiConfig-CKJmKRCo.js} +1 -1
  47. package/dist/{useMediaQuery-CiSMgDyi.js → useMediaQuery-DSN9IIfj.js} +1 -1
  48. package/dist/{vendor-preact-BXf0bkEs.js → vendor-preact--mDTxXnt.js} +2 -1
  49. package/dist/{warningIcon-BBoCroUd.js → warningIcon-DgHOtF9T.js} +1 -1
  50. package/package.json +12 -2
@@ -1,5 +1,5 @@
1
- import { u as n, b as T } from "./button-zCdeDeEB.js";
2
- import { K as m, k as w } from "./vendor-preact-BXf0bkEs.js";
1
+ import { u as n, b as T } from "./button-Yr39X4SE.js";
2
+ import { K as m, k as w } from "./vendor-preact--mDTxXnt.js";
3
3
  const v = ({ class: l }) => /* @__PURE__ */ n(
4
4
  "svg",
5
5
  {
@@ -1,10 +1,10 @@
1
- import { d, y as M, A as F, q as K } from "./vendor-preact-BXf0bkEs.js";
2
- import { b as Q, u as l } from "./button-zCdeDeEB.js";
3
- import "./uiConfig-Z6RT23Sl.js";
4
- import { t as R } from "./formField-hlgxOSE6.js";
5
- import { a as q } from "./inputComposed-CyGtRLzv.js";
1
+ import { d, y as M, A as F, q as K } from "./vendor-preact--mDTxXnt.js";
2
+ import { b as Q, u as l } from "./button-Yr39X4SE.js";
3
+ import "./uiConfig-CKJmKRCo.js";
4
+ import { t as R } from "./formField-6BHE59Av.js";
5
+ import { a as q } from "./inputComposed-n2VIh213.js";
6
6
  import "@incodetech/core";
7
- import { u as z } from "./useMediaQuery-CiSMgDyi.js";
7
+ import { u as z } from "./useMediaQuery-DSN9IIfj.js";
8
8
  function J(c, f) {
9
9
  const [A, h] = d(!1);
10
10
  return M(() => {
@@ -1,10 +1,10 @@
1
- import { u as e, I as o, a as m } from "../button-zCdeDeEB.js";
1
+ import { u as e, I as o, a as m } from "../button-Yr39X4SE.js";
2
2
  import { createAuthenticationManager as l } from "@incodetech/core/authentication";
3
- import "../vendor-preact-BXf0bkEs.js";
3
+ import "../vendor-preact--mDTxXnt.js";
4
4
  import "@incodetech/core";
5
- import { P as c } from "../manualCaptureButton-iYqQECzn.js";
6
- import { r as p } from "../incodeModule-aE-LkKwM.js";
7
- import { T as f, C as d } from "../tutorial-CDJugc5j.js";
5
+ import { P as c } from "../manualCaptureButton-CtHbJjgz.js";
6
+ import { r as p } from "../incodeModule-Bxzkb7nW.js";
7
+ import { T as f, C as d } from "../tutorial-Dptz5zyj.js";
8
8
  const h = ({
9
9
  config: r,
10
10
  authHint: s,
package/dist/base.css CHANGED
@@ -2252,6 +2252,36 @@
2252
2252
  height: 840px;
2253
2253
  }
2254
2254
  }
2255
+ @media (min-width: 40rem) {
2256
+ .IncodePageContainer .IncodePageInner {
2257
+ max-width: 40rem;
2258
+ }
2259
+ }
2260
+ @media (min-width: 48rem) {
2261
+ .IncodePageContainer .IncodePageInner {
2262
+ max-width: 48rem;
2263
+ }
2264
+ }
2265
+ @media (min-width: 64rem) {
2266
+ .IncodePageContainer .IncodePageInner {
2267
+ max-width: 64rem;
2268
+ }
2269
+ }
2270
+ @media (min-width: 80rem) {
2271
+ .IncodePageContainer .IncodePageInner {
2272
+ max-width: 80rem;
2273
+ }
2274
+ }
2275
+ @media (min-width: 96rem) {
2276
+ .IncodePageContainer .IncodePageInner {
2277
+ max-width: 96rem;
2278
+ }
2279
+ }
2280
+ @media (min-width: 48rem) {
2281
+ .IncodePageContainer .IncodePageInner {
2282
+ height: 840px;
2283
+ }
2284
+ }
2255
2285
  .IncodePageContainer .IncodePageInner {
2256
2286
  width: 100%;
2257
2287
  }
@@ -3013,6 +3043,69 @@
3013
3043
  line-height: var(--typography-headline-h2-line-height);
3014
3044
  letter-spacing: var(--typography-headline-h2-letter-spacing);
3015
3045
  }
3046
+ .IncodeRichText, .IncodeRichText .markup {
3047
+ font-family: var(--typography-body-family);
3048
+ font-size: var(--typography-body-m-regular-size);
3049
+ font-weight: var(--typography-body-m-regular-weight);
3050
+ line-height: var(--typography-body-m-regular-line-height);
3051
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
3052
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
3053
+ }
3054
+ .IncodeRichText .markup h1 {
3055
+ margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
3056
+ font-family: var(--typography-headline-family);
3057
+ font-size: var(--typography-headline-h1-size);
3058
+ font-weight: var(--typography-headline-h1-weight);
3059
+ line-height: var(--typography-headline-h1-line-height);
3060
+ letter-spacing: var(--typography-headline-h1-letter-spacing);
3061
+ }
3062
+ .IncodeRichText .markup h2 {
3063
+ margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
3064
+ font-family: var(--typography-headline-family);
3065
+ font-size: var(--typography-headline-h2-size);
3066
+ font-weight: var(--typography-headline-h2-weight);
3067
+ line-height: var(--typography-headline-h2-line-height);
3068
+ letter-spacing: var(--typography-headline-h2-letter-spacing);
3069
+ }
3070
+ .IncodeRichText .markup h3 {
3071
+ margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
3072
+ font-family: var(--typography-headline-family);
3073
+ font-size: var(--typography-headline-h3-size);
3074
+ font-weight: var(--typography-headline-h3-weight);
3075
+ line-height: var(--typography-headline-h3-line-height);
3076
+ letter-spacing: var(--typography-headline-h3-letter-spacing);
3077
+ }
3078
+ .IncodeRichText .markup p {
3079
+ margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
3080
+ font-family: var(--typography-body-family);
3081
+ font-size: var(--typography-body-m-regular-size);
3082
+ font-weight: var(--typography-body-m-regular-weight);
3083
+ line-height: var(--typography-body-m-regular-line-height);
3084
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
3085
+ }
3086
+ .IncodeRichText .markup ul {
3087
+ margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
3088
+ padding-left: var(--spacing-20, var(--spacing-20, 20px));
3089
+ list-style-type: disc;
3090
+ }
3091
+ .IncodeRichText .markup ol {
3092
+ margin-bottom: var(--spacing-12, var(--spacing-12, 12px));
3093
+ padding-left: var(--spacing-20, var(--spacing-20, 20px));
3094
+ list-style-type: decimal;
3095
+ }
3096
+ .IncodeRichText .markup a {
3097
+ font-family: var(--typography-link-family);
3098
+ font-size: var(--typography-link-m-bold-size);
3099
+ font-weight: var(--typography-link-m-bold-weight);
3100
+ line-height: var(--typography-link-m-bold-line-height);
3101
+ letter-spacing: var(--typography-link-m-bold-letter-spacing);
3102
+ color: var(--color-text-link-default, var(--text-link-default));
3103
+ text-decoration-line: underline;
3104
+ }
3105
+ .IncodeRichText .markup hr {
3106
+ margin-block: var(--spacing-16, var(--spacing-16, 16px));
3107
+ border-color: var(--color-border-neutral-300, var(--border-neutral-300));
3108
+ }
3016
3109
  .IncodePermissionsPage {
3017
3110
  background-color: var(--color-surface-neutral-900-static, var(--surface-neutral-900-static));
3018
3111
  margin: auto;
@@ -1,6 +1,6 @@
1
- import { d as l, y as f, l as I, $ as V, A as v, D as S, k as m } from "./vendor-preact-BXf0bkEs.js";
1
+ import { d as l, y as f, l as I, $ as V, A as v, D as S, k as m } from "./vendor-preact--mDTxXnt.js";
2
2
  import { isIPad as y } from "@incodetech/core";
3
- import { g as M, u as Z, a as w } from "./uiConfig-Z6RT23Sl.js";
3
+ import { g as M, u as Z, a as w } from "./uiConfig-CKJmKRCo.js";
4
4
  function q(e, n = {}) {
5
5
  const { autoLoad: C = !0, manageLifecycle: r = !0 } = n, [t] = l(e), [i, c] = l(
6
6
  () => t.getState()
@@ -1,7 +1,7 @@
1
- import { u as e, d, S as v, b as m, B as I } from "./button-zCdeDeEB.js";
2
- import { k as w, D as f, A as C, y as u } from "./vendor-preact-BXf0bkEs.js";
3
- import { T as y } from "./spinner-BbVGMG-G.js";
4
- import "./uiConfig-Z6RT23Sl.js";
1
+ import { u as e, d, S as v, b as m, B as I } from "./button-Yr39X4SE.js";
2
+ import { k as w, D as f, A as C, y as u } from "./vendor-preact--mDTxXnt.js";
3
+ import { T as y } from "./spinner-Djok6FY8.js";
4
+ import "./uiConfig-CKJmKRCo.js";
5
5
  const g = ({
6
6
  className: r
7
7
  }) => /* @__PURE__ */ e(
@@ -0,0 +1,137 @@
1
+ import { u as e, d as a } from "./button-Yr39X4SE.js";
2
+ import { D as R, d as S } from "./vendor-preact--mDTxXnt.js";
3
+ import { E as j } from "./errorIcon-DOyZZgsP.js";
4
+ const q = ({ size: c = 28 }) => /* @__PURE__ */ e(
5
+ "svg",
6
+ {
7
+ width: c,
8
+ height: c,
9
+ viewBox: "0 0 28 28",
10
+ fill: "none",
11
+ xmlns: "http://www.w3.org/2000/svg",
12
+ "aria-hidden": "true",
13
+ children: [
14
+ /* @__PURE__ */ e("title", { children: "checkmark" }),
15
+ /* @__PURE__ */ e(
16
+ "path",
17
+ {
18
+ "fill-rule": "evenodd",
19
+ "clip-rule": "evenodd",
20
+ d: "M19.3321 10.2929C19.7226 10.6834 19.7226 11.3166 19.3321 11.7071L13.3321 17.7071C12.9416 18.0976 12.3084 18.0976 11.9179 17.7071L9.29289 15.0821C8.90237 14.6916 8.90237 14.0584 9.29289 13.6679C9.68342 13.2774 10.3166 13.2774 10.7071 13.6679L12.625 15.5858L17.9179 10.2929C18.3084 9.90237 18.9416 9.90237 19.3321 10.2929Z",
21
+ fill: "var(--checkbox-icon-default)"
22
+ }
23
+ )
24
+ ]
25
+ }
26
+ ), z = R(
27
+ ({
28
+ id: c,
29
+ label: l,
30
+ size: t = "m",
31
+ checked: i,
32
+ defaultChecked: h,
33
+ disabled: b = !1,
34
+ required: n = !1,
35
+ name: u,
36
+ value: f,
37
+ onChange: m,
38
+ error: o,
39
+ helper: d,
40
+ showErrorIcon: g = !0,
41
+ class: x,
42
+ "aria-label": w,
43
+ "aria-labelledby": C,
44
+ "aria-describedby": T,
45
+ "aria-invalid": y,
46
+ ...D
47
+ }, L) => {
48
+ const [E, M] = S(!!h), r = i !== void 0, k = r ? !!i : E, s = !!b, V = !!n, $ = typeof x == "string" ? x : void 0, W = (v) => {
49
+ r || M(v.target.checked), m?.(v);
50
+ }, p = d ? `${c}-helper` : void 0, I = o ? `${c}-error` : void 0, B = [T, I, p].filter(Boolean).join(" ") || void 0;
51
+ return /* @__PURE__ */ e("div", { class: a("IncodeCheckbox", $), children: [
52
+ /* @__PURE__ */ e(
53
+ "label",
54
+ {
55
+ class: a("IncodeCheckboxLabel", {
56
+ IncodeCheckboxLabelDisabled: s
57
+ }),
58
+ htmlFor: c,
59
+ children: [
60
+ /* @__PURE__ */ e("div", { class: "relative inline-flex", children: [
61
+ /* @__PURE__ */ e(
62
+ "input",
63
+ {
64
+ ref: L,
65
+ type: "checkbox",
66
+ class: "IncodeCheckboxInput",
67
+ id: c,
68
+ name: u,
69
+ value: f,
70
+ ...r ? { checked: i } : { defaultChecked: h },
71
+ disabled: b,
72
+ required: n,
73
+ onChange: W,
74
+ "aria-label": w,
75
+ "aria-labelledby": C,
76
+ "aria-describedby": B,
77
+ "aria-invalid": y || !!o,
78
+ "aria-required": V,
79
+ ...D
80
+ }
81
+ ),
82
+ /* @__PURE__ */ e(
83
+ "div",
84
+ {
85
+ class: a("IncodeCheckboxVisual", {
86
+ IncodeCheckboxVisualChecked: k,
87
+ IncodeCheckboxVisualDisabled: s,
88
+ IncodeCheckboxVisualError: !!o
89
+ }),
90
+ children: k && /* @__PURE__ */ e(q, { size: 28 })
91
+ }
92
+ )
93
+ ] }),
94
+ l && /* @__PURE__ */ e(
95
+ "span",
96
+ {
97
+ class: a("IncodeCheckboxText", {
98
+ IncodeCheckboxTextS: t === "s",
99
+ IncodeCheckboxTextM: t === "m",
100
+ IncodeCheckboxTextDisabled: s
101
+ }),
102
+ "aria-hidden": C ? "true" : void 0,
103
+ children: [
104
+ l,
105
+ n && /* @__PURE__ */ e("span", { class: "IncodeCheckboxRequired", "aria-hidden": "true", children: "*" })
106
+ ]
107
+ }
108
+ )
109
+ ]
110
+ }
111
+ ),
112
+ o && /* @__PURE__ */ e(
113
+ "div",
114
+ {
115
+ class: "IncodeCheckboxMessageWrapper",
116
+ "data-testid": `${c}-error-wrapper`,
117
+ children: [
118
+ g && /* @__PURE__ */ e("div", { class: "IncodeCheckboxIconWrapper", children: /* @__PURE__ */ e(j, { size: 17 }) }),
119
+ /* @__PURE__ */ e("p", { id: I, class: "IncodeCheckboxErrorText", children: o })
120
+ ]
121
+ }
122
+ ),
123
+ d && !o && /* @__PURE__ */ e(
124
+ "div",
125
+ {
126
+ class: "IncodeCheckboxMessageWrapper",
127
+ "data-testid": `${c}-helper-wrapper`,
128
+ children: /* @__PURE__ */ e("p", { id: p, class: "IncodeCheckboxHelperText", children: d })
129
+ }
130
+ )
131
+ ] });
132
+ }
133
+ );
134
+ export {
135
+ z as C,
136
+ q as a
137
+ };
@@ -1,4 +1,4 @@
1
- import { u as o } from "./button-zCdeDeEB.js";
1
+ import { u as o } from "./button-Yr39X4SE.js";
2
2
  const e = ({ class: r }) => /* @__PURE__ */ o(
3
3
  "svg",
4
4
  {
@@ -1,4 +1,4 @@
1
- import { u as e } from "./button-zCdeDeEB.js";
1
+ import { u as e } from "./button-Yr39X4SE.js";
2
2
  const C = ({
3
3
  width: l = 14,
4
4
  height: o = 14,