@baas-id/react 0.3.1 → 0.3.7

package/dist/esm/preview.js

@@ -1,100 +1,100 @@
 import "./baas-id-react.css";
-/* empty css                        */
-import { jsxs as R, jsx as p } from "react/jsx-runtime";
-import { useMemo as E, useRef as M, useState as W, useEffect as U } from "react";
-import { t as $, n as K, a as Q, m as Y, b as J, g as O, f as X, i as Z, c as ee, F as B, H as te, d as oe, e as ne, S as re, E as se, h as ie, j as ae, k as le, l as ce, o as L, p as de, q as H, s as fe, G, u as ue, v as pe, w as he, x as ye } from "./chunks/ContinueFlow-mqBIxnlp.js";
-import { y as we, z as xe, A as De, B as Oe, I as Be, L as Le, J as Ne, K as Ue, N as He, O as Ge, P as je, Q as qe, R as Ve, T as ze } from "./chunks/ContinueFlow-mqBIxnlp.js";
-function me(e) {
-  let r = e >>> 0;
-  return () => (r = r * 1664525 + 1013904223 >>> 0, r / 4294967296);
+/* empty css                       */
+import { jsxs as C, jsx as d } from "react/jsx-runtime";
+import { useMemo as E, useRef as R, useState as z, useEffect as H } from "react";
+import { t as $, n as K, a as Q, m as Y, b as J, g as B, f as X, d as Z, i as ee, e as te, F as L, H as oe, h as re, j as ie, S as ne, E as se, k as ae, l as le, o as ce, p as de, q as U, s as ue, u as F, v as fe, G as A, w as pe, x as he, y as me, z as ye, A as ge, B as ve } from "./chunks/ContinueFlow-BzKnkzHf.js";
+import { I as Be, J as Le, K as Ue, N as Ge, O as He, L as qe, P as Ve, Q as je, R as We, T as ze, U as $e, V as Ke, W as Qe, X as Ye } from "./chunks/ContinueFlow-BzKnkzHf.js";
+function Se(e) {
+  let n = e >>> 0;
+  return () => (n = n * 1664525 + 1013904223 >>> 0, n / 4294967296);
 }
-function j(e, r) {
-  const n = $(e, r, 0.8), s = 0.012;
+function q(e, n) {
+  const r = $(e, n, 0.8), i = 0.012;
   return [
-    { x: n[0].x + s, y: n[0].y + s * 0.6 },
-    { x: n[1].x - s * 0.4, y: n[1].y },
-    { x: n[2].x, y: n[2].y - s * 0.3 },
-    { x: n[3].x + s * 0.5, y: n[3].y - s * 0.8 }
+    { x: r[0].x + i, y: r[0].y + i * 0.6 },
+    { x: r[1].x - i * 0.4, y: r[1].y },
+    { x: r[2].x, y: r[2].y - i * 0.3 },
+    { x: r[3].x + i * 0.5, y: r[3].y - i * 0.8 }
   ];
 }
-function T(e, r, n, s, i, t) {
-  e.beginPath(), e.moveTo(r + t, n), e.arcTo(r + s, n, r + s, n + i, t), e.arcTo(r + s, n + i, r, n + i, t), e.arcTo(r, n + i, r, n, t), e.arcTo(r, n, r + s, n, t), e.closePath();
+function _(e, n, r, i, s, t) {
+  e.beginPath(), e.moveTo(n + t, r), e.arcTo(n + i, r, n + i, r + s, t), e.arcTo(n + i, r + s, n, r + s, t), e.arcTo(n, r + s, n, r, t), e.arcTo(n, r, n + i, r, t), e.closePath();
 }
-function q(e, r, n, s) {
-  const i = n * 0.037;
-  T(e, 0, 0, n, s, i), e.save(), e.clip();
-  const t = e.createLinearGradient(0, 0, n, s);
-  t.addColorStop(0, "#E8EEEC"), t.addColorStop(1, "#D5DFDC"), e.fillStyle = t, e.fillRect(0, 0, n, s), e.strokeStyle = "rgba(19, 94, 110, 0.13)", e.lineWidth = Math.max(0.6, n * 16e-4);
+function V(e, n, r, i) {
+  const s = r * 0.037;
+  _(e, 0, 0, r, i, s), e.save(), e.clip();
+  const t = e.createLinearGradient(0, 0, r, i);
+  t.addColorStop(0, "#E8EEEC"), t.addColorStop(1, "#D5DFDC"), e.fillStyle = t, e.fillRect(0, 0, r, i), e.strokeStyle = "rgba(19, 94, 110, 0.13)", e.lineWidth = Math.max(0.6, r * 16e-4);
   for (let o = 0; o < 26; o++)
-    e.beginPath(), e.ellipse(n * 0.72, s * 0.55, n * (0.08 + o * 0.012), s * (0.12 + o * 0.016), o * 0.11, 0, Math.PI * 2), e.stroke();
-  e.fillStyle = "#135E6E", e.fillRect(0, 0, n, s * 0.13), e.fillStyle = "rgba(255,255,255,0.9)", e.font = `600 ${Math.round(s * 0.06)}px system-ui, sans-serif`, e.textBaseline = "middle", e.fillText(r === "front" ? "IDENTITY CARD · SPECIMEN" : "SPECIMEN", n * 0.05, s * 0.066);
+    e.beginPath(), e.ellipse(r * 0.72, i * 0.55, r * (0.08 + o * 0.012), i * (0.12 + o * 0.016), o * 0.11, 0, Math.PI * 2), e.stroke();
+  e.fillStyle = "#135E6E", e.fillRect(0, 0, r, i * 0.13), e.fillStyle = "rgba(255,255,255,0.9)", e.font = `600 ${Math.round(i * 0.06)}px system-ui, sans-serif`, e.textBaseline = "middle", e.fillText(n === "front" ? "IDENTITY CARD · SPECIMEN" : "SPECIMEN", r * 0.05, i * 0.066);
   const l = "rgba(22, 35, 44, 0.55)";
-  if (r === "front") {
-    const o = n * 0.05, a = s * 0.2, c = n * 0.27, d = s * 0.62;
-    e.fillStyle = "#B9C7CE", T(e, o, a, c, d, n * 0.012), e.fill(), e.fillStyle = "#8EA2AC", e.beginPath(), e.ellipse(o + c / 2, a + d * 0.38, c * 0.22, d * 0.2, 0, 0, Math.PI * 2), e.fill(), e.beginPath(), e.ellipse(o + c / 2, a + d * 0.98, c * 0.42, d * 0.3, 0, Math.PI, 0), e.fill(), e.fillStyle = l;
-    const u = n * 0.37;
-    [[0.24, 0.3], [0.32, 0.45], [0.44, 0.2], [0.52, 0.38], [0.64, 0.22], [0.72, 0.42]].forEach(([m, g], h) => {
-      e.globalAlpha = h % 2 ? 1 : 0.55, e.fillRect(u, s * m, n * g, s * (h % 2 ? 0.045 : 0.03));
+  if (n === "front") {
+    const o = r * 0.05, a = i * 0.2, c = r * 0.27, f = i * 0.62;
+    e.fillStyle = "#B9C7CE", _(e, o, a, c, f, r * 0.012), e.fill(), e.fillStyle = "#8EA2AC", e.beginPath(), e.ellipse(o + c / 2, a + f * 0.38, c * 0.22, f * 0.2, 0, 0, Math.PI * 2), e.fill(), e.beginPath(), e.ellipse(o + c / 2, a + f * 0.98, c * 0.42, f * 0.3, 0, Math.PI, 0), e.fill(), e.fillStyle = l;
+    const p = r * 0.37;
+    [[0.24, 0.3], [0.32, 0.45], [0.44, 0.2], [0.52, 0.38], [0.64, 0.22], [0.72, 0.42]].forEach(([g, v], h) => {
+      e.globalAlpha = h % 2 ? 1 : 0.55, e.fillRect(p, i * g, r * v, i * (h % 2 ? 0.045 : 0.03));
     }), e.globalAlpha = 1;
   } else {
-    const o = me(41), a = n * 0.05, c = s * 0.2, d = n * 0.9, u = s * 0.3;
+    const o = Se(41), a = r * 0.05, c = i * 0.2, f = r * 0.9, p = i * 0.3;
     e.fillStyle = "#16232C";
-    const m = 64, g = 10;
-    for (let h = 0; h < m; h++) for (let f = 0; f < g; f++)
-      o() > 0.5 && e.fillRect(a + h * d / m, c + f * u / g, d / m + 0.4, u / g + 0.4);
+    const g = 64, v = 10;
+    for (let h = 0; h < g; h++) for (let u = 0; u < v; u++)
+      o() > 0.5 && e.fillRect(a + h * f / g, c + u * p / v, f / g + 0.4, p / v + 0.4);
     e.fillStyle = l;
-    for (let h = 0; h < 3; h++) e.fillRect(n * 0.05, s * (0.62 + h * 0.11), n * 0.9, s * 0.055);
+    for (let h = 0; h < 3; h++) e.fillRect(r * 0.05, i * (0.62 + h * 0.11), r * 0.9, i * 0.055);
   }
-  e.save(), e.translate(n / 2, s / 2), e.rotate(-0.2), e.fillStyle = "rgba(178, 67, 78, 0.22)", e.font = `800 ${Math.round(s * 0.2)}px system-ui, sans-serif`, e.textAlign = "center", e.textBaseline = "middle", e.fillText("SPECIMEN", 0, 0), e.restore(), e.restore();
+  e.save(), e.translate(r / 2, i / 2), e.rotate(-0.2), e.fillStyle = "rgba(178, 67, 78, 0.22)", e.font = `800 ${Math.round(i * 0.2)}px system-ui, sans-serif`, e.textAlign = "center", e.textBaseline = "middle", e.fillText("SPECIMEN", 0, 0), e.restore(), e.restore();
 }
-function ve(e, r) {
-  const n = e.getBoundingClientRect(), s = Math.max(1, n.width || 390), i = Math.max(1, n.height || 300), t = Math.min(2, typeof devicePixelRatio == "number" ? devicePixelRatio : 1);
-  e.width = Math.round(s * t), e.height = Math.round(i * t);
+function be(e, n) {
+  const r = e.getBoundingClientRect(), i = Math.max(1, r.width || 390), s = Math.max(1, r.height || 300), t = Math.min(2, typeof devicePixelRatio == "number" ? devicePixelRatio : 1);
+  e.width = Math.round(i * t), e.height = Math.round(s * t);
   const l = e.getContext("2d");
   if (!l) return;
   l.setTransform(t, 0, 0, t, 0, 0);
-  const o = l.createRadialGradient(s * 0.5, i * 0.2, 10, s * 0.5, i * 0.6, s);
-  o.addColorStop(0, "#2B3A44"), o.addColorStop(1, "#141D23"), l.fillStyle = o, l.fillRect(0, 0, s, i);
-  const a = j(s, i).map((u) => ({ x: u.x * s, y: u.y * i })), c = Math.hypot(a[1].x - a[0].x, a[1].y - a[0].y), d = Math.hypot(a[3].x - a[0].x, a[3].y - a[0].y);
-  l.save(), l.transform((a[1].x - a[0].x) / c, (a[1].y - a[0].y) / c, (a[3].x - a[0].x) / d, (a[3].y - a[0].y) / d, a[0].x, a[0].y), l.shadowColor = "rgba(0,0,0,0.45)", l.shadowBlur = 18, l.shadowOffsetY = 6, l.fillStyle = "#000", T(l, 0, 0, c, d, c * 0.037), l.fill(), l.shadowColor = "transparent", q(l, r, c, d), l.restore();
+  const o = l.createRadialGradient(i * 0.5, s * 0.2, 10, i * 0.5, s * 0.6, i);
+  o.addColorStop(0, "#2B3A44"), o.addColorStop(1, "#141D23"), l.fillStyle = o, l.fillRect(0, 0, i, s);
+  const a = q(i, s).map((p) => ({ x: p.x * i, y: p.y * s })), c = Math.hypot(a[1].x - a[0].x, a[1].y - a[0].y), f = Math.hypot(a[3].x - a[0].x, a[3].y - a[0].y);
+  l.save(), l.transform((a[1].x - a[0].x) / c, (a[1].y - a[0].y) / c, (a[3].x - a[0].x) / f, (a[3].y - a[0].y) / f, a[0].x, a[0].y), l.shadowColor = "rgba(0,0,0,0.45)", l.shadowBlur = 18, l.shadowOffsetY = 6, l.fillStyle = "#000", _(l, 0, 0, c, f, c * 0.037), l.fill(), l.shadowColor = "transparent", V(l, n, c, f), l.restore();
 }
-function N(e) {
+function G(e) {
   if (typeof document > "u") return;
-  const r = document.createElement("canvas");
-  r.width = 254, r.height = 160;
-  const n = r.getContext("2d");
-  if (n) {
-    q(n, e, 254, 160);
+  const n = document.createElement("canvas");
+  n.width = 254, n.height = 160;
+  const r = n.getContext("2d");
+  if (r) {
+    V(r, e, 254, 160);
     try {
-      return r.toDataURL("image/png");
+      return n.toDataURL("image/png");
     } catch {
       return;
     }
   }
 }
-const b = { w: 720, h: 1280 };
-function ge(e = 0, r = 1) {
-  const { w: n, h: s } = b, i = n / 2 + e * 26, t = s * 0.44, l = 160 * r, o = 205 * r, a = e * l * 0.32;
+const M = { w: 720, h: 1280 };
+function Ce(e = 0, n = 1) {
+  const { w: r, h: i } = M, s = r / 2 + e * 26, t = i * 0.44, l = 160 * n, o = 205 * n, a = e * l * 0.32;
   return {
-    cx: i,
+    cx: s,
     cy: t,
     rx: l,
     ry: o,
-    eyes: [{ x: i - l * 0.36 + a, y: t - o * 0.12 }, { x: i + l * 0.36 + a, y: t - o * 0.12 }],
-    nose: { x: i + a * 1.25, y: t + o * 0.12 },
-    mouth: { x: i + a * 1.1, y: t + o * 0.43 },
-    ears: [{ x: i - l * 0.98 + a * 0.3, y: t }, { x: i + l * 0.98 + a * 0.3, y: t }]
+    eyes: [{ x: s - l * 0.36 + a, y: t - o * 0.12 }, { x: s + l * 0.36 + a, y: t - o * 0.12 }],
+    nose: { x: s + a * 1.25, y: t + o * 0.12 },
+    mouth: { x: s + a * 1.1, y: t + o * 0.43 },
+    ears: [{ x: s - l * 0.98 + a * 0.3, y: t }, { x: s + l * 0.98 + a * 0.3, y: t }]
   };
 }
-function Se(e, r = 0, n = 1) {
-  const { w: s, h: i } = b;
-  e.width = s, e.height = i;
+function ke(e, n = 0, r = 1) {
+  const { w: i, h: s } = M;
+  e.width = i, e.height = s;
   const t = e.getContext("2d");
   if (!t) return;
-  const l = t.createLinearGradient(0, 0, 0, i);
-  l.addColorStop(0, "#5D6E77"), l.addColorStop(1, "#2E3B43"), t.fillStyle = l, t.fillRect(0, 0, s, i);
-  const o = ge(r, n);
-  t.fillStyle = "#24343E", t.beginPath(), t.ellipse(s / 2 + r * 10, i * 0.98, s * 0.56 * n, i * 0.28 * n, 0, Math.PI, 0), t.fill(), t.fillStyle = "#B88C73", t.fillRect(o.cx - o.rx * 0.36, o.cy + o.ry * 0.6, o.rx * 0.72, o.ry * 0.65);
+  const l = t.createLinearGradient(0, 0, 0, s);
+  l.addColorStop(0, "#5D6E77"), l.addColorStop(1, "#2E3B43"), t.fillStyle = l, t.fillRect(0, 0, i, s);
+  const o = Ce(n, r);
+  t.fillStyle = "#24343E", t.beginPath(), t.ellipse(i / 2 + n * 10, s * 0.98, i * 0.56 * r, s * 0.28 * r, 0, Math.PI, 0), t.fill(), t.fillStyle = "#B88C73", t.fillRect(o.cx - o.rx * 0.36, o.cy + o.ry * 0.6, o.rx * 0.72, o.ry * 0.65);
   const a = t.createRadialGradient(o.cx - o.rx * 0.3, o.cy - o.ry * 0.3, 10, o.cx, o.cy, o.ry * 1.1);
   a.addColorStop(0, "#D8AE92"), a.addColorStop(1, "#B98A6E"), t.fillStyle = a, t.beginPath(), t.ellipse(o.cx, o.cy, o.rx, o.ry, 0, 0, Math.PI * 2), t.fill(), t.fillStyle = "#B4856A";
   for (const c of o.ears)
@@ -107,72 +107,72 @@ function Se(e, r = 0, n = 1) {
     t.beginPath(), t.ellipse(c.x, c.y, 24, 13, 0, 0, Math.PI * 2), t.fill();
   t.fillStyle = "#3B2A20";
   for (const c of o.eyes)
-    t.beginPath(), t.arc(c.x + r * 6, c.y, 9, 0, Math.PI * 2), t.fill();
+    t.beginPath(), t.arc(c.x + n * 6, c.y, 9, 0, Math.PI * 2), t.fill();
   t.strokeStyle = "rgba(120, 78, 58, 0.7)", t.lineWidth = 6, t.beginPath(), t.moveTo(o.nose.x - 4, o.nose.y - 60), t.quadraticCurveTo(o.nose.x + 10, o.nose.y, o.nose.x - 12, o.nose.y + 6), t.stroke(), t.strokeStyle = "#8A4C42", t.lineWidth = 8, t.beginPath(), t.moveTo(o.mouth.x - 46, o.mouth.y), t.quadraticCurveTo(o.mouth.x, o.mouth.y + 22, o.mouth.x + 46, o.mouth.y), t.stroke();
 }
-const P = "k7qxm2dpa4vbn6tr3hsy5ecwz2";
-function Ce(e) {
-  const r = e && typeof e == "object" ? e : null;
-  if (!r) return;
-  const n = r.reasons && typeof r.reasons == "object" ? r.reasons : null;
-  if (!n) return L(r);
-  const s = {};
-  for (const [i, t] of Object.entries(n))
-    for (const [l, o] of Object.entries(t ?? {})) (s[l] ?? (s[l] = {}))[i] = o;
-  return L(s);
+const w = "k7qxm2dpa4vbn6tr3hsy5ecwz2";
+function Me(e) {
+  const n = e && typeof e == "object" ? e : null;
+  if (!n) return;
+  const r = n.reasons && typeof n.reasons == "object" ? n.reasons : null;
+  if (!r) return U(n);
+  const i = {};
+  for (const [s, t] of Object.entries(r))
+    for (const [l, o] of Object.entries(t ?? {})) (i[l] ?? (i[l] = {}))[s] = o;
+  return U(i);
 }
-const be = {
+const Ee = {
   enrollment: { verdict: "VERIFIED", purpose: "enrollment", reason: null, score: 0.8412, assurance: "pilot", policy_version: "preview" },
   signin: { verdict: "VERIFIED", purpose: "signin", reason: null, score: 0.8806, assurance: "pilot", policy_version: "preview" },
   reverification: { verdict: "VERIFIED", purpose: "reverification", reason: null, score: 0.8517, assurance: "pilot", policy_version: "preview" },
   identify: { verdict: "VERIFIED", purpose: "identify", reason: null, score: 0.8633, assurance: "pilot", policy_version: "preview" }
 };
-function Fe(e) {
+function Ne(e) {
   const {
-    screen: r,
-    step: n = "front",
-    challenge: s = "center",
-    purpose: i = "enrollment",
+    screen: n,
+    step: r = "front",
+    challenge: i = "center",
+    purpose: s = "enrollment",
     locale: t,
     errorCode: l = "FACE_MISMATCH",
     documentSides: o,
     document: a = !0,
     challenges: c = 2,
-    privacyNote: d,
-    formality: u = "informal"
-  } = e, m = E(() => K(e.appearance), [e.appearance]), g = E(() => Q(e.instructions), [e.instructions]), h = E(() => Ce(e.messages), [e.messages]), f = E(() => {
+    privacyNote: f,
+    formality: p = "informal"
+  } = e, g = E(() => K(e.appearance), [e.appearance]), v = E(() => Q(e.instructions), [e.instructions]), h = E(() => Me(e.messages), [e.messages]), u = E(() => {
     const y = Y(
-      X(t, u),
-      J(h, t, O(t, void 0, u))
+      X(t, p),
+      J(h, t, B(t, void 0, p))
     );
-    return { t: O(t, y, u), overrides: y };
-  }, [h, t, u]), C = de(i, { document: a, documentSides: o }), S = C.includes(n) ? n : C[0], v = r === "success" ? { k: "done", result: be[i] } : r === "error" ? { k: "failed", reason: l } : S === "face" ? { k: "face" } : { k: "doc", side: S }, k = r === "intro" && Z(S, g), _ = ee(S, t, f.t, g), w = v.k === "doc" || v.k === "face", x = C.length > 1, I = E(() => ({
-    front: S !== "front" && C.includes("front") ? N("front") : void 0,
-    back: S === "face" && C.includes("back") ? N("back") : void 0
-  }), [S, C.join()]);
-  if (r === "handoff" || r === "continue" || r === "continueDone") {
-    const y = e.handoff ?? {}, D = y.copy?.[t] ?? null, A = y.tenant || "Acme", F = P.slice(-4).toUpperCase(), V = y.continueUrl ? y.continueUrl.includes("{code}") ? y.continueUrl.replace("{code}", P) : `${y.continueUrl}${y.continueUrl.includes("?") ? "&" : "?"}h=${P}` : `https://baaslatam.com/c/${P}`, z = r === "handoff" ? D?.title || f.t.handoff.title : r === "continue" ? f.t.handoff.phoneTitle : f.t.handoff.doneTitle;
-    return /* @__PURE__ */ R(
-      B,
+    return { t: B(t, y, p), overrides: y };
+  }, [h, t, p]), S = Z(s, { document: a, documentSides: o, ...e.steps ? { steps: e.steps } : {} }), b = S.includes(r) ? r : S[0], m = n === "success" ? { k: "done", result: Ee[s] } : n === "error" ? { k: "failed", reason: l } : ue(b), k = n === "intro" && ee(b, v), T = te(b, t, u.t, v), N = m.k === "doc" || m.k === "face" || m.k === "chip" || m.k === "finger", D = S.length > 1, x = E(() => ({
+    front: b !== "front" && S.includes("front") ? G("front") : void 0,
+    back: b === "face" && S.includes("back") ? G("back") : void 0
+  }), [b, S.join()]);
+  if (n === "handoff" || n === "continue" || n === "continueDone") {
+    const y = e.handoff ?? {}, O = y.copy?.[t] ?? null, P = y.tenant || "Acme", I = w.slice(-4).toUpperCase(), j = y.continueUrl ? y.continueUrl.includes("{code}") ? y.continueUrl.replace("{code}", w) : `${y.continueUrl}${y.continueUrl.includes("?") ? "&" : "?"}h=${w}` : `https://baaslatam.com/c/${w}`, W = n === "handoff" ? O?.title || u.t.handoff.title : n === "continue" ? u.t.handoff.phoneTitle : u.t.handoff.doneTitle;
+    return /* @__PURE__ */ C(
+      L,
       {
         step: { k: "opening" },
-        purpose: i,
-        t: f.t,
-        privacy: d,
-        appearance: m,
+        purpose: s,
+        t: u.t,
+        privacy: f,
+        appearance: g,
         forceAppearance: !0,
         manageFocus: !1,
         colorScheme: e.colorScheme,
-        screen: r === "handoff" ? "handoff" : r === "continue" ? "confirm" : "done",
-        title: z,
+        screen: n === "handoff" ? "handoff" : n === "continue" ? "confirm" : "done",
+        title: W,
         children: [
-          r === "handoff" && /* @__PURE__ */ p(
-            te,
+          n === "handoff" && /* @__PURE__ */ d(
+            oe,
             {
-              t: f.t,
+              t: u.t,
               mode: y.mode ?? "suggest",
-              copy: D,
-              link: { url: V, codeHint: F, tenant: A },
+              copy: O,
+              link: { url: j, codeHint: I, tenant: P },
               leftMs: (y.ttlMinutes ?? 10) * 6e4 - 18e3,
               expired: !1,
               failed: !1,
@@ -183,144 +183,183 @@ function Fe(e) {
               }
             }
           ),
-          r === "continue" && /* @__PURE__ */ p(oe, { t: f.t, tenant: A, codeHint: F }),
-          r === "continueDone" && /* @__PURE__ */ p(ne, { t: f.t, tenant: A, codeHint: F })
+          n === "continue" && /* @__PURE__ */ d(re, { t: u.t, tenant: P, codeHint: I }),
+          n === "continueDone" && /* @__PURE__ */ d(ie, { t: u.t, tenant: P, codeHint: I })
         ]
       }
     );
   }
-  return /* @__PURE__ */ R(
-    B,
+  return /* @__PURE__ */ C(
+    L,
     {
-      step: v,
-      purpose: i,
-      t: f.t,
-      privacy: d,
-      appearance: m,
+      step: m,
+      purpose: s,
+      t: u.t,
+      privacy: f,
+      appearance: g,
       forceAppearance: !0,
       manageFocus: !1,
       colorScheme: e.colorScheme,
       screen: k ? "intro" : void 0,
-      title: k ? _.title : ce(v, i, f.t),
+      title: k ? T.title : de(m, s, u.t),
       children: [
-        w && x && /* @__PURE__ */ p(re, { step: v, t: f.t, plan: C }),
-        w && x && (I.front || I.back) && /* @__PURE__ */ p(se, { thumbs: I, t: f.t, plan: C }),
-        k && /* @__PURE__ */ p(
-          ie,
+        N && D && /* @__PURE__ */ d(ne, { step: m, t: u.t, plan: S }),
+        N && D && (x.front || x.back) && /* @__PURE__ */ d(se, { thumbs: x, t: u.t, plan: S }),
+        k && /* @__PURE__ */ d(
+          ae,
           {
-            step: S,
-            body: _.body,
-            t: f.t,
-            movements: S === "face" ? c : void 0,
-            sessionMinutes: C.indexOf(S) === 0 ? 15 : null,
+            step: b,
+            body: T.body,
+            t: u.t,
+            movements: b === "face" ? c : void 0,
+            sessionMinutes: S.indexOf(b) === 0 ? 15 : null,
             onStart: () => {
             }
           }
         ),
-        !k && v.k === "doc" && /* @__PURE__ */ p(Ee, { side: v.side, t: f.t }),
-        !k && v.k === "face" && /* @__PURE__ */ p(Re, { challenge: s, count: c, t: f.t }),
-        v.k === "done" && /* @__PURE__ */ p(ae, { result: v.result, t: f.t }),
-        v.k === "failed" && /* @__PURE__ */ p(le, { reason: l, locale: t, t: f.t, overrides: f.overrides, onRestart: () => {
+        !k && m.k === "doc" && /* @__PURE__ */ d(xe, { side: m.side, t: u.t }),
+        !k && m.k === "face" && /* @__PURE__ */ d(Ie, { challenge: i, count: c, t: u.t }),
+        !k && m.k === "chip" && /* @__PURE__ */ d(Re, { t: u.t }),
+        !k && m.k === "finger" && /* @__PURE__ */ d(we, { t: u.t }),
+        m.k === "done" && /* @__PURE__ */ d(le, { result: m.result, t: u.t }),
+        m.k === "failed" && /* @__PURE__ */ d(ce, { reason: l, locale: t, t: u.t, overrides: u.overrides, onRestart: () => {
         }, takeFocus: !1 })
       ]
     }
   );
 }
-function Ee({ side: e, t: r }) {
-  const n = M(null), s = M(null), [i, t] = W({ w: 0, h: 0 });
-  U(() => {
-    const o = s.current;
+function Re({ t: e }) {
+  return /* @__PURE__ */ C("div", { className: "baas-id-scope rpid-chip", "data-rpid-chip": "waiting", "data-rpid-preview": !0, children: [
+    /* @__PURE__ */ d("div", { className: "rpid-chip-stage", "data-active": !0, children: /* @__PURE__ */ C("svg", { className: "rpid-chip-art", viewBox: "0 0 200 120", "aria-hidden": "true", focusable: "false", children: [
+      /* @__PURE__ */ d("rect", { className: "rpid-chip-card", x: "18", y: "44", width: "124", height: "70", rx: "8" }),
+      /* @__PURE__ */ d("rect", { className: "rpid-chip-portrait", x: "28", y: "56", width: "28", height: "36", rx: "3" }),
+      /* @__PURE__ */ d("path", { className: "rpid-chip-lines", d: "M66 60h52M66 70h40M66 80h46M28 102h104" }),
+      /* @__PURE__ */ d("rect", { className: "rpid-chip-die", x: "104", y: "88", width: "16", height: "12", rx: "2" }),
+      /* @__PURE__ */ d("rect", { className: "rpid-chip-phone", x: "96", y: "6", width: "62", height: "104", rx: "10" }),
+      /* @__PURE__ */ d("path", { className: "rpid-chip-speaker", d: "M118 16h18" }),
+      /* @__PURE__ */ C("g", { className: "rpid-chip-waves", children: [
+        /* @__PURE__ */ d("path", { d: "M118 74a12 12 0 0 1 16 0" }),
+        /* @__PURE__ */ d("path", { d: "M112 66a21 21 0 0 1 28 0" }),
+        /* @__PURE__ */ d("path", { d: "M106 58a30 30 0 0 1 40 0" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ d("p", { className: "rpid-chip-status", role: "status", children: e.chip.place }),
+    /* @__PURE__ */ d("div", { className: "rpid-chip-actions", children: /* @__PURE__ */ d("button", { type: "button", className: "rpid-action rpid-action-quiet", tabIndex: -1, children: e.chip.skip }) })
+  ] });
+}
+function we({ t: e }) {
+  const n = R(null), r = R(null), i = { w: 960, h: 1280 }, s = ge(["right_little", "right_ring", "right_middle", "right_index"], i.w / i.h);
+  return /* @__PURE__ */ d("div", { className: "baas-id-scope rpid-finger-capture", "data-rpid-preview": !0, children: /* @__PURE__ */ C(
+    F,
+    {
+      className: "rpid-viewport rpid-finger rpid-holding",
+      attrs: { "data-rpid-finger-phase": "holding" },
+      style: { "--rpid-video-ar": (i.w / i.h).toFixed(4) },
+      source: "demo",
+      videoRef: n,
+      canvasRef: r,
+      children: [
+        /* @__PURE__ */ d(ve, { src: i, slots: s, states: ["good", "good", "found", "good"], hold: 0.4, t: e }),
+        /* @__PURE__ */ d(A, { tone: "info", marker: !0, children: e.guide.hold_fingers_still })
+      ]
+    }
+  ) });
+}
+function xe({ side: e, t: n }) {
+  const r = R(null), i = R(null), [s, t] = z({ w: 0, h: 0 });
+  H(() => {
+    const o = i.current;
     if (!o) return;
     const a = () => {
-      const d = o.getBoundingClientRect();
-      t((u) => Math.abs(u.w - d.width) < 0.5 && Math.abs(u.h - d.height) < 0.5 ? u : { w: d.width, h: d.height }), ve(o, e);
+      const f = o.getBoundingClientRect();
+      t((p) => Math.abs(p.w - f.width) < 0.5 && Math.abs(p.h - f.height) < 0.5 ? p : { w: f.width, h: f.height }), be(o, e);
     };
     if (a(), typeof ResizeObserver > "u") return;
     const c = new ResizeObserver(a);
     return c.observe(o), () => c.disconnect();
   }, [e]);
   const l = E(() => {
-    const o = j(i.w || 4, i.h || 3);
+    const o = q(s.w || 4, s.h || 3);
     return { at: () => o, info: () => ({ kind: "edges", locks: [!0, !0, !0, !0] }) };
-  }, [i.w, i.h]);
-  return /* @__PURE__ */ p("div", { className: "baas-id-scope rpid-doc-capture", "data-rpid-preview": !0, children: /* @__PURE__ */ R(
-    H,
+  }, [s.w, s.h]);
+  return /* @__PURE__ */ d("div", { className: "baas-id-scope rpid-doc-capture", "data-rpid-preview": !0, children: /* @__PURE__ */ C(
+    F,
     {
       className: "rpid-viewport rpid-doc rpid-locked",
       attrs: { "data-rpid-side": e, "data-rpid-frame": "holding" },
       source: "demo",
-      videoRef: n,
-      canvasRef: s,
+      videoRef: r,
+      canvasRef: i,
       children: [
-        /* @__PURE__ */ p(fe, { source: i.w ? l : null, pct: 0.62, state: "holding", t: r }),
-        /* @__PURE__ */ p(G, { tone: "ok", children: /* @__PURE__ */ p("span", { className: "rpid-guide-line", children: r.guide.steady }) })
+        /* @__PURE__ */ d(fe, { source: s.w ? l : null, pct: 0.62, state: "holding", t: n }),
+        /* @__PURE__ */ d(A, { tone: "ok", children: /* @__PURE__ */ d("span", { className: "rpid-guide-line", children: n.guide.steady }) })
       ]
     }
   ) });
 }
-const ke = {
+const Pe = {
   center: ["turn_left", "move_closer"],
   turn_left: ["turn_left", "move_closer"],
   turn_right: ["turn_right", "move_closer"],
   move_closer: ["turn_left", "move_closer"]
 };
-function Re({ challenge: e, count: r, t: n }) {
-  const s = M(null), i = M(null), t = ke[e].slice(0, Math.max(1, Math.min(3, r)));
+function Ie({ challenge: e, count: n, t: r }) {
+  const i = R(null), s = R(null), t = Pe[e].slice(0, Math.max(1, Math.min(3, n)));
   e !== "center" && !t.includes(e) && (t[t.length - 1] = e);
   const l = e === "center" ? -1 : t.indexOf(e), o = e === "turn_left" ? -0.55 : e === "turn_right" ? 0.55 : 0, a = e === "move_closer" ? 1.12 : 1;
-  U(() => {
-    i.current && Se(i.current, o, a);
+  H(() => {
+    s.current && ke(s.current, o, a);
   }, [o, a]);
-  const c = ue({ videoWidth: b.w, videoHeight: b.h }), d = e === "center" ? null : e, u = e === "center" ? "perfect" : e === "move_closer" ? "closer_more" : e, m = e === "center" ? 0 : 0.45, g = pe({ step: l, total: t.length, hold: 0.65, progress: m, done: !1 }), h = { "--rpid-video-ar": (b.w / b.h).toFixed(4) };
-  return /* @__PURE__ */ R("div", { className: "baas-id-scope", "data-rpid-preview": !0, children: [
-    /* @__PURE__ */ R(
-      H,
+  const c = pe({ videoWidth: M.w, videoHeight: M.h }), f = e === "center" ? null : e, p = e === "center" ? "perfect" : e === "move_closer" ? "closer_more" : e, g = e === "center" ? 0 : 0.45, v = he({ step: l, total: t.length, hold: 0.65, progress: g, done: !1 }), h = { "--rpid-video-ar": (M.w / M.h).toFixed(4) };
+  return /* @__PURE__ */ C("div", { className: "baas-id-scope", "data-rpid-preview": !0, children: [
+    /* @__PURE__ */ C(
+      F,
       {
         className: `rpid-viewport rpid-face rpid-${e === "center" ? "searching" : "locked"}`,
         attrs: { "data-rpid-guide-state": e === "center" ? "aligned" : "capturing" },
         style: h,
         source: "demo",
-        videoRef: s,
-        canvasRef: i,
+        videoRef: i,
+        canvasRef: s,
         mirror: !0,
         children: [
-          /* @__PURE__ */ p(
-            he,
+          /* @__PURE__ */ d(
+            me,
             {
-              src: b,
+              src: M,
               oval: c,
               state: e === "center" ? "aligned" : "capturing",
               scan: e === "center" ? "aligned" : "challenge",
-              fills: g,
-              progress: m,
-              cue: d,
-              guide: u,
-              t: n
+              fills: v,
+              progress: g,
+              cue: f,
+              guide: p,
+              t: r
             }
           ),
-          /* @__PURE__ */ p(G, { tone: "ok", marker: !0, children: e === "center" ? n.guide.perfect : n.guide[u] })
+          /* @__PURE__ */ d(A, { tone: "ok", marker: !0, children: e === "center" ? r.guide.perfect : r.guide[p] })
         ]
       }
     ),
-    /* @__PURE__ */ p(ye, { script: t, step: l, t: n })
+    /* @__PURE__ */ d(ye, { script: t, step: l, t: r })
   ] });
 }
 export {
-  we as CONTRAST_PAIRS,
-  xe as DARK,
-  De as DEFAULT_COLORS,
-  Oe as DEFAULT_RADIUS,
-  Be as FONT_STACKS,
-  Fe as FlowPreview,
-  Le as LOCALES,
-  Ne as SDK_DEFAULTS,
-  Ue as appearanceGroups,
-  He as appearanceStyle,
-  Ge as contrastChecks,
-  je as contrastRatio,
-  qe as darkPalette,
-  O as getStrings,
-  ee as introFor,
-  Ve as liftOn,
-  ze as parseIntroBody
+  Be as CONTRAST_PAIRS,
+  Le as DARK,
+  Ue as DEFAULT_COLORS,
+  Ge as DEFAULT_RADIUS,
+  He as FONT_STACKS,
+  Ne as FlowPreview,
+  qe as LOCALES,
+  Ve as SDK_DEFAULTS,
+  je as appearanceGroups,
+  We as appearanceStyle,
+  ze as contrastChecks,
+  $e as contrastRatio,
+  Ke as darkPalette,
+  B as getStrings,
+  te as introFor,
+  Qe as liftOn,
+  Ye as parseIntroBody
 };