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

package/dist/authentication/authentication.es.js

@@ -4,7 +4,7 @@ import "../vendor-preact-CjD4WiuC.js";
 import "@incodetech/core";
 import { P as m } from "../baseTutorial-B9sBivde.js";
 import { I as p } from "../incodeComponent-3T8Qyjnt.js";
-import { T as c, C as f } from "../tutorial-DBlXpMh-.js";
+import { T as c, C as f } from "../tutorial-DOCCLz7v.js";
 const d = ({
   config: r,
   authHint: s,

package/dist/flow/styles.css

@@ -235,6 +235,9 @@
   width: 100%;
   height: 100%;
   position: absolute;
+}
+
+.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {
   transform: scaleX(-1);
 }
 

package/dist/selfie/selfie.es.js

@@ -5,7 +5,7 @@ import "@incodetech/core";
 import { P as l } from "../baseTutorial-B9sBivde.js";
 import { I as m } from "../incodeComponent-3T8Qyjnt.js";
 import { P as f } from "../processing-us1m6bZt.js";
-import { T as p, C as c } from "../tutorial-DBlXpMh-.js";
+import { T as p, C as c } from "../tutorial-DOCCLz7v.js";
 const d = ({
   config: e,
   onFinish: s,

package/dist/selfie/styles.css

@@ -234,6 +234,9 @@
   width: 100%;
   height: 100%;
   position: absolute;
+}
+
+.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {
   transform: scaleX(-1);
 }
 

package/dist/{tutorial-DBlXpMh-.js → tutorial-DOCCLz7v.js}

@@ -1,18 +1,18 @@
-import { u as t, S as a, B as h, c as m, L as I } from "./incodeModule-DPTWfWvu.js";
-import { g as L, d as R, k as g, A as D, y as T } from "./vendor-preact-CjD4WiuC.js";
-import { u as d, S, T as v } from "./spinner-BERSXem_.js";
-import { S as A } from "./successIcon-DV200b2L.js";
-import { P as u } from "./incodeComponent-3T8Qyjnt.js";
+import { u as t, S as a, B as h, c as I, L } from "./incodeModule-DPTWfWvu.js";
+import { g as D, d as R, k as _, A as S, y as O } from "./vendor-preact-CjD4WiuC.js";
+import { u as d, S as v, T as A } from "./spinner-BERSXem_.js";
+import { S as M } from "./successIcon-DV200b2L.js";
+import { P as p } from "./incodeComponent-3T8Qyjnt.js";
 import "./instance-B-q0ZREN.js";
-import { B as M } from "./baseTutorial-B9sBivde.js";
-const O = ({
+import { B as w } from "./baseTutorial-B9sBivde.js";
+const m = ({
   title: i,
   description: e,
   attemptsText: n,
   buttonText: o,
   icon: r,
   onButtonClick: s
-}) => /* @__PURE__ */ t("div", { class: "IncodeErrorModalContent", children: /* @__PURE__ */ t(u, { "data-testid": "face-capture-error-modal", children: /* @__PURE__ */ t("div", { class: "IncodeErrorModalContentContainer", children: [
+}) => /* @__PURE__ */ t("div", { class: "IncodeErrorModalContent", children: /* @__PURE__ */ t(p, { "data-testid": "face-capture-error-modal", children: /* @__PURE__ */ t("div", { class: "IncodeErrorModalContentContainer", children: [
   /* @__PURE__ */ t("div", { class: "IncodeErrorModalContentIconContainer", children: [
     r,
     /* @__PURE__ */ t(a, { size: 24 }),
@@ -25,7 +25,7 @@ const O = ({
     /* @__PURE__ */ t(a, { size: 24 }),
     /* @__PURE__ */ t(h, { onClick: s, children: o })
   ] })
-] }) }) }), w = () => /* @__PURE__ */ t(
+] }) }) }), N = () => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -44,23 +44,23 @@ const O = ({
       )
     ]
   }
-), N = ({
+), B = ({
   title: i,
   onContinue: e
 }) => {
   const { t: n } = d();
   return /* @__PURE__ */ t(
-    O,
+    m,
     {
       title: i,
       description: n("notifications.selfieCaptureFailedDescription"),
       attemptsText: n("notifications.noAttemptsRemaining") ?? "No attempts remaining",
       buttonText: n("common.continue") ?? "Continue",
-      icon: /* @__PURE__ */ t(w, {}),
+      icon: /* @__PURE__ */ t(N, {}),
       onButtonClick: e
     }
   );
-}, B = () => /* @__PURE__ */ t(
+}, y = () => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -80,7 +80,7 @@ const O = ({
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0", children: /* @__PURE__ */ t("rect", { width: "32", height: "32", fill: "white" }) }) })
     ]
   }
-), y = ({
+), F = ({
   title: i,
   description: e,
   attemptsRemaining: n,
@@ -88,20 +88,20 @@ const O = ({
 }) => {
   const { t: r } = d();
   return /* @__PURE__ */ t(
-    O,
+    m,
     {
       title: i,
       description: r(e),
       attemptsText: r("common.attemptsRemaining", { count: n }) ?? `Attempts remaining: ${n}`,
       buttonText: r("common.tryAgain") ?? "Try Again",
-      icon: /* @__PURE__ */ t(B, {}),
+      icon: /* @__PURE__ */ t(y, {}),
       onButtonClick: o
     }
   );
 }, l = {
   title: "Something went wrong",
   description: "Please try again later"
-}, F = {
+}, x = {
   MASK_ERROR: {
     title: "notifications.mask",
     description: "notifications.maskDescription"
@@ -189,7 +189,7 @@ const O = ({
     title: "notifications.selfieImageLowQuality",
     description: "notifications.selfieImageLowQualityDescription"
   }
-}, x = [
+}, V = [
   "LIVENESS_ERROR",
   "BRIGHTNESS_ERROR",
   "LENSES_ERROR",
@@ -223,11 +223,11 @@ const O = ({
     return "BAD_REQUEST";
   if (e.includes("HTTP 500") || e.includes("SERVER_ERROR"))
     return "SERVER_ERROR";
-  for (const n of x)
+  for (const n of V)
     if (e.includes(n))
       return n;
   return null;
-}, _ = ({
+}, T = ({
   error: i,
   attemptsRemaining: e,
   onTryAgain: n,
@@ -235,17 +235,17 @@ const O = ({
 }) => {
   const { t: r } = d();
   if (!i) return null;
-  const C = P(i) ?? i, { title: c, description: f } = F[C] ?? l, p = e <= 0, E = r(c) ?? c;
-  return p ? /* @__PURE__ */ t(N, { title: E, onContinue: o }) : /* @__PURE__ */ t(
-    y,
+  const C = P(i) ?? i, { title: c, description: f } = x[C] ?? l, E = e <= 0, u = r(c) ?? c;
+  return E ? /* @__PURE__ */ t(B, { title: u, onContinue: o }) : /* @__PURE__ */ t(
+    F,
     {
-      title: E,
+      title: u,
       description: f,
       attemptsRemaining: e,
       onTryAgain: n
     }
   );
-}, V = () => /* @__PURE__ */ t(
+}, U = () => /* @__PURE__ */ t(
   "svg",
   {
     width: "292",
@@ -266,7 +266,7 @@ const O = ({
       )
     ]
   }
-), U = (i) => {
+), H = (i) => {
   switch (i) {
     case "success":
     case "capturing":
@@ -278,14 +278,14 @@ const O = ({
     case "idle":
       return "var(--surface-neutral-100)";
   }
-}, H = ({
+}, b = ({
   borderState: i = "idle"
 }) => {
-  const e = L(), n = i === "loading" || i === "capturing", o = U(i), r = n ? `url(#${e})` : o;
+  const e = D(), n = i === "loading" || i === "capturing", o = H(i), r = n ? `url(#${e})` : o;
   return /* @__PURE__ */ t(
     "div",
     {
-      class: m("IncodeLoadingBorder", {
+      class: I("IncodeLoadingBorder", {
         IncodeLoadingBorderSpinning: n
       }),
       children: /* @__PURE__ */ t(
@@ -383,7 +383,7 @@ const O = ({
       }
     ) })
   ] });
-}, b = ({ detectionState: i }) => {
+}, z = ({ detectionState: i }) => {
   const { t: e } = d(), o = {
     noFace: e("notifications.faceNotFound"),
     tooManyFaces: e("notifications.tooManyFaces"),
@@ -400,57 +400,58 @@ const O = ({
     getReady: e("notifications.getReady")
   }[i];
   return o ? /* @__PURE__ */ t("div", { class: "IncodeNotification", children: /* @__PURE__ */ t("p", { class: "IncodeNotificationText", children: o }) }) : null;
-}, J = ({ manager: i, state: e, onFinish: n }) => {
+}, tt = ({ manager: i, state: e, onFinish: n }) => {
   const {
     captureStatus: o,
     stream: r,
     detectionStatus: s,
     attemptsRemaining: C,
-    uploadError: c
-  } = e, [f, p] = R(!1), { t: E } = d();
+    uploadError: c,
+    assistedOnboarding: f
+  } = e, [E, u] = R(!1), { t: g } = d();
   return o === "initializing" ? /* @__PURE__ */ t(
-    S,
+    v,
     {
       fullScreen: !0,
-      title: E("v2.selfie.camera.loading"),
+      title: g("v2.selfie.camera.loading"),
       className: "IncodeCameraLoading"
     }
-  ) : 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: [
+  ) : 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: [
     /* @__PURE__ */ t(a, { size: 48 }),
     /* @__PURE__ */ t("div", { class: "IncodeCaptureContainer", children: [
-      /* @__PURE__ */ t(H, { borderState: f ? "capturing" : s === "detecting" ? "idle" : s === "getReady" ? "loading" : s === "success" ? "success" : s === "error" ? "error" : "idle" }),
-      /* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", children: r ? /* @__PURE__ */ t(g, { children: [
-        /* @__PURE__ */ t(z, { stream: r }),
-        /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(V, {}) })
+      /* @__PURE__ */ t(b, { borderState: E ? "capturing" : s === "detecting" ? "idle" : s === "getReady" ? "loading" : s === "success" ? "success" : s === "error" ? "error" : "idle" }),
+      /* @__PURE__ */ t("div", { class: "IncodeCaptureFrame", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureVideoWrapper", children: r ? /* @__PURE__ */ t(_, { children: [
+        /* @__PURE__ */ t(Q, { stream: r, mirrored: !f }),
+        /* @__PURE__ */ t("div", { class: "IncodeCaptureVideo", children: /* @__PURE__ */ t(U, {}) })
       ] }) : null }) }),
       /* @__PURE__ */ t(a, { size: 48 }),
-      s ? /* @__PURE__ */ t(g, { children: [
-        /* @__PURE__ */ t(b, { detectionState: s }),
+      s ? /* @__PURE__ */ t(_, { children: [
+        /* @__PURE__ */ t(z, { detectionState: s }),
         /* @__PURE__ */ t(a, { size: 24 })
       ] }) : null,
       s === "manualCapture" ? /* @__PURE__ */ t(
         Z,
         {
           onClick: () => {
-            p(!0), i.capture();
+            u(!0), i.capture();
           },
-          disabled: f
+          disabled: E
         }
       ) : null
     ] }),
     c ? /* @__PURE__ */ t(
-      _,
+      T,
       {
         error: c,
         attemptsRemaining: C,
         onTryAgain: () => {
-          i.retryCapture(), p(!1);
+          i.retryCapture(), u(!1);
         },
         onContinue: n
       }
     ) : null
   ] }) : o === "capturing" ? /* @__PURE__ */ t(
-    u,
+    p,
     {
       className: "IncodeCaptureCapturingPage",
       title: "Capturing",
@@ -467,47 +468,47 @@ const O = ({
         }
       )
     }
-  ) : o === "uploading" ? /* @__PURE__ */ t(Q, {}) : o === "uploadError" ? /* @__PURE__ */ t(
-    _,
+  ) : o === "uploading" ? /* @__PURE__ */ t(Y, {}) : o === "uploadError" ? /* @__PURE__ */ t(
+    T,
     {
       error: c,
       attemptsRemaining: C,
       onTryAgain: () => {
-        i.retryCapture(), p(!1);
+        i.retryCapture(), u(!1);
       },
       onContinue: n
     }
-  ) : o === "success" ? /* @__PURE__ */ t(u, { className: "IncodeCaptureSuccessPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureSuccessContainer", children: [
+  ) : o === "success" ? /* @__PURE__ */ t(p, { className: "IncodeCaptureSuccessPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureSuccessContainer", children: [
     /* @__PURE__ */ t(a, { size: 160 }),
-    /* @__PURE__ */ t(A, { size: 64 }),
+    /* @__PURE__ */ t(M, { size: 64 }),
     /* @__PURE__ */ t(a, { size: 16 }),
-    /* @__PURE__ */ t(v, { children: E("idv2.capture.processing.success") })
+    /* @__PURE__ */ t(A, { children: g("idv2.capture.processing.success") })
   ] }) }) : null;
-}, z = ({ stream: i }) => {
-  const e = D(null);
-  return T(() => {
-    e.current && i && (e.current.srcObject = i);
+}, Q = ({ stream: i, mirrored: e }) => {
+  const n = S(null);
+  return O(() => {
+    n.current && i && (n.current.srcObject = i);
   }, [i]), /* @__PURE__ */ t(
     "video",
     {
-      ref: e,
+      ref: n,
       autoplay: !0,
       playsInline: !0,
       muted: !0,
-      class: "IncodeCaptureVideoElement"
+      class: e ? "IncodeCaptureVideoElement IncodeCaptureVideoMirrored" : "IncodeCaptureVideoElement"
     }
   );
-}, Q = () => {
+}, Y = () => {
   const { t: i } = d();
-  return /* @__PURE__ */ t(u, { className: "IncodeCaptureUploadingPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingContainer", children: [
+  return /* @__PURE__ */ t(p, { className: "IncodeCaptureUploadingPage", children: /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingContainer", children: [
     /* @__PURE__ */ t(a, { size: 160 }),
-    /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingIconContainer", children: /* @__PURE__ */ t(I, { size: 64 }) }),
+    /* @__PURE__ */ t("div", { class: "IncodeCaptureUploadingIconContainer", children: /* @__PURE__ */ t(L, { size: 64 }) }),
     /* @__PURE__ */ t(a, { size: 16 }),
     /* @__PURE__ */ t("h2", { class: "IncodeCaptureUploadingTitle", children: i("idv2.capture.processing.uploading") })
   ] }) });
-}, tt = ({ manager: i }) => {
+}, et = ({ manager: i }) => {
   const { t: e } = d(), [n, o] = R(!1), [r, s] = R(null);
-  T(() => {
+  O(() => {
     import("./selfieTutorial-Dm_p0ke9.js").then((c) => {
       s(c.default);
     });
@@ -516,7 +517,7 @@ const O = ({
     o(!0), i.nextStep();
   };
   return r ? /* @__PURE__ */ t(
-    M,
+    w,
     {
       animationData: r,
       title: e("face.tutorial.title"),
@@ -530,6 +531,6 @@ const O = ({
   ) : null;
 };
 export {
-  J as C,
-  tt as T
+  tt as C,
+  et as T
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@incodetech/web",
-  "version": "0.0.0-dev-20260218-e020e1c",
+  "version": "0.0.0-dev-20260219-f9d9707",
   "type": "module",
   "main": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",
@@ -79,7 +79,7 @@
     "libphonenumber-js": "^1.11.0",
     "preact-custom-element": "^4.6.0",
     "tailwindcss": "^4.1.17",
-    "@incodetech/core": "0.0.0-dev-20260218-e020e1c"
+    "@incodetech/core": "0.0.0-dev-20260219-f9d9707"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.53.3",