@baas-id/react 0.2.3 → 0.3.0

package/dist/esm/preview.js

@@ -1,187 +1,179 @@
 import "./baas-id-react.css";
 /* empty css                        */
-import { jsxs as k, jsx as f } from "react/jsx-runtime";
-import { useMemo as b, useRef as F, useState as W, useEffect as U } from "react";
-import { t as K, n as Q, a as Y, m as J, b as X, g as D, i as Z, c as ee, F as B, H as te, d as ne, e as oe, S as re, E as se, f as ie, h as ae, j as ce, k as le, l as O, o as de, p as G, q as ue, G as H, P as fe, s as pe, u as ye, v as he, w as me } from "./chunks/ContinueFlow-BaQtq48R.js";
-import { x as Ne, L as Ue, y as Ge, z as He, A as $e, B as je } from "./chunks/ContinueFlow-BaQtq48R.js";
-function ve(e) {
-  let s = e >>> 0;
-  return () => (s = s * 1664525 + 1013904223 >>> 0, s / 4294967296);
+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 G, s as fe, G as H, u as ue, v as pe, w as he, x as ye } from "./chunks/ContinueFlow-vn9wv0tZ.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 Ge, O as He, P as je, Q as qe, R as Ve, T as ze } from "./chunks/ContinueFlow-vn9wv0tZ.js";
+function me(e) {
+  let r = e >>> 0;
+  return () => (r = r * 1664525 + 1013904223 >>> 0, r / 4294967296);
 }
-function $(e, s) {
-  const n = K(e, s, 0.8), r = 0.012;
+function j(e, r) {
+  const n = $(e, r, 0.8), s = 0.012;
   return [
-    { x: n[0].x + r, y: n[0].y + r * 0.6 },
-    { x: n[1].x - r * 0.4, y: n[1].y },
-    { x: n[2].x, y: n[2].y - r * 0.3 },
-    { x: n[3].x + r * 0.5, y: n[3].y - r * 0.8 }
+    { 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 }
   ];
 }
-function P(e, s, n, r, i, t) {
-  e.beginPath(), e.moveTo(s + t, n), e.arcTo(s + r, n, s + r, n + i, t), e.arcTo(s + r, n + i, s, n + i, t), e.arcTo(s, n + i, s, n, t), e.arcTo(s, n, s + r, n, t), e.closePath();
+function A(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 j(e, s, n, r) {
+function q(e, r, n, s) {
   const i = n * 0.037;
-  P(e, 0, 0, n, r, i), e.save(), e.clip();
-  const t = e.createLinearGradient(0, 0, n, r);
-  t.addColorStop(0, "#E8EEEC"), t.addColorStop(1, "#D5DFDC"), e.fillStyle = t, e.fillRect(0, 0, n, r), e.strokeStyle = "rgba(19, 94, 110, 0.13)", e.lineWidth = Math.max(0.6, n * 16e-4);
+  A(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);
   for (let o = 0; o < 26; o++)
-    e.beginPath(), e.ellipse(n * 0.72, r * 0.55, n * (0.08 + o * 0.012), r * (0.12 + o * 0.016), o * 0.11, 0, Math.PI * 2), e.stroke();
-  e.fillStyle = "#135E6E", e.fillRect(0, 0, n, r * 0.13), e.fillStyle = "rgba(255,255,255,0.9)", e.font = `600 ${Math.round(r * 0.06)}px system-ui, sans-serif`, e.textBaseline = "middle", e.fillText(s === "front" ? "IDENTITY CARD · SPECIMEN" : "SPECIMEN", n * 0.05, r * 0.066);
-  const c = "rgba(22, 35, 44, 0.55)";
-  if (s === "front") {
-    const o = n * 0.05, a = r * 0.2, l = n * 0.27, u = r * 0.62;
-    e.fillStyle = "#B9C7CE", P(e, o, a, l, u, n * 0.012), e.fill(), e.fillStyle = "#8EA2AC", e.beginPath(), e.ellipse(o + l / 2, a + u * 0.38, l * 0.22, u * 0.2, 0, 0, Math.PI * 2), e.fill(), e.beginPath(), e.ellipse(o + l / 2, a + u * 0.98, l * 0.42, u * 0.3, 0, Math.PI, 0), e.fill(), e.fillStyle = c;
-    const p = 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(([g, S], d) => {
-      e.globalAlpha = d % 2 ? 1 : 0.55, e.fillRect(p, r * g, n * S, r * (d % 2 ? 0.045 : 0.03));
+    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);
+  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", A(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));
     }), e.globalAlpha = 1;
   } else {
-    const o = ve(41), a = n * 0.05, l = r * 0.2, u = n * 0.9, p = r * 0.3;
+    const o = me(41), a = n * 0.05, c = s * 0.2, d = n * 0.9, u = s * 0.3;
     e.fillStyle = "#16232C";
-    const g = 64, S = 10;
-    for (let d = 0; d < g; d++) for (let y = 0; y < S; y++)
-      o() > 0.5 && e.fillRect(a + d * u / g, l + y * p / S, u / g + 0.4, p / S + 0.4);
-    e.fillStyle = c;
-    for (let d = 0; d < 3; d++) e.fillRect(n * 0.05, r * (0.62 + d * 0.11), n * 0.9, r * 0.055);
+    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);
+    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);
   }
-  e.save(), e.translate(n / 2, r / 2), e.rotate(-0.2), e.fillStyle = "rgba(178, 67, 78, 0.22)", e.font = `800 ${Math.round(r * 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(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();
 }
-function ge(e, s) {
-  const n = e.getBoundingClientRect(), r = 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(r * t), e.height = Math.round(i * t);
-  const c = e.getContext("2d");
-  if (!c) return;
-  c.setTransform(t, 0, 0, t, 0, 0);
-  const o = c.createRadialGradient(r * 0.5, i * 0.2, 10, r * 0.5, i * 0.6, r);
-  o.addColorStop(0, "#2B3A44"), o.addColorStop(1, "#141D23"), c.fillStyle = o, c.fillRect(0, 0, r, i);
-  const a = $(r, i).map((p) => ({ x: p.x * r, y: p.y * i })), l = Math.hypot(a[1].x - a[0].x, a[1].y - a[0].y), u = Math.hypot(a[3].x - a[0].x, a[3].y - a[0].y);
-  c.save(), c.transform((a[1].x - a[0].x) / l, (a[1].y - a[0].y) / l, (a[3].x - a[0].x) / u, (a[3].y - a[0].y) / u, a[0].x, a[0].y), c.shadowColor = "rgba(0,0,0,0.45)", c.shadowBlur = 18, c.shadowOffsetY = 6, c.fillStyle = "#000", P(c, 0, 0, l, u, l * 0.037), c.fill(), c.shadowColor = "transparent", j(c, s, l, u), c.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);
+  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", A(l, 0, 0, c, d, c * 0.037), l.fill(), l.shadowColor = "transparent", q(l, r, c, d), l.restore();
 }
-function L(e) {
+function N(e) {
   if (typeof document > "u") return;
-  const s = document.createElement("canvas");
-  s.width = 254, s.height = 160;
-  const n = s.getContext("2d");
+  const r = document.createElement("canvas");
+  r.width = 254, r.height = 160;
+  const n = r.getContext("2d");
   if (n) {
-    j(n, e, 254, 160);
+    q(n, e, 254, 160);
     try {
-      return s.toDataURL("image/png");
+      return r.toDataURL("image/png");
     } catch {
       return;
     }
   }
 }
-const C = { w: 720, h: 1280 };
-function q(e = 0, s = 1) {
-  const { w: n, h: r } = C, i = n / 2 + e * 26, t = r * 0.44, c = 160 * s, o = 205 * s, a = e * c * 0.32;
+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;
   return {
     cx: i,
     cy: t,
-    rx: c,
+    rx: l,
     ry: o,
-    eyes: [{ x: i - c * 0.36 + a, y: t - o * 0.12 }, { x: i + c * 0.36 + a, y: t - o * 0.12 }],
+    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 - c * 0.98 + a * 0.3, y: t }, { x: i + c * 0.98 + a * 0.3, y: t }]
+    ears: [{ x: i - l * 0.98 + a * 0.3, y: t }, { x: i + l * 0.98 + a * 0.3, y: t }]
   };
 }
-function Se(e = 0, s = 1) {
-  const n = q(e, s), r = (i) => ({ x: i.x / C.w, y: i.y / C.h });
-  return [
-    r({ x: n.cx - n.rx, y: n.cy - n.ry }),
-    r({ x: n.cx + n.rx, y: n.cy + n.ry }),
-    r(n.eyes[0]),
-    r(n.eyes[1]),
-    r(n.nose),
-    r(n.mouth),
-    r(n.ears[0]),
-    r(n.ears[1])
-  ];
-}
-function Ce(e, s = 0, n = 1) {
-  const { w: r, h: i } = C;
-  e.width = r, e.height = i;
+function Se(e, r = 0, n = 1) {
+  const { w: s, h: i } = b;
+  e.width = s, e.height = i;
   const t = e.getContext("2d");
   if (!t) return;
-  const c = t.createLinearGradient(0, 0, 0, i);
-  c.addColorStop(0, "#5D6E77"), c.addColorStop(1, "#2E3B43"), t.fillStyle = c, t.fillRect(0, 0, r, i);
-  const o = q(s, n);
-  t.fillStyle = "#24343E", t.beginPath(), t.ellipse(r / 2 + s * 10, i * 0.98, r * 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, 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 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 l of o.ears)
-    t.beginPath(), t.ellipse(l.x, l.y, o.rx * 0.11, o.ry * 0.14, 0, 0, Math.PI * 2), t.fill();
+  for (const c of o.ears)
+    t.beginPath(), t.ellipse(c.x, c.y, o.rx * 0.11, o.ry * 0.14, 0, 0, Math.PI * 2), t.fill();
   t.fillStyle = "#2A211C", t.beginPath(), t.ellipse(o.cx, o.cy - o.ry * 0.42, o.rx * 1.04, o.ry * 0.62, 0, Math.PI * 1.02, Math.PI * 1.98), t.fill(), t.strokeStyle = "#3A2B22", t.lineWidth = 9, t.lineCap = "round";
-  for (const l of o.eyes)
-    t.beginPath(), t.moveTo(l.x - 30, l.y - 34), t.quadraticCurveTo(l.x, l.y - 46, l.x + 30, l.y - 34), t.stroke();
+  for (const c of o.eyes)
+    t.beginPath(), t.moveTo(c.x - 30, c.y - 34), t.quadraticCurveTo(c.x, c.y - 46, c.x + 30, c.y - 34), t.stroke();
   t.fillStyle = "#F4F1EC";
-  for (const l of o.eyes)
-    t.beginPath(), t.ellipse(l.x, l.y, 24, 13, 0, 0, Math.PI * 2), t.fill();
+  for (const c of o.eyes)
+    t.beginPath(), t.ellipse(c.x, c.y, 24, 13, 0, 0, Math.PI * 2), t.fill();
   t.fillStyle = "#3B2A20";
-  for (const l of o.eyes)
-    t.beginPath(), t.arc(l.x + s * 6, l.y, 9, 0, Math.PI * 2), t.fill();
+  for (const c of o.eyes)
+    t.beginPath(), t.arc(c.x + r * 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 R = "k7qxm2dpa4vbn6tr3hsy5ecwz2";
-function be(e) {
-  const s = e && typeof e == "object" ? e : null;
-  if (!s) return;
-  const n = s.reasons && typeof s.reasons == "object" ? s.reasons : null;
-  if (!n) return O(s);
-  const r = {};
+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 [c, o] of Object.entries(t ?? {})) (r[c] ?? (r[c] = {}))[i] = o;
-  return O(r);
+    for (const [l, o] of Object.entries(t ?? {})) (s[l] ?? (s[l] = {}))[i] = o;
+  return L(s);
 }
-const Ee = {
+const be = {
   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 _e(e) {
+function Fe(e) {
   const {
-    screen: s,
+    screen: r,
     step: n = "front",
-    challenge: r = "center",
+    challenge: s = "center",
     purpose: i = "enrollment",
     locale: t,
-    errorCode: c = "FACE_MISMATCH",
+    errorCode: l = "FACE_MISMATCH",
     documentSides: o,
     document: a = !0,
-    challenges: l = 2,
-    privacyNote: u
-  } = e, p = b(() => Q(e.appearance), [e.appearance]), g = b(() => Y(e.instructions), [e.instructions]), S = b(() => be(e.messages), [e.messages]), d = b(() => {
-    const v = J(X(S, t, D(t)));
-    return { t: D(t, v), overrides: v };
-  }, [S, t]), y = de(i, { document: a, documentSides: o }), h = y.includes(n) ? n : y[0], m = s === "success" ? { k: "done", result: Ee[i] } : s === "error" ? { k: "failed", reason: c } : h === "face" ? { k: "face" } : { k: "doc", side: h }, E = s === "intro" && Z(h, g), x = ee(h, t, d.t, g), I = m.k === "doc" || m.k === "face", A = y.length > 1, M = b(() => ({
-    front: h !== "front" && y.includes("front") ? L("front") : void 0,
-    back: h === "face" && y.includes("back") ? L("back") : void 0
-  }), [h, y.join()]);
-  if (s === "handoff" || s === "continue" || s === "continueDone") {
-    const v = e.handoff ?? {}, w = v.copy?.[t] ?? null, T = v.tenant || "Acme", _ = R.slice(-4).toUpperCase(), V = v.continueUrl ? v.continueUrl.includes("{code}") ? v.continueUrl.replace("{code}", R) : `${v.continueUrl}${v.continueUrl.includes("?") ? "&" : "?"}h=${R}` : `https://baaslatam.com/c/${R}`, z = s === "handoff" ? w?.title || d.t.handoff.title : s === "continue" ? d.t.handoff.phoneTitle : d.t.handoff.doneTitle;
-    return /* @__PURE__ */ k(
+    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(() => {
+    const y = Y(
+      X(t, u),
+      J(h, t, O(t, void 0, u))
+    );
+    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), F = ee(S, t, f.t, g), T = v.k === "doc" || v.k === "face", _ = 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 ?? {}, w = y.copy?.[t] ?? null, x = y.tenant || "Acme", D = 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" ? w?.title || f.t.handoff.title : r === "continue" ? f.t.handoff.phoneTitle : f.t.handoff.doneTitle;
+    return /* @__PURE__ */ R(
       B,
       {
         step: { k: "opening" },
         purpose: i,
-        t: d.t,
-        privacy: u,
-        appearance: p,
+        t: f.t,
+        privacy: d,
+        appearance: m,
         forceAppearance: !0,
         manageFocus: !1,
-        screen: s === "handoff" ? "handoff" : s === "continue" ? "confirm" : "done",
+        colorScheme: e.colorScheme,
+        screen: r === "handoff" ? "handoff" : r === "continue" ? "confirm" : "done",
         title: z,
         children: [
-          s === "handoff" && /* @__PURE__ */ f(
+          r === "handoff" && /* @__PURE__ */ p(
             te,
             {
-              t: d.t,
-              mode: v.mode ?? "suggest",
+              t: f.t,
+              mode: y.mode ?? "suggest",
               copy: w,
-              link: { url: V, codeHint: _, tenant: T },
-              leftMs: (v.ttlMinutes ?? 10) * 6e4 - 18e3,
+              link: { url: V, codeHint: D, tenant: x },
+              leftMs: (y.ttlMinutes ?? 10) * 6e4 - 18e3,
               expired: !1,
               failed: !1,
               phase: null,
@@ -191,178 +183,144 @@ function _e(e) {
               }
             }
           ),
-          s === "continue" && /* @__PURE__ */ f(ne, { t: d.t, tenant: T, codeHint: _ }),
-          s === "continueDone" && /* @__PURE__ */ f(oe, { t: d.t })
+          r === "continue" && /* @__PURE__ */ p(oe, { t: f.t, tenant: x, codeHint: D }),
+          r === "continueDone" && /* @__PURE__ */ p(ne, { t: f.t })
         ]
       }
     );
   }
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ R(
     B,
     {
-      step: m,
+      step: v,
       purpose: i,
-      t: d.t,
-      privacy: u,
-      appearance: p,
+      t: f.t,
+      privacy: d,
+      appearance: m,
       forceAppearance: !0,
       manageFocus: !1,
-      screen: E ? "intro" : void 0,
-      title: E ? x.title : le(m, i, d.t),
+      colorScheme: e.colorScheme,
+      screen: k ? "intro" : void 0,
+      title: k ? F.title : ce(v, i, f.t),
       children: [
-        I && A && /* @__PURE__ */ f(re, { step: m, t: d.t, plan: y }),
-        I && A && (M.front || M.back) && /* @__PURE__ */ f(se, { thumbs: M, t: d.t, plan: y }),
-        E && /* @__PURE__ */ f(
+        T && _ && /* @__PURE__ */ p(re, { step: v, t: f.t, plan: C }),
+        T && _ && (I.front || I.back) && /* @__PURE__ */ p(se, { thumbs: I, t: f.t, plan: C }),
+        k && /* @__PURE__ */ p(
           ie,
           {
-            step: h,
-            body: x.body,
-            t: d.t,
-            movements: h === "face" ? l : void 0,
-            sessionMinutes: y.indexOf(h) === 0 ? 15 : null,
+            step: S,
+            body: F.body,
+            t: f.t,
+            movements: S === "face" ? c : void 0,
+            sessionMinutes: C.indexOf(S) === 0 ? 15 : null,
             onStart: () => {
             }
           }
         ),
-        !E && m.k === "doc" && /* @__PURE__ */ f(ke, { side: m.side, t: d.t }),
-        !E && m.k === "face" && /* @__PURE__ */ f(Fe, { challenge: r, count: l, t: d.t }),
-        m.k === "done" && /* @__PURE__ */ f(ae, { result: m.result, t: d.t }),
-        m.k === "failed" && /* @__PURE__ */ f(ce, { reason: c, locale: t, t: d.t, overrides: d.overrides, onRestart: () => {
+        !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: () => {
         }, takeFocus: !1 })
       ]
     }
   );
 }
-function ke({ side: e, t: s }) {
-  const n = F(null), r = F(null), [i, t] = W({ w: 0, h: 0 });
+function Ee({ side: e, t: r }) {
+  const n = M(null), s = M(null), [i, t] = W({ w: 0, h: 0 });
   U(() => {
-    const o = r.current;
+    const o = s.current;
     if (!o) return;
     const a = () => {
-      const u = o.getBoundingClientRect();
-      t((p) => Math.abs(p.w - u.width) < 0.5 && Math.abs(p.h - u.height) < 0.5 ? p : { w: u.width, h: u.height }), ge(o, e);
+      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);
     };
     if (a(), typeof ResizeObserver > "u") return;
-    const l = new ResizeObserver(a);
-    return l.observe(o), () => l.disconnect();
+    const c = new ResizeObserver(a);
+    return c.observe(o), () => c.disconnect();
   }, [e]);
-  const c = b(() => {
-    const o = $(i.w || 4, i.h || 3);
+  const l = E(() => {
+    const o = j(i.w || 4, i.h || 3);
     return { at: () => o, info: () => ({ kind: "edges", locks: [!0, !0, !0, !0] }) };
   }, [i.w, i.h]);
-  return /* @__PURE__ */ f("div", { className: "baas-id-scope rpid-doc-capture", "data-rpid-preview": !0, children: /* @__PURE__ */ k(
+  return /* @__PURE__ */ p("div", { className: "baas-id-scope rpid-doc-capture", "data-rpid-preview": !0, children: /* @__PURE__ */ R(
     G,
     {
       className: "rpid-viewport rpid-doc rpid-locked",
       attrs: { "data-rpid-side": e, "data-rpid-frame": "holding" },
       source: "demo",
       videoRef: n,
-      canvasRef: r,
+      canvasRef: s,
       children: [
-        /* @__PURE__ */ f(ue, { source: i.w ? c : null, pct: 0.62, state: "holding", t: s }),
-        /* @__PURE__ */ f(H, { tone: "ok", children: /* @__PURE__ */ f("span", { className: "rpid-guide-line", children: s.guide.steady }) })
+        /* @__PURE__ */ p(fe, { source: i.w ? l : null, pct: 0.62, state: "holding", t: r }),
+        /* @__PURE__ */ p(H, { tone: "ok", children: /* @__PURE__ */ p("span", { className: "rpid-guide-line", children: r.guide.steady }) })
       ]
     }
   ) });
 }
-const Re = {
+const ke = {
   center: ["turn_left", "move_closer"],
   turn_left: ["turn_left", "move_closer"],
   turn_right: ["turn_right", "move_closer"],
   move_closer: ["turn_left", "move_closer"]
 };
-function Fe({ challenge: e, count: s, t: n }) {
-  const r = F(null), i = F(null), t = Re[e].slice(0, Math.max(1, Math.min(3, s)));
+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)));
   e !== "center" && !t.includes(e) && (t[t.length - 1] = e);
-  const c = 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, l = b(() => new fe(), []);
+  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 && Ce(i.current, o, a);
-    const h = Se(o, a);
-    l.reset(), l.seen(h, performance.now());
-    const m = setInterval(() => l.seen(h, performance.now()), 300);
-    return () => clearInterval(m);
-  }, [o, a, l]);
-  const u = pe({ videoWidth: C.w, videoHeight: C.h }), p = e === "center" ? null : e, g = e === "center" ? "perfect" : e === "move_closer" ? "closer_more" : e, S = e === "center" ? 0 : 0.45, d = ye({ step: c, total: t.length, hold: 0.65, progress: S, done: !1 }), y = { "--rpid-video-ar": (C.w / C.h).toFixed(4) };
-  return /* @__PURE__ */ k("div", { className: "baas-id-scope", "data-rpid-preview": !0, children: [
-    /* @__PURE__ */ k(
+    i.current && Se(i.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(
       G,
       {
         className: `rpid-viewport rpid-face rpid-${e === "center" ? "searching" : "locked"}`,
         attrs: { "data-rpid-guide-state": e === "center" ? "aligned" : "capturing" },
-        style: y,
+        style: h,
         source: "demo",
-        videoRef: r,
+        videoRef: s,
         canvasRef: i,
         mirror: !0,
         children: [
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ p(
             he,
             {
-              src: C,
-              oval: u,
-              motion: l,
+              src: b,
+              oval: c,
               state: e === "center" ? "aligned" : "capturing",
               scan: e === "center" ? "aligned" : "challenge",
-              fills: d,
-              progress: S,
-              cue: p,
-              guide: g,
+              fills: g,
+              progress: m,
+              cue: d,
+              guide: u,
               t: n
             }
           ),
-          /* @__PURE__ */ f(H, { tone: "ok", marker: !0, children: e === "center" ? n.guide.perfect : n.guide[g] })
+          /* @__PURE__ */ p(H, { tone: "ok", marker: !0, children: e === "center" ? n.guide.perfect : n.guide[u] })
         ]
       }
     ),
-    /* @__PURE__ */ f(me, { script: t, step: c, t: n })
+    /* @__PURE__ */ p(ye, { script: t, step: l, t: n })
   ] });
 }
-const Me = {
-  primary: "#135E6E",
-  positive: "#177E54",
-  caution: "#99671C",
-  danger: "#B2434E",
-  surface: "#FFFFFF",
-  text: "#16232C",
-  overlay: "#080D11"
-}, De = 12, Pe = [
-  { fg: "text", bg: "surface", min: 4.5 },
-  { fg: "primary", bg: "surface", min: 4.5 },
-  { fg: "danger", bg: "surface", min: 4.5 },
-  { fg: "positive", bg: "surface", min: 3 },
-  { fg: "caution", bg: "surface", min: 3 }
-];
-function N(e) {
-  const s = (n) => {
-    const r = parseInt(e.slice(n, n + 2), 16) / 255;
-    return r <= 0.04045 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
-  };
-  return 0.2126 * s(1) + 0.7152 * s(3) + 0.0722 * s(5);
-}
-function xe(e, s) {
-  const [n, r] = [N(e), N(s)].sort((i, t) => t - i);
-  return Math.round((n + 0.05) / (r + 0.05) * 100) / 100;
-}
-function Be(e) {
-  const s = { ...Me, ...e?.colors ?? {} };
-  return Pe.map(({ fg: n, bg: r, min: i }) => {
-    const t = /^#[0-9a-fA-F]{6}$/.test(s[n]) && /^#[0-9a-fA-F]{6}$/.test(s[r]) ? xe(s[n], s[r]) : 21;
-    return { fg: n, bg: r, ratio: t, min: i, pass: t >= i };
-  });
-}
 export {
-  Pe as CONTRAST_PAIRS,
-  Me as DEFAULT_COLORS,
-  De as DEFAULT_RADIUS,
-  Ne as FONT_STACKS,
-  _e as FlowPreview,
-  Ue as LOCALES,
-  Ge as SDK_DEFAULTS,
-  He as appearanceGroups,
-  $e as appearanceStyle,
-  Be as contrastChecks,
-  xe as contrastRatio,
-  D as getStrings,
+  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,
+  Ge as appearanceStyle,
+  He as contrastChecks,
+  je as contrastRatio,
+  qe as darkPalette,
+  O as getStrings,
   ee as introFor,
-  je as parseIntroBody
+  Ve as liftOn,
+  ze as parseIntroBody
 };