@incodetech/web 0.0.0-dev-20260218-e020e1c → 0.0.0-dev-20260219-dfbf2ff

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.
@@ -4,7 +4,7 @@ import "../vendor-preact-CjD4WiuC.js";
4
4
  import "@incodetech/core";
5
5
  import { P as m } from "../baseTutorial-B9sBivde.js";
6
6
  import { I as p } from "../incodeComponent-3T8Qyjnt.js";
7
- import { T as c, C as f } from "../tutorial-DBlXpMh-.js";
7
+ import { T as c, C as f } from "../tutorial-DOCCLz7v.js";
8
8
  const d = ({
9
9
  config: r,
10
10
  authHint: s,
@@ -1,20 +1,20 @@
1
1
  import { u as l, B as _, r as $, a as H } from "../incodeModule-DPTWfWvu.js";
2
2
  import { createOrchestratedFlowManager as V, getRequiredWasmPipelines as R } from "@incodetech/core/flow";
3
3
  import { A as T, d as L, y as g } from "../vendor-preact-CjD4WiuC.js";
4
- import { api as U, warmupWasm as z, IdCaptureProvider as k } from "@incodetech/core";
4
+ import { api as U, warmupWasm as z } from "@incodetech/core";
5
5
  import "../instance-B-q0ZREN.js";
6
- import { u as W, S as C } from "../spinner-BERSXem_.js";
7
- import { emailMachine as j } from "@incodetech/core/email";
8
- import { faceMatchMachine as G } from "@incodetech/core/face-match";
6
+ import { u as k, S as C } from "../spinner-BERSXem_.js";
7
+ import { emailMachine as W } from "@incodetech/core/email";
8
+ import { faceMatchMachine as j } from "@incodetech/core/face-match";
9
9
  import { idCaptureMachine as b } from "@incodetech/core/id";
10
- import { phoneMachine as B } from "@incodetech/core/phone";
11
- import { selfieMachine as K } from "@incodetech/core/selfie";
12
- import { authenticationMachine as q } from "@incodetech/core/authentication";
13
- import { curpValidationMachine as Y } from "@incodetech/core/curp-validation";
14
- import { governmentValidationMachine as Z } from "@incodetech/core/government-validation";
15
- import { s as J } from "../setup-BhetRn4n.js";
10
+ import { phoneMachine as G } from "@incodetech/core/phone";
11
+ import { selfieMachine as B } from "@incodetech/core/selfie";
12
+ import { authenticationMachine as K } from "@incodetech/core/authentication";
13
+ import { curpValidationMachine as q } from "@incodetech/core/curp-validation";
14
+ import { governmentValidationMachine as Y } from "@incodetech/core/government-validation";
15
+ import { s as Z } from "../setup-BhetRn4n.js";
16
16
  import { s as y } from "../uiConfig-DEqynrWx.js";
17
- function Q(e) {
17
+ function J(e) {
18
18
  let t = e.replace("#", "");
19
19
  t.length === 3 && (t = t.split("").map((s) => s + s).join(""));
20
20
  const n = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
@@ -53,8 +53,8 @@ function w(e, t, n) {
53
53
  };
54
54
  return `#${h(o)}${h(f)}${h(i)}`;
55
55
  }
56
- function X(e) {
57
- const t = Q(e);
56
+ function Q(e) {
57
+ const t = J(e);
58
58
  if (!t)
59
59
  throw new Error(`Invalid color format: ${e}`);
60
60
  return {
@@ -67,10 +67,10 @@ function X(e) {
67
67
  900: w(t.h, t.s, 20)
68
68
  };
69
69
  }
70
- function ee(e, t) {
70
+ function X(e, t) {
71
71
  if (typeof document > "u")
72
72
  return;
73
- const n = X(e);
73
+ const n = Q(e);
74
74
  let a = document.getElementById(
75
75
  "incode-theme"
76
76
  );
@@ -90,11 +90,11 @@ function ee(e, t) {
90
90
  `;
91
91
  a.textContent = r;
92
92
  }
93
- async function te() {
93
+ async function ee() {
94
94
  return (await U.get("/omni/asset/fetch-all")).data;
95
95
  }
96
96
  const A = /* @__PURE__ */ new Map();
97
- async function re(e) {
97
+ async function te(e) {
98
98
  if (e.startsWith("data:"))
99
99
  return e;
100
100
  const t = A.get(e);
@@ -106,8 +106,8 @@ async function re(e) {
106
106
  });
107
107
  return A.set(e, d), d;
108
108
  }
109
- async function ne() {
110
- const e = await te();
109
+ async function re() {
110
+ const e = await ee();
111
111
  if (!e.theme)
112
112
  throw new Error("Theme URL not found in assets response");
113
113
  const t = e.theme, n = t.startsWith("http://") || t.startsWith("https://");
@@ -121,14 +121,14 @@ async function ne() {
121
121
  a = (await U.get(t)).data;
122
122
  const d = e["logo.png"] || e["logo.svg"] || e["logo.jpg"] || e["logo.jpeg"] || e["logo.webp"] || a.logo;
123
123
  let r = d;
124
- return d && (r = await re(d)), {
124
+ return d && (r = await te(d)), {
125
125
  ...a,
126
126
  logo: r
127
127
  };
128
128
  }
129
- async function oe() {
130
- const e = await ne();
131
- return e.main && ee(e.main, e.buttonColor), e;
129
+ async function ne() {
130
+ const e = await re();
131
+ return e.main && X(e.main, e.buttonColor), e;
132
132
  }
133
133
  const v = () => import("../id/id.es.js").then((e) => e.Id), S = {
134
134
  PHONE: () => import("../phone/phone.es.js").then((e) => e.Phone),
@@ -148,30 +148,30 @@ const v = () => import("../id/id.es.js").then((e) => e.Id), S = {
148
148
  function O() {
149
149
  return V({
150
150
  modules: {
151
- PHONE: B,
152
- EMAIL: j,
153
- SELFIE: K,
154
- AUTHENTICATION: q,
151
+ PHONE: G,
152
+ EMAIL: W,
153
+ SELFIE: B,
154
+ AUTHENTICATION: K,
155
155
  ID: b,
156
156
  TUTORIAL_ID: b,
157
157
  SECOND_ID: b,
158
158
  THIRD_ID: b,
159
- FACE_MATCH: G,
160
- CURP_VALIDATION: Y,
161
- GOVT_VALIDATION_PROVISIONING: Z
159
+ FACE_MATCH: j,
160
+ CURP_VALIDATION: q,
161
+ GOVT_VALIDATION_PROVISIONING: Y
162
162
  }
163
163
  });
164
164
  }
165
- async function P(e) {
166
- await J({
165
+ async function N(e) {
166
+ await Z({
167
167
  apiURL: e.apiURL,
168
168
  token: e.token,
169
169
  i18n: { lang: e.lang ?? "en" }
170
170
  });
171
171
  }
172
- async function N() {
172
+ async function P() {
173
173
  try {
174
- const e = await oe(), t = {
174
+ const e = await ne(), t = {
175
175
  logoSrc: e.logo,
176
176
  hideFooterBranding: e.hideFooterBranding
177
177
  };
@@ -189,7 +189,7 @@ function x(e, t) {
189
189
  console.error("WASM warmup failed:", a);
190
190
  });
191
191
  }
192
- function ie(e) {
192
+ function oe(e) {
193
193
  const t = e.currentStep;
194
194
  if (t) {
195
195
  const n = S[t];
@@ -197,7 +197,7 @@ function ie(e) {
197
197
  });
198
198
  }
199
199
  }
200
- const ae = ({
200
+ const ie = ({
201
201
  moduleKey: e,
202
202
  onNext: t
203
203
  }) => /* @__PURE__ */ l("section", { class: "IncodeUnsupportedModule", "aria-live": "polite", children: /* @__PURE__ */ l("div", { class: "IncodeUnsupportedModuleContent", children: [
@@ -240,7 +240,7 @@ function E(e) {
240
240
  }
241
241
  };
242
242
  }
243
- function Ee(e) {
243
+ function Ae(e) {
244
244
  const { token: t } = e;
245
245
  if (I.has(t))
246
246
  return E(t);
@@ -257,17 +257,17 @@ function Ee(e) {
257
257
  };
258
258
  return I.set(t, o), (async () => {
259
259
  try {
260
- await P({
260
+ await N({
261
261
  apiURL: e.apiURL,
262
262
  token: e.token,
263
263
  lang: e.lang
264
264
  });
265
- const i = e.disableDashboardTheme ? Promise.resolve({}) : N().then((u) => {
265
+ const i = e.disableDashboardTheme ? Promise.resolve({}) : P().then((u) => {
266
266
  o.theme = u.theme, o.uiConfig = u.uiConfig;
267
267
  }), h = r.subscribe((u) => {
268
268
  if (u.status === "ready") {
269
269
  const s = u;
270
- e.wasmConfig && x(s, e.wasmConfig), ie(s), o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "ready", o.readyResolve();
270
+ e.wasmConfig && x(s, e.wasmConfig), oe(s), o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "ready", o.readyResolve();
271
271
  } else u.status === "error" && (o.unsubscribe?.(), o.unsubscribe = void 0, o.status = "error", o.error = u.error, o.readyReject(new Error(u.error)));
272
272
  });
273
273
  o.unsubscribe = h, r.load(), await i;
@@ -285,7 +285,7 @@ function D(e) {
285
285
  const t = F(e);
286
286
  return t && I.delete(e), t;
287
287
  }
288
- function se(e) {
288
+ function ae(e) {
289
289
  const { apiURL: t, token: n, lang: a, disableDashboardTheme: d, onError: r } = e, o = T(null), [f, i] = L(() => {
290
290
  const u = F(n);
291
291
  if (u?.status === "ready") {
@@ -322,8 +322,8 @@ function se(e) {
322
322
  return;
323
323
  h.current = !0, (async () => {
324
324
  try {
325
- await P({ apiURL: t, token: n, lang: a });
326
- const c = d ? Promise.resolve() : N().then((p) => {
325
+ await N({ apiURL: t, token: n, lang: a });
326
+ const c = d ? Promise.resolve() : P().then((p) => {
327
327
  p.uiConfig && y(p.uiConfig);
328
328
  });
329
329
  f.flowManager.load(), await c, i({ status: "ready", flowManager: f.flowManager });
@@ -338,7 +338,7 @@ function se(e) {
338
338
  })();
339
339
  }, [t, n, a, d, r, f]), f;
340
340
  }
341
- function le(e) {
341
+ function se(e) {
342
342
  const { moduleKey: t, onModuleLoading: n, onModuleLoaded: a, onError: d } = e, [r, o] = L({ status: "idle" });
343
343
  return g(() => {
344
344
  if (!t) {
@@ -364,7 +364,7 @@ function le(e) {
364
364
  };
365
365
  }, [t, n, a, d]), r;
366
366
  }
367
- function ce(e, t) {
367
+ function le(e, t) {
368
368
  const n = T(/* @__PURE__ */ new Set());
369
369
  g(() => {
370
370
  if (t < e.length - 1) {
@@ -379,12 +379,12 @@ function ce(e, t) {
379
379
  }
380
380
  }, [e, t]);
381
381
  }
382
- const de = ({
382
+ const ce = ({
383
383
  config: e,
384
384
  onFinish: t,
385
385
  onError: n
386
386
  }) => {
387
- const { t: a } = W(), d = se({
387
+ const { t: a } = k(), d = ae({
388
388
  apiURL: e.apiURL,
389
389
  token: e.token,
390
390
  lang: e.lang,
@@ -392,13 +392,13 @@ const de = ({
392
392
  onError: n
393
393
  }), [r, o] = H(() => d.flowManager, {
394
394
  autoLoad: !1
395
- }), f = le({
395
+ }), f = se({
396
396
  moduleKey: r?.status === "ready" ? r.currentStep : void 0,
397
397
  onModuleLoading: e.onModuleLoading,
398
398
  onModuleLoaded: e.onModuleLoaded,
399
399
  onError: n
400
400
  });
401
- if (ce(
401
+ if (le(
402
402
  r?.status === "ready" ? r.steps : [],
403
403
  r?.status === "ready" ? r.currentStepIndex : -1
404
404
  ), g(() => {
@@ -458,7 +458,7 @@ const de = ({
458
458
  ) });
459
459
  if (f.status === "unsupported")
460
460
  return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
461
- ae,
461
+ ie,
462
462
  {
463
463
  moduleKey: i,
464
464
  onNext: () => o.completeModule()
@@ -532,15 +532,14 @@ const de = ({
532
532
  }
533
533
  if (i === "TUTORIAL_ID" || i === "SECOND_ID" || i === "THIRD_ID" || // Only render ID if TUTORIAL_ID doesn't exist (otherwise useEffect will skip it)
534
534
  i === "ID" && !r.steps.includes("TUTORIAL_ID")) {
535
- const s = h, p = i === "SECOND_ID" || i === "THIRD_ID" ? { ...s, isSecondId: !0 } : s, M = new k();
535
+ const s = h, p = i === "SECOND_ID" || i === "THIRD_ID" ? { ...s, isSecondId: !0 } : s;
536
536
  return /* @__PURE__ */ l("div", { class: "IncodeFlow", children: /* @__PURE__ */ l(
537
537
  u,
538
538
  {
539
539
  config: p,
540
- provider: M,
541
540
  onFinish: () => o.completeModule(),
542
- onError: (m) => {
543
- n?.(m ?? "ID capture error");
541
+ onError: (M) => {
542
+ n?.(M ?? "ID capture error");
544
543
  }
545
544
  },
546
545
  `id-${r.currentStepIndex}`
@@ -589,21 +588,21 @@ const de = ({
589
588
  ) });
590
589
  }
591
590
  return null;
592
- }, ue = ({
591
+ }, de = ({
593
592
  config: e,
594
593
  onFinish: t = () => {
595
594
  },
596
595
  onError: n
597
596
  }) => /* @__PURE__ */ l("div", { class: "IncodeComponent", children: e ? /* @__PURE__ */ l(
598
- de,
597
+ ce,
599
598
  {
600
599
  config: e,
601
600
  onFinish: t,
602
601
  onError: n
603
602
  }
604
603
  ) : null });
605
- $(ue, "incode-flow");
604
+ $(de, "incode-flow");
606
605
  export {
607
- ue as IncodeFlow,
608
- Ee as preloadIncodeFlow
606
+ de as IncodeFlow,
607
+ Ae as preloadIncodeFlow
609
608
  };
@@ -235,6 +235,9 @@
235
235
  width: 100%;
236
236
  height: 100%;
237
237
  position: absolute;
238
+ }
239
+
240
+ .IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {
238
241
  transform: scaleX(-1);
239
242
  }
240
243
 
package/dist/id/id.es.js CHANGED
@@ -190,7 +190,7 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
190
190
  onClose: n,
191
191
  onTakeManually: t
192
192
  }) => {
193
- const { t: i } = c(), o = () => {
193
+ const { t: i } = c(), r = () => {
194
194
  t(), n();
195
195
  };
196
196
  return /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesModal", children: /* @__PURE__ */ e("div", { class: "IncodeCommonIssuesModalContent", children: [
@@ -237,7 +237,7 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
237
237
  h,
238
238
  {
239
239
  variant: "link",
240
- onClick: o,
240
+ onClick: r,
241
241
  class: "IncodeCommonIssuesTakeManually",
242
242
  children: i("commonIssues.takeManually")
243
243
  }
@@ -268,8 +268,8 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
268
268
  orientation: n,
269
269
  mode: t,
270
270
  state: i,
271
- children: o,
272
- className: r
271
+ children: r,
272
+ className: o
273
273
  }) => {
274
274
  const l = n !== "vertical" || t === "passport", a = t === "passport", s = `IncodeCaptureFrame${i.charAt(0).toUpperCase() + i.slice(1)}`;
275
275
  return /* @__PURE__ */ e(
@@ -280,29 +280,29 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
280
280
  l ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
281
281
  s,
282
282
  a && "IncodeCaptureFramePassport",
283
- r
283
+ o
284
284
  ),
285
- children: o
285
+ children: r
286
286
  }
287
287
  );
288
288
  }, T = ({
289
289
  imageUrl: n,
290
290
  orientation: t,
291
291
  mode: i,
292
- borderState: o,
293
- topContent: r,
292
+ borderState: r,
293
+ topContent: o,
294
294
  bottomContent: l,
295
295
  overlayContent: a
296
296
  }) => {
297
297
  const { t: s } = c();
298
298
  return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayout", children: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingLayoutContent", children: [
299
- r && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingTopArea", children: r }),
299
+ o && /* @__PURE__ */ e("div", { class: "IncodeIdProcessingTopArea", children: o }),
300
300
  /* @__PURE__ */ e(
301
301
  Y,
302
302
  {
303
303
  orientation: t,
304
304
  mode: i === "id" ? "front" : i,
305
- state: o,
305
+ state: r,
306
306
  children: [
307
307
  /* @__PURE__ */ e(
308
308
  "img",
@@ -328,9 +328,9 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
328
328
  imageUrl: n,
329
329
  progress: t,
330
330
  orientation: i,
331
- mode: o
331
+ mode: r
332
332
  }) => {
333
- const { t: r } = c(), l = i !== "vertical" || o === "passport", [a, s] = L(null);
333
+ const { t: o } = c(), l = i !== "vertical" || r === "passport", [a, s] = L(null);
334
334
  return f(() => {
335
335
  l ? import("../id-laser-h-BBV3r3rz.js").then((d) => {
336
336
  s(d.default);
@@ -342,7 +342,7 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
342
342
  {
343
343
  imageUrl: n,
344
344
  orientation: i,
345
- mode: o,
345
+ mode: r,
346
346
  borderState: "analyzing",
347
347
  topContent: /* @__PURE__ */ e("div", { class: "IncodeAnalyzingContent", children: [
348
348
  /* @__PURE__ */ e("div", { class: "IncodeAnalyzingProgressBar", children: /* @__PURE__ */ e(
@@ -352,7 +352,7 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
352
352
  style: { width: `${t}%` }
353
353
  }
354
354
  ) }),
355
- /* @__PURE__ */ e("h2", { class: "IncodeAnalyzingTitle", children: r("idv2.capture.processing.analyzing") })
355
+ /* @__PURE__ */ e("h2", { class: "IncodeAnalyzingTitle", children: o("idv2.capture.processing.analyzing") })
356
356
  ] }),
357
357
  overlayContent: a ? /* @__PURE__ */ e(
358
358
  b,
@@ -402,8 +402,8 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
402
402
  variant: n,
403
403
  imageUrl: t,
404
404
  orientation: i,
405
- mode: o,
406
- title: r,
405
+ mode: r,
406
+ title: o,
407
407
  subtitle: l,
408
408
  buttonText: a,
409
409
  onButtonClick: s,
@@ -415,12 +415,12 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
415
415
  {
416
416
  imageUrl: t,
417
417
  orientation: i,
418
- mode: o,
418
+ mode: r,
419
419
  borderState: n,
420
420
  topContent: /* @__PURE__ */ e("div", { class: "IncodeIdProcessingResultContent", children: [
421
421
  n === "success" ? /* @__PURE__ */ e(t1, { className: "IncodeIdProcessingResultIcon" }) : /* @__PURE__ */ e(V, { className: "IncodeIdProcessingResultIcon" }),
422
422
  /* @__PURE__ */ e(C, { size: 16 }),
423
- r && /* @__PURE__ */ e("h2", { class: "IncodeIdProcessingResultTitle", children: r }),
423
+ o && /* @__PURE__ */ e("h2", { class: "IncodeIdProcessingResultTitle", children: o }),
424
424
  l && /* @__PURE__ */ e(z, { children: [
425
425
  /* @__PURE__ */ e(C, { size: 12 }),
426
426
  /* @__PURE__ */ e("p", { class: "IncodeIdProcessingResultSubtitle", children: l })
@@ -438,14 +438,14 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
438
438
  const { t: i } = c();
439
439
  if (!t.previewImageUrl)
440
440
  return null;
441
- const o = t.currentMode === "passport" ? "passport" : "id";
441
+ const r = t.currentMode === "passport" ? "passport" : "id";
442
442
  return /* @__PURE__ */ e(
443
443
  k,
444
444
  {
445
445
  variant: "success",
446
446
  imageUrl: t.previewImageUrl,
447
447
  orientation: t.orientation,
448
- mode: o,
448
+ mode: r,
449
449
  title: i("v2.idSuccess.title"),
450
450
  subtitle: t.needsBackCapture ? i("v2.idSuccess.subtitle") : i("v2.idSuccess.subtitleBack"),
451
451
  buttonText: t.needsBackCapture ? i("idv2.capture.processing.scanBack") : i("idv2.capturePreview.continue"),
@@ -453,23 +453,23 @@ const j = ({ className: n }) => /* @__PURE__ */ e(
453
453
  }
454
454
  );
455
455
  }, D = ({ manager: n, state: t, ...i }) => {
456
- const { t: o } = c();
456
+ const { t: r } = c();
457
457
  if (t.status === "error")
458
458
  return /* @__PURE__ */ e("div", { class: "IncodeIdError", children: [
459
459
  /* @__PURE__ */ e("div", { class: "IncodeIdErrorMessage", children: t.error }),
460
- /* @__PURE__ */ e(h, { onClick: () => n.reset(), "data-testid": "retry-button", children: o("idv2.capturePreview.retry") })
460
+ /* @__PURE__ */ e(h, { onClick: () => n.reset(), "data-testid": "retry-button", children: r("idv2.capturePreview.retry") })
461
461
  ] });
462
- const r = t.currentMode === "passport" ? "passport" : "id";
462
+ const o = t.currentMode === "passport" ? "passport" : "id";
463
463
  return t.previewImageUrl ? /* @__PURE__ */ e(
464
464
  k,
465
465
  {
466
466
  variant: "error",
467
467
  imageUrl: t.previewImageUrl,
468
468
  orientation: t.orientation,
469
- mode: r,
469
+ mode: o,
470
470
  title: t.uploadErrorMessage,
471
471
  subtitle: t.uploadErrorDescription,
472
- buttonText: t.canRetry ? o("idv2.capturePreview.tryAgain") : o("idv2.capturePreview.continue"),
472
+ buttonText: t.canRetry ? r("idv2.capturePreview.tryAgain") : r("idv2.capturePreview.continue"),
473
473
  onButtonClick: () => n.continueFromError(),
474
474
  attemptsRemaining: t.attemptsRemaining
475
475
  }
@@ -535,8 +535,8 @@ function F(n) {
535
535
  w.align(),
536
536
  w.front(),
537
537
  w.back()
538
- ]).then(([t, i, o, r, l]) => {
539
- u.set("blur", t.default), u.set("glare", i.default), u.set("align", o.default), u.set("front", r.default), u.set("back", l.default), n?.();
538
+ ]).then(([t, i, r, o, l]) => {
539
+ u.set("blur", t.default), u.set("glare", i.default), u.set("align", r.default), u.set("front", o.default), u.set("back", l.default), n?.();
540
540
  }).catch(() => {
541
541
  }));
542
542
  }
@@ -549,9 +549,9 @@ function l1() {
549
549
  }, []);
550
550
  }
551
551
  function s1(n, t) {
552
- const { t: i } = c(), [, o] = L(0);
552
+ const { t: i } = c(), [, r] = L(0);
553
553
  if (f(() => {
554
- F(() => o((r) => r + 1));
554
+ F(() => r((o) => o + 1));
555
555
  }, []), n === "blur")
556
556
  return {
557
557
  title: i("idv2.capture.notifications.blur.title"),
@@ -571,11 +571,11 @@ function s1(n, t) {
571
571
  animationData: u.get("align") ?? null
572
572
  };
573
573
  if (n === "wrongSide") {
574
- const r = t === "back";
574
+ const o = t === "back";
575
575
  return {
576
- title: i(r ? "idv2.capture.notifications.showBack.title" : "idv2.capture.notifications.showFront.title"),
577
- description: i(r ? "idv2.capture.notifications.showBack.description" : "idv2.capture.notifications.showFront.description"),
578
- animationData: u.get(r ? "back" : "front") ?? null
576
+ title: i(o ? "idv2.capture.notifications.showBack.title" : "idv2.capture.notifications.showFront.title"),
577
+ description: i(o ? "idv2.capture.notifications.showBack.description" : "idv2.capture.notifications.showFront.description"),
578
+ animationData: u.get(o ? "back" : "front") ?? null
579
579
  };
580
580
  }
581
581
  return null;
@@ -598,33 +598,33 @@ const a1 = ({
598
598
  mode: n,
599
599
  orientation: t,
600
600
  detectionStatus: i,
601
- counterValue: o,
602
- isCapturing: r,
601
+ counterValue: r,
602
+ isCapturing: o,
603
603
  onOpenHelp: l
604
604
  }, a) => {
605
605
  const { t: s } = c();
606
606
  l1();
607
- const d = i === "detecting" || i === "idNotDetected" || i === "manualCapture", m = () => r || i === "capturing" ? "Capturing" : i === "blur" || i === "glare" || i === "wrongSide" || i === "farAway" ? "Error" : "Idle", y = () => {
608
- if (r || i === "capturing")
607
+ const d = i === "detecting" || i === "idNotDetected" || i === "manualCapture", m = () => o || i === "capturing" ? "Capturing" : i === "blur" || i === "glare" || i === "wrongSide" || i === "farAway" ? "Error" : "Idle", y = () => {
608
+ if (o || i === "capturing")
609
609
  return {
610
610
  title: s("idv2.capture.takingPhoto"),
611
611
  subtitle: s("idv2.capture.dontMove")
612
612
  };
613
613
  if (d) {
614
- const B = i === "manualCapture";
614
+ const M = i === "manualCapture";
615
615
  return n === "passport" ? {
616
616
  title: s("idv2.capture.fillFramePassport"),
617
- subtitle: B ? "" : s("idv2.capture.v2.autoCapture")
617
+ subtitle: M ? "" : s("idv2.capture.v2.autoCapture")
618
618
  } : n === "back" ? {
619
619
  title: s("idv2.capture.v2.fillFrameBack"),
620
- subtitle: B ? "" : s("idv2.capture.v2.autoCapture")
620
+ subtitle: M ? "" : s("idv2.capture.v2.autoCapture")
621
621
  } : {
622
622
  title: s("idv2.capture.v2.fillFrameFront"),
623
- subtitle: B ? "" : s("idv2.capture.v2.autoCapture")
623
+ subtitle: M ? "" : s("idv2.capture.v2.autoCapture")
624
624
  };
625
625
  }
626
626
  return null;
627
- }, M = m(), v = y(), g = n === "passport", p = t !== "vertical" || g;
627
+ }, B = m(), v = y(), g = n === "passport", p = t !== "vertical" || g;
628
628
  return /* @__PURE__ */ e(
629
629
  "div",
630
630
  {
@@ -648,10 +648,10 @@ const a1 = ({
648
648
  class: I(
649
649
  "IncodeCaptureFrame",
650
650
  p ? "IncodeCaptureFrameHorizontal" : "IncodeCaptureFrameVertical",
651
- `IncodeCaptureFrame${M}`,
651
+ `IncodeCaptureFrame${B}`,
652
652
  g && "IncodeCaptureFramePassport"
653
653
  ),
654
- children: r && o > 0 && /* @__PURE__ */ e("div", { class: "IncodeCaptureCounter", children: o })
654
+ children: o && r > 0 && /* @__PURE__ */ e("div", { class: "IncodeCaptureCounter", children: r })
655
655
  }
656
656
  ),
657
657
  /* @__PURE__ */ e(C1, { onOpenHelp: l })
@@ -754,26 +754,26 @@ const a1 = ({
754
754
  /* @__PURE__ */ e("p", { class: "IncodeCaptureInitializingText", children: i("idv2.capture.initializing") })
755
755
  ] }) });
756
756
  if (t.captureStatus === "uploading" && t.previewImageUrl) {
757
- const o = t.currentMode === "passport" ? "passport" : "id";
757
+ const r = t.currentMode === "passport" ? "passport" : "id";
758
758
  return /* @__PURE__ */ e(
759
759
  e1,
760
760
  {
761
761
  imageUrl: t.previewImageUrl,
762
762
  progress: t.uploadProgress ?? 0,
763
763
  orientation: t.orientation,
764
- mode: o
764
+ mode: r
765
765
  }
766
766
  );
767
767
  }
768
768
  return t.captureStatus === "success" && t.previewImageUrl ? /* @__PURE__ */ e(i1, { manager: n, state: t }) : t.captureStatus === "uploadError" && t.previewImageUrl ? /* @__PURE__ */ e(D, { manager: n, state: t }) : /* @__PURE__ */ e(I1, { manager: n, state: t });
769
769
  }, I1 = ({ manager: n, state: t }) => {
770
- const i = Z(null), o = Z(null), [r, l] = L(!1);
770
+ const i = Z(null), r = Z(null), [o, l] = L(!1);
771
771
  f(() => {
772
772
  i.current && t.stream && (i.current.srcObject = t.stream, i.current.play().catch(() => {
773
773
  }));
774
774
  }, [t.stream]), f(() => {
775
775
  const v = () => {
776
- const g = o.current;
776
+ const g = r.current;
777
777
  if (!g)
778
778
  return;
779
779
  const p = g.getBoundingClientRect();
@@ -790,7 +790,7 @@ const a1 = ({
790
790
  l(!0);
791
791
  }, y = () => {
792
792
  l(!1);
793
- }, M = () => {
793
+ }, B = () => {
794
794
  l(!1), n.switchToManualCapture();
795
795
  };
796
796
  return /* @__PURE__ */ e(x, { hideHeader: !0, hideFooterBranding: !0, className: "IncodeIdCapturePage", children: /* @__PURE__ */ e("div", { class: "IncodeCapture", children: [
@@ -808,7 +808,7 @@ const a1 = ({
808
808
  /* @__PURE__ */ e(
809
809
  c1,
810
810
  {
811
- ref: o,
811
+ ref: r,
812
812
  mode: t.currentMode,
813
813
  orientation: t.orientation,
814
814
  detectionStatus: t.detectionStatus,
@@ -818,11 +818,11 @@ const a1 = ({
818
818
  }
819
819
  ),
820
820
  d && /* @__PURE__ */ e(p1, { onClick: () => n.capture() }),
821
- r && /* @__PURE__ */ e(
821
+ o && /* @__PURE__ */ e(
822
822
  X,
823
823
  {
824
824
  onClose: y,
825
- onTakeManually: M
825
+ onTakeManually: B
826
826
  }
827
827
  )
828
828
  ] }) });
@@ -1362,8 +1362,8 @@ const a1 = ({
1362
1362
  icon: n,
1363
1363
  title: t,
1364
1364
  description: i,
1365
- ariaLabel: o,
1366
- testId: r,
1365
+ ariaLabel: r,
1366
+ testId: o,
1367
1367
  onClick: l
1368
1368
  }) => /* @__PURE__ */ e(
1369
1369
  "button",
@@ -1371,8 +1371,8 @@ const a1 = ({
1371
1371
  type: "button",
1372
1372
  class: "IncodeChooserButton",
1373
1373
  onClick: l,
1374
- "aria-label": o,
1375
- "data-testid": r,
1374
+ "aria-label": r,
1375
+ "data-testid": o,
1376
1376
  children: [
1377
1377
  /* @__PURE__ */ e("div", { class: "IncodeChooserButtonIcon", children: /* @__PURE__ */ e(n, {}) }),
1378
1378
  /* @__PURE__ */ e("div", { class: "IncodeChooserButtonContent", children: [
@@ -1387,7 +1387,7 @@ const a1 = ({
1387
1387
  ), g1 = ({ manager: n }) => {
1388
1388
  const { t } = c(), i = () => {
1389
1389
  n.selectDocument("id");
1390
- }, o = () => {
1390
+ }, r = () => {
1391
1391
  n.selectDocument("passport");
1392
1392
  };
1393
1393
  return /* @__PURE__ */ e(
@@ -1416,46 +1416,46 @@ const a1 = ({
1416
1416
  description: t("idv2.chooser.passportButtonDescription"),
1417
1417
  ariaLabel: t("idv2.chooser.passportButtonTitle"),
1418
1418
  testId: "chooser-button-passport",
1419
- onClick: o
1419
+ onClick: r
1420
1420
  }
1421
1421
  )
1422
1422
  ] }) })
1423
1423
  }
1424
1424
  );
1425
1425
  }, w1 = ({ manager: n }) => {
1426
- const [t, i] = L(null), { t: o } = c();
1426
+ const [t, i] = L(null), { t: r } = c();
1427
1427
  f(() => {
1428
1428
  import("../flip-animation-COR596wy.js").then((l) => {
1429
1429
  i(l.default);
1430
1430
  });
1431
1431
  }, []);
1432
- const r = async () => {
1432
+ const o = async () => {
1433
1433
  await new Promise((l) => setTimeout(l, 1e3)), n.continueToBack();
1434
1434
  };
1435
1435
  return t ? /* @__PURE__ */ e("div", { class: "IncodeFlipAnimation", children: [
1436
- /* @__PURE__ */ e(_, { className: "IncodeFlipAnimationTitle", children: o("idv2.flipAnimation.title") }),
1436
+ /* @__PURE__ */ e(_, { className: "IncodeFlipAnimationTitle", children: r("idv2.flipAnimation.title") }),
1437
1437
  /* @__PURE__ */ e(C, { size: 32 }),
1438
1438
  /* @__PURE__ */ e(
1439
1439
  b,
1440
1440
  {
1441
1441
  animationData: t,
1442
1442
  loop: !1,
1443
- onComplete: r
1443
+ onComplete: o
1444
1444
  }
1445
1445
  )
1446
1446
  ] }) : null;
1447
1447
  }, L1 = ({ manager: n, state: t }) => {
1448
- const { t: i } = c(), [o, r] = L(null), l = t.selectedDocumentType === "passport";
1448
+ const { t: i } = c(), [r, o] = L(null), l = t.selectedDocumentType === "passport";
1449
1449
  return f(() => {
1450
1450
  l ? import("../passport-tutorial-CaYBFTqt.js").then((a) => {
1451
- r(a.default);
1451
+ o(a.default);
1452
1452
  }) : import("../id-tutorial-B-F5Q28m.js").then((a) => {
1453
- r(a.default);
1453
+ o(a.default);
1454
1454
  });
1455
- }, [l]), o ? /* @__PURE__ */ e(
1455
+ }, [l]), r ? /* @__PURE__ */ e(
1456
1456
  N,
1457
1457
  {
1458
- animationData: o,
1458
+ animationData: r,
1459
1459
  title: i(l ? "idv2.capture.passport.title" : "idv2.tutorial.v2.title"),
1460
1460
  subtitle: i(l ? "idv2.capture.passport.subtitle" : "idv2.tutorial.subtitle"),
1461
1461
  onContinue: () => n.nextStep(),
@@ -1467,31 +1467,16 @@ const a1 = ({
1467
1467
  )
1468
1468
  }
1469
1469
  ) : null;
1470
- }, x1 = ({
1471
- config: n,
1472
- provider: t,
1473
- onFinish: i,
1474
- onError: o
1475
- }) => {
1476
- const [r, l] = R(
1477
- () => S({ config: n, provider: t })
1478
- );
1479
- return r.status === "idle" || r.status === "loading" ? null : r.status === "chooser" ? /* @__PURE__ */ e(g1, { manager: l }) : r.status === "tutorial" ? /* @__PURE__ */ e(L1, { manager: l, state: r }) : r.status === "permissions" ? /* @__PURE__ */ e(
1470
+ }, x1 = ({ config: n, onFinish: t, onError: i }) => {
1471
+ const [r, o] = R(() => S({ config: n }));
1472
+ return r.status === "idle" || r.status === "loading" ? null : r.status === "chooser" ? /* @__PURE__ */ e(g1, { manager: o }) : r.status === "tutorial" ? /* @__PURE__ */ e(L1, { manager: o, state: r }) : r.status === "permissions" ? /* @__PURE__ */ e(
1480
1473
  O,
1481
1474
  {
1482
- manager: l,
1475
+ manager: o,
1483
1476
  permissionStatus: r.permissionStatus
1484
1477
  }
1485
- ) : r.status === "frontFinished" ? /* @__PURE__ */ e(w1, { manager: l }) : r.status === "capture" ? /* @__PURE__ */ e(h1, { manager: l, state: r, onFinish: () => i?.() }) : r.status === "processing" ? /* @__PURE__ */ e($, {}) : r.status === "expired" ? /* @__PURE__ */ e(n1, { manager: l }) : r.status === "finished" ? (i?.(), null) : r.status === "closed" ? (o?.(void 0), null) : r.status === "error" ? /* @__PURE__ */ e(D, { manager: l, state: r, onError: o }) : null;
1486
- }, y1 = ({ config: n, provider: t, onFinish: i, onError: o }) => /* @__PURE__ */ e(G, { children: n && t ? /* @__PURE__ */ e(
1487
- x1,
1488
- {
1489
- config: n,
1490
- provider: t,
1491
- onFinish: i,
1492
- onError: o
1493
- }
1494
- ) : /* @__PURE__ */ e("div", { children: "Id: Missing config or provider" }) });
1478
+ ) : r.status === "frontFinished" ? /* @__PURE__ */ e(w1, { manager: o }) : r.status === "capture" ? /* @__PURE__ */ e(h1, { manager: o, state: r, onFinish: () => t?.() }) : r.status === "processing" ? /* @__PURE__ */ e($, {}) : r.status === "expired" ? /* @__PURE__ */ e(n1, { manager: o }) : r.status === "finished" ? (t?.(), null) : r.status === "closed" ? (i?.(void 0), null) : r.status === "error" ? /* @__PURE__ */ e(D, { manager: o, state: r, onError: i }) : null;
1479
+ }, y1 = ({ config: n, onFinish: t, onError: i }) => /* @__PURE__ */ e(G, { children: n ? /* @__PURE__ */ e(x1, { config: n, onFinish: t, onError: i }) : null });
1495
1480
  A(y1, "incode-id");
1496
1481
  export {
1497
1482
  y1 as Id
@@ -5,7 +5,7 @@ import "@incodetech/core";
5
5
  import { P as l } from "../baseTutorial-B9sBivde.js";
6
6
  import { I as m } from "../incodeComponent-3T8Qyjnt.js";
7
7
  import { P as f } from "../processing-us1m6bZt.js";
8
- import { T as p, C as c } from "../tutorial-DBlXpMh-.js";
8
+ import { T as p, C as c } from "../tutorial-DOCCLz7v.js";
9
9
  const d = ({
10
10
  config: e,
11
11
  onFinish: s,
@@ -234,6 +234,9 @@
234
234
  width: 100%;
235
235
  height: 100%;
236
236
  position: absolute;
237
+ }
238
+
239
+ .IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {
237
240
  transform: scaleX(-1);
238
241
  }
239
242
 
@@ -1,18 +1,18 @@
1
- import { u as t, S as a, B as h, c as m, L as I } from "./incodeModule-DPTWfWvu.js";
2
- import { g as L, d as R, k as g, A as D, y as T } from "./vendor-preact-CjD4WiuC.js";
3
- import { u as d, S, T as v } from "./spinner-BERSXem_.js";
4
- import { S as A } from "./successIcon-DV200b2L.js";
5
- import { P as u } from "./incodeComponent-3T8Qyjnt.js";
1
+ import { u as t, S as a, B as h, c as I, L } from "./incodeModule-DPTWfWvu.js";
2
+ import { g as D, d as R, k as _, A as S, y as O } from "./vendor-preact-CjD4WiuC.js";
3
+ import { u as d, S as v, T as A } from "./spinner-BERSXem_.js";
4
+ import { S as M } from "./successIcon-DV200b2L.js";
5
+ import { P as p } from "./incodeComponent-3T8Qyjnt.js";
6
6
  import "./instance-B-q0ZREN.js";
7
- import { B as M } from "./baseTutorial-B9sBivde.js";
8
- const O = ({
7
+ import { B as w } from "./baseTutorial-B9sBivde.js";
8
+ const m = ({
9
9
  title: i,
10
10
  description: e,
11
11
  attemptsText: n,
12
12
  buttonText: o,
13
13
  icon: r,
14
14
  onButtonClick: s
15
- }) => /* @__PURE__ */ t("div", { class: "IncodeErrorModalContent", children: /* @__PURE__ */ t(u, { "data-testid": "face-capture-error-modal", children: /* @__PURE__ */ t("div", { class: "IncodeErrorModalContentContainer", children: [
15
+ }) => /* @__PURE__ */ t("div", { class: "IncodeErrorModalContent", children: /* @__PURE__ */ t(p, { "data-testid": "face-capture-error-modal", children: /* @__PURE__ */ t("div", { class: "IncodeErrorModalContentContainer", children: [
16
16
  /* @__PURE__ */ t("div", { class: "IncodeErrorModalContentIconContainer", children: [
17
17
  r,
18
18
  /* @__PURE__ */ t(a, { size: 24 }),
@@ -25,7 +25,7 @@ const O = ({
25
25
  /* @__PURE__ */ t(a, { size: 24 }),
26
26
  /* @__PURE__ */ t(h, { onClick: s, children: o })
27
27
  ] })
28
- ] }) }) }), w = () => /* @__PURE__ */ t(
28
+ ] }) }) }), N = () => /* @__PURE__ */ t(
29
29
  "svg",
30
30
  {
31
31
  xmlns: "http://www.w3.org/2000/svg",
@@ -44,23 +44,23 @@ const O = ({
44
44
  )
45
45
  ]
46
46
  }
47
- ), N = ({
47
+ ), B = ({
48
48
  title: i,
49
49
  onContinue: e
50
50
  }) => {
51
51
  const { t: n } = d();
52
52
  return /* @__PURE__ */ t(
53
- O,
53
+ m,
54
54
  {
55
55
  title: i,
56
56
  description: n("notifications.selfieCaptureFailedDescription"),
57
57
  attemptsText: n("notifications.noAttemptsRemaining") ?? "No attempts remaining",
58
58
  buttonText: n("common.continue") ?? "Continue",
59
- icon: /* @__PURE__ */ t(w, {}),
59
+ icon: /* @__PURE__ */ t(N, {}),
60
60
  onButtonClick: e
61
61
  }
62
62
  );
63
- }, B = () => /* @__PURE__ */ t(
63
+ }, y = () => /* @__PURE__ */ t(
64
64
  "svg",
65
65
  {
66
66
  xmlns: "http://www.w3.org/2000/svg",
@@ -80,7 +80,7 @@ const O = ({
80
80
  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0", children: /* @__PURE__ */ t("rect", { width: "32", height: "32", fill: "white" }) }) })
81
81
  ]
82
82
  }
83
- ), y = ({
83
+ ), F = ({
84
84
  title: i,
85
85
  description: e,
86
86
  attemptsRemaining: n,
@@ -88,20 +88,20 @@ const O = ({
88
88
  }) => {
89
89
  const { t: r } = d();
90
90
  return /* @__PURE__ */ t(
91
- O,
91
+ m,
92
92
  {
93
93
  title: i,
94
94
  description: r(e),
95
95
  attemptsText: r("common.attemptsRemaining", { count: n }) ?? `Attempts remaining: ${n}`,
96
96
  buttonText: r("common.tryAgain") ?? "Try Again",
97
- icon: /* @__PURE__ */ t(B, {}),
97
+ icon: /* @__PURE__ */ t(y, {}),
98
98
  onButtonClick: o
99
99
  }
100
100
  );
101
101
  }, l = {
102
102
  title: "Something went wrong",
103
103
  description: "Please try again later"
104
- }, F = {
104
+ }, x = {
105
105
  MASK_ERROR: {
106
106
  title: "notifications.mask",
107
107
  description: "notifications.maskDescription"
@@ -189,7 +189,7 @@ const O = ({
189
189
  title: "notifications.selfieImageLowQuality",
190
190
  description: "notifications.selfieImageLowQualityDescription"
191
191
  }
192
- }, x = [
192
+ }, V = [
193
193
  "LIVENESS_ERROR",
194
194
  "BRIGHTNESS_ERROR",
195
195
  "LENSES_ERROR",
@@ -223,11 +223,11 @@ const O = ({
223
223
  return "BAD_REQUEST";
224
224
  if (e.includes("HTTP 500") || e.includes("SERVER_ERROR"))
225
225
  return "SERVER_ERROR";
226
- for (const n of x)
226
+ for (const n of V)
227
227
  if (e.includes(n))
228
228
  return n;
229
229
  return null;
230
- }, _ = ({
230
+ }, T = ({
231
231
  error: i,
232
232
  attemptsRemaining: e,
233
233
  onTryAgain: n,
@@ -235,17 +235,17 @@ const O = ({
235
235
  }) => {
236
236
  const { t: r } = d();
237
237
  if (!i) return null;
238
- const C = P(i) ?? i, { title: c, description: f } = F[C] ?? l, p = e <= 0, E = r(c) ?? c;
239
- return p ? /* @__PURE__ */ t(N, { title: E, onContinue: o }) : /* @__PURE__ */ t(
240
- y,
238
+ const C = P(i) ?? i, { title: c, description: f } = x[C] ?? l, E = e <= 0, u = r(c) ?? c;
239
+ return E ? /* @__PURE__ */ t(B, { title: u, onContinue: o }) : /* @__PURE__ */ t(
240
+ F,
241
241
  {
242
- title: E,
242
+ title: u,
243
243
  description: f,
244
244
  attemptsRemaining: e,
245
245
  onTryAgain: n
246
246
  }
247
247
  );
248
- }, V = () => /* @__PURE__ */ t(
248
+ }, U = () => /* @__PURE__ */ t(
249
249
  "svg",
250
250
  {
251
251
  width: "292",
@@ -266,7 +266,7 @@ const O = ({
266
266
  )
267
267
  ]
268
268
  }
269
- ), U = (i) => {
269
+ ), H = (i) => {
270
270
  switch (i) {
271
271
  case "success":
272
272
  case "capturing":
@@ -278,14 +278,14 @@ const O = ({
278
278
  case "idle":
279
279
  return "var(--surface-neutral-100)";
280
280
  }
281
- }, H = ({
281
+ }, b = ({
282
282
  borderState: i = "idle"
283
283
  }) => {
284
- const e = L(), n = i === "loading" || i === "capturing", o = U(i), r = n ? `url(#${e})` : o;
284
+ const e = D(), n = i === "loading" || i === "capturing", o = H(i), r = n ? `url(#${e})` : o;
285
285
  return /* @__PURE__ */ t(
286
286
  "div",
287
287
  {
288
- class: m("IncodeLoadingBorder", {
288
+ class: I("IncodeLoadingBorder", {
289
289
  IncodeLoadingBorderSpinning: n
290
290
  }),
291
291
  children: /* @__PURE__ */ t(
@@ -383,7 +383,7 @@ const O = ({
383
383
  }
384
384
  ) })
385
385
  ] });
386
- }, b = ({ detectionState: i }) => {
386
+ }, z = ({ detectionState: i }) => {
387
387
  const { t: e } = d(), o = {
388
388
  noFace: e("notifications.faceNotFound"),
389
389
  tooManyFaces: e("notifications.tooManyFaces"),
@@ -400,57 +400,58 @@ const O = ({
400
400
  getReady: e("notifications.getReady")
401
401
  }[i];
402
402
  return o ? /* @__PURE__ */ t("div", { class: "IncodeNotification", children: /* @__PURE__ */ t("p", { class: "IncodeNotificationText", children: o }) }) : null;
403
- }, J = ({ manager: i, state: e, onFinish: n }) => {
403
+ }, tt = ({ manager: i, state: e, onFinish: n }) => {
404
404
  const {
405
405
  captureStatus: o,
406
406
  stream: r,
407
407
  detectionStatus: s,
408
408
  attemptsRemaining: C,
409
- uploadError: c
410
- } = e, [f, p] = R(!1), { t: E } = d();
409
+ uploadError: c,
410
+ assistedOnboarding: f
411
+ } = e, [E, u] = R(!1), { t: g } = d();
411
412
  return o === "initializing" ? /* @__PURE__ */ t(
412
- S,
413
+ v,
413
414
  {
414
415
  fullScreen: !0,
415
- title: E("v2.selfie.camera.loading"),
416
+ title: g("v2.selfie.camera.loading"),
416
417
  className: "IncodeCameraLoading"
417
418
  }
418
- ) : o === "detecting" ? s === "offline" ? /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t("div", { class: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ t("p", { class: "text-text-body-primary", children: "No internet connection" }) }) }) : /* @__PURE__ */ t(u, { "data-testid": "capture-container", children: [
419
+ ) : o === "detecting" ? s === "offline" ? /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { class: "flex h-full flex-col items-center justify-center", children: /* @__PURE__ */ t("p", { class: "text-text-body-primary", children: "No internet connection" }) }) }) : /* @__PURE__ */ t(p, { "data-testid": "capture-container", children: [
419
420
  /* @__PURE__ */ t(a, { size: 48 }),
420
421
  /* @__PURE__ */ t("div", { class: "IncodeCaptureContainer", children: [
421
- /* @__PURE__ */ t(H, { borderState: f ? "capturing" : s === "detecting" ? "idle" : s === "getReady" ? "loading" : s === "success" ? "success" : s === "error" ? "error" : "idle" }),
422
- /* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", children: r ? /* @__PURE__ */ t(g, { children: [
423
- /* @__PURE__ */ t(z, { stream: r }),
424
- /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(V, {}) })
422
+ /* @__PURE__ */ t(b, { borderState: E ? "capturing" : s === "detecting" ? "idle" : s === "getReady" ? "loading" : s === "success" ? "success" : s === "error" ? "error" : "idle" }),
423
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", children: r ? /* @__PURE__ */ t(_, { children: [
424
+ /* @__PURE__ */ t(Q, { stream: r, mirrored: !f }),
425
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(U, {}) })
425
426
  ] }) : null }) }),
426
427
  /* @__PURE__ */ t(a, { size: 48 }),
427
- s ? /* @__PURE__ */ t(g, { children: [
428
- /* @__PURE__ */ t(b, { detectionState: s }),
428
+ s ? /* @__PURE__ */ t(_, { children: [
429
+ /* @__PURE__ */ t(z, { detectionState: s }),
429
430
  /* @__PURE__ */ t(a, { size: 24 })
430
431
  ] }) : null,
431
432
  s === "manualCapture" ? /* @__PURE__ */ t(
432
433
  Z,
433
434
  {
434
435
  onClick: () => {
435
- p(!0), i.capture();
436
+ u(!0), i.capture();
436
437
  },
437
- disabled: f
438
+ disabled: E
438
439
  }
439
440
  ) : null
440
441
  ] }),
441
442
  c ? /* @__PURE__ */ t(
442
- _,
443
+ T,
443
444
  {
444
445
  error: c,
445
446
  attemptsRemaining: C,
446
447
  onTryAgain: () => {
447
- i.retryCapture(), p(!1);
448
+ i.retryCapture(), u(!1);
448
449
  },
449
450
  onContinue: n
450
451
  }
451
452
  ) : null
452
453
  ] }) : o === "capturing" ? /* @__PURE__ */ t(
453
- u,
454
+ p,
454
455
  {
455
456
  className: "IncodeCaptureCapturingPage",
456
457
  title: "Capturing",
@@ -467,47 +468,47 @@ const O = ({
467
468
  }
468
469
  )
469
470
  }
470
- ) : o === "uploading" ? /* @__PURE__ */ t(Q, {}) : o === "uploadError" ? /* @__PURE__ */ t(
471
- _,
471
+ ) : o === "uploading" ? /* @__PURE__ */ t(Y, {}) : o === "uploadError" ? /* @__PURE__ */ t(
472
+ T,
472
473
  {
473
474
  error: c,
474
475
  attemptsRemaining: C,
475
476
  onTryAgain: () => {
476
- i.retryCapture(), p(!1);
477
+ i.retryCapture(), u(!1);
477
478
  },
478
479
  onContinue: n
479
480
  }
480
- ) : o === "success" ? /* @__PURE__ */ t(u, { className: "IncodeCaptureSuccessPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureSuccessContainer", children: [
481
+ ) : o === "success" ? /* @__PURE__ */ t(p, { className: "IncodeCaptureSuccessPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureSuccessContainer", children: [
481
482
  /* @__PURE__ */ t(a, { size: 160 }),
482
- /* @__PURE__ */ t(A, { size: 64 }),
483
+ /* @__PURE__ */ t(M, { size: 64 }),
483
484
  /* @__PURE__ */ t(a, { size: 16 }),
484
- /* @__PURE__ */ t(v, { children: E("idv2.capture.processing.success") })
485
+ /* @__PURE__ */ t(A, { children: g("idv2.capture.processing.success") })
485
486
  ] }) }) : null;
486
- }, z = ({ stream: i }) => {
487
- const e = D(null);
488
- return T(() => {
489
- e.current && i && (e.current.srcObject = i);
487
+ }, Q = ({ stream: i, mirrored: e }) => {
488
+ const n = S(null);
489
+ return O(() => {
490
+ n.current && i && (n.current.srcObject = i);
490
491
  }, [i]), /* @__PURE__ */ t(
491
492
  "video",
492
493
  {
493
- ref: e,
494
+ ref: n,
494
495
  autoplay: !0,
495
496
  playsInline: !0,
496
497
  muted: !0,
497
- class: "IncodeCaptureVideoElement"
498
+ class: e ? "IncodeCaptureVideoElement IncodeCaptureVideoMirrored" : "IncodeCaptureVideoElement"
498
499
  }
499
500
  );
500
- }, Q = () => {
501
+ }, Y = () => {
501
502
  const { t: i } = d();
502
- return /* @__PURE__ */ t(u, { className: "IncodeCaptureUploadingPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingContainer", children: [
503
+ return /* @__PURE__ */ t(p, { className: "IncodeCaptureUploadingPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingContainer", children: [
503
504
  /* @__PURE__ */ t(a, { size: 160 }),
504
- /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingIconContainer", children: /* @__PURE__ */ t(I, { size: 64 }) }),
505
+ /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingIconContainer", children: /* @__PURE__ */ t(L, { size: 64 }) }),
505
506
  /* @__PURE__ */ t(a, { size: 16 }),
506
507
  /* @__PURE__ */ t("h2", { class: "IncodeCaptureUploadingTitle", children: i("idv2.capture.processing.uploading") })
507
508
  ] }) });
508
- }, tt = ({ manager: i }) => {
509
+ }, et = ({ manager: i }) => {
509
510
  const { t: e } = d(), [n, o] = R(!1), [r, s] = R(null);
510
- T(() => {
511
+ O(() => {
511
512
  import("./selfieTutorial-Dm_p0ke9.js").then((c) => {
512
513
  s(c.default);
513
514
  });
@@ -516,7 +517,7 @@ const O = ({
516
517
  o(!0), i.nextStep();
517
518
  };
518
519
  return r ? /* @__PURE__ */ t(
519
- M,
520
+ w,
520
521
  {
521
522
  animationData: r,
522
523
  title: e("face.tutorial.title"),
@@ -530,6 +531,6 @@ const O = ({
530
531
  ) : null;
531
532
  };
532
533
  export {
533
- J as C,
534
- tt as T
534
+ tt as C,
535
+ et as T
535
536
  };
@@ -1,12 +1,9 @@
1
1
  import { FC } from 'preact/compat';
2
2
  import { IdCaptureConfig } from '@incodetech/core/id';
3
- import { IIdCaptureCapability } from '@incodetech/core/id';
4
3
 
5
4
  export declare const Id: FC<IdProps>;
6
5
 
7
- declare type IdProps = IncodeModuleProps<IdCaptureConfig> & {
8
- provider?: IIdCaptureCapability;
9
- };
6
+ declare type IdProps = IncodeModuleProps<IdCaptureConfig>;
10
7
 
11
8
  declare type IncodeModuleProps<TConfig, TResult = void> = {
12
9
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260218-e020e1c",
3
+ "version": "0.0.0-dev-20260219-dfbf2ff",
4
4
  "type": "module",
5
5
  "main": "./dist/index.es.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -79,7 +79,7 @@
79
79
  "libphonenumber-js": "^1.11.0",
80
80
  "preact-custom-element": "^4.6.0",
81
81
  "tailwindcss": "^4.1.17",
82
- "@incodetech/core": "0.0.0-dev-20260218-e020e1c"
82
+ "@incodetech/core": "0.0.0-dev-20260219-dfbf2ff"
83
83
  },
84
84
  "devDependencies": {
85
85
  "@microsoft/api-extractor": "^7.53.3",