@richard.fadiora/liveness-detection 1.0.2 → 1.0.3

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import oe, { useRef as se, useState as w, useEffect as X } from "react";
+import oe, { useRef as se, useState as w, useEffect as Q } from "react";
 import ae from "react-webcam";
-var z = { exports: {} }, P = {};
+var B = { exports: {} }, A = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var z = { exports: {} }, P = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Z;
-function ie() {
-  if (Z) return P;
-  Z = 1;
+var K;
+function le() {
+  if (K) return A;
+  K = 1;
   var d = Symbol.for("react.transitional.element"), m = Symbol.for("react.fragment");
-  function b(u, i, a) {
+  function b(f, l, a) {
     var v = null;
-    if (a !== void 0 && (v = "" + a), i.key !== void 0 && (v = "" + i.key), "key" in i) {
+    if (a !== void 0 && (v = "" + a), l.key !== void 0 && (v = "" + l.key), "key" in l) {
       a = {};
-      for (var l in i)
-        l !== "key" && (a[l] = i[l]);
-    } else a = i;
-    return i = a.ref, {
+      for (var i in l)
+        i !== "key" && (a[i] = l[i]);
+    } else a = l;
+    return l = a.ref, {
       $$typeof: d,
-      type: u,
+      type: f,
       key: v,
-      ref: i !== void 0 ? i : null,
+      ref: l !== void 0 ? l : null,
       props: a
     };
   }
-  return P.Fragment = m, P.jsx = b, P.jsxs = b, P;
+  return A.Fragment = m, A.jsx = b, A.jsxs = b, A;
 }
-var A = {};
+var O = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,44 +42,44 @@ var A = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Q;
-function le() {
-  return Q || (Q = 1, process.env.NODE_ENV !== "production" && function() {
+var ee;
+function ie() {
+  return ee || (ee = 1, process.env.NODE_ENV !== "production" && function() {
     function d(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === re ? null : e.displayName || e.name || null;
+        return e.$$typeof === T ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case k:
+        case g:
           return "Fragment";
-        case I:
+        case D:
           return "Profiler";
-        case N:
+        case k:
           return "StrictMode";
-        case h:
+        case F:
           return "Suspense";
-        case f:
+        case c:
           return "SuspenseList";
-        case ee:
+        case x:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case S:
+          case L:
             return "Portal";
           case Y:
             return e.displayName || "Context";
-          case L:
+          case P:
             return (e._context.displayName || "Context") + ".Consumer";
-          case c:
+          case $:
             var r = e.render;
             return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case y:
+          case h:
             return r = e.displayName || null, r !== null ? r : d(e.type) || "Memo";
-          case E:
+          case u:
             r = e._payload, e = e._init;
             try {
               return d(e(r));
@@ -100,17 +100,17 @@ function le() {
       }
       if (r) {
         r = console;
-        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
+        var n = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           o
         ), m(e);
       }
     }
-    function u(e) {
-      if (e === k) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === E)
+    function f(e) {
+      if (e === g) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === u)
         return "<...>";
       try {
         var r = d(e);
@@ -119,45 +119,45 @@ function le() {
         return "<...>";
       }
     }
-    function i() {
-      var e = $.A;
+    function l() {
+      var e = M.A;
       return e === null ? null : e.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
     function v(e) {
-      if (V.call(e, "key")) {
+      if (G.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function l(e, r) {
-      function t() {
-        G || (G = !0, console.error(
+    function i(e, r) {
+      function n() {
+        q || (q = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
         configurable: !0
       });
     }
     function p() {
       var e = d(this.type);
-      return q[e] || (q[e] = !0, console.error(
+      return H[e] || (H[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function C(e, r, t, o, O, D) {
-      var s = t.ref;
+    function I(e, r, n, o, C, W) {
+      var s = n.ref;
       return e = {
-        $$typeof: R,
+        $$typeof: _,
         type: e,
         key: r,
-        props: t,
+        props: n,
         _owner: o
       }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
@@ -176,33 +176,33 @@ function le() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
+        value: C
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: D
+        value: W
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function T(e, r, t, o, O, D) {
+    function R(e, r, n, o, C, W) {
       var s = r.children;
       if (s !== void 0)
         if (o)
           if (te(s)) {
             for (o = 0; o < s.length; o++)
-              g(s[o]);
+              E(s[o]);
             Object.freeze && Object.freeze(s);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else g(s);
-      if (V.call(r, "key")) {
+        else E(s);
+      if (G.call(r, "key")) {
         s = d(e);
-        var x = Object.keys(r).filter(function(ne) {
+        var j = Object.keys(r).filter(function(ne) {
           return ne !== "key";
         });
-        o = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", J[s + o] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
+        o = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", Z[s + o] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -211,150 +211,157 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           o,
           s,
-          x,
+          j,
           s
-        ), J[s + o] = !0);
+        ), Z[s + o] = !0);
       }
-      if (s = null, t !== void 0 && (b(t), s = "" + t), v(r) && (b(r.key), s = "" + r.key), "key" in r) {
-        t = {};
-        for (var U in r)
-          U !== "key" && (t[U] = r[U]);
-      } else t = r;
-      return s && l(
-        t,
+      if (s = null, n !== void 0 && (b(n), s = "" + n), v(r) && (b(r.key), s = "" + r.key), "key" in r) {
+        n = {};
+        for (var z in r)
+          z !== "key" && (n[z] = r[z]);
+      } else n = r;
+      return s && i(
+        n,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), C(
+      ), I(
         e,
         s,
-        t,
-        i(),
-        O,
-        D
+        n,
+        l(),
+        C,
+        W
       );
     }
-    function g(e) {
-      j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === E && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function E(e) {
+      S(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === u && (e._payload.status === "fulfilled" ? S(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function j(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === R;
+    function S(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === _;
     }
-    var _ = oe, R = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), Y = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), ee = Symbol.for("react.activity"), re = Symbol.for("react.client.reference"), $ = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, te = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var y = oe, _ = Symbol.for("react.transitional.element"), L = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), Y = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), x = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), M = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, te = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
-    _ = {
+    y = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var G, q = {}, B = _.react_stack_bottom_frame.bind(
-      _,
+    var q, H = {}, J = y.react_stack_bottom_frame.bind(
+      y,
       a
-    )(), H = F(u(a)), J = {};
-    A.Fragment = k, A.jsx = function(e, r, t) {
-      var o = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return T(
+    )(), X = U(f(a)), Z = {};
+    O.Fragment = g, O.jsx = function(e, r, n) {
+      var o = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return R(
         e,
         r,
-        t,
+        n,
         !1,
-        o ? Error("react-stack-top-frame") : B,
-        o ? F(u(e)) : H
+        o ? Error("react-stack-top-frame") : J,
+        o ? U(f(e)) : X
       );
-    }, A.jsxs = function(e, r, t) {
-      var o = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return T(
+    }, O.jsxs = function(e, r, n) {
+      var o = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return R(
         e,
         r,
-        t,
+        n,
         !0,
-        o ? Error("react-stack-top-frame") : B,
-        o ? F(u(e)) : H
+        o ? Error("react-stack-top-frame") : J,
+        o ? U(f(e)) : X
       );
     };
-  }()), A;
+  }()), O;
 }
-process.env.NODE_ENV === "production" ? z.exports = ie() : z.exports = le();
-var n = z.exports;
-const ce = ["Smile", "Blink", "Turn_Head", "Thumbs_Up"], K = 90, de = ({ apiUrl: d, onComplete: m }) => {
-  const b = se(null), [u, i] = w([]), [a, v] = w(0), [l, p] = w("idle"), [C, T] = w(3), [g, j] = w(K), [_, R] = w(!1), S = () => {
+process.env.NODE_ENV === "production" ? B.exports = le() : B.exports = ie();
+var t = B.exports;
+const ce = ["Smile", "Blink", "Turn_Head", "Thumbs_Up"], re = 60, pe = ({ apiUrl: d, onComplete: m }) => {
+  const b = se(null), [f, l] = w([]), [a, v] = w(0), [i, p] = w("idle"), [I, R] = w(3), [E, S] = w(re), [y, _] = w(!1), [L, g] = w(!1), k = () => {
     const c = [...ce].sort(() => 0.5 - Math.random()).slice(0, 3);
-    i(c), v(0), p("idle"), T(3), j(K), R(!1);
+    l(c), v(0), p("idle"), R(3), S(re), _(!1), g(!1);
   };
-  X(() => {
-    S();
+  Q(() => {
+    k();
   }, []);
-  const k = () => {
-    S();
+  const D = () => {
+    k();
   };
-  X(() => {
+  Q(() => {
     let c;
-    return _ && g > 0 ? c = setInterval(() => {
-      j((h) => h - 1);
-    }, 1e3) : g === 0 && l !== "success" && (p("timeout"), R(!1), m && m(!1)), () => clearInterval(c);
-  }, [_, g, l]);
-  const N = async () => {
-    _ || R(!0), p("counting");
+    return y && E > 0 ? c = setInterval(() => {
+      S((h) => h - 1);
+    }, 1e3) : E === 0 && i !== "success" && (p("timeout"), _(!1), g(!1), m && m(!1)), () => clearInterval(c);
+  }, [y, E, i]);
+  const P = async () => {
+    y || _(!0), p("counting");
     let c = 3;
     const h = setInterval(() => {
-      c -= 1, T(c), c === 0 && (clearInterval(h), I());
+      c -= 1, R(c), c === 0 && (clearInterval(h), Y());
     }, 1e3);
-  }, I = async () => {
+  }, Y = async () => {
     p("capturing");
     const c = [], h = 20;
-    for (let f = 0; f < h; f++) {
-      const y = b.current.getScreenshot();
-      c.push(y), await new Promise((E) => setTimeout(E, 100));
+    for (let u = 0; u < h; u++) {
+      const x = b.current.getScreenshot();
+      c.push(x), await new Promise((T) => setTimeout(T, 100));
     }
-    L(c);
-  }, L = async (c) => {
-    p("verifying");
+    $(c);
+  }, $ = async (c) => {
+    window.dummyTest = "I am working!", console.log("SEND TO BRAIN CALLED"), p("verifying");
     const h = new FormData();
-    for (let f = 0; f < c.length; f++) {
-      const y = await fetch(c[f]).then((E) => E.blob());
-      h.append("files", y, `frame_${f}.jpg`);
+    for (let u = 0; u < c.length; u++) {
+      const x = await fetch(c[u]).then((T) => T.blob());
+      h.append("files", x, `frame_${u}.jpg`);
     }
-    h.append("challenge", u[a]);
+    h.append("challenge", f[a]);
     try {
-      const y = await (await fetch(`${d}/v1/verify`, {
+      const x = await (await fetch(`${d}/v1/verify`, {
         method: "POST",
         body: h
       })).json();
-      console.log("API Response:", y.status), y.is_live ? a < 2 ? (v((E) => E + 1), T(3), p("idle")) : (p("success"), m && m(!0)) : (alert("Action not recognized. Please try again!"), p("idle"), T(3));
-    } catch (f) {
-      console.error("API Error:", f), p("fail");
+      console.log("API Response:", x.status), x.is_live ? a < 2 ? (v((T) => T + 1), R(3), p("idle")) : (p("success"), _(!1), m && m(!0)) : (console.log("Not live - Opening Modal"), _(!1), g(!0), p("idle"), R(3));
+    } catch (u) {
+      console.error("API Error:", u), g(!0), p("idle");
     }
-  }, Y = {
+  }, F = {
     Smile: "Show us a big SMILE! 😁",
     Blink: "BLINK your eyes rapidly! 👁️",
     Turn_Head: "Slowly TURN your head left and right! ↔️",
     Thumbs_Up: "Give a THUMBS UP! 👍"
   };
-  return /* @__PURE__ */ n.jsxs("div", { style: { textAlign: "center", padding: "20px", fontFamily: "sans-serif" }, children: [
-    _ && l !== "success" && /* @__PURE__ */ n.jsxs("div", { style: { fontSize: "20px", fontWeight: "bold", color: g < 10 ? "red" : "black" }, children: [
+  return /* @__PURE__ */ t.jsxs("div", { style: { textAlign: "center", padding: "20px", fontFamily: "sans-serif" }, children: [
+    y && i !== "success" && /* @__PURE__ */ t.jsxs("div", { style: { fontSize: "20px", fontWeight: "bold", color: E < 10 ? "red" : "black" }, children: [
       "Time Remaining: ",
-      g,
+      E,
       "s"
     ] }),
-    l === "success" && /* @__PURE__ */ n.jsxs("div", { children: [
-      /* @__PURE__ */ n.jsx("h2", { children: "✅ Verification Passed!" }),
-      /* @__PURE__ */ n.jsx("button", { onClick: k, style: { ...W, backgroundColor: "#6c757d" }, children: "Verify Again" })
+    L && /* @__PURE__ */ t.jsx("div", { style: ue, children: /* @__PURE__ */ t.jsxs("div", { style: fe, children: [
+      /* @__PURE__ */ t.jsx("h3", { style: { color: "#dc3545" }, children: "Action Not Detected" }),
+      /* @__PURE__ */ t.jsx("p", { children: "We couldn't verify that move. Please try again before time runs out!" }),
+      /* @__PURE__ */ t.jsx("button", { onClick: () => {
+        g(!1), P();
+      }, style: N, children: "Try Again" })
+    ] }) }),
+    i === "success" && /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsx("h2", { children: "✅ Verification Passed!" }),
+      /* @__PURE__ */ t.jsx("button", { onClick: D, style: { ...N, backgroundColor: "#6c757d" }, children: "Verify Again" })
     ] }),
-    l === "timeout" && /* @__PURE__ */ n.jsxs("div", { children: [
-      /* @__PURE__ */ n.jsx("h2", { style: { color: "#dc3545" }, children: "⏰ Session Expired" }),
-      /* @__PURE__ */ n.jsx("p", { children: "You didn't complete the challenges in time." }),
-      /* @__PURE__ */ n.jsx("p", { children: "Please ensure you follow the instructions and perform the tasks within the time limit. (60 secsonds)" }),
-      /* @__PURE__ */ n.jsx("button", { onClick: S, style: W, children: "🔄 Try Again" })
+    i === "timeout" && /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsx("h2", { style: { color: "#dc3545" }, children: "⏰ Session Expired" }),
+      /* @__PURE__ */ t.jsx("p", { children: "You didn't complete the challenges in time." }),
+      /* @__PURE__ */ t.jsx("p", { children: "Please ensure you follow the instructions and perform the tasks within the time limit. (60 secsonds)" }),
+      /* @__PURE__ */ t.jsx("button", { onClick: k, style: N, children: "🔄 Try Again" })
     ] }),
-    ["idle", "counting", "capturing", "verifying"].includes(l) && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx("h2", { children: "Please be in a well-lit room where your face can be well seen." }),
-      /* @__PURE__ */ n.jsxs("h3", { children: [
+    ["idle", "counting", "capturing", "verifying"].includes(i) && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx("h2", { children: "Please be in a well-lit room where your face can be well seen." }),
+      /* @__PURE__ */ t.jsxs("h3", { children: [
         "Challenge ",
         a + 1,
         " of 3"
       ] }),
-      /* @__PURE__ */ n.jsx("h2", { style: { color: "#007bff" }, children: Y[u[a]] }),
-      /* @__PURE__ */ n.jsxs("div", { style: { position: "relative", width: "fit-content", margin: "auto" }, children: [
-        /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ t.jsx("h2", { style: { color: "#007bff" }, children: F[f[a]] }),
+      /* @__PURE__ */ t.jsxs("div", { style: { position: "relative", width: "fit-content", margin: "auto" }, children: [
+        /* @__PURE__ */ t.jsx(
           ae,
           {
             audio: !1,
@@ -363,14 +370,14 @@ const ce = ["Smile", "Blink", "Turn_Head", "Thumbs_Up"], K = 90, de = ({ apiUrl:
             style: { borderRadius: "10px", width: "100%", maxWidth: "400px", transform: "scaleX(-1)" }
           }
         ),
-        l === "counting" && /* @__PURE__ */ n.jsx("div", { style: M, children: C }),
-        l === "verifying" && /* @__PURE__ */ n.jsx("div", { style: M, children: "Analyzing..." }),
-        l === "capturing" && /* @__PURE__ */ n.jsx("div", { style: { ...M, background: "rgba(40, 167, 69, 0.3)" }, children: "Recording..." })
+        i === "counting" && /* @__PURE__ */ t.jsx("div", { style: V, children: I }),
+        i === "verifying" && /* @__PURE__ */ t.jsx("div", { style: V, children: "Analyzing..." }),
+        i === "capturing" && /* @__PURE__ */ t.jsx("div", { style: { ...V, background: "rgba(40, 167, 69, 0.3)" }, children: "Recording..." })
       ] }),
-      /* @__PURE__ */ n.jsx("div", { style: { marginTop: "20px" }, children: l === "idle" && /* @__PURE__ */ n.jsx("button", { onClick: N, style: W, children: "I'm Ready" }) })
+      /* @__PURE__ */ t.jsx("div", { style: { marginTop: "20px" }, children: i === "idle" && /* @__PURE__ */ t.jsx("button", { onClick: P, style: N, children: "I'm Ready" }) })
     ] })
   ] });
-}, M = {
+}, V = {
   position: "absolute",
   top: 0,
   left: 0,
@@ -383,7 +390,7 @@ const ce = ["Smile", "Blink", "Turn_Head", "Thumbs_Up"], K = 90, de = ({ apiUrl:
   justifyContent: "center",
   fontSize: "48px",
   borderRadius: "10px"
-}, W = {
+}, N = {
   padding: "10px 30px",
   fontSize: "18px",
   cursor: "pointer",
@@ -391,19 +398,38 @@ const ce = ["Smile", "Blink", "Turn_Head", "Thumbs_Up"], K = 90, de = ({ apiUrl:
   color: "white",
   border: "none",
   borderRadius: "5px"
-}, me = async (d, m, b) => {
-  const u = new FormData();
+}, ue = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  backgroundColor: "rgba(0,0,0,0.7)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  zIndex: 100,
+  borderRadius: "10px"
+}, fe = {
+  backgroundColor: "white",
+  padding: "30px",
+  borderRadius: "15px",
+  maxWidth: "300px",
+  boxShadow: "0 4px 15px rgba(0,0,0,0.3)",
+  color: "#000"
+}, he = async (d, m, b) => {
+  const f = new FormData();
   m.forEach((a, v) => {
-    u.append("files", a, `frame_${v}.jpg`);
-  }), u.append("challenge", b);
-  const i = await fetch(`${d}/v1/verify`, {
+    f.append("files", a, `frame_${v}.jpg`);
+  }), f.append("challenge", b);
+  const l = await fetch(`${d}/v1/verify`, {
     method: "POST",
-    body: u
+    body: f
   });
-  if (!i.ok) throw new Error("Network response was not ok");
-  return await i.json();
+  if (!l.ok) throw new Error("Network response was not ok");
+  return await l.json();
 };
 export {
-  de as LivenessSDK,
-  me as verifyLiveness
+  pe as LivenessSDK,
+  he as verifyLiveness
 };

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(function(E,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react"),require("react-webcam")):typeof define=="function"&&define.amd?define(["exports","react","react-webcam"],u):(E=typeof globalThis<"u"?globalThis:E||self,u(E.LivenessSDK={},E.React,E.Webcam))})(this,function(E,u,ee){"use strict";var N={exports:{}},j={};/**
+(function(g,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("react"),require("react-webcam")):typeof define=="function"&&define.amd?define(["exports","react","react-webcam"],u):(g=typeof globalThis<"u"?globalThis:g||self,u(g.LivenessSDK={},g.React,g.Webcam))})(this,function(g,u,re){"use strict";var L={exports:{}},k={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var B;function re(){if(B)return j;B=1;var m=Symbol.for("react.transitional.element"),p=Symbol.for("react.fragment");function v(f,i,a){var y=null;if(a!==void 0&&(y=""+a),i.key!==void 0&&(y=""+i.key),"key"in i){a={};for(var l in i)l!=="key"&&(a[l]=i[l])}else a=i;return i=a.ref,{$$typeof:m,type:f,key:y,ref:i!==void 0?i:null,props:a}}return j.Fragment=p,j.jsx=v,j.jsxs=v,j}var k={};/**
+ */var J;function ne(){if(J)return k;J=1;var m=Symbol.for("react.transitional.element"),p=Symbol.for("react.fragment");function v(d,i,a){var y=null;if(a!==void 0&&(y=""+a),i.key!==void 0&&(y=""+i.key),"key"in i){a={};for(var l in i)l!=="key"&&(a[l]=i[l])}else a=i;return i=a.ref,{$$typeof:m,type:d,key:y,ref:i!==void 0?i:null,props:a}}return k.Fragment=p,k.jsx=v,k.jsxs=v,k}var A={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var H;function te(){return H||(H=1,process.env.NODE_ENV!=="production"&&function(){function m(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ie?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case O:return"Fragment";case F:return"Profiler";case D:return"StrictMode";case b:return"Suspense";case d:return"SuspenseList";case ae:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case A:return"Portal";case U:return e.displayName||"Context";case M:return(e._context.displayName||"Context")+".Consumer";case c:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case R:return r=e.displayName||null,r!==null?r:m(e.type)||"Memo";case g:r=e._payload,e=e._init;try{return m(e(r))}catch{}}return null}function p(e){return""+e}function v(e){try{p(e);var r=!1}catch{r=!0}if(r){r=console;var n=r.error,s=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",s),p(e)}}function f(e){if(e===O)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===g)return"<...>";try{var r=m(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function i(){var e=W.A;return e===null?null:e.getOwner()}function a(){return Error("react-stack-top-frame")}function y(e){if(X.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function l(e,r){function n(){K||(K=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function h(){var e=m(this.type);return Z[e]||(Z[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function Y(e,r,n,s,C,V){var o=n.ref;return e={$$typeof:x,type:e,key:r,props:n,_owner:s},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:h}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:C}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function S(e,r,n,s,C,V){var o=r.children;if(o!==void 0)if(s)if(le(o)){for(s=0;s<o.length;s++)T(o[s]);Object.freeze&&Object.freeze(o)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else T(o);if(X.call(r,"key")){o=m(e);var w=Object.keys(r).filter(function(ce){return ce!=="key"});s=0<w.length?"{key: someKey, "+w.join(": ..., ")+": ...}":"{key: someKey}",q[o+s]||(w=0<w.length?"{"+w.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var X;function oe(){return X||(X=1,process.env.NODE_ENV!=="production"&&function(){function m(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===w?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case _:return"Fragment";case M:return"Profiler";case P:return"StrictMode";case z:return"Suspense";case c:return"SuspenseList";case R:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case F:return"Portal";case U:return e.displayName||"Context";case N:return(e._context.displayName||"Context")+".Consumer";case W:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case b:return t=e.displayName||null,t!==null?t:m(e.type)||"Memo";case f:t=e._payload,e=e._init;try{return m(e(t))}catch{}}return null}function p(e){return""+e}function v(e){try{p(e);var t=!1}catch{t=!0}if(t){t=console;var n=t.error,o=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),p(e)}}function d(e){if(e===_)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===f)return"<...>";try{var t=m(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function i(){var e=V.A;return e===null?null:e.getOwner()}function a(){return Error("react-stack-top-frame")}function y(e){if(Z.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function l(e,t){function n(){Q||(Q=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function h(){var e=m(this.type);return q[e]||(q[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function Y(e,t,n,o,I,G){var s=n.ref;return e={$$typeof:T,type:e,key:t,props:n,_owner:o},(s!==void 0?s:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:h}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:I}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function S(e,t,n,o,I,G){var s=t.children;if(s!==void 0)if(o)if(ue(s)){for(o=0;o<s.length;o++)x(s[o]);Object.freeze&&Object.freeze(s)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else x(s);if(Z.call(t,"key")){s=m(e);var j=Object.keys(t).filter(function(fe){return fe!=="key"});o=0<j.length?"{key: someKey, "+j.join(": ..., ")+": ...}":"{key: someKey}",te[s+o]||(j=0<j.length?"{"+j.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,s,o,w,o),q[o+s]=!0)}if(o=null,n!==void 0&&(v(n),o=""+n),y(r)&&(v(r.key),o=""+r.key),"key"in r){n={};for(var G in r)G!=="key"&&(n[G]=r[G])}else n=r;return o&&l(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),Y(e,o,n,i(),C,V)}function T(e){P(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===g&&(e._payload.status==="fulfilled"?P(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function P(e){return typeof e=="object"&&e!==null&&e.$$typeof===x}var _=u,x=Symbol.for("react.transitional.element"),A=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),D=Symbol.for("react.strict_mode"),F=Symbol.for("react.profiler"),M=Symbol.for("react.consumer"),U=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),R=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),ae=Symbol.for("react.activity"),ie=Symbol.for("react.client.reference"),W=_.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,le=Array.isArray,z=console.createTask?console.createTask:function(){return null};_={react_stack_bottom_frame:function(e){return e()}};var K,Z={},Q=_.react_stack_bottom_frame.bind(_,a)(),$=z(f(a)),q={};k.Fragment=O,k.jsx=function(e,r,n){var s=1e4>W.recentlyCreatedOwnerStacks++;return S(e,r,n,!1,s?Error("react-stack-top-frame"):Q,s?z(f(e)):$)},k.jsxs=function(e,r,n){var s=1e4>W.recentlyCreatedOwnerStacks++;return S(e,r,n,!0,s?Error("react-stack-top-frame"):Q,s?z(f(e)):$)}}()),k}process.env.NODE_ENV==="production"?N.exports=re():N.exports=te();var t=N.exports;const ne=["Smile","Blink","Turn_Head","Thumbs_Up"],J=90,se=({apiUrl:m,onComplete:p})=>{const v=u.useRef(null),[f,i]=u.useState([]),[a,y]=u.useState(0),[l,h]=u.useState("idle"),[Y,S]=u.useState(3),[T,P]=u.useState(J),[_,x]=u.useState(!1),A=()=>{const c=[...ne].sort(()=>.5-Math.random()).slice(0,3);i(c),y(0),h("idle"),S(3),P(J),x(!1)};u.useEffect(()=>{A()},[]);const O=()=>{A()};u.useEffect(()=>{let c;return _&&T>0?c=setInterval(()=>{P(b=>b-1)},1e3):T===0&&l!=="success"&&(h("timeout"),x(!1),p&&p(!1)),()=>clearInterval(c)},[_,T,l]);const D=async()=>{_||x(!0),h("counting");let c=3;const b=setInterval(()=>{c-=1,S(c),c===0&&(clearInterval(b),F())},1e3)},F=async()=>{h("capturing");const c=[],b=20;for(let d=0;d<b;d++){const R=v.current.getScreenshot();c.push(R),await new Promise(g=>setTimeout(g,100))}M(c)},M=async c=>{h("verifying");const b=new FormData;for(let d=0;d<c.length;d++){const R=await fetch(c[d]).then(g=>g.blob());b.append("files",R,`frame_${d}.jpg`)}b.append("challenge",f[a]);try{const R=await(await fetch(`${m}/v1/verify`,{method:"POST",body:b})).json();console.log("API Response:",R.status),R.is_live?a<2?(y(g=>g+1),S(3),h("idle")):(h("success"),p&&p(!0)):(alert("Action not recognized. Please try again!"),h("idle"),S(3))}catch(d){console.error("API Error:",d),h("fail")}},U={Smile:"Show us a big SMILE! 😁",Blink:"BLINK your eyes rapidly! 👁️",Turn_Head:"Slowly TURN your head left and right! ↔️",Thumbs_Up:"Give a THUMBS UP! 👍"};return t.jsxs("div",{style:{textAlign:"center",padding:"20px",fontFamily:"sans-serif"},children:[_&&l!=="success"&&t.jsxs("div",{style:{fontSize:"20px",fontWeight:"bold",color:T<10?"red":"black"},children:["Time Remaining: ",T,"s"]}),l==="success"&&t.jsxs("div",{children:[t.jsx("h2",{children:"✅ Verification Passed!"}),t.jsx("button",{onClick:O,style:{...L,backgroundColor:"#6c757d"},children:"Verify Again"})]}),l==="timeout"&&t.jsxs("div",{children:[t.jsx("h2",{style:{color:"#dc3545"},children:"⏰ Session Expired"}),t.jsx("p",{children:"You didn't complete the challenges in time."}),t.jsx("p",{children:"Please ensure you follow the instructions and perform the tasks within the time limit. (60 secsonds)"}),t.jsx("button",{onClick:A,style:L,children:"🔄 Try Again"})]}),["idle","counting","capturing","verifying"].includes(l)&&t.jsxs(t.Fragment,{children:[t.jsx("h2",{children:"Please be in a well-lit room where your face can be well seen."}),t.jsxs("h3",{children:["Challenge ",a+1," of 3"]}),t.jsx("h2",{style:{color:"#007bff"},children:U[f[a]]}),t.jsxs("div",{style:{position:"relative",width:"fit-content",margin:"auto"},children:[t.jsx(ee,{audio:!1,ref:v,screenshotFormat:"image/jpeg",style:{borderRadius:"10px",width:"100%",maxWidth:"400px",transform:"scaleX(-1)"}}),l==="counting"&&t.jsx("div",{style:I,children:Y}),l==="verifying"&&t.jsx("div",{style:I,children:"Analyzing..."}),l==="capturing"&&t.jsx("div",{style:{...I,background:"rgba(40, 167, 69, 0.3)"},children:"Recording..."})]}),t.jsx("div",{style:{marginTop:"20px"},children:l==="idle"&&t.jsx("button",{onClick:D,style:L,children:"I'm Ready"})})]})]})},I={position:"absolute",top:0,left:0,right:0,bottom:0,background:"rgba(0,0,0,0.5)",color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"48px",borderRadius:"10px"},L={padding:"10px 30px",fontSize:"18px",cursor:"pointer",backgroundColor:"#28a745",color:"white",border:"none",borderRadius:"5px"},oe=async(m,p,v)=>{const f=new FormData;p.forEach((a,y)=>{f.append("files",a,`frame_${y}.jpg`)}),f.append("challenge",v);const i=await fetch(`${m}/v1/verify`,{method:"POST",body:f});if(!i.ok)throw new Error("Network response was not ok");return await i.json()};E.LivenessSDK=se,E.verifyLiveness=oe,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,o,s,j,s),te[s+o]=!0)}if(s=null,n!==void 0&&(v(n),s=""+n),y(t)&&(v(t.key),s=""+t.key),"key"in t){n={};for(var H in t)H!=="key"&&(n[H]=t[H])}else n=t;return s&&l(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),Y(e,s,n,i(),I,G)}function x(e){O(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===f&&(e._payload.status==="fulfilled"?O(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function O(e){return typeof e=="object"&&e!==null&&e.$$typeof===T}var E=u,T=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),_=Symbol.for("react.fragment"),P=Symbol.for("react.strict_mode"),M=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),U=Symbol.for("react.context"),W=Symbol.for("react.forward_ref"),z=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),R=Symbol.for("react.activity"),w=Symbol.for("react.client.reference"),V=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Z=Object.prototype.hasOwnProperty,ue=Array.isArray,B=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var Q,q={},$=E.react_stack_bottom_frame.bind(E,a)(),ee=B(d(a)),te={};A.Fragment=_,A.jsx=function(e,t,n){var o=1e4>V.recentlyCreatedOwnerStacks++;return S(e,t,n,!1,o?Error("react-stack-top-frame"):$,o?B(d(e)):ee)},A.jsxs=function(e,t,n){var o=1e4>V.recentlyCreatedOwnerStacks++;return S(e,t,n,!0,o?Error("react-stack-top-frame"):$,o?B(d(e)):ee)}}()),A}process.env.NODE_ENV==="production"?L.exports=ne():L.exports=oe();var r=L.exports;const se=["Smile","Blink","Turn_Head","Thumbs_Up"],K=60,ae=({apiUrl:m,onComplete:p})=>{const v=u.useRef(null),[d,i]=u.useState([]),[a,y]=u.useState(0),[l,h]=u.useState("idle"),[Y,S]=u.useState(3),[x,O]=u.useState(K),[E,T]=u.useState(!1),[F,_]=u.useState(!1),P=()=>{const c=[...se].sort(()=>.5-Math.random()).slice(0,3);i(c),y(0),h("idle"),S(3),O(K),T(!1),_(!1)};u.useEffect(()=>{P()},[]);const M=()=>{P()};u.useEffect(()=>{let c;return E&&x>0?c=setInterval(()=>{O(b=>b-1)},1e3):x===0&&l!=="success"&&(h("timeout"),T(!1),_(!1),p&&p(!1)),()=>clearInterval(c)},[E,x,l]);const N=async()=>{E||T(!0),h("counting");let c=3;const b=setInterval(()=>{c-=1,S(c),c===0&&(clearInterval(b),U())},1e3)},U=async()=>{h("capturing");const c=[],b=20;for(let f=0;f<b;f++){const R=v.current.getScreenshot();c.push(R),await new Promise(w=>setTimeout(w,100))}W(c)},W=async c=>{window.dummyTest="I am working!",console.log("SEND TO BRAIN CALLED"),h("verifying");const b=new FormData;for(let f=0;f<c.length;f++){const R=await fetch(c[f]).then(w=>w.blob());b.append("files",R,`frame_${f}.jpg`)}b.append("challenge",d[a]);try{const R=await(await fetch(`${m}/v1/verify`,{method:"POST",body:b})).json();console.log("API Response:",R.status),R.is_live?a<2?(y(w=>w+1),S(3),h("idle")):(h("success"),T(!1),p&&p(!0)):(console.log("Not live - Opening Modal"),T(!1),_(!0),h("idle"),S(3))}catch(f){console.error("API Error:",f),_(!0),h("idle")}},z={Smile:"Show us a big SMILE! 😁",Blink:"BLINK your eyes rapidly! 👁️",Turn_Head:"Slowly TURN your head left and right! ↔️",Thumbs_Up:"Give a THUMBS UP! 👍"};return r.jsxs("div",{style:{textAlign:"center",padding:"20px",fontFamily:"sans-serif"},children:[E&&l!=="success"&&r.jsxs("div",{style:{fontSize:"20px",fontWeight:"bold",color:x<10?"red":"black"},children:["Time Remaining: ",x,"s"]}),F&&r.jsx("div",{style:ie,children:r.jsxs("div",{style:le,children:[r.jsx("h3",{style:{color:"#dc3545"},children:"Action Not Detected"}),r.jsx("p",{children:"We couldn't verify that move. Please try again before time runs out!"}),r.jsx("button",{onClick:()=>{_(!1),N()},style:C,children:"Try Again"})]})}),l==="success"&&r.jsxs("div",{children:[r.jsx("h2",{children:"✅ Verification Passed!"}),r.jsx("button",{onClick:M,style:{...C,backgroundColor:"#6c757d"},children:"Verify Again"})]}),l==="timeout"&&r.jsxs("div",{children:[r.jsx("h2",{style:{color:"#dc3545"},children:"⏰ Session Expired"}),r.jsx("p",{children:"You didn't complete the challenges in time."}),r.jsx("p",{children:"Please ensure you follow the instructions and perform the tasks within the time limit. (60 secsonds)"}),r.jsx("button",{onClick:P,style:C,children:"🔄 Try Again"})]}),["idle","counting","capturing","verifying"].includes(l)&&r.jsxs(r.Fragment,{children:[r.jsx("h2",{children:"Please be in a well-lit room where your face can be well seen."}),r.jsxs("h3",{children:["Challenge ",a+1," of 3"]}),r.jsx("h2",{style:{color:"#007bff"},children:z[d[a]]}),r.jsxs("div",{style:{position:"relative",width:"fit-content",margin:"auto"},children:[r.jsx(re,{audio:!1,ref:v,screenshotFormat:"image/jpeg",style:{borderRadius:"10px",width:"100%",maxWidth:"400px",transform:"scaleX(-1)"}}),l==="counting"&&r.jsx("div",{style:D,children:Y}),l==="verifying"&&r.jsx("div",{style:D,children:"Analyzing..."}),l==="capturing"&&r.jsx("div",{style:{...D,background:"rgba(40, 167, 69, 0.3)"},children:"Recording..."})]}),r.jsx("div",{style:{marginTop:"20px"},children:l==="idle"&&r.jsx("button",{onClick:N,style:C,children:"I'm Ready"})})]})]})},D={position:"absolute",top:0,left:0,right:0,bottom:0,background:"rgba(0,0,0,0.5)",color:"white",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"48px",borderRadius:"10px"},C={padding:"10px 30px",fontSize:"18px",cursor:"pointer",backgroundColor:"#28a745",color:"white",border:"none",borderRadius:"5px"},ie={position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0,0,0,0.7)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:100,borderRadius:"10px"},le={backgroundColor:"white",padding:"30px",borderRadius:"15px",maxWidth:"300px",boxShadow:"0 4px 15px rgba(0,0,0,0.3)",color:"#000"},ce=async(m,p,v)=>{const d=new FormData;p.forEach((a,y)=>{d.append("files",a,`frame_${y}.jpg`)}),d.append("challenge",v);const i=await fetch(`${m}/v1/verify`,{method:"POST",body:d});if(!i.ok)throw new Error("Network response was not ok");return await i.json()};g.LivenessSDK=ae,g.verifyLiveness=ce,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@richard.fadiora/liveness-detection",
   "private": false,
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "files": [
     "dist"