@baas-id/react 0.3.0 → 0.3.1

package/dist/esm/continue.js

@@ -1,5 +1,5 @@
 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-vn9wv0tZ.js";
+import { C as L, D as o, L as e, M as r, g as E, r as S } from "./chunks/ContinueFlow-mqBIxnlp.js";
 export {
   L as ContinueFlow,
   o as DEFAULT_MODELS_URL,

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 import "./baas-id-react.css";
 /* empty css                        */
-import { Y as D, U as S, V as P, W as u } from "./chunks/ContinueFlow-vn9wv0tZ.js";
-import { X as Z, Z as aa, C as ea, _ as sa, $ as ta, a0 as na, D as ra, a1 as oa, a2 as ia, a3 as ca, a4 as la, a5 as da, a6 as ua, a7 as pa, a8 as fa, a9 as ha, H as ma, L as Ma, M as Ca, aa as Ea, ab as _a, ac as Aa, ad as ga, ae as Na, af as Oa, ag as Sa, ah as La, ai as Fa, aj as va, ak as ya, al as Ra, am as wa, an as xa, ao as Ia, ap as Ta, aq as ba, ar as Da, as as Pa, at as Ya, au as ka, f as Xa, g as Ha, av as Wa, aw as Ua, ax as Ga, ay as Va, az as Ba, aA as Qa, aB as ja, aC as $a, aD as qa, aE as za, aF as Ka, aG as Ja, aH as Za, aI as ae, r as ee, aJ as se, aK as te, aL as ne, aM as re, aN as oe, aO as ie, aP as ce, aQ as le, aR as de, aS as ue, aT as pe } from "./chunks/ContinueFlow-vn9wv0tZ.js";
+import { Y as D, U as S, V as P, W as u } from "./chunks/ContinueFlow-mqBIxnlp.js";
+import { X as Z, Z as aa, C as ea, _ as sa, $ as ta, a0 as na, D as ra, a1 as oa, a2 as ia, a3 as ca, a4 as la, a5 as da, a6 as ua, a7 as pa, a8 as fa, a9 as ha, H as ma, L as Ma, M as Ca, aa as Ea, ab as _a, ac as Aa, ad as ga, ae as Na, af as Oa, ag as Sa, ah as La, ai as Fa, aj as va, ak as ya, al as Ra, am as wa, an as xa, ao as Ia, ap as Ta, aq as ba, ar as Da, as as Pa, at as Ya, au as ka, f as Xa, g as Ha, av as Wa, aw as Ua, ax as Ga, ay as Va, az as Ba, aA as Qa, aB as ja, aC as $a, aD as qa, aE as za, aF as Ka, aG as Ja, aH as Za, aI as ae, r as ee, aJ as se, aK as te, aL as ne, aM as re, aN as oe, aO as ie, aP as ce, aQ as le, aR as de, aS as ue, aT as pe } from "./chunks/ContinueFlow-mqBIxnlp.js";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 function V({
   direction: a,

package/dist/esm/preview.js

@@ -2,8 +2,8 @@ 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 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";
+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);
@@ -17,12 +17,12 @@ function j(e, r) {
     { x: n[3].x + s * 0.5, y: n[3].y - s * 0.8 }
   ];
 }
-function A(e, r, n, s, i, t) {
+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 q(e, r, n, s) {
   const i = n * 0.037;
-  A(e, 0, 0, n, s, i), e.save(), e.clip();
+  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);
   for (let o = 0; o < 26; o++)
@@ -31,7 +31,7 @@ function q(e, r, n, s) {
   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;
+    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));
@@ -56,7 +56,7 @@ function ve(e, r) {
   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();
+  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();
 }
 function N(e) {
   if (typeof document > "u") return;
@@ -146,12 +146,12 @@ function Fe(e) {
       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(() => ({
+  }, [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 ?? {}, 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;
+    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,
       {
@@ -171,8 +171,8 @@ function Fe(e) {
             {
               t: f.t,
               mode: y.mode ?? "suggest",
-              copy: w,
-              link: { url: V, codeHint: D, tenant: x },
+              copy: D,
+              link: { url: V, codeHint: F, tenant: A },
               leftMs: (y.ttlMinutes ?? 10) * 6e4 - 18e3,
               expired: !1,
               failed: !1,
@@ -183,8 +183,8 @@ function Fe(e) {
               }
             }
           ),
-          r === "continue" && /* @__PURE__ */ p(oe, { t: f.t, tenant: x, codeHint: D }),
-          r === "continueDone" && /* @__PURE__ */ p(ne, { t: f.t })
+          r === "continue" && /* @__PURE__ */ p(oe, { t: f.t, tenant: A, codeHint: F }),
+          r === "continueDone" && /* @__PURE__ */ p(ne, { t: f.t, tenant: A, codeHint: F })
         ]
       }
     );
@@ -201,15 +201,15 @@ function Fe(e) {
       manageFocus: !1,
       colorScheme: e.colorScheme,
       screen: k ? "intro" : void 0,
-      title: k ? F.title : ce(v, i, f.t),
+      title: k ? _.title : ce(v, i, f.t),
       children: [
-        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 }),
+        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,
           {
             step: S,
-            body: F.body,
+            body: _.body,
             t: f.t,
             movements: S === "face" ? c : void 0,
             sessionMinutes: C.indexOf(S) === 0 ? 15 : null,
@@ -244,7 +244,7 @@ function Ee({ side: e, t: r }) {
     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(
-    G,
+    H,
     {
       className: "rpid-viewport rpid-doc rpid-locked",
       attrs: { "data-rpid-side": e, "data-rpid-frame": "holding" },
@@ -253,7 +253,7 @@ function Ee({ side: e, t: r }) {
       canvasRef: s,
       children: [
         /* @__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 }) })
+        /* @__PURE__ */ p(G, { tone: "ok", children: /* @__PURE__ */ p("span", { className: "rpid-guide-line", children: r.guide.steady }) })
       ]
     }
   ) });
@@ -274,7 +274,7 @@ function Re({ challenge: e, count: r, t: n }) {
   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,
+      H,
       {
         className: `rpid-viewport rpid-face rpid-${e === "center" ? "searching" : "locked"}`,
         attrs: { "data-rpid-guide-state": e === "center" ? "aligned" : "capturing" },
@@ -298,7 +298,7 @@ function Re({ challenge: e, count: r, t: n }) {
               t: n
             }
           ),
-          /* @__PURE__ */ p(H, { tone: "ok", marker: !0, children: e === "center" ? n.guide.perfect : n.guide[u] })
+          /* @__PURE__ */ p(G, { tone: "ok", marker: !0, children: e === "center" ? n.guide.perfect : n.guide[u] })
         ]
       }
     ),
@@ -315,8 +315,8 @@ export {
   Le as LOCALES,
   Ne as SDK_DEFAULTS,
   Ue as appearanceGroups,
-  Ge as appearanceStyle,
-  He as contrastChecks,
+  He as appearanceStyle,
+  Ge as contrastChecks,
   je as contrastRatio,
   qe as darkPalette,
   O as getStrings,

package/dist/types/react/document/CardFrame.d.ts

@@ -1,6 +1,17 @@
 import type { Strings } from "../i18n";
+import { type Quad } from "./overlay";
 import type { QuadSource } from "./track";
 export type FrameState = "searching" | "tracking" | "holding" | "locked";
+export interface OutlinePath {
+    d: string;
+    length: number;
+    corners: Array<[number, number]>;
+    sides: number[];
+}
+export declare function outlinePath(q: Quad, radius: number): OutlinePath;
+export type Dash = readonly [string, string];
+export declare function dashOnly(from: number, to: number, length: number): Dash;
+export declare function dashProgress(o: OutlinePath, pct: number): Dash;
 export declare function CardFrame({ source, pct, state, label, t, }: {
     source: QuadSource | null;
     pct: number;

package/dist/types/react/document/stats.d.ts

@@ -10,7 +10,7 @@ export declare class CaptureStats {
     private coach;
     private mode;
     constructor(t0: number);
-    frame(found: boolean, confidence: number, veto?: "geometry" | "edges" | "content"): void;
+    frame(found: boolean, confidence: number, veto?: "geometry" | "edges" | "content" | "face", relaxed?: "held" | "stable"): void;
     outline(mode: "edges" | "box" | null): void;
     tick(gate: Gate | null, pFront: number | null, motion: number | null, stillOk: boolean | null, hold: number, coach: string): void;
     searching(coach: string): void;

package/dist/types/react/handoff/ContinueFlow.d.ts

@@ -26,6 +26,10 @@ export declare function ContinueConfirmView({ t, tenant, codeHint, onContinue }:
     codeHint: string;
     onContinue?: () => void;
 }): import("react").JSX.Element;
-export declare function ContinueDoneView({ t }: {
+export type DoneStep = "front" | "back" | "face";
+export declare function ContinueDoneView({ t, tenant, codeHint, steps }: {
     t: Strings;
+    tenant?: string | null;
+    codeHint?: string | null;
+    steps?: readonly DoneStep[];
 }): import("react").JSX.Element;

package/dist/types/react/i18n/types.d.ts

@@ -206,6 +206,13 @@ export interface Strings {
         phoneClosedBody: string;
         resumeOnPhone: string;
         continueHereShort: string;
+        doneHeading: string;
+        doneSent: string;
+        doneOnComputer: string;
+        doneFor: string;
+        doneCode: string;
+        doneClose: string;
+        doneCloseHint: string;
         stepWaiting: string;
         stepConnected: string;
         stepCapturing: string;

package/dist/types/react/version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.3.0";
+export declare const SDK_VERSION = "0.3.1";

package/dist/types/react/vision/tinyDetector.d.ts

@@ -1,6 +1,11 @@
 import { type Quad } from "./corners";
 import type { CardDetection, DocumentEngine, ProgressFn } from "./types";
 export declare const TINY_FOLDERS: readonly ["card-tinydet-r6", "card-tinydet-r4"];
+export declare const RELAX_STREAK = 3;
+export declare const RELAX_MOTION = 0.04;
+export declare const RELAX_DETAIL = 0.25;
+export declare const RELAX_SIDES = 2;
+export declare const FACE_FILL_MAX = 0.2;
 export declare const ORIENT_VOTE_MIN = 0.6;
 export declare const TINY_INPUT = 224;
 export declare const TINY_GRID = 28;

package/dist/types/react/vision/types.d.ts

@@ -13,7 +13,8 @@ export interface CardDetection {
     };
     weak?: boolean;
     corners?: FrameCorners;
-    veto?: "geometry" | "edges" | "content";
+    veto?: "geometry" | "edges" | "content" | "face";
+    relaxed?: "held" | "stable";
 }
 export interface SideResult {
     isFront: boolean;
@@ -49,6 +50,10 @@ export interface DetectOptions {
     corners?: {
         ks: number;
         hint?: Quad | null;
+        faces?: (source: HTMLCanvasElement) => Promise<Array<{
+            topLeft: [number, number];
+            bottomRight: [number, number];
+        }>>;
     };
 }
 export interface FaceEngine {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baas-id/react",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "BaaS identity verification for React: guided ID and face capture with on-device quality gating, server-side verdicts, phone handoff. Requires a BaaS account.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "BaaS, S.A.",