@incodetech/web 0.0.0-dev-20260311-e7ef89b → 0.0.0-dev-20260311-787552e

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.
@@ -115,6 +115,10 @@
115
115
  background-color: var(--color-input-surface-active, var(--input-surface-active));
116
116
  }
117
117
 
118
+ .IncodeDateInputComposedInput[aria-invalid="true"] {
119
+ border-color: var(--color-input-border-negative, var(--input-border-negative));
120
+ }
121
+
118
122
  .IncodeDateInputComposedInput:disabled {
119
123
  cursor: not-allowed;
120
124
  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
@@ -3,7 +3,7 @@ import { SUPPORTED_COUNTRIES as I, DEV_ONLY_COUNTRIES as R, createEkybManager as
3
3
  import { T as w, y as v, A as L, k as A } from "./vendor-preact-DP-hbKuj.js";
4
4
  import "./uiConfig-B8PUPgHY.js";
5
5
  import "@incodetech/core";
6
- import { F as P, V as E, u as O } from "./verificationResult-DNP30nAT.js";
6
+ import { F as P, V as E, u as O } from "./verificationResult-BfLzIvM8.js";
7
7
  import { P as T } from "./page-Bdz8JP3P.js";
8
8
  import { D as f, I as N } from "./dropdownComposed-DgA0fNAh.js";
9
9
  function B(e) {
@@ -3,19 +3,19 @@ import { createEkycManager as z } from "@incodetech/core/ekyc";
3
3
  import { d as w, A as x, T as R, y as F, q as M } from "./vendor-preact-DP-hbKuj.js";
4
4
  import "./uiConfig-B8PUPgHY.js";
5
5
  import "@incodetech/core";
6
- import { V as D, u as G, F as Y } from "./verificationResult-DNP30nAT.js";
6
+ import { V as D, u as G, F as Y } from "./verificationResult-BfLzIvM8.js";
7
7
  import { D as J } from "./dateInputComposed-Badm2Tzx.js";
8
8
  import { I as B, D as K } from "./dropdownComposed-DgA0fNAh.js";
9
9
  import { P as X } from "./page-Bdz8JP3P.js";
10
10
  import { c as Z, g as L, p as V, A as T } from "./countries-DDCxQhGs.js";
11
11
  import { u as ee } from "./useMediaQuery-Rn91JcLv.js";
12
12
  const te = ({
13
- id: f,
13
+ id: I,
14
14
  label: c,
15
15
  countryCode: y = "US",
16
16
  value: l,
17
17
  placeholder: r = "(123) 123-6789",
18
- error: I,
18
+ error: f,
19
19
  disabled: k = !1,
20
20
  disableCountrySelector: S = !1,
21
21
  required: $,
@@ -71,7 +71,7 @@ const te = ({
71
71
  _(n), e(s, i);
72
72
  },
73
73
  [i, e]
74
- ), u = `${f}-country`, m = `${f}-phone`;
74
+ ), u = `${I}-country`, m = `${I}-phone`;
75
75
  return /* @__PURE__ */ t(
76
76
  K,
77
77
  {
@@ -80,7 +80,7 @@ const te = ({
80
80
  options: C,
81
81
  value: a,
82
82
  onChange: d,
83
- error: I,
83
+ error: f,
84
84
  disabled: k || S,
85
85
  required: $,
86
86
  searchable: !0,
@@ -98,7 +98,7 @@ const te = ({
98
98
  value: v,
99
99
  onInput: h,
100
100
  placeholder: r,
101
- error: I,
101
+ error: f,
102
102
  disabled: k,
103
103
  suppressMessages: !0,
104
104
  "aria-label": "Phone number",
@@ -108,17 +108,17 @@ const te = ({
108
108
  }
109
109
  );
110
110
  }, oe = ({
111
- label: f,
111
+ label: I,
112
112
  value: c,
113
113
  error: y,
114
114
  suggestions: l,
115
115
  readonly: r,
116
- optional: I,
116
+ optional: f,
117
117
  onChange: k,
118
118
  onSearch: S,
119
119
  onSelect: $
120
120
  }) => {
121
- const { t: b } = O(), [N, a] = w(!1), [A, v] = w(!1), [_, E] = w(""), [C, i] = w(-1), e = x(null), d = "ekyc-address-listbox", h = ee(), u = b(f), m = I ? `${u} (${b("common.optional")})` : u;
121
+ const { t: b } = O(), [N, a] = w(!1), [A, v] = w(!1), [_, E] = w(""), [C, i] = w(-1), e = x(null), d = "ekyc-address-listbox", h = ee(), u = b(I), m = f ? `${u} (${b("common.optional")})` : u;
122
122
  F(() => {
123
123
  function n(p) {
124
124
  e.current && !e.current.contains(p.target) && a(!1);
@@ -234,8 +234,8 @@ const te = ({
234
234
  ] })
235
235
  ] }) })
236
236
  ] });
237
- }, se = ({ config: f, onFinish: c, onError: y }) => {
238
- const { t: l } = O(), [r, I] = U(() => z({ config: f }));
237
+ }, se = ({ config: I, onFinish: c, onError: y }) => {
238
+ const { t: l } = O(), [r, f] = U(() => z({ config: I }));
239
239
  F(() => {
240
240
  (r.status === "finished" || r.status === "closed") && c?.();
241
241
  }, [r.status, c]);
@@ -252,30 +252,30 @@ const te = ({
252
252
  D,
253
253
  {
254
254
  status: "failure",
255
- onRetry: () => I.retry(),
256
- onSkip: () => I.skip()
255
+ onRetry: () => f.retry(),
256
+ onSkip: () => f.skip()
257
257
  }
258
258
  ) : r.status === "misconfigured" ? /* @__PURE__ */ t(
259
259
  D,
260
260
  {
261
261
  status: "failure",
262
262
  failureTitle: l("verification.noFormFields"),
263
- onSkip: () => I.close(),
263
+ onSkip: () => f.close(),
264
264
  skipLabel: l("common.close")
265
265
  }
266
- ) : r.status === "form" ? /* @__PURE__ */ t(ne, { state: r, manager: I }) : null;
267
- }, ne = ({ state: f, manager: c }) => {
266
+ ) : r.status === "form" ? /* @__PURE__ */ t(ne, { state: r, manager: f }) : null;
267
+ }, ne = ({ state: I, manager: c }) => {
268
268
  const {
269
269
  fields: y,
270
270
  values: l,
271
271
  displayErrors: r,
272
- errorParams: I,
272
+ errorParams: f,
273
273
  isValid: k,
274
274
  addressSuggestions: S,
275
275
  prefilled: $,
276
276
  hideEmail: b,
277
277
  fieldsCountry: N
278
- } = f, { t: a } = O(), A = x(null), v = x(null), _ = x(void 0), E = G(A, y.length);
278
+ } = I, { t: a } = O(), A = x(null), v = x(null), _ = x(void 0), E = G(A, y.length);
279
279
  F(() => {
280
280
  const e = r.postalCode, d = _.current;
281
281
  if (_.current = e, !e || d === e)
@@ -398,8 +398,8 @@ const te = ({
398
398
  {
399
399
  type: "radio",
400
400
  name: e.name,
401
- value: o.value,
402
401
  checked: u === o.value,
402
+ value: o.value,
403
403
  onChange: () => c.setField(e.name, o.value),
404
404
  disabled: h
405
405
  }
@@ -424,11 +424,12 @@ const te = ({
424
424
  label: e.label,
425
425
  value: u,
426
426
  error: m,
427
- errorParams: I[e.name],
427
+ errorParams: f[e.name],
428
428
  type: e.type,
429
429
  placeholder: e.placeholder,
430
430
  placeholderParams: e.placeholderParams,
431
431
  required: e.required,
432
+ optional: e.optional,
432
433
  readonly: h,
433
434
  maxLength: e.maxLength,
434
435
  onChange: (o, s) => c.setField(o, s)
@@ -453,10 +454,10 @@ const te = ({
453
454
  ] })
454
455
  ] });
455
456
  }, ae = ({
456
- config: f,
457
+ config: I,
457
458
  onFinish: c,
458
459
  onError: y
459
- }) => /* @__PURE__ */ t(H, { children: f ? /* @__PURE__ */ t(se, { config: f, onFinish: c, onError: y }) : null });
460
+ }) => /* @__PURE__ */ t(H, { children: I ? /* @__PURE__ */ t(se, { config: I, onFinish: c, onError: y }) : null });
460
461
  W(ae, "incode-ekyc");
461
462
  export {
462
463
  ae as EkycModule
@@ -147,8 +147,8 @@ const T = () => import("../id/id.es.js").then((e) => e.Id), F = {
147
147
  (e) => e.GovernmentValidation
148
148
  ),
149
149
  GEOLOCATION: () => import("../geolocation/geolocation.es.js").then((e) => e.Geolocation),
150
- EXTERNAL_VERIFICATION: () => import("../ekycModule-DlnEKSR8.js").then((e) => e.EkycModule),
151
- EKYB: () => import("../ekybModule-C0QO-CSj.js").then((e) => e.EkybModule),
150
+ EXTERNAL_VERIFICATION: () => import("../ekycModule-Cjz7YQmu.js").then((e) => e.EkycModule),
151
+ EKYB: () => import("../ekybModule-DexnANPQ.js").then((e) => e.EkybModule),
152
152
  DOCUMENT_CAPTURE: () => import("../documentCapture-ChFrtfzB.js").then(
153
153
  (e) => e.DocumentCapture
154
154
  ),
@@ -4475,6 +4475,10 @@
4475
4475
  background-color: var(--color-input-surface-active, var(--input-surface-active));
4476
4476
  }
4477
4477
 
4478
+ .IncodeDateInputComposedInput[aria-invalid="true"] {
4479
+ border-color: var(--color-input-border-negative, var(--input-border-negative));
4480
+ }
4481
+
4478
4482
  .IncodeDateInputComposedInput:disabled {
4479
4483
  cursor: not-allowed;
4480
4484
  border-color: var(--color-input-border-disabled, var(--input-border-disabled));
@@ -1,16 +1,16 @@
1
1
  import { d as g, y as F } from "./vendor-preact-DP-hbKuj.js";
2
- import { b as h, u as e, B as I } from "./incodeModule-7zNv7YeX.js";
2
+ import { b as I, u as e, B as v } from "./incodeModule-7zNv7YeX.js";
3
3
  import "./uiConfig-B8PUPgHY.js";
4
4
  import { I as S } from "./dropdownComposed-DgA0fNAh.js";
5
5
  import { S as y, E as k } from "./successIcon-BPe0Wymn.js";
6
6
  import { P as f } from "./page-Bdz8JP3P.js";
7
7
  import { S as z } from "./spinner-BknkxcID.js";
8
8
  function H(i, o) {
9
- const [a, n] = g(!1);
9
+ const [a, s] = g(!1);
10
10
  return F(() => {
11
11
  const t = i.current;
12
12
  if (!t) return;
13
- const c = () => n(t.scrollHeight > t.clientHeight);
13
+ const c = () => s(t.scrollHeight > t.clientHeight);
14
14
  c();
15
15
  const r = new ResizeObserver(c);
16
16
  return r.observe(t), () => r.disconnect();
@@ -20,35 +20,35 @@ const L = ({
20
20
  name: i,
21
21
  label: o,
22
22
  value: a = "",
23
- error: n,
23
+ error: s,
24
24
  errorParams: t,
25
25
  type: c = "text",
26
26
  placeholder: r,
27
27
  placeholderParams: u,
28
- required: s,
28
+ required: n,
29
29
  readonly: m,
30
30
  maxLength: l,
31
- disabled: v,
31
+ disabled: h,
32
32
  optional: _,
33
33
  onChange: V
34
34
  }) => {
35
- const { t: d } = h(), p = d(o), N = _ ? `${p} (${d("common.optional")})` : p;
35
+ const { t: d } = I(), p = d(o), b = _ ? `${p} ${d("verification.labels.optional")}` : p;
36
36
  return /* @__PURE__ */ e("div", { className: "IncodeFormField", children: /* @__PURE__ */ e(
37
37
  S,
38
38
  {
39
39
  id: i,
40
- label: N,
40
+ label: b,
41
41
  name: i,
42
42
  type: c,
43
43
  value: a,
44
44
  placeholder: r ? d(r, u) : void 0,
45
45
  readOnly: m,
46
- disabled: v,
46
+ disabled: h,
47
47
  maxLength: l,
48
- error: n ? d(n, t) : void 0,
49
- onInput: (R) => {
50
- const b = R.target;
51
- V(i, b.value);
48
+ error: s ? d(s, t) : void 0,
49
+ onInput: (N) => {
50
+ const R = N.target;
51
+ V(i, R.value);
52
52
  },
53
53
  "data-testid": `form-field-${i}`
54
54
  }
@@ -57,42 +57,42 @@ const L = ({
57
57
  status: i,
58
58
  submittingTitle: o,
59
59
  successTitle: a,
60
- failureTitle: n,
60
+ failureTitle: s,
61
61
  onRetry: t,
62
62
  onSkip: c,
63
63
  retryLabel: r,
64
64
  skipLabel: u
65
65
  }) => {
66
- const { t: s } = h();
66
+ const { t: n } = I();
67
67
  if (i === "submitting") {
68
- const l = o ?? s("verification.processing");
68
+ const l = o ?? n("verification.processing");
69
69
  return /* @__PURE__ */ e(f, { className: "IncodeVerificationResult", children: /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
70
70
  /* @__PURE__ */ e(z, {}),
71
71
  /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: l })
72
72
  ] }) });
73
73
  }
74
74
  if (i === "success") {
75
- const l = a ?? s("verification.successTitle");
75
+ const l = a ?? n("verification.successTitle");
76
76
  return /* @__PURE__ */ e(f, { className: "IncodeVerificationResult", children: /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
77
77
  /* @__PURE__ */ e(y, { size: 64 }),
78
78
  /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: l })
79
79
  ] }) });
80
80
  }
81
- const m = n ?? s("verification.failureTitle");
81
+ const m = s ?? n("verification.failureTitle");
82
82
  return /* @__PURE__ */ e(f, { className: "IncodeVerificationResult", children: [
83
83
  /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__center", children: [
84
84
  /* @__PURE__ */ e(k, { size: 64 }),
85
85
  /* @__PURE__ */ e("p", { className: "IncodeVerificationResult__title", children: m })
86
86
  ] }),
87
87
  /* @__PURE__ */ e("div", { className: "IncodeVerificationResult__actions", children: [
88
- t && /* @__PURE__ */ e(I, { onClick: t, "data-testid": "verification-retry", children: r ?? s("common.tryAgain") }),
88
+ t && /* @__PURE__ */ e(v, { onClick: t, "data-testid": "verification-retry", children: r ?? n("common.tryAgain") }),
89
89
  c && /* @__PURE__ */ e(
90
- I,
90
+ v,
91
91
  {
92
92
  onClick: c,
93
93
  variant: "secondary",
94
94
  "data-testid": "verification-skip",
95
- children: u ?? s("common.skip")
95
+ children: u ?? n("common.skip")
96
96
  }
97
97
  )
98
98
  ] })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260311-e7ef89b",
3
+ "version": "0.0.0-dev-20260311-787552e",
4
4
  "type": "module",
5
5
  "main": "./dist/index.es.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -107,7 +107,7 @@
107
107
  "libphonenumber-js": "^1.11.0",
108
108
  "preact-custom-element": "^4.6.0",
109
109
  "tailwindcss": "^4.1.17",
110
- "@incodetech/core": "0.0.0-dev-20260311-e7ef89b"
110
+ "@incodetech/core": "0.0.0-dev-20260311-787552e"
111
111
  },
112
112
  "devDependencies": {
113
113
  "@microsoft/api-extractor": "^7.53.3",