@baas-id/react 0.2.2

package/dist/esm/continue.js

@@ -0,0 +1,10 @@
+import "./baas-id-react.css";
+import { C as L, D as o, L as e, M as r, g as E, r as S } from "./chunks/ContinueFlow-YFSpSOio.js";
+export {
+  L as ContinueFlow,
+  o as DEFAULT_MODELS_URL,
+  e as LOCALES,
+  r as MODELS_VERSION,
+  E as getStrings,
+  S as readHandoffCode
+};

package/dist/esm/index.js

@@ -0,0 +1,218 @@
+import "./baas-id-react.css";
+/* empty css                        */
+import { Y, I as F, J as X, V as C, K as H, N as W } from "./chunks/ContinueFlow-YFSpSOio.js";
+import { O as ta, Q as sa, C as na, R as ra, T as oa, U as ia, D as ca, W as la, X as ua, Z as da, _ as ha, $ as pa, a0 as ma, a1 as fa, a2 as Ma, H as Ca, L as Ea, M as ga, a3 as _a, a4 as Aa, a5 as Na, a6 as wa, a7 as Oa, a8 as va, a9 as ya, aa as Fa, ab as Sa, ac as xa, ad as La, ae as Ra, af as Ia, ag as Ta, ah as ba, ai as Da, aj as Pa, ak as ka, al as Ya, am as Xa, an as Ha, g as Wa, ao as Ua, ap as Ga, aq as Ba, ar as Va, as as Qa, at as ja, au as $a, av as qa, aw as za, ax as Ka, ay as Ja, az as Za, aA as ae, aB as ee, r as te, aC as se, aD as ne, aE as re, aF as oe, aG as ie, aH as ce, aI as le, aJ as ue, aK as de, aL as he, aM as pe } from "./chunks/ContinueFlow-YFSpSOio.js";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+function Q({
+  direction: a,
+  progress: r,
+  wrongWay: e,
+  confidence: l = 1,
+  strings: t
+}) {
+  const n = Math.round(Math.min(1, Math.max(0, r)) * 100), d = l < F, f = d ? "unreadable" : e ? "wrong" : n >= 100 ? "pass" : "active", i = d ? t.guide.turn_hold_steady : n >= 100 ? t.guide.turn_complete : n >= 65 ? t.guide.turn_almost : n >= 25 ? t.guide.turn_going_well : a === "left" ? t.turn.turningLeft : t.turn.turningRight;
+  return /* @__PURE__ */ m("div", { className: "rpid-turn", "data-dir": a, "data-state": f, children: [
+    /* @__PURE__ */ s("span", { className: "rpid-turn-arrows", "aria-hidden": "true", children: [0, 1, 2].map((h) => /* @__PURE__ */ s(U, { direction: a, lit: n > h * 30, delay: h * 90 }, h)) }),
+    /* @__PURE__ */ m("div", { className: "rpid-turn-body", children: [
+      /* @__PURE__ */ s("span", { className: "rpid-turn-label", children: e && !d ? a === "left" ? t.turn.towardLeft : t.turn.towardRight : i }),
+      /* @__PURE__ */ m(
+        "div",
+        {
+          className: "rpid-turn-track",
+          role: "progressbar",
+          "aria-valuemin": 0,
+          "aria-valuemax": 100,
+          "aria-valuenow": n,
+          "aria-label": t.turn.progressAria,
+          children: [
+            /* @__PURE__ */ s("i", { style: { width: `${n}%` } }),
+            /* @__PURE__ */ s("span", { className: "rpid-turn-mark", style: { left: "25%" } }),
+            /* @__PURE__ */ s("span", { className: "rpid-turn-mark", style: { left: "65%" } })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ m("span", { className: "rpid-turn-pct rpid-num", children: [
+      n,
+      "%"
+    ] })
+  ] });
+}
+function U({
+  direction: a,
+  lit: r,
+  delay: e
+}) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      width: "13",
+      height: "13",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.4",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: `rpid-chevron${r ? " lit" : ""}`,
+      style: { animationDelay: `${e}ms` },
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ s("path", { d: a === "left" ? "M15 5 8 12l7 7" : "M9 5l7 7-7 7" })
+    }
+  );
+}
+function j(a, r) {
+  const e = r === X ? a : -a;
+  return {
+    progress: Math.min(1, Math.max(0, e / Y)),
+    wrongWay: e < -0.12
+  };
+}
+function $({
+  yaw: a,
+  target: r,
+  reached: e,
+  confidence: l = 1
+}) {
+  const p = Math.max(-1.35, Math.min(1.35, a / (r || 0.42))) * 66 * 1, g = l < F, _ = [];
+  for (let o = -78; o <= 78; o += 6) {
+    const A = o * Math.PI / 180, N = Math.sin(A), w = Math.cos(A), O = 1, v = o === 0 ? 1.13 : 1.08, I = 50 + 44 * O * N, T = 60 - 56 * O * w, b = 50 + 44 * v * N, D = 60 - 56 * v * w, y = o === 0 || Math.sign(o) === Math.sign(p) && Math.abs(o) <= Math.abs(p), P = Math.abs(Math.abs(o) - 66) < 6 / 2, k = e && y ? "done" : y ? "lit" : P ? "goal" : "idle";
+    _.push(
+      /* @__PURE__ */ s(
+        "line",
+        {
+          x1: I,
+          y1: T,
+          x2: b,
+          y2: D,
+          className: "rpid-dial-tick",
+          "data-state": k,
+          "data-axis": o === 0 ? "center" : void 0
+        },
+        o
+      )
+    );
+  }
+  const M = p * Math.PI / 180, S = 50 + 44 * 0.99 * Math.sin(M), x = 60 - 56 * 0.99 * Math.cos(M), L = 50 + 44 * 1.17 * Math.sin(M), R = 60 - 56 * 1.17 * Math.cos(M);
+  return /* @__PURE__ */ m(
+    "svg",
+    {
+      className: "rpid-dial",
+      viewBox: "0 0 100 125",
+      "aria-hidden": "true",
+      "data-state": g ? "unreadable" : e ? "done" : "active",
+      children: [
+        _,
+        !g && /* @__PURE__ */ s("line", { x1: S, y1: x, x2: L, y2: R, className: "rpid-dial-cursor" })
+      ]
+    }
+  );
+}
+function q(a) {
+  return /* @__PURE__ */ s(C, { ...a, purpose: "enrollment" });
+}
+function z(a) {
+  return /* @__PURE__ */ s(C, { ...a, purpose: "signin" });
+}
+function K(a) {
+  return /* @__PURE__ */ s(C, { ...a, purpose: "reverification" });
+}
+function J(a) {
+  return /* @__PURE__ */ s(C, { ...a, purpose: "identify" });
+}
+function Z(a = 300, r = 390, e = 690, l = 2) {
+  const t = document.createElement("canvas");
+  t.width = Math.round(r * l), t.height = Math.round(e * l);
+  const n = t.getContext("2d");
+  n.setTransform(l, 0, 0, l, 0, 0);
+  const d = H(), f = new W(d), i = [];
+  for (let c = 0; c < a; c++) {
+    const u = c / a, E = { cx: r / 2 + 6 * Math.sin(u * 20), cy: e * 0.45, rx: 110, ry: 150, roll: 0.05 * Math.sin(u * 9), yaw: 0.6 * Math.sin(u * 6) }, p = performance.now();
+    n.clearRect(0, 0, r, e), f.draw(n, E, { alpha: 0.8, tone: "#9fe3c9", reveal: 1, sweep: -1.1 + 2.2 * (c % 60 / 60), sweepFade: 0.8, contours: !0 }), i.push(performance.now() - p);
+  }
+  i.sort((c, u) => c - u);
+  const h = i.reduce((c, u) => c + u, 0) / i.length;
+  return {
+    msMean: Math.round(h * 100) / 100,
+    msP90: Math.round(i[Math.floor(0.9 * (i.length - 1))] * 100) / 100,
+    fps: Math.round(1e3 / Math.max(0.01, h)),
+    points: d.count
+  };
+}
+export {
+  ta as CENTER_MIN,
+  sa as CONTAIN_MIN,
+  na as ContinueFlow,
+  ra as ContinueOnPhone,
+  oa as DEFAULT_DETECTOR,
+  ia as DEFAULT_LOCALE,
+  ca as DEFAULT_MODELS_URL,
+  la as DocumentCapture,
+  ua as EngineLoading,
+  q as EnrollmentFlow,
+  da as FACE_W_COMFORT_MAX,
+  ha as FACE_W_COMFORT_MIN,
+  pa as FACE_W_MAX,
+  ma as FACE_W_MIN,
+  fa as FaceCapture,
+  Ma as HandoffPanel,
+  Ca as HandoffView,
+  J as IdentifyFlow,
+  Ea as LOCALES,
+  ga as MODELS_VERSION,
+  _a as ProcessingOverlay,
+  Aa as ProximityMeter,
+  K as ReverificationFlow,
+  Na as SDK_VERSION,
+  wa as SELFIE_QUALITY_DEFAULTS,
+  z as SignInFlow,
+  Q as TurnGauge,
+  Y as YAW_TARGET,
+  $ as YawDial,
+  Oa as browserLocale,
+  va as captureNonceOf,
+  ya as centerBlocker,
+  Fa as centeringFrom,
+  Sa as claimHandoff,
+  xa as collectSnapshot,
+  La as cornerRadius,
+  Ra as createHandoff,
+  Ia as cropQuality,
+  Ta as detectDevice,
+  ba as distanceHintOf,
+  Da as distanceTrackPos,
+  Pa as encodeQr,
+  ka as faceCropStats,
+  Ya as faceWidthOf,
+  Xa as finalizeSession,
+  Ha as floorsFrom,
+  Wa as getStrings,
+  Ua as gridPeriodicity,
+  Ga as handoffStatus,
+  Ba as inAppBrowser,
+  Va as loadDocumentEngine,
+  Qa as loadFaceEngine,
+  Z as meshBenchmark,
+  ja as modelsUrlOf,
+  $a as nativeAttestation,
+  qa as normalizeSession,
+  za as parseUserAgent,
+  Ka as peekHandoff,
+  Ja as preload,
+  Za as probeDocument,
+  ae as proximityOf,
+  ee as qrPath,
+  te as readHandoffCode,
+  se as reasonEntry,
+  ne as reportClient,
+  re as requestHash,
+  oe as resolveLocale,
+  ie as revokeHandoff,
+  ce as selfieQualityIssue,
+  le as sideOutcomeOf,
+  ue as specularSignature,
+  de as subscribeClient,
+  j as turnGaugeFrom,
+  he as uploadCapture,
+  pe as webAttestation
+};

package/dist/esm/preview.js

@@ -0,0 +1,368 @@
+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-YFSpSOio.js";
+import { x as Ne, L as Ue, y as Ge, z as He, A as $e, B as je } from "./chunks/ContinueFlow-YFSpSOio.js";
+function ve(e) {
+  let s = e >>> 0;
+  return () => (s = s * 1664525 + 1013904223 >>> 0, s / 4294967296);
+}
+function $(e, s) {
+  const n = K(e, s, 0.8), r = 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 }
+  ];
+}
+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 j(e, s, n, r) {
+  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);
+  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.globalAlpha = 1;
+  } else {
+    const o = ve(41), a = n * 0.05, l = r * 0.2, u = n * 0.9, p = r * 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);
+  }
+  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();
+}
+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 L(e) {
+  if (typeof document > "u") return;
+  const s = document.createElement("canvas");
+  s.width = 254, s.height = 160;
+  const n = s.getContext("2d");
+  if (n) {
+    j(n, e, 254, 160);
+    try {
+      return s.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;
+  return {
+    cx: i,
+    cy: t,
+    rx: c,
+    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 }],
+    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 }]
+  };
+}
+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;
+  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 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();
+  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();
+  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();
+  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();
+  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 = {};
+  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);
+}
+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 _e(e) {
+  const {
+    screen: s,
+    step: n = "front",
+    challenge: r = "center",
+    purpose: i = "enrollment",
+    locale: t,
+    errorCode: c = "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(
+      B,
+      {
+        step: { k: "opening" },
+        purpose: i,
+        t: d.t,
+        privacy: u,
+        appearance: p,
+        forceAppearance: !0,
+        manageFocus: !1,
+        screen: s === "handoff" ? "handoff" : s === "continue" ? "confirm" : "done",
+        title: z,
+        children: [
+          s === "handoff" && /* @__PURE__ */ f(
+            te,
+            {
+              t: d.t,
+              mode: v.mode ?? "suggest",
+              copy: w,
+              link: { url: V, codeHint: _, tenant: T },
+              leftMs: (v.ttlMinutes ?? 10) * 6e4 - 18e3,
+              expired: !1,
+              failed: !1,
+              phase: null,
+              device: null,
+              linkId: "rpid-preview-handoff-link",
+              onContinueHere: () => {
+              }
+            }
+          ),
+          s === "continue" && /* @__PURE__ */ f(ne, { t: d.t, tenant: T, codeHint: _ }),
+          s === "continueDone" && /* @__PURE__ */ f(oe, { t: d.t })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ k(
+    B,
+    {
+      step: m,
+      purpose: i,
+      t: d.t,
+      privacy: u,
+      appearance: p,
+      forceAppearance: !0,
+      manageFocus: !1,
+      screen: E ? "intro" : void 0,
+      title: E ? x.title : le(m, i, d.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(
+          ie,
+          {
+            step: h,
+            body: x.body,
+            t: d.t,
+            movements: h === "face" ? l : void 0,
+            sessionMinutes: y.indexOf(h) === 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: () => {
+        }, takeFocus: !1 })
+      ]
+    }
+  );
+}
+function ke({ side: e, t: s }) {
+  const n = F(null), r = F(null), [i, t] = W({ w: 0, h: 0 });
+  U(() => {
+    const o = r.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);
+    };
+    if (a(), typeof ResizeObserver > "u") return;
+    const l = new ResizeObserver(a);
+    return l.observe(o), () => l.disconnect();
+  }, [e]);
+  const c = b(() => {
+    const o = $(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(
+    G,
+    {
+      className: "rpid-viewport rpid-doc rpid-locked",
+      attrs: { "data-rpid-side": e, "data-rpid-frame": "holding" },
+      source: "demo",
+      videoRef: n,
+      canvasRef: r,
+      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 }) })
+      ]
+    }
+  ) });
+}
+const Re = {
+  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)));
+  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(), []);
+  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(
+      G,
+      {
+        className: `rpid-viewport rpid-face rpid-${e === "center" ? "searching" : "locked"}`,
+        attrs: { "data-rpid-guide-state": e === "center" ? "aligned" : "capturing" },
+        style: y,
+        source: "demo",
+        videoRef: r,
+        canvasRef: i,
+        mirror: !0,
+        children: [
+          /* @__PURE__ */ f(
+            he,
+            {
+              src: C,
+              oval: u,
+              motion: l,
+              state: e === "center" ? "aligned" : "capturing",
+              scan: e === "center" ? "aligned" : "challenge",
+              fills: d,
+              progress: S,
+              cue: p,
+              guide: g,
+              t: n
+            }
+          ),
+          /* @__PURE__ */ f(H, { tone: "ok", marker: !0, children: e === "center" ? n.guide.perfect : n.guide[g] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ f(me, { script: t, step: c, 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,
+  ee as introFor,
+  je as parseIntroBody
+};