@casperid/react 1.0.1 → 1.1.0

package/dist/index.mjs

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as a, Fragment as $ } from "react/jsx-runtime";
-import mt, { forwardRef as Be, createElement as Ne, useState as y, useEffect as F, useCallback as q, useRef as re } from "react";
-import { motion as V, AnimatePresence as Ce } from "framer-motion";
-const Ve = ({ children: r, className: i = "", theme: s = "" }) => (
+import { jsx as e, jsxs as i, Fragment as re } from "react/jsx-runtime";
+import _t, { forwardRef as Ze, createElement as je, useState as y, useEffect as ce, useCallback as J, useRef as se } from "react";
+import { motion as P, AnimatePresence as Me } from "framer-motion";
+const He = ({ children: r, className: a = "", theme: n = "" }) => (
   // Destructure theme and provide default
   /* @__PURE__ */ e(
     "div",
     {
-      className: `glass-container relative w-full h-full rounded-[var(--casperid-radius,1.5rem)] overflow-hidden flex flex-col shadow-2xl border dark:border-white/10 border-white/40 ${i} ${s}`,
+      className: `glass-container relative w-full h-full rounded-[var(--casperid-radius,1.5rem)] overflow-hidden flex flex-col shadow-2xl border dark:border-white/10 border-white/40 ${a} ${n}`,
       children: r
     }
   )
@@ -17,14 +17,14 @@ const Ve = ({ children: r, className: i = "", theme: s = "" }) => (
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pt = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), He = (...r) => r.filter((i, s, o) => !!i && o.indexOf(i) === s).join(" ");
+const yt = (r) => r.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Xe = (...r) => r.filter((a, n, l) => !!a && l.indexOf(a) === n).join(" ");
 /**
  * @license lucide-react v0.400.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var ht = {
+var xt = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -41,31 +41,31 @@ var ht = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ft = Be(
+const gt = Ze(
   ({
     color: r = "currentColor",
-    size: i = 24,
-    strokeWidth: s = 2,
-    absoluteStrokeWidth: o,
-    className: x = "",
-    children: l,
-    iconNode: u,
-    ...c
-  }, n) => Ne(
+    size: a = 24,
+    strokeWidth: n = 2,
+    absoluteStrokeWidth: l,
+    className: N = "",
+    children: p,
+    iconNode: f,
+    ...m
+  }, s) => je(
     "svg",
     {
-      ref: n,
-      ...ht,
-      width: i,
-      height: i,
+      ref: s,
+      ...xt,
+      width: a,
+      height: a,
       stroke: r,
-      strokeWidth: o ? Number(s) * 24 / Number(i) : s,
-      className: He("lucide", x),
-      ...c
+      strokeWidth: l ? Number(n) * 24 / Number(a) : n,
+      className: Xe("lucide", N),
+      ...m
     },
     [
-      ...u.map(([d, m]) => Ne(d, m)),
-      ...Array.isArray(l) ? l : [l]
+      ...f.map(([c, d]) => je(c, d)),
+      ...Array.isArray(p) ? p : [p]
     ]
   )
 );
@@ -75,16 +75,16 @@ const ft = Be(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const M = (r, i) => {
-  const s = Be(
-    ({ className: o, ...x }, l) => Ne(ft, {
-      ref: l,
-      iconNode: i,
-      className: He(`lucide-${pt(r)}`, o),
-      ...x
+const j = (r, a) => {
+  const n = Ze(
+    ({ className: l, ...N }, p) => je(gt, {
+      ref: p,
+      iconNode: a,
+      className: Xe(`lucide-${yt(r)}`, l),
+      ...N
     })
   );
-  return s.displayName = `${r}`, s;
+  return n.displayName = `${r}`, n;
 };
 /**
  * @license lucide-react v0.400.0 - ISC
@@ -92,7 +92,7 @@ const M = (r, i) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Se = M("ArrowRight", [
+const Oe = j("ArrowRight", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ]);
@@ -102,7 +102,7 @@ const Se = M("ArrowRight", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ee = M("BadgeCheck", [
+const Fe = j("BadgeCheck", [
   [
     "path",
     {
@@ -118,7 +118,7 @@ const Ee = M("BadgeCheck", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bt = M("Calendar", [
+const vt = j("Calendar", [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -130,7 +130,7 @@ const bt = M("Calendar", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _t = M("Camera", [
+const wt = j("Camera", [
   [
     "path",
     {
@@ -146,7 +146,7 @@ const _t = M("Camera", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ie = M("ChevronRight", [
+const Le = j("ChevronRight", [
   ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
 ]);
 /**
@@ -155,7 +155,7 @@ const Ie = M("ChevronRight", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const se = M("CircleAlert", [
+const ve = j("CircleAlert", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
@@ -166,7 +166,7 @@ const se = M("CircleAlert", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const he = M("CircleCheck", [
+const Ce = j("CircleCheck", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ]);
@@ -176,7 +176,7 @@ const he = M("CircleCheck", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yt = M("CircleHelp", [
+const kt = j("CircleHelp", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
@@ -187,7 +187,7 @@ const yt = M("CircleHelp", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ke = M("CreditCard", [
+const Qe = j("CreditCard", [
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
   ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
 ]);
@@ -197,7 +197,7 @@ const Ke = M("CreditCard", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xt = M("Delete", [
+const Nt = j("Delete", [
   ["path", { d: "M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Z", key: "1oy587" }],
   ["line", { x1: "18", x2: "12", y1: "9", y2: "15", key: "1olkx5" }],
   ["line", { x1: "12", x2: "18", y1: "9", y2: "15", key: "1n50pc" }]
@@ -208,7 +208,7 @@ const xt = M("Delete", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pe = M("Fingerprint", [
+const Ie = j("Fingerprint", [
   ["path", { d: "M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4", key: "1nerag" }],
   ["path", { d: "M14 13.12c0 2.38 0 6.38-1 8.88", key: "o46ks0" }],
   ["path", { d: "M17.29 21.02c.12-.6.43-2.3.5-3.02", key: "ptglia" }],
@@ -225,7 +225,7 @@ const pe = M("Fingerprint", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gt = M("Flashlight", [
+const It = j("Flashlight", [
   [
     "path",
     {
@@ -242,7 +242,7 @@ const gt = M("Flashlight", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const We = M("Globe", [
+const et = j("Globe", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
@@ -253,7 +253,7 @@ const We = M("Globe", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vt = M("Key", [
+const Ct = j("Key", [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
@@ -264,7 +264,7 @@ const vt = M("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ee = M("LoaderCircle", [
+const _e = j("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -273,7 +273,7 @@ const ee = M("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ae = M("Lock", [
+const tt = j("Lock", [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ]);
@@ -283,7 +283,7 @@ const Ae = M("Lock", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wt = M("Mail", [
+const St = j("Mail", [
   ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }],
   ["path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", key: "1ocrg3" }]
 ]);
@@ -293,7 +293,7 @@ const wt = M("Mail", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kt = M("Moon", [
+const Et = j("Moon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -302,7 +302,7 @@ const kt = M("Moon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nt = M("Network", [
+const At = j("Network", [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
@@ -315,7 +315,7 @@ const Nt = M("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ct = M("Puzzle", [
+const Dt = j("Puzzle", [
   [
     "path",
     {
@@ -330,7 +330,7 @@ const Ct = M("Puzzle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xe = M("RefreshCw", [
+const Te = j("RefreshCw", [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
@@ -342,7 +342,7 @@ const xe = M("RefreshCw", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const It = M("RotateCcw", [
+const Rt = j("RotateCcw", [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
 ]);
@@ -352,7 +352,7 @@ const It = M("RotateCcw", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fe = M("ShieldCheck", [
+const Se = j("ShieldCheck", [
   [
     "path",
     {
@@ -368,7 +368,7 @@ const fe = M("ShieldCheck", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = M("Shield", [
+const it = j("Shield", [
   [
     "path",
     {
@@ -383,7 +383,7 @@ const Ge = M("Shield", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const De = M("Smartphone", [
+const qe = j("Smartphone", [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
 ]);
@@ -393,7 +393,7 @@ const De = M("Smartphone", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const St = M("Sparkles", [
+const Pt = j("Sparkles", [
   [
     "path",
     {
@@ -412,7 +412,7 @@ const St = M("Sparkles", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Et = M("Sun", [
+const Tt = j("Sun", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -429,7 +429,7 @@ const Et = M("Sun", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const At = M("User", [
+const zt = j("User", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
@@ -439,7 +439,7 @@ const At = M("User", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dt = M("Wallet", [
+const Vt = j("Wallet", [
   [
     "path",
     {
@@ -455,46 +455,46 @@ const Dt = M("Wallet", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rt = M("X", [
+const jt = j("X", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]), Le = ({
+]), We = ({
   onClose: r,
-  title: i = "CasperID",
-  subtitle: s = "SECURE SDK",
-  showClose: o = !0,
-  theme: x,
-  toggleTheme: l,
-  logoUrl: u
-}) => /* @__PURE__ */ a("header", { className: "flex items-center justify-between px-6 pt-8 pb-4 relative z-20", children: [
-  /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ e("div", { className: "p-2 bg-brand rounded-xl flex items-center justify-center shadow-brand", children: u ? /* @__PURE__ */ e("img", { src: u, alt: i, className: "w-5 h-5 object-contain" }) : /* @__PURE__ */ e(Ge, { className: "text-white w-5 h-5" }) }),
-    /* @__PURE__ */ a("div", { children: [
-      /* @__PURE__ */ e("h2", { className: "text-lg font-bold tracking-tight text-main", children: i }),
-      s && /* @__PURE__ */ e("p", { className: "text-[10px] uppercase tracking-widest text-brand font-bold", children: s })
+  title: a = "CasperID",
+  subtitle: n = "SECURE SDK",
+  showClose: l = !0,
+  theme: N,
+  toggleTheme: p,
+  logoUrl: f
+}) => /* @__PURE__ */ i("header", { className: "flex items-center justify-between px-6 pt-8 pb-4 relative z-20", children: [
+  /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e("div", { className: "p-2 bg-brand rounded-xl flex items-center justify-center shadow-brand", children: f ? /* @__PURE__ */ e("img", { src: f, alt: a, className: "w-5 h-5 object-contain" }) : /* @__PURE__ */ e(it, { className: "text-white w-5 h-5" }) }),
+    /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ e("h2", { className: "text-lg font-bold tracking-tight text-main", children: a }),
+      n && /* @__PURE__ */ e("p", { className: "text-[10px] uppercase tracking-widest text-brand font-bold", children: n })
     ] })
   ] }),
-  /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ e(
       "button",
       {
-        onClick: l,
-        className: "p-2 dark:hover:bg-white/10 hover:bg-slate-200/50 rounded-xl transition-colors text-muted",
+        onClick: p,
+        className: "p-2 dark:hover:bg-slate-200 dark:bg-white/10 hover:bg-slate-200/50 rounded-xl transition-colors text-muted",
         "aria-label": "Toggle theme",
-        children: x === "dark" ? /* @__PURE__ */ e(Et, { className: "w-5 h-5" }) : /* @__PURE__ */ e(kt, { className: "w-5 h-5" })
+        children: N === "dark" ? /* @__PURE__ */ e(Tt, { className: "w-5 h-5" }) : /* @__PURE__ */ e(Et, { className: "w-5 h-5" })
       }
     ),
-    o && /* @__PURE__ */ e(
+    l && /* @__PURE__ */ e(
       "button",
       {
         onClick: r,
-        className: "p-2 dark:hover:bg-white/10 hover:bg-slate-200/50 rounded-full transition-colors text-muted",
+        className: "p-2 dark:hover:bg-slate-200 dark:bg-white/10 hover:bg-slate-200/50 rounded-full transition-colors text-muted",
         "aria-label": "Close",
-        children: /* @__PURE__ */ e(Rt, { className: "w-5 h-5" })
+        children: /* @__PURE__ */ e(jt, { className: "w-5 h-5" })
       }
     )
   ] })
-] }), qe = ({ children: r }) => /* @__PURE__ */ e("footer", { className: "p-8 text-center relative z-20", children: r }), ke = {
+] }), Ye = ({ children: r }) => /* @__PURE__ */ e("footer", { className: "p-8 text-center relative z-20", children: r }), Ve = {
   EN: {
     welcome_back: "Welcome back",
     enter_email: "Enter your email to receive a verification code.",
@@ -545,6 +545,8 @@ const Rt = M("X", [
     live_camera: "LIVE CAMERA",
     initializing: "INITIALIZING",
     processing_verification: "Processing Verification...",
+    processing_liveness: "Verifying Liveness...",
+    processing_documents: "Processing Documents...",
     processing_subtitle: "Validating your documents and biometrics",
     minting_identity: "Minting your Identity...",
     minting_subtitle: "Securing your decentralized identity on the Casper Network",
@@ -554,7 +556,12 @@ const Rt = M("X", [
     try_again: "Try Again",
     credential_hash: "Credential Hash",
     identity_verified: "Identity Verified",
+    identity_verified_subtitle: "Your liveness check passed. You are now verified.",
     identity_verified_desc: "Your CasperID has been successfully authenticated on the Casper blockchain. You're ready to go.",
+    submitting_for_review: "Submitting for Review...",
+    submitting_review_subtitle: "Your documents are being prepared for verification",
+    verification_submitted: "Verification Submitted",
+    verification_submitted_subtitle: "Your documents are under review. You'll be notified once verified.",
     share_data_consent: "Share Data Consent",
     authorize_dapps: "Authorize dApps to access your credentials",
     return_to_app: "Return to App",
@@ -617,6 +624,11 @@ const Rt = M("X", [
     perm_identity: "Verify Identity Status",
     perm_profile: "Read Public Profile",
     perm_kyc: "Share KYC Level",
+    "verify:identity": "Verify Identity Status",
+    "read:profile": "Read Public Profile",
+    "read:kyc_level": "Share KYC Level",
+    "read:email": "Access Email Address",
+    "read:wallet": "View Wallet Address",
     full_name: "FULL NAME",
     id_number: "ID NUMBER",
     // Passkey Auth
@@ -648,7 +660,11 @@ const Rt = M("X", [
     generating_wallet: "Generating secure wallet...",
     minting_did: "Minting your DID...",
     l1_complete: "Identity setup complete!",
-    l1_failed: "Setup failed. Please try again."
+    l1_failed: "Setup failed. Please try again.",
+    facial_verification: "Facial Verification",
+    secure_face_scan_desc: "Secure Face Scan • Encrypted",
+    analyzing_liveness: "Analyzing Liveness",
+    calibration_complete: "Calibration Complete"
   },
   ES: {
     welcome_back: "Bienvenido de nuevo",
@@ -700,6 +716,8 @@ const Rt = M("X", [
     live_camera: "CÁMARA EN VIVO",
     initializing: "INICIALIZANDO",
     processing_verification: "Procesando verificación...",
+    processing_liveness: "Verificando vivacidad...",
+    processing_documents: "Procesando documentos...",
     processing_subtitle: "Validando sus documentos y biometría",
     minting_identity: "Minting identidad...",
     minting_subtitle: "Asegurando su identidad descentralizada en Casper Network",
@@ -709,7 +727,12 @@ const Rt = M("X", [
     try_again: "Intentar de nuevo",
     credential_hash: "Hash de credencial",
     identity_verified: "Identidad verificada",
+    identity_verified_subtitle: "Su verificación de vida fue exitosa. Ahora está verificado.",
     identity_verified_desc: "Su CasperID ha sido autenticado con éxito en la cadena de bloques Casper.",
+    submitting_for_review: "Enviando para revisión...",
+    submitting_review_subtitle: "Sus documentos están siendo preparados para verificación",
+    verification_submitted: "Verificación Enviada",
+    verification_submitted_subtitle: "Sus documentos están en revisión. Le notificaremos una vez verificado.",
     share_data_consent: "Consentimiento de datos",
     authorize_dapps: "Autorizar dApps para acceder a credenciales",
     return_to_app: "Volver a la aplicación",
@@ -772,6 +795,11 @@ const Rt = M("X", [
     perm_identity: "Verificar estado de identidad",
     perm_profile: "Leer perfil público",
     perm_kyc: "Compartir nivel de KYC",
+    "verify:identity": "Verificar estado de identidad",
+    "read:profile": "Leer perfil público",
+    "read:kyc_level": "Compartir nivel de KYC",
+    "read:email": "Acceso a correo electrónico",
+    "read:wallet": "Ver dirección de billetera",
     full_name: "NOMBRE COMPLETO",
     id_number: "NÚMERO DE IDENTIFICACIÓN",
     // Passkey Auth
@@ -803,7 +831,11 @@ const Rt = M("X", [
     generating_wallet: "Generando billetera segura...",
     minting_did: "Minting su DID...",
     l1_complete: "¡Configuración de identidad completa!",
-    l1_failed: "Configuración fallida. Intente de nuevo."
+    l1_failed: "Configuración fallida. Intente de nuevo.",
+    facial_verification: "Verificación Facial",
+    secure_face_scan_desc: "Escaneo Facial Seguro • Encriptado",
+    analyzing_liveness: "Analizando Vivacidad",
+    calibration_complete: "Calibración Completa"
   },
   FR: {
     welcome_back: "Bon retour",
@@ -855,6 +887,8 @@ const Rt = M("X", [
     live_camera: "CAMÉRA EN DIRECT",
     initializing: "INITIALISATION",
     processing_verification: "Traitement de la vérification...",
+    processing_liveness: "Vérification de la vivacité...",
+    processing_documents: "Traitement des documents...",
     processing_subtitle: "Validation de vos documents et biométrie",
     minting_identity: "Mint Identité en cours...",
     minting_subtitle: "Sécurisation de votre identité sur le réseau Casper",
@@ -864,7 +898,12 @@ const Rt = M("X", [
     try_again: "Réessayer",
     credential_hash: "Hachage de créance",
     identity_verified: "Identité vérifiée",
+    identity_verified_subtitle: "Votre vérification de vivacité a réussi. Vous êtes maintenant vérifié.",
     identity_verified_desc: "Votre CasperID a été authentifié avec succès sur la blockchain Casper.",
+    submitting_for_review: "Soumission pour révision...",
+    submitting_review_subtitle: "Vos documents sont en cours de préparation pour la vérification",
+    verification_submitted: "Vérification Soumise",
+    verification_submitted_subtitle: "Vos documents sont en cours de révision. Vous serez notifié une fois vérifié.",
     share_data_consent: "Partage de données",
     authorize_dapps: "Autoriser dApps à accéder aux identifiants",
     return_to_app: "Retour à l'application",
@@ -927,6 +966,11 @@ const Rt = M("X", [
     perm_identity: "Vérifier le statut d'identité",
     perm_profile: "Lire le profil public",
     perm_kyc: "Partager le niveau KYC",
+    "verify:identity": "Vérifier le statut d'identité",
+    "read:profile": "Lire le profil public",
+    "read:kyc_level": "Partager le niveau KYC",
+    "read:email": "Accéder à l'adresse email",
+    "read:wallet": "Voir l'adresse du portefeuille",
     full_name: "NOM COMPLET",
     id_number: "NUMÉRO DE DOCUMENT",
     // Passkey Auth
@@ -958,7 +1002,11 @@ const Rt = M("X", [
     generating_wallet: "Génération du portefeuille sécurisé...",
     minting_did: "Création de votre DID...",
     l1_complete: "Configuration d'identité terminée!",
-    l1_failed: "Échec de la configuration. Réessayez."
+    l1_failed: "Échec de la configuration. Réessayez.",
+    facial_verification: "Vérification Faciale",
+    secure_face_scan_desc: "Scan Facial Sécurisé • Crypté",
+    analyzing_liveness: "Analyse de Vivacité",
+    calibration_complete: "Calibration Terminée"
   },
   DE: {
     welcome_back: "Willkommen zurück",
@@ -1010,6 +1058,8 @@ const Rt = M("X", [
     live_camera: "LIVE-KAMERA",
     initializing: "INITIALISIERUNG",
     processing_verification: "Verifizierung wird verarbeitet...",
+    processing_liveness: "Lebendigkeitsprüfung läuft...",
+    processing_documents: "Dokumente werden verarbeitet...",
     processing_subtitle: "Dokumente und Biometrie werden validiert",
     minting_identity: "Identität wird geprägt...",
     minting_subtitle: "Ihre dezentrale Identität wird im Casper-Netzwerk gesichert",
@@ -1019,7 +1069,12 @@ const Rt = M("X", [
     try_again: "Erneut versuchen",
     credential_hash: "Anmeldedaten-Hash",
     identity_verified: "Identität verifiziert",
+    identity_verified_subtitle: "Ihre Lebendigkeitsprüfung war erfolgreich. Sie sind jetzt verifiziert.",
     identity_verified_desc: "Ihre CasperID wurde erfolgreich in der Casper-Blockchain authentifiziert.",
+    submitting_for_review: "Zur Überprüfung einreichen...",
+    submitting_review_subtitle: "Ihre Dokumente werden für die Verifizierung vorbereitet",
+    verification_submitted: "Verifizierung eingereicht",
+    verification_submitted_subtitle: "Ihre Dokumente werden überprüft. Sie werden benachrichtigt, sobald verifiziert.",
     share_data_consent: "Datenfreigabe",
     authorize_dapps: "dApps Zugriff auf Anmeldedaten erlauben",
     return_to_app: "Zurück zur App",
@@ -1059,6 +1114,7 @@ const Rt = M("X", [
     error_verify_failed: "Verifizierung nicht möglich. Bitte erneut versuchen.",
     error_resend_failed: "Code konnte nicht gesendet werden. Bitte erneut versuchen.",
     sending: "Senden...",
+    facial_verification: "Gesichtsverifizierung",
     secure_face_scan_desc: "Sicherer Gesichtsscan • Verschlüsselt",
     analyzing_liveness: "Lebendigkeitsprüfung",
     calibration_complete: "Kalibrierung abgeschlossen",
@@ -1088,6 +1144,11 @@ const Rt = M("X", [
     perm_identity: "Identitätsstatus überprüfen",
     perm_profile: "Öffentliches Profil lesen",
     perm_kyc: "KYC-Level teilen",
+    "verify:identity": "Identitätsstatus überprüfen",
+    "read:profile": "Öffentliches Profil lesen",
+    "read:kyc_level": "KYC-Level teilen",
+    "read:email": "E-Mail-Adresse zugreifen",
+    "read:wallet": "Wallet-Adresse anzeigen",
     full_name: "VOLLSTÄNDIGER NAME",
     id_number: "AUSWEISNUMMER",
     // Passkey Auth
@@ -1121,387 +1182,391 @@ const Rt = M("X", [
     l1_complete: "Identitätseinrichtung abgeschlossen!",
     l1_failed: "Einrichtung fehlgeschlagen. Erneut versuchen."
   }
-}, t = (r, i = "EN") => {
-  const s = i.toUpperCase();
-  return (ke[s] || ke.EN)[r] || ke.EN[r] || r;
-}, Pt = ({
+}, t = (r, a = "EN") => {
+  const n = a.toUpperCase();
+  return (Ve[n] || Ve.EN)[r] || Ve.EN[r] || r;
+}, Mt = ({
   onNext: r,
-  onExtensionSuccess: i,
-  onError: s,
-  language: o = "EN"
+  onExtensionSuccess: a,
+  onError: n,
+  language: l = "EN",
+  platform: N = "desktop"
 }) => {
-  const [x, l] = y(!1), [u, c] = y(null), [n, d] = y("");
-  F(() => {
-    m();
-  }, []), F(() => {
-    const h = (_) => {
-      l(!1), _.detail && _.detail.wallet && (i == null || i(_.detail));
+  const [p, f] = y(!1), [m, s] = y(null), [c, d] = y("");
+  ce(() => {
+    D();
+  }, []), ce(() => {
+    const o = (I) => {
+      f(!1), I.detail && I.detail.wallet && (a == null || a(I.detail));
     };
-    return window.addEventListener("casperid-login", h), () => {
-      window.removeEventListener("casperid-login", h);
+    return window.addEventListener("casperid-login", o), () => {
+      window.removeEventListener("casperid-login", o);
     };
-  }, [i]);
-  const m = q(() => {
-    const h = document.getElementById("casperid-draggable-anchor");
-    let _ = null;
+  }, [a]);
+  const D = J(() => {
+    const o = document.getElementById("casperid-draggable-anchor");
+    let I = null;
     try {
-      _ = localStorage.getItem("casperid_user");
+      I = localStorage.getItem("casperid_user");
     } catch {
     }
-    return h || _ ? (c(!0), !0) : (setTimeout(() => {
-      const f = document.getElementById("casperid-draggable-anchor");
-      c(!!f);
+    return o || I ? (s(!0), !0) : (setTimeout(() => {
+      const g = document.getElementById("casperid-draggable-anchor");
+      s(!!g);
     }, 500), !1);
-  }, []), g = (h) => typeof h == "object" && h !== null && "wallet" in h && typeof h.wallet == "string" && h.wallet.length > 0, z = async () => {
-    l(!0), d("");
+  }, []), h = (o) => typeof o == "object" && o !== null && "wallet" in o && typeof o.wallet == "string" && o.wallet.length > 0, A = async () => {
+    f(!0), d("");
     try {
-      const _ = localStorage.getItem("casperid_user");
-      if (_) {
-        const f = JSON.parse(_);
-        if (g(f)) {
-          l(!1), i == null || i(f);
+      const I = localStorage.getItem("casperid_user");
+      if (I) {
+        const g = JSON.parse(I);
+        if (h(g)) {
+          f(!1), a == null || a(g);
           return;
         }
       }
     } catch {
     }
-    const h = document.getElementById("casperid-draggable-anchor");
-    h ? (h.click(), setTimeout(() => {
-      l(!1);
+    const o = document.getElementById("casperid-draggable-anchor");
+    o ? (o.click(), setTimeout(() => {
+      f(!1);
       try {
-        localStorage.getItem("casperid_user") || d(t("extension_connect_msg", o));
+        localStorage.getItem("casperid_user") || d(t("extension_connect_msg", l));
       } catch {
-        d(t("extension_connect_msg", o));
+        d(t("extension_connect_msg", l));
       }
-    }, 3e3)) : (l(!1), d(t("extension_not_detected", o)), s == null || s("Extension not installed"));
-  }, O = () => {
+    }, 3e3)) : (f(!1), d(t("extension_not_detected", l)), n == null || n("Extension not installed"));
+  }, _ = () => {
     d(""), r("otp");
   };
-  return /* @__PURE__ */ a(
-    V.div,
+  return /* @__PURE__ */ i(
+    P.div,
     {
       initial: { opacity: 0, y: 20 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -20 },
       className: "flex-1 px-8 flex flex-col justify-center gap-8",
       children: [
-        /* @__PURE__ */ a("div", { className: "text-center space-y-3", children: [
-          /* @__PURE__ */ a("div", { className: "relative w-24 h-24 mx-auto mb-6", children: [
+        /* @__PURE__ */ i("div", { className: "text-center space-y-3", children: [
+          /* @__PURE__ */ i("div", { className: "relative w-24 h-24 mx-auto mb-6", children: [
             /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-brand-20 blur-2xl rounded-full" }),
-            /* @__PURE__ */ e("div", { className: "relative w-full h-full glass-container flex items-center justify-center rounded-2xl border border-brand-30", children: /* @__PURE__ */ e(pe, { className: "w-10 h-10 text-brand" }) })
+            /* @__PURE__ */ e("div", { className: "relative w-full h-full glass-container flex items-center justify-center rounded-2xl border border-brand-30", children: /* @__PURE__ */ e(Ie, { className: "w-10 h-10 text-brand" }) })
           ] }),
-          /* @__PURE__ */ e("h1", { className: "text-2xl font-extrabold leading-tight tracking-tight text-main", children: t("welcome_back", o) }),
-          /* @__PURE__ */ e("p", { className: "text-muted text-sm leading-relaxed", children: t("auth_subtitle", o) })
+          /* @__PURE__ */ e("h1", { className: "text-2xl font-extrabold leading-tight tracking-tight text-main", children: t("welcome_back", l) }),
+          /* @__PURE__ */ e("p", { className: "text-muted text-sm leading-relaxed", children: t("auth_subtitle", l) })
         ] }),
-        n && /* @__PURE__ */ a("div", { className: "flex items-start gap-3 p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-2xl", children: [
-          /* @__PURE__ */ e(se, { className: "w-5 h-5 text-red-500 shrink-0 mt-0.5" }),
-          /* @__PURE__ */ e("p", { className: "text-red-600 dark:text-red-400 text-sm font-medium", children: n })
+        c && /* @__PURE__ */ i("div", { className: "flex items-start gap-3 p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-2xl", children: [
+          /* @__PURE__ */ e(ve, { className: "w-5 h-5 text-red-500 shrink-0 mt-0.5" }),
+          /* @__PURE__ */ e("p", { className: "text-red-600 dark:text-red-400 text-sm font-medium", children: c })
         ] }),
-        /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ a(
+        /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+          N === "desktop" && /* @__PURE__ */ i(
             "button",
             {
-              onClick: z,
-              disabled: x,
+              onClick: A,
+              disabled: p,
               className: "w-full group relative overflow-hidden flex items-center gap-4 bg-brand hover:bg-brand-90 text-white py-5 px-6 rounded-2xl font-bold transition-all transform active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed shadow-brand",
               children: [
-                /* @__PURE__ */ e("div", { className: "bg-white/20 p-2 rounded-lg", children: x ? /* @__PURE__ */ e(ee, { className: "w-5 h-5 animate-spin" }) : /* @__PURE__ */ e(Ct, { className: "w-5 h-5" }) }),
-                /* @__PURE__ */ a("div", { className: "flex flex-col items-start", children: [
-                  /* @__PURE__ */ e("span", { className: "text-base", children: t(x ? "connecting" : "sign_in_with_extension", o) }),
-                  /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-widest text-white/70", children: t(u === !0 ? "extension_detected" : "secure_wallet", o) })
+                /* @__PURE__ */ e("div", { className: "bg-white/20 p-2 rounded-lg", children: p ? /* @__PURE__ */ e(_e, { className: "w-5 h-5 animate-spin" }) : /* @__PURE__ */ e(Dt, { className: "w-5 h-5" }) }),
+                /* @__PURE__ */ i("div", { className: "flex flex-col items-start", children: [
+                  /* @__PURE__ */ e("span", { className: "text-base", children: t(p ? "connecting" : "sign_in_with_extension", l) }),
+                  /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-widest text-slate-600 dark:text-white/70", children: t(m === !0 ? "extension_detected" : "secure_wallet", l) })
                 ] }),
-                /* @__PURE__ */ e(Ie, { className: "ml-auto w-4 h-4 opacity-50 group-hover:opacity-100 transition-opacity" })
+                /* @__PURE__ */ e(Le, { className: "ml-auto w-4 h-4 opacity-50 group-hover:opacity-100 transition-opacity" })
               ]
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ i(
             "button",
             {
-              onClick: O,
-              disabled: x,
+              onClick: _,
+              disabled: p,
               className: "w-full group relative overflow-hidden flex items-center gap-4 dark:bg-white/5 bg-slate-100/50 hover:dark:bg-white/10 hover:bg-slate-200/80 border dark:border-white/10 border-slate-200 text-main py-5 px-6 rounded-2xl font-bold transition-all transform active:scale-[0.98] disabled:opacity-50",
               children: [
-                /* @__PURE__ */ e("div", { className: "bg-brand-10 p-2 rounded-lg", children: /* @__PURE__ */ e(De, { className: "w-5 h-5 text-brand" }) }),
-                /* @__PURE__ */ a("div", { className: "flex flex-col items-start", children: [
-                  /* @__PURE__ */ e("span", { className: "text-base", children: t("sign_in_with_otp", o) }),
-                  /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-widest text-brand font-bold", children: t("two_factor_auth", o) })
+                /* @__PURE__ */ e("div", { className: "bg-brand-10 p-2 rounded-lg", children: /* @__PURE__ */ e(qe, { className: "w-5 h-5 text-brand" }) }),
+                /* @__PURE__ */ i("div", { className: "flex flex-col items-start", children: [
+                  /* @__PURE__ */ e("span", { className: "text-base", children: t("sign_in_with_otp", l) }),
+                  /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-widest text-brand font-bold", children: t("two_factor_auth", l) })
                 ] }),
-                /* @__PURE__ */ e(Ie, { className: "ml-auto w-4 h-4 opacity-50 group-hover:opacity-100 transition-opacity" })
+                /* @__PURE__ */ e(Le, { className: "ml-auto w-4 h-4 opacity-50 group-hover:opacity-100 transition-opacity" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: [
-          /* @__PURE__ */ a("div", { className: "glass-container p-4 rounded-2xl flex flex-col items-center gap-2 text-center border-slate-200/50", children: [
-            /* @__PURE__ */ e(fe, { className: "w-5 h-5 text-brand" }),
-            /* @__PURE__ */ e("span", { className: "text-[10px] font-bold text-muted", children: t("fully_audited", o) })
+        /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ i("div", { className: "glass-container p-4 rounded-2xl flex flex-col items-center gap-2 text-center border-slate-200/50", children: [
+            /* @__PURE__ */ e(Se, { className: "w-5 h-5 text-brand" }),
+            /* @__PURE__ */ e("span", { className: "text-[10px] font-bold text-muted", children: t("fully_audited", l) })
           ] }),
-          /* @__PURE__ */ a("div", { className: "glass-container p-4 rounded-2xl flex flex-col items-center gap-2 text-center border-slate-200/50", children: [
-            /* @__PURE__ */ e(xe, { className: "w-5 h-5 text-brand" }),
-            /* @__PURE__ */ e("span", { className: "text-[10px] font-bold text-muted", children: t("non_custodial", o) })
+          /* @__PURE__ */ i("div", { className: "glass-container p-4 rounded-2xl flex flex-col items-center gap-2 text-center border-slate-200/50", children: [
+            /* @__PURE__ */ e(Te, { className: "w-5 h-5 text-brand" }),
+            /* @__PURE__ */ e("span", { className: "text-[10px] font-bold text-muted", children: t("non_custodial", l) })
           ] })
         ] })
       ]
     }
   );
-}, Tt = ({
+}, Lt = ({
   onNext: r,
-  onPasskeyUser: i,
-  onError: s,
-  apiBaseUrl: o = "https://apis.casperid.com",
-  previewMode: x = !1,
-  language: l = "EN"
+  onPasskeyUser: a,
+  onError: n,
+  apiBaseUrl: l = "https://apis.casperid.com",
+  apiKey: N = "",
+  previewMode: p = !1,
+  language: f = "EN"
 }) => {
-  const [u, c] = y(""), [n, d] = y(!1), [m, g] = y(""), z = async () => {
-    if (!u.trim()) {
-      g(t("error_email_required", l));
+  const [m, s] = y(""), [c, d] = y(!1), [D, h] = y(""), A = async () => {
+    if (!m.trim()) {
+      h(t("error_email_required", f));
       return;
     }
-    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(u)) {
-      g(t("error_invalid_email", l));
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(m)) {
+      h(t("error_invalid_email", f));
       return;
     }
-    if (d(!0), g(""), x) {
+    if (d(!0), h(""), p) {
       setTimeout(() => {
-        d(!1), r(u.trim().toLowerCase(), "mock-v-id-123456789");
+        d(!1), r(m.trim().toLowerCase(), "mock-v-id-123456789");
       }, 1e3);
       return;
     }
     try {
-      const _ = await fetch(`${o}/api/auth/send-otp`, {
+      const I = await fetch(`${l}/api/auth/send-otp`, {
         method: "POST",
         headers: {
-          "Content-Type": "application/json"
+          "Content-Type": "application/json",
+          ...N ? { "X-App-Id": N } : {}
         },
-        body: JSON.stringify({ email: u.trim().toLowerCase() })
+        body: JSON.stringify({ email: m.trim().toLowerCase() })
       });
-      if (!_.ok) {
-        const I = await _.json().catch(() => ({}));
-        throw new Error(I.error || `Request failed with status ${_.status}`);
+      if (!I.ok) {
+        const k = await I.json().catch(() => ({}));
+        throw new Error(k.error || `Request failed with status ${I.status}`);
       }
-      const f = await _.json();
-      if (f.success) {
-        if (f.userExists && f.hasPasskey) {
-          i ? i(u.trim().toLowerCase()) : g(t("error_passkey_registered", l)), d(!1);
+      const g = await I.json();
+      if (g.success) {
+        if (g.userExists && g.hasPasskey) {
+          a ? a(m.trim().toLowerCase()) : h(t("error_passkey_registered", f)), d(!1);
           return;
         }
-        f.verificationId ? r(u.trim().toLowerCase(), f.verificationId) : g(t("error_send_code_failed", l));
+        g.verificationId ? r(m.trim().toLowerCase(), g.verificationId) : h(t("error_send_code_failed", f));
       } else
-        g(f.error || t("error_send_code_failed", l)), s == null || s(f.error || t("error_send_code_failed", l));
+        h(g.error || t("error_send_code_failed", f)), n == null || n(g.error || t("error_send_code_failed", f));
     } catch {
-      const f = t("error_connection_failed", l);
-      g(f), s == null || s(f);
+      const g = t("error_connection_failed", f);
+      h(g), n == null || n(g);
     } finally {
       d(!1);
     }
-  }, O = (h) => {
-    h.key === "Enter" && !n && z();
+  }, _ = (o) => {
+    o.key === "Enter" && !c && A();
   };
-  return /* @__PURE__ */ a(
-    V.div,
+  return /* @__PURE__ */ i(
+    P.div,
     {
       initial: { opacity: 0, x: 20 },
       animate: { opacity: 1, x: 0 },
       exit: { opacity: 0, x: -20 },
       className: "flex-1 flex flex-col px-8 pt-12",
       children: [
-        /* @__PURE__ */ a("div", { className: "mb-8", children: [
-          /* @__PURE__ */ e("h2", { className: "text-3xl font-extrabold text-main tracking-tight leading-tight", children: t("welcome_back", l) }),
-          /* @__PURE__ */ e("p", { className: "text-muted mt-3 text-sm leading-relaxed", children: t("enter_email", l) })
+        /* @__PURE__ */ i("div", { className: "mb-8", children: [
+          /* @__PURE__ */ e("h2", { className: "text-3xl font-extrabold text-main tracking-tight leading-tight", children: t("welcome_back", f) }),
+          /* @__PURE__ */ e("p", { className: "text-muted mt-3 text-sm leading-relaxed", children: t("enter_email", f) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "space-y-6", children: [
-          /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e("label", { className: "text-xs font-bold text-slate-500 uppercase tracking-widest ml-1", children: t("email_address", l) }),
-            /* @__PURE__ */ a("div", { className: "relative", children: [
+        /* @__PURE__ */ i("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e("label", { className: "text-xs font-bold text-slate-500 uppercase tracking-widest ml-1", children: t("email_address", f) }),
+            /* @__PURE__ */ i("div", { className: "relative", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
-                  className: `w-full dark:bg-black/20 bg-slate-100/50 border ${m ? "border-red-400 dark:border-red-500" : "dark:border-white/10 border-slate-200"} rounded-2xl h-14 px-5 text-main placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-brand-30 transition-all font-medium`,
+                  className: `w-full dark:bg-black/20 bg-slate-100/50 border ${D ? "border-red-400 dark:border-red-500" : "dark:border-white/10 border-slate-200"} rounded-2xl h-14 px-5 text-main placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-brand-30 transition-all font-medium`,
                   placeholder: "name@example.com",
                   type: "email",
-                  value: u,
-                  onChange: (h) => {
-                    c(h.target.value), m && g("");
+                  value: m,
+                  onChange: (o) => {
+                    s(o.target.value), D && h("");
                   },
-                  onKeyDown: O,
-                  disabled: n,
+                  onKeyDown: _,
+                  disabled: c,
                   autoComplete: "email",
                   autoFocus: !0
                 }
               ),
-              /* @__PURE__ */ e("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 flex items-center text-slate-400", children: /* @__PURE__ */ e(wt, { className: "w-5 h-5" }) })
+              /* @__PURE__ */ e("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 flex items-center text-slate-400", children: /* @__PURE__ */ e(St, { className: "w-5 h-5" }) })
             ] }),
-            m && /* @__PURE__ */ e("p", { className: "text-red-500 text-xs font-medium ml-1 mt-1", children: m })
+            D && /* @__PURE__ */ e("p", { className: "text-red-500 text-xs font-medium ml-1 mt-1", children: D })
           ] }),
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: z,
-              disabled: n,
+              onClick: A,
+              disabled: c,
               className: "w-full h-14 bg-brand hover:bg-brand/90 text-white font-bold rounded-2xl shadow-xl shadow-brand flex items-center justify-center gap-2 transition-transform active:scale-[0.98] disabled:opacity-70 disabled:cursor-not-allowed",
-              children: n ? /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e(ee, { className: "w-5 h-5 animate-spin" }),
-                /* @__PURE__ */ e("span", { children: t("sending_code", l) })
-              ] }) : /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e("span", { children: t("continue", l) }),
-                /* @__PURE__ */ e(Se, { className: "w-5 h-5" })
+              children: c ? /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e(_e, { className: "w-5 h-5 animate-spin" }),
+                /* @__PURE__ */ e("span", { children: t("sending_code", f) })
+              ] }) : /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e("span", { children: t("continue", f) }),
+                /* @__PURE__ */ e(Oe, { className: "w-5 h-5" })
               ] })
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "mt-auto pb-8", children: [
-          /* @__PURE__ */ e("div", { className: "p-4 dark:bg-white/5 bg-slate-100/50 rounded-2xl mb-6", children: /* @__PURE__ */ a("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ e(Ee, { className: "text-[#6DE8EC] w-5 h-5 mt-0.5 shrink-0" }),
-            /* @__PURE__ */ e("p", { className: "text-[11px] text-muted leading-normal font-medium", children: t("security_notice", l) })
+        /* @__PURE__ */ i("div", { className: "mt-auto pb-8", children: [
+          /* @__PURE__ */ e("div", { className: "p-4 dark:bg-white/5 bg-slate-100/50 rounded-2xl mb-6", children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ e(Fe, { className: "text-[#6DE8EC] w-5 h-5 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ e("p", { className: "text-[11px] text-muted leading-normal font-medium", children: t("security_notice", f) })
           ] }) }),
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 opacity-50", children: [
-            /* @__PURE__ */ e(Ae, { className: "text-muted w-3 h-3" }),
-            /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-[0.2em] font-bold text-muted", children: t("e2e_encrypted", l) })
+          /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-2 opacity-50", children: [
+            /* @__PURE__ */ e(tt, { className: "text-muted w-3 h-3" }),
+            /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-[0.2em] font-bold text-muted", children: t("e2e_encrypted", f) })
           ] })
         ] })
       ]
     }
   );
 };
-function ie(r) {
-  const i = new Uint8Array(r);
-  let s = "";
-  for (let o = 0; o < i.byteLength; o++)
-    s += String.fromCharCode(i[o]);
-  return btoa(s).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
+function xe(r) {
+  const a = new Uint8Array(r);
+  let n = "";
+  for (let l = 0; l < a.byteLength; l++)
+    n += String.fromCharCode(a[l]);
+  return btoa(n).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
-function me(r) {
-  const i = "=".repeat((4 - r.length % 4) % 4), s = r.replace(/-/g, "+").replace(/_/g, "/") + i, o = atob(s), x = new Uint8Array(o.length);
-  for (let l = 0; l < o.length; l++)
-    x[l] = o.charCodeAt(l);
-  return x.buffer;
+function Ne(r) {
+  const a = "=".repeat((4 - r.length % 4) % 4), n = r.replace(/-/g, "+").replace(/_/g, "/") + a, l = atob(n), N = new Uint8Array(l.length);
+  for (let p = 0; p < l.length; p++)
+    N[p] = l.charCodeAt(p);
+  return N.buffer;
 }
-function be() {
+function Ee() {
   return !!(window.PublicKeyCredential && typeof window.PublicKeyCredential == "function");
 }
-async function Ye() {
-  if (!be()) return !1;
+async function at() {
+  if (!Ee()) return !1;
   try {
     return await PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable();
   } catch {
     return !1;
   }
 }
-function zt() {
+function Ot() {
   const r = navigator.userAgent.toLowerCase();
   return /iphone|ipod|android.*mobile|windows phone|blackberry/i.test(r) ? "mobile" : /ipad|android(?!.*mobile)|tablet/i.test(r) ? "tablet" : "desktop";
 }
-function jt() {
+function Ft() {
   return {
     platform: navigator.platform || "unknown",
     userAgent: navigator.userAgent,
-    deviceType: zt()
+    deviceType: Ot()
   };
 }
-function Mt(r) {
-  var i;
+function qt(r) {
+  var a;
   return {
     ...r,
-    challenge: me(r.challenge),
+    challenge: Ne(r.challenge),
     user: {
       ...r.user,
-      id: me(r.user.id)
+      id: Ne(r.user.id)
     },
-    excludeCredentials: (i = r.excludeCredentials) == null ? void 0 : i.map((s) => ({
-      ...s,
-      id: me(s.id)
+    excludeCredentials: (a = r.excludeCredentials) == null ? void 0 : a.map((n) => ({
+      ...n,
+      id: Ne(n.id)
     }))
   };
 }
-function Ot(r) {
-  var i;
+function Ut(r) {
+  var a;
   return {
     ...r,
-    challenge: me(r.challenge),
-    allowCredentials: (i = r.allowCredentials) == null ? void 0 : i.map((s) => ({
-      ...s,
-      id: me(s.id)
+    challenge: Ne(r.challenge),
+    allowCredentials: (a = r.allowCredentials) == null ? void 0 : a.map((n) => ({
+      ...n,
+      id: Ne(n.id)
     }))
   };
 }
-function Vt(r) {
-  const i = r.response;
+function $t(r) {
+  const a = r.response;
   return {
     id: r.id,
-    rawId: ie(r.rawId),
+    rawId: xe(r.rawId),
     type: r.type,
     response: {
-      clientDataJSON: ie(i.clientDataJSON),
-      attestationObject: ie(i.attestationObject)
+      clientDataJSON: xe(a.clientDataJSON),
+      attestationObject: xe(a.attestationObject)
     },
     clientExtensionResults: r.getClientExtensionResults(),
-    deviceInfo: jt()
+    deviceInfo: Ft()
   };
 }
-function Lt(r) {
-  const i = r.response;
+function Bt(r) {
+  const a = r.response;
   return {
     id: r.id,
-    rawId: ie(r.rawId),
+    rawId: xe(r.rawId),
     type: r.type,
     response: {
-      clientDataJSON: ie(i.clientDataJSON),
-      authenticatorData: ie(i.authenticatorData),
-      signature: ie(i.signature),
-      userHandle: i.userHandle ? ie(i.userHandle) : null
+      clientDataJSON: xe(a.clientDataJSON),
+      authenticatorData: xe(a.authenticatorData),
+      signature: xe(a.signature),
+      userHandle: a.userHandle ? xe(a.userHandle) : null
     },
     clientExtensionResults: r.getClientExtensionResults()
   };
 }
-async function qt(r) {
-  if (!be())
+async function Ht(r) {
+  if (!Ee())
     throw new Error("WebAuthn is not supported in this browser");
-  const i = Mt(r), s = await navigator.credentials.create({
-    publicKey: i
+  const a = qt(r), n = await navigator.credentials.create({
+    publicKey: a
   });
-  if (!s)
+  if (!n)
     throw new Error("Passkey creation was cancelled or failed");
-  return Vt(s);
+  return $t(n);
 }
-async function Ut(r) {
-  if (!be())
+async function Wt(r) {
+  if (!Ee())
     throw new Error("WebAuthn is not supported in this browser");
-  const i = Ot(r), s = await navigator.credentials.get({
-    publicKey: i
+  const a = Ut(r), n = await navigator.credentials.get({
+    publicKey: a
   });
-  if (!s)
+  if (!n)
     throw new Error("Passkey authentication was cancelled or failed");
-  return Lt(s);
+  return Bt(n);
 }
-const $t = ({
+const Yt = ({
   email: r,
-  onSuccess: i,
-  onError: s,
-  onFallbackToOTP: o,
-  apiBaseUrl: x = "https://apis.casperid.com",
-  previewMode: l = !1,
-  language: u = "EN"
+  onSuccess: a,
+  onError: n,
+  onFallbackToOTP: l,
+  apiBaseUrl: N = "https://apis.casperid.com",
+  apiKey: p = "",
+  previewMode: f = !1,
+  language: m = "EN"
 }) => {
-  const [c, n] = y(!1), [d, m] = y(""), [g, z] = y(!0), [O, h] = y(!1);
-  F(() => {
+  const [s, c] = y(!1), [d, D] = y(""), [h, A] = y(!0), [_, o] = y(!1);
+  ce(() => {
     (async () => {
-      const I = be(), T = await Ye();
-      z(I && T), (!I || !T) && m(t("webauthn_not_supported", u));
+      const k = Ee(), V = await at();
+      A(k && V), (!k || !V) && D(t("webauthn_not_supported", m));
     })();
-  }, [u]), F(() => {
-    if (g && !O && !l) {
-      h(!0);
-      const f = setTimeout(() => {
-        _();
+  }, [m]), ce(() => {
+    if (h && !_ && !f) {
+      o(!0);
+      const g = setTimeout(() => {
+        I();
       }, 500);
-      return () => clearTimeout(f);
+      return () => clearTimeout(g);
     }
-  }, [g, O, l]);
-  const _ = async () => {
-    if (!c) {
-      if (n(!0), m(""), l) {
+  }, [h, _, f]);
+  const I = async () => {
+    if (!s) {
+      if (c(!0), D(""), f) {
         setTimeout(() => {
-          n(!1), i("mock-session-token", {
+          c(!1), a("mock-session-token", {
             user_id: "mock-user-id",
             email: r,
             tier: "layer_1"
@@ -1510,138 +1575,146 @@ const $t = ({
         return;
       }
       try {
-        const f = await fetch(`${x}/api/passkey/auth/begin`, {
+        const g = await fetch(`${N}/api/passkey/auth/begin`, {
           method: "POST",
-          headers: { "Content-Type": "application/json" },
+          headers: {
+            "Content-Type": "application/json",
+            ...p ? { "X-App-Id": p } : {}
+          },
           credentials: "include",
           body: JSON.stringify({ email: r })
         });
-        if (!f.ok) {
-          const j = await f.json().catch(() => ({}));
-          throw new Error(j.error || "Failed to initialize authentication");
+        if (!g.ok) {
+          const Y = await g.json().catch(() => ({}));
+          throw new Error(Y.error || "Failed to initialize authentication");
         }
-        const I = await f.json();
-        if (!I.success || !I.options)
-          throw new Error(I.error || "Invalid authentication options");
-        const T = await Ut(I.options), C = await fetch(`${x}/api/passkey/auth/finish`, {
+        const k = await g.json();
+        if (!k.success || !k.options)
+          throw new Error(k.error || "Invalid authentication options");
+        const V = await Wt(k.options), w = await fetch(`${N}/api/passkey/auth/finish`, {
           method: "POST",
-          headers: { "Content-Type": "application/json" },
+          headers: {
+            "Content-Type": "application/json",
+            ...p ? { "X-App-Id": p } : {}
+          },
           credentials: "include",
           body: JSON.stringify({
             email: r,
-            credential: T
+            challengeId: k.challengeId,
+            credential: V
           })
         });
-        if (!C.ok) {
-          const j = await C.json().catch(() => ({}));
-          throw new Error(j.error || "Authentication failed");
+        if (!w.ok) {
+          const Y = await w.json().catch(() => ({}));
+          throw new Error(Y.error || "Authentication failed");
         }
-        const N = await C.json();
-        if (N.success && N.session_token)
-          i(N.session_token, N.user, N.business_token);
+        const T = await w.json();
+        if (T.success && T.session_token)
+          a(T.session_token, T.user, T.business_token);
         else
-          throw new Error(N.error || "Authentication failed");
-      } catch (f) {
-        const I = f instanceof Error ? f.message : "Authentication failed";
-        I.includes("cancelled") || I.includes("NotAllowedError") ? m(t("passkey_cancelled", u)) : (m(I), s == null || s(I));
+          throw new Error(T.error || "Authentication failed");
+      } catch (g) {
+        const k = g instanceof Error ? g.message : "Authentication failed";
+        k.includes("cancelled") || k.includes("NotAllowedError") ? D(t("passkey_cancelled", m)) : (D(k), n == null || n(k));
       } finally {
-        n(!1);
+        c(!1);
       }
     }
   };
-  return /* @__PURE__ */ a(
-    V.div,
+  return /* @__PURE__ */ i(
+    P.div,
     {
       initial: { opacity: 0, x: 20 },
       animate: { opacity: 1, x: 0 },
       exit: { opacity: 0, x: -20 },
       className: "flex-1 flex flex-col px-8 pt-12",
       children: [
-        /* @__PURE__ */ a("div", { className: "mb-8", children: [
-          /* @__PURE__ */ e("h2", { className: "text-3xl font-extrabold text-main tracking-tight leading-tight", children: t("welcome_back", u) }),
-          /* @__PURE__ */ e("p", { className: "text-muted mt-3 text-sm leading-relaxed", children: t("passkey_auth_subtitle", u) })
+        /* @__PURE__ */ i("div", { className: "mb-8", children: [
+          /* @__PURE__ */ e("h2", { className: "text-3xl font-extrabold text-main tracking-tight leading-tight", children: t("welcome_back", m) }),
+          /* @__PURE__ */ e("p", { className: "text-muted mt-3 text-sm leading-relaxed", children: t("passkey_auth_subtitle", m) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "mb-6 p-4 dark:bg-white/5 bg-slate-100/50 rounded-2xl", children: [
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted mb-1", children: t("signing_in_as", u) }),
+        /* @__PURE__ */ i("div", { className: "mb-6 p-4 dark:bg-white/5 bg-slate-100/50 rounded-2xl", children: [
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted mb-1", children: t("signing_in_as", m) }),
           /* @__PURE__ */ e("p", { className: "text-main font-semibold", children: r })
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex-1 flex flex-col items-center justify-center py-8", children: [
+        /* @__PURE__ */ i("div", { className: "flex-1 flex flex-col items-center justify-center py-8", children: [
           /* @__PURE__ */ e(
-            V.div,
+            P.div,
             {
-              animate: c ? {
+              animate: s ? {
                 scale: [1, 1.1, 1],
                 opacity: [1, 0.7, 1]
               } : {},
               transition: {
                 duration: 1.5,
-                repeat: c ? 1 / 0 : 0,
+                repeat: s ? 1 / 0 : 0,
                 ease: "easeInOut"
               },
-              className: `w-24 h-24 rounded-full flex items-center justify-center mb-6 ${c ? "bg-brand/20 border-2 border-brand" : d ? "bg-red-500/10 border-2 border-red-400" : "bg-brand/10 border-2 border-brand/30"}`,
-              children: c ? /* @__PURE__ */ e(ee, { className: "w-10 h-10 text-brand animate-spin" }) : d ? /* @__PURE__ */ e(se, { className: "w-10 h-10 text-red-400" }) : /* @__PURE__ */ e(pe, { className: "w-10 h-10 text-brand" })
+              className: `w-24 h-24 rounded-full flex items-center justify-center mb-6 ${s ? "bg-brand/20 border-2 border-brand" : d ? "bg-red-500/10 border-2 border-red-400" : "bg-brand/10 border-2 border-brand/30"}`,
+              children: s ? /* @__PURE__ */ e(_e, { className: "w-10 h-10 text-brand animate-spin" }) : d ? /* @__PURE__ */ e(ve, { className: "w-10 h-10 text-red-400" }) : /* @__PURE__ */ e(Ie, { className: "w-10 h-10 text-brand" })
             }
           ),
-          /* @__PURE__ */ e("p", { className: "text-main font-semibold text-center mb-2", children: t(c ? "authenticating" : d ? "authentication_failed" : "use_passkey", u) }),
+          /* @__PURE__ */ e("p", { className: "text-main font-semibold text-center mb-2", children: t(s ? "authenticating" : d ? "authentication_failed" : "use_passkey", m) }),
           d && /* @__PURE__ */ e("p", { className: "text-red-500 text-sm text-center mb-4 max-w-xs", children: d }),
-          !c && /* @__PURE__ */ e("p", { className: "text-muted text-sm text-center max-w-xs", children: t("passkey_auth_hint", u) })
+          !s && /* @__PURE__ */ e("p", { className: "text-muted text-sm text-center max-w-xs", children: t("passkey_auth_hint", m) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "space-y-3 pb-8", children: [
-          !c && /* @__PURE__ */ e(
+        /* @__PURE__ */ i("div", { className: "space-y-3 pb-8", children: [
+          !s && /* @__PURE__ */ e(
             "button",
             {
-              onClick: _,
-              disabled: !g,
+              onClick: I,
+              disabled: !h,
               className: "w-full h-14 bg-brand hover:bg-brand/90 text-white font-bold rounded-2xl shadow-xl shadow-brand/30 flex items-center justify-center gap-2 transition-transform active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed",
-              children: d ? /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e(xe, { className: "w-5 h-5" }),
-                /* @__PURE__ */ e("span", { children: t("try_again", u) })
-              ] }) : /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e(pe, { className: "w-5 h-5" }),
-                /* @__PURE__ */ e("span", { children: t("authenticate", u) })
+              children: d ? /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e(Te, { className: "w-5 h-5" }),
+                /* @__PURE__ */ e("span", { children: t("try_again", m) })
+              ] }) : /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e(Ie, { className: "w-5 h-5" }),
+                /* @__PURE__ */ e("span", { children: t("authenticate", m) })
               ] })
             }
           ),
-          o && /* @__PURE__ */ e(
+          l && /* @__PURE__ */ e(
             "button",
             {
-              onClick: o,
-              disabled: c,
+              onClick: l,
+              disabled: s,
               className: "w-full h-12 bg-transparent border dark:border-white/10 border-slate-200 text-muted hover:text-main font-medium rounded-2xl flex items-center justify-center gap-2 transition-colors disabled:opacity-50",
-              children: t("use_email_instead", u)
+              children: t("use_email_instead", m)
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 pb-4 opacity-50", children: [
-          /* @__PURE__ */ e(fe, { className: "text-muted w-3 h-3" }),
-          /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-[0.2em] font-bold text-muted", children: t("biometric_secured", u) })
+        /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-2 pb-4 opacity-50", children: [
+          /* @__PURE__ */ e(Se, { className: "text-muted w-3 h-3" }),
+          /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-[0.2em] font-bold text-muted", children: t("biometric_secured", m) })
         ] })
       ]
     }
   );
-}, Ft = ({
+}, Gt = ({
   email: r,
-  sessionToken: i,
-  onSuccess: s,
-  onError: o,
-  onSkip: x,
-  apiBaseUrl: l = "https://apis.casperid.com",
-  previewMode: u = !1,
-  language: c = "EN"
+  sessionToken: a,
+  onSuccess: n,
+  onError: l,
+  onSkip: N,
+  apiBaseUrl: p = "https://apis.casperid.com",
+  apiKey: f = "",
+  previewMode: m = !1,
+  language: s = "EN"
 }) => {
-  const [n, d] = y(!1), [m, g] = y(""), [z, O] = y(!0), [h, _] = y(!1);
-  F(() => {
+  const [c, d] = y(!1), [D, h] = y(""), [A, _] = y(!0), [o, I] = y(!1);
+  ce(() => {
     (async () => {
-      const C = be(), N = await Ye();
-      O(C && N), (!C || !N) && g(t("webauthn_not_supported", c));
+      const w = Ee(), T = await at();
+      _(w && T), (!w || !T) && h(t("webauthn_not_supported", s));
     })();
-  }, [c]);
-  const f = async () => {
-    if (!n) {
-      if (d(!0), g(""), u) {
+  }, [s]);
+  const g = async () => {
+    if (!c) {
+      if (d(!0), h(""), m) {
         setTimeout(() => {
-          d(!1), _(!0), setTimeout(() => {
-            s({
+          d(!1), I(!0), setTimeout(() => {
+            n({
               user_id: "mock-user-id",
               email: r,
               tier: "layer_0"
@@ -1651,333 +1724,335 @@ const $t = ({
         return;
       }
       try {
-        const T = await fetch(`${l}/api/passkey/register/begin`, {
+        const V = await fetch(`${p}/api/passkey/register/begin`, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
-            Authorization: `Bearer ${i}`
+            Authorization: `Bearer ${a}`,
+            ...f ? { "X-App-Id": f } : {}
           },
           credentials: "include",
           body: JSON.stringify({ email: r })
         });
-        if (!T.ok) {
-          const R = await T.json().catch(() => ({}));
-          throw new Error(R.error || "Failed to initialize registration");
+        if (!V.ok) {
+          const B = await V.json().catch(() => ({}));
+          throw new Error(B.error || "Failed to initialize registration");
         }
-        const C = await T.json();
-        if (!C.success || !C.options)
-          throw new Error(C.error || "Invalid registration options");
-        const N = await qt(C.options), j = await fetch(`${l}/api/passkey/register/finish`, {
+        const w = await V.json();
+        if (!w.success || !w.options)
+          throw new Error(w.error || "Invalid registration options");
+        const T = await Ht(w.options), Y = await fetch(`${p}/api/passkey/register/finish`, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
-            Authorization: `Bearer ${i}`
+            Authorization: `Bearer ${a}`,
+            ...f ? { "X-App-Id": f } : {}
           },
           credentials: "include",
           body: JSON.stringify({
-            userId: C.userId,
-            credential: N,
+            userId: w.userId,
+            credential: T,
             deviceInfo: {
               userAgent: navigator.userAgent
             }
           })
         });
-        if (!j.ok) {
-          const R = await j.json().catch(() => ({}));
-          throw new Error(R.error || "Registration failed");
+        if (!Y.ok) {
+          const B = await Y.json().catch(() => ({}));
+          throw new Error(B.error || "Registration failed");
         }
-        const E = await j.json();
-        if (E.success)
-          _(!0), setTimeout(() => {
-            s(E.user, E.business_token);
+        const W = await Y.json();
+        if (W.success)
+          I(!0), setTimeout(() => {
+            n(W.user, W.business_token);
           }, 1e3);
         else
-          throw new Error(E.error || "Registration failed");
-      } catch (T) {
-        const C = T instanceof Error ? T.message : "Registration failed";
-        C.includes("cancelled") || C.includes("NotAllowedError") ? g(t("passkey_cancelled", c)) : (g(C), o == null || o(C));
+          throw new Error(W.error || "Registration failed");
+      } catch (V) {
+        const w = V instanceof Error ? V.message : "Registration failed";
+        w.includes("cancelled") || w.includes("NotAllowedError") ? h(t("passkey_cancelled", s)) : (h(w), l == null || l(w));
       } finally {
         d(!1);
       }
     }
-  }, I = [
-    { icon: vt, text: t("passkey_benefit_1", c) },
-    { icon: fe, text: t("passkey_benefit_2", c) },
-    { icon: De, text: t("passkey_benefit_3", c) }
+  }, k = [
+    { icon: Ct, text: t("passkey_benefit_1", s) },
+    { icon: Se, text: t("passkey_benefit_2", s) },
+    { icon: qe, text: t("passkey_benefit_3", s) }
   ];
-  return /* @__PURE__ */ a(
-    V.div,
+  return /* @__PURE__ */ i(
+    P.div,
     {
       initial: { opacity: 0, x: 20 },
       animate: { opacity: 1, x: 0 },
       exit: { opacity: 0, x: -20 },
       className: "flex-1 flex flex-col px-8 pt-12",
       children: [
-        /* @__PURE__ */ a("div", { className: "mb-8", children: [
-          /* @__PURE__ */ e("h2", { className: "text-3xl font-extrabold text-main tracking-tight leading-tight", children: t("create_passkey", c) }),
-          /* @__PURE__ */ e("p", { className: "text-muted mt-3 text-sm leading-relaxed", children: t("passkey_register_subtitle", c) })
+        /* @__PURE__ */ i("div", { className: "mb-8", children: [
+          /* @__PURE__ */ e("h2", { className: "text-3xl font-extrabold text-main tracking-tight leading-tight", children: t("create_passkey", s) }),
+          /* @__PURE__ */ e("p", { className: "text-muted mt-3 text-sm leading-relaxed", children: t("passkey_register_subtitle", s) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "mb-6 p-4 dark:bg-white/5 bg-slate-100/50 rounded-2xl", children: [
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted mb-1", children: t("signing_in_as", c) }),
+        /* @__PURE__ */ i("div", { className: "mb-6 p-4 dark:bg-white/5 bg-slate-100/50 rounded-2xl", children: [
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted mb-1", children: t("signing_in_as", s) }),
           /* @__PURE__ */ e("p", { className: "text-main font-semibold", children: r })
         ] }),
-        /* @__PURE__ */ a("div", { className: "mb-8", children: [
-          /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-main mb-4", children: t("passkey_benefits_title", c) }),
-          /* @__PURE__ */ e("div", { className: "space-y-3", children: I.map((T, C) => /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-xl bg-brand/10 flex items-center justify-center", children: /* @__PURE__ */ e(T.icon, { className: "w-5 h-5 text-brand" }) }),
-            /* @__PURE__ */ e("span", { className: "text-sm text-muted", children: T.text })
-          ] }, C)) })
+        /* @__PURE__ */ i("div", { className: "mb-8", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-main mb-4", children: t("passkey_benefits_title", s) }),
+          /* @__PURE__ */ e("div", { className: "space-y-3", children: k.map((V, w) => /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-xl bg-brand/10 flex items-center justify-center", children: /* @__PURE__ */ e(V.icon, { className: "w-5 h-5 text-brand" }) }),
+            /* @__PURE__ */ e("span", { className: "text-sm text-muted", children: V.text })
+          ] }, w)) })
         ] }),
-        (n || h || m) && /* @__PURE__ */ a("div", { className: "flex-1 flex flex-col items-center justify-center py-4", children: [
+        (c || o || D) && /* @__PURE__ */ i("div", { className: "flex-1 flex flex-col items-center justify-center py-4", children: [
           /* @__PURE__ */ e(
-            V.div,
+            P.div,
             {
-              animate: n ? {
+              animate: c ? {
                 scale: [1, 1.1, 1],
                 opacity: [1, 0.7, 1]
               } : {},
               transition: {
                 duration: 1.5,
-                repeat: n ? 1 / 0 : 0,
+                repeat: c ? 1 / 0 : 0,
                 ease: "easeInOut"
               },
-              className: `w-20 h-20 rounded-full flex items-center justify-center mb-4 ${h ? "bg-green-500/20 border-2 border-green-400" : n ? "bg-brand/20 border-2 border-brand" : "bg-red-500/10 border-2 border-red-400"}`,
-              children: h ? /* @__PURE__ */ e(he, { className: "w-10 h-10 text-green-400" }) : n ? /* @__PURE__ */ e(ee, { className: "w-10 h-10 text-brand animate-spin" }) : /* @__PURE__ */ e(se, { className: "w-10 h-10 text-red-400" })
+              className: `w-20 h-20 rounded-full flex items-center justify-center mb-4 ${o ? "bg-green-500/20 border-2 border-green-400" : c ? "bg-brand/20 border-2 border-brand" : "bg-red-500/10 border-2 border-red-400"}`,
+              children: o ? /* @__PURE__ */ e(Ce, { className: "w-10 h-10 text-green-400" }) : c ? /* @__PURE__ */ e(_e, { className: "w-10 h-10 text-brand animate-spin" }) : /* @__PURE__ */ e(ve, { className: "w-10 h-10 text-red-400" })
             }
           ),
-          /* @__PURE__ */ e("p", { className: "text-main font-semibold text-center", children: t(h ? "passkey_created" : n ? "creating_passkey" : "passkey_create_failed", c) }),
-          m && /* @__PURE__ */ e("p", { className: "text-red-500 text-sm text-center mt-2 max-w-xs", children: m })
+          /* @__PURE__ */ e("p", { className: "text-main font-semibold text-center", children: t(o ? "passkey_created" : c ? "creating_passkey" : "passkey_create_failed", s) }),
+          D && /* @__PURE__ */ e("p", { className: "text-red-500 text-sm text-center mt-2 max-w-xs", children: D })
         ] }),
-        /* @__PURE__ */ a("div", { className: "mt-auto space-y-3 pb-8", children: [
-          !h && /* @__PURE__ */ e(
+        /* @__PURE__ */ i("div", { className: "mt-auto space-y-3 pb-8", children: [
+          !o && /* @__PURE__ */ e(
             "button",
             {
-              onClick: f,
-              disabled: !z || n,
+              onClick: g,
+              disabled: !A || c,
               className: "w-full h-14 bg-brand hover:bg-brand/90 text-white font-bold rounded-2xl shadow-xl shadow-brand/30 flex items-center justify-center gap-2 transition-transform active:scale-[0.98] disabled:opacity-50 disabled:cursor-not-allowed",
-              children: n ? /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e(ee, { className: "w-5 h-5 animate-spin" }),
-                /* @__PURE__ */ e("span", { children: t("creating_passkey", c) })
-              ] }) : /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e(pe, { className: "w-5 h-5" }),
-                /* @__PURE__ */ e("span", { children: t("register_passkey", c) })
+              children: c ? /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e(_e, { className: "w-5 h-5 animate-spin" }),
+                /* @__PURE__ */ e("span", { children: t("creating_passkey", s) })
+              ] }) : /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e(Ie, { className: "w-5 h-5" }),
+                /* @__PURE__ */ e("span", { children: t("register_passkey", s) })
               ] })
             }
           ),
-          x && !n && !h && /* @__PURE__ */ e(
+          N && !c && !o && /* @__PURE__ */ e(
             "button",
             {
-              onClick: x,
+              onClick: N,
               className: "w-full h-12 bg-transparent border dark:border-white/10 border-slate-200 text-muted hover:text-main font-medium rounded-2xl flex items-center justify-center transition-colors",
-              children: t("do_this_later", c)
+              children: t("do_this_later", s)
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 pb-4 opacity-50", children: [
-          /* @__PURE__ */ e(Ae, { className: "text-muted w-3 h-3" }),
-          /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-[0.2em] font-bold text-muted", children: t("e2e_encrypted", c) })
+        /* @__PURE__ */ i("div", { className: "flex items-center justify-center gap-2 pb-4 opacity-50", children: [
+          /* @__PURE__ */ e(tt, { className: "text-muted w-3 h-3" }),
+          /* @__PURE__ */ e("span", { className: "text-[10px] uppercase tracking-[0.2em] font-bold text-muted", children: t("e2e_encrypted", s) })
         ] })
       ]
     }
   );
-}, Bt = ({
+}, Jt = ({
   email: r,
-  verificationId: i,
-  onNext: s,
-  onError: o,
-  apiBaseUrl: x = "https://apis.casperid.com",
-  apiKey: l,
-  previewMode: u = !1,
-  language: c = "EN"
+  verificationId: a,
+  onNext: n,
+  onError: l,
+  apiBaseUrl: N = "https://apis.casperid.com",
+  apiKey: p,
+  previewMode: f = !1,
+  language: m = "EN"
 }) => {
-  const [n, d] = y(["", "", "", "", "", ""]), [m, g] = y(!1), [z, O] = y(!1), [h, _] = y(""), [f, I] = y(0), [T, C] = y(i);
-  F(() => {
-    if (f > 0) {
-      const v = setTimeout(() => I(f - 1), 1e3);
-      return () => clearTimeout(v);
+  const [s, c] = y(["", "", "", "", "", ""]), [d, D] = y(!1), [h, A] = y(!1), [_, o] = y(""), [I, g] = y(0), [k, V] = y(a);
+  ce(() => {
+    if (I > 0) {
+      const b = setTimeout(() => g(I - 1), 1e3);
+      return () => clearTimeout(b);
     }
-  }, [f]), F(() => {
-    n.every((v) => v !== "") && !m && E();
-  }, [n]);
-  const N = q((v) => {
-    _(""), d((k) => {
-      const w = [...k], A = w.findIndex((P) => P === "");
-      return A !== -1 && (w[A] = v), w;
+  }, [I]), ce(() => {
+    s.every((b) => b !== "") && !d && Y();
+  }, [s]);
+  const w = J((b) => {
+    o(""), c((C) => {
+      const S = [...C], L = S.findIndex((O) => O === "");
+      return L !== -1 && (S[L] = b), S;
     });
-  }, []), j = q(() => {
-    _(""), d((v) => {
-      const k = [...v];
-      for (let w = k.length - 1; w >= 0; w--)
-        if (k[w] !== "") {
-          k[w] = "";
+  }, []), T = J(() => {
+    o(""), c((b) => {
+      const C = [...b];
+      for (let S = C.length - 1; S >= 0; S--)
+        if (C[S] !== "") {
+          C[S] = "";
           break;
         }
-      return k;
+      return C;
     });
   }, []);
-  F(() => {
-    const v = (k) => {
-      m || (/^[0-9]$/.test(k.key) ? (k.preventDefault(), N(k.key)) : (k.key === "Backspace" || k.key === "Delete") && (k.preventDefault(), j()));
+  ce(() => {
+    const b = (C) => {
+      d || (/^[0-9]$/.test(C.key) ? (C.preventDefault(), w(C.key)) : (C.key === "Backspace" || C.key === "Delete") && (C.preventDefault(), T()));
     };
-    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
-  }, [m, N, j]);
-  const E = async () => {
-    const v = n.join("");
-    if (v.length !== 6) {
-      _(t("error_pin_incomplete", c));
+    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
+  }, [d, w, T]);
+  const Y = async () => {
+    const b = s.join("");
+    if (b.length !== 6) {
+      o(t("error_pin_incomplete", m));
       return;
     }
-    if (g(!0), _(""), u) {
+    if (D(!0), o(""), f) {
       setTimeout(() => {
-        g(!1), s("mock-session-token", null);
+        D(!1), n("mock-session-token", null);
       }, 1e3);
       return;
     }
     try {
-      const k = await fetch(`${x}/api/auth/verify-otp`, {
+      const C = await fetch(`${N}/api/auth/verify-otp`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          "X-App-ID": l || ""
+          "X-App-ID": p || ""
         },
         body: JSON.stringify({
-          verificationId: T,
-          otp: v
+          verificationId: k,
+          otp: b
         })
       });
-      if (!k.ok) {
-        const A = await k.json().catch(() => ({}));
-        throw new Error(A.error || `Verification failed with status ${k.status}`);
+      if (!C.ok) {
+        const L = await C.json().catch(() => ({}));
+        throw new Error(L.error || `Verification failed with status ${C.status}`);
       }
-      const w = await k.json();
-      w.success && w.sessionToken ? s(w.sessionToken, w.userAccount, w.business_token) : (_(w.error || t("invalid_code", c)), w.attemptsLeft !== void 0 && _(t("invalid_code_attempts", c).replace("{attempts}", w.attemptsLeft.toString())), d(["", "", "", "", "", ""]), o == null || o(w.error || t("verification_failed", c)));
+      const S = await C.json();
+      S.success && S.sessionToken ? n(S.sessionToken, S.userAccount, S.business_token) : (o(S.error || t("invalid_code", m)), S.attemptsLeft !== void 0 && o(t("invalid_code_attempts", m).replace("{attempts}", S.attemptsLeft.toString())), c(["", "", "", "", "", ""]), l == null || l(S.error || t("verification_failed", m)));
     } catch {
-      const w = t("error_verify_failed", c);
-      _(w), d(["", "", "", "", "", ""]), o == null || o(w);
+      const S = t("error_verify_failed", m);
+      o(S), c(["", "", "", "", "", ""]), l == null || l(S);
     } finally {
-      g(!1);
+      D(!1);
     }
-  }, R = async () => {
-    if (!(f > 0 || z)) {
-      if (O(!0), _(""), u) {
+  }, W = async () => {
+    if (!(I > 0 || h)) {
+      if (A(!0), o(""), f) {
         setTimeout(() => {
-          O(!1), I(60), d(["", "", "", "", "", ""]);
+          A(!1), g(60), c(["", "", "", "", "", ""]);
         }, 800);
         return;
       }
       try {
-        const v = await fetch(`${x}/api/auth/resend-otp`, {
+        const b = await fetch(`${N}/api/auth/resend-otp`, {
           method: "POST",
           headers: {
             "Content-Type": "application/json"
           },
-          body: JSON.stringify({ verificationId: T })
+          body: JSON.stringify({ verificationId: k })
         });
-        if (!v.ok) {
-          const w = await v.json().catch(() => ({}));
-          throw new Error(w.error || `Request failed with status ${v.status}`);
+        if (!b.ok) {
+          const S = await b.json().catch(() => ({}));
+          throw new Error(S.error || `Request failed with status ${b.status}`);
         }
-        const k = await v.json();
-        k.success ? (I(60), d(["", "", "", "", "", ""])) : _(k.error || t("error_resend_failed", c));
+        const C = await b.json();
+        C.success ? (g(60), c(["", "", "", "", "", ""])) : o(C.error || t("error_resend_failed", m));
       } catch {
-        _(t("error_resend_failed", c));
+        o(t("error_resend_failed", m));
       } finally {
-        O(!1);
+        A(!1);
       }
     }
-  }, U = r.replace(/(.{2})(.*)(@.*)/, "$1***$3");
-  return /* @__PURE__ */ a(
-    V.div,
+  }, B = r.replace(/(.{2})(.*)(@.*)/, "$1***$3");
+  return /* @__PURE__ */ i(
+    P.div,
     {
       initial: { opacity: 0, scale: 0.95 },
       animate: { opacity: 1, scale: 1 },
       exit: { opacity: 0, scale: 1.05 },
       className: "flex-1 flex flex-col px-8 pt-12",
       children: [
-        /* @__PURE__ */ a("div", { className: "space-y-2 mb-8", children: [
-          /* @__PURE__ */ e("h1", { className: "text-3xl font-bold tracking-tight text-main", children: t("verify_email", c) }),
-          /* @__PURE__ */ a("p", { className: "text-muted text-sm font-medium", children: [
-            t("enter_code", c),
+        /* @__PURE__ */ i("div", { className: "space-y-2 mb-8", children: [
+          /* @__PURE__ */ e("h1", { className: "text-3xl font-bold tracking-tight text-main", children: t("verify_email", m) }),
+          /* @__PURE__ */ i("p", { className: "text-muted text-sm font-medium", children: [
+            t("enter_code", m),
             " ",
-            /* @__PURE__ */ e("span", { className: "text-main font-semibold", children: U })
+            /* @__PURE__ */ e("span", { className: "text-main font-semibold", children: B })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "flex justify-between gap-2 mb-6", children: n.map((v, k) => /* @__PURE__ */ a(
+        /* @__PURE__ */ e("div", { className: "flex justify-between gap-2 mb-6", children: s.map((b, C) => /* @__PURE__ */ i(
           "div",
           {
-            className: `size-12 rounded-2xl dark:bg-black/20 bg-slate-100/50 flex items-center justify-center text-xl font-bold border transition-all ${v ? "text-brand dark:border-brand-30 border-brand-50" : "text-muted dark:border-white/10 border-slate-200"} ${h ? "border-red-400 dark:border-red-500" : ""}`,
+            className: `size-12 rounded-2xl dark:bg-black/20 bg-slate-100/50 flex items-center justify-center text-xl font-bold border transition-all ${b ? "text-brand dark:border-brand-30 border-brand-50" : "text-muted dark:border-white/10 border-slate-200"} ${_ ? "border-red-400 dark:border-red-500" : ""}`,
             children: [
-              v,
-              !v && n.findIndex((w) => w === "") === k && /* @__PURE__ */ e("div", { className: "w-0.5 h-6 bg-brand animate-pulse" })
+              b,
+              !b && s.findIndex((S) => S === "") === C && /* @__PURE__ */ e("div", { className: "w-0.5 h-6 bg-brand animate-pulse" })
             ]
           },
-          k
+          C
         )) }),
-        h && /* @__PURE__ */ e("p", { className: "text-red-500 text-xs font-medium text-center mb-4", children: h }),
-        /* @__PURE__ */ a("div", { className: "grid grid-cols-3 gap-4 mb-8", children: [
-          [1, 2, 3, 4, 5, 6, 7, 8, 9].map((v) => /* @__PURE__ */ e(
+        _ && /* @__PURE__ */ e("p", { className: "text-red-500 text-xs font-medium text-center mb-4", children: _ }),
+        /* @__PURE__ */ i("div", { className: "grid grid-cols-3 gap-4 mb-8", children: [
+          [1, 2, 3, 4, 5, 6, 7, 8, 9].map((b) => /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => N(v.toString()),
-              disabled: m,
-              className: "h-14 rounded-2xl dark:hover:bg-white/5 hover:bg-slate-100 flex items-center justify-center text-xl font-bold transition-colors text-main disabled:opacity-50",
-              children: v
+              onClick: () => w(b.toString()),
+              disabled: d,
+              className: "h-14 rounded-2xl dark:hover:bg-slate-100 dark:bg-white/5 hover:bg-slate-100 flex items-center justify-center text-xl font-bold transition-colors text-main disabled:opacity-50",
+              children: b
             },
-            v
+            b
           )),
           /* @__PURE__ */ e("div", { className: "h-14" }),
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => N("0"),
-              disabled: m,
-              className: "h-14 rounded-2xl dark:hover:bg-white/5 hover:bg-slate-100 flex items-center justify-center text-xl font-bold transition-colors text-main disabled:opacity-50",
+              onClick: () => w("0"),
+              disabled: d,
+              className: "h-14 rounded-2xl dark:hover:bg-slate-100 dark:bg-white/5 hover:bg-slate-100 flex items-center justify-center text-xl font-bold transition-colors text-main disabled:opacity-50",
               children: "0"
             }
           ),
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: j,
-              disabled: m,
-              className: "h-14 rounded-2xl dark:hover:bg-white/5 hover:bg-slate-100 flex items-center justify-center transition-colors text-main disabled:opacity-50",
-              children: /* @__PURE__ */ e(xt, { className: "w-6 h-6" })
+              onClick: T,
+              disabled: d,
+              className: "h-14 rounded-2xl dark:hover:bg-slate-100 dark:bg-white/5 hover:bg-slate-100 flex items-center justify-center transition-colors text-main disabled:opacity-50",
+              children: /* @__PURE__ */ e(Nt, { className: "w-6 h-6" })
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "mt-auto pb-8 space-y-4", children: [
+        /* @__PURE__ */ i("div", { className: "mt-auto pb-8 space-y-4", children: [
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: E,
-              disabled: m || n.some((v) => v === ""),
+              onClick: Y,
+              disabled: d || s.some((b) => b === ""),
               className: "w-full h-14 bg-brand hover:bg-brand/90 text-white font-bold rounded-2xl transition-all shadow-lg shadow-brand flex items-center justify-center gap-2 group disabled:opacity-50 disabled:cursor-not-allowed",
-              children: m ? /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e(ee, { className: "w-5 h-5 animate-spin" }),
-                /* @__PURE__ */ e("span", { children: t("verifying", c) })
-              ] }) : /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e("span", { children: t("verify", c) }),
-                /* @__PURE__ */ e(Se, { className: "w-5 h-5 group-hover:translate-x-1 transition-transform" })
+              children: d ? /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e(_e, { className: "w-5 h-5 animate-spin" }),
+                /* @__PURE__ */ e("span", { children: t("verifying", m) })
+              ] }) : /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e("span", { children: t("verify", m) }),
+                /* @__PURE__ */ e(Oe, { className: "w-5 h-5 group-hover:translate-x-1 transition-transform" })
               ] })
             }
           ),
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: R,
-              disabled: f > 0 || z,
+              onClick: W,
+              disabled: I > 0 || h,
               className: "w-full h-14 dark:bg-white/5 hover:dark:bg-white/10 bg-slate-100 hover:bg-slate-200 text-muted font-bold rounded-2xl transition-all border dark:border-white/10 border-slate-200 flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
-              children: z ? /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e(ee, { className: "w-4 h-4 animate-spin" }),
-                /* @__PURE__ */ e("span", { children: t("sending", c) })
-              ] }) : f > 0 ? /* @__PURE__ */ a("span", { children: [
-                t("resend_code", c),
+              children: h ? /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e(_e, { className: "w-4 h-4 animate-spin" }),
+                /* @__PURE__ */ e("span", { children: t("sending", m) })
+              ] }) : I > 0 ? /* @__PURE__ */ i("span", { children: [
+                t("resend_code", m),
                 " (",
-                f,
+                I,
                 "s)"
-              ] }) : /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e(xe, { className: "w-4 h-4" }),
-                /* @__PURE__ */ e("span", { children: t("resend_code", c) })
+              ] }) : /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e(Te, { className: "w-4 h-4" }),
+                /* @__PURE__ */ e("span", { children: t("resend_code", m) })
               ] })
             }
           )
@@ -1985,20 +2060,20 @@ const $t = ({
       ]
     }
   );
-}, Ht = ({ onNext: r, onSkip: i, language: s = "EN" }) => /* @__PURE__ */ a(
-  V.div,
+}, Kt = ({ onNext: r, onSkip: a, language: n = "EN" }) => /* @__PURE__ */ i(
+  P.div,
   {
     initial: { opacity: 0 },
     animate: { opacity: 1 },
     exit: { opacity: 0 },
     className: "flex-1 flex flex-col",
     children: [
-      /* @__PURE__ */ a("div", { className: "p-6 pb-2", children: [
-        /* @__PURE__ */ a("div", { className: "flex justify-between items-center mb-4", children: [
-          /* @__PURE__ */ e("span", { className: "text-xs font-semibold uppercase tracking-widest text-brand/80", children: t("verification_step", s) }),
-          /* @__PURE__ */ e("span", { className: "text-xs font-bold text-muted", children: t("kyc_required", s) })
+      /* @__PURE__ */ i("div", { className: "p-6 pb-2", children: [
+        /* @__PURE__ */ i("div", { className: "flex justify-between items-center mb-4", children: [
+          /* @__PURE__ */ e("span", { className: "text-xs font-semibold uppercase tracking-widest text-brand/80", children: t("verification_step", n) }),
+          /* @__PURE__ */ e("span", { className: "text-xs font-bold text-muted", children: t("kyc_required", n) })
         ] }),
-        /* @__PURE__ */ e("div", { className: "w-full bg-brand/10 h-1.5 rounded-full overflow-hidden", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "w-full bg-brand-10 h-1.5 rounded-full overflow-hidden", children: /* @__PURE__ */ e(
           "div",
           {
             className: "bg-brand h-full rounded-full",
@@ -2006,319 +2081,411 @@ const $t = ({
           }
         ) })
       ] }),
-      /* @__PURE__ */ a("div", { className: "flex-1 flex flex-col items-center justify-center px-8 text-center gap-8", children: [
-        /* @__PURE__ */ a("div", { className: "relative group", children: [
+      /* @__PURE__ */ i("div", { className: "flex-1 flex flex-col items-center justify-center px-8 text-center gap-8", children: [
+        /* @__PURE__ */ i("div", { className: "relative group", children: [
           /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-cyan-400/20 blur-3xl rounded-full scale-75 group-hover:scale-100 transition-transform duration-500" }),
-          /* @__PURE__ */ e("div", { className: "relative w-32 h-32 rounded-full bg-gradient-to-tr from-brand-20 to-brand-5 flex items-center justify-center border border-brand-30 shadow-inner", children: /* @__PURE__ */ e(Ee, { className: "w-16 h-16 text-brand" }) }),
-          /* @__PURE__ */ e("div", { className: "absolute bottom-1 right-1 w-8 h-8 rounded-full dark:bg-[#171220] bg-white border-2 border-brand flex items-center justify-center", children: /* @__PURE__ */ e(xe, { className: "w-4 h-4 text-brand" }) })
+          /* @__PURE__ */ e("div", { className: "relative w-32 h-32 rounded-full bg-gradient-to-tr from-brand-20 to-brand-5 flex items-center justify-center border border-brand-30 shadow-inner", children: /* @__PURE__ */ e(Fe, { className: "w-16 h-16 text-brand" }) }),
+          /* @__PURE__ */ e("div", { className: "absolute bottom-1 right-1 w-8 h-8 rounded-full glass-container border-2 border-brand flex items-center justify-center", children: /* @__PURE__ */ e(Te, { className: "w-4 h-4 text-brand" }) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ e("h1", { className: "text-2xl font-bold tracking-tight text-main leading-tight", children: t("security_upgrade_required", s) }),
-          /* @__PURE__ */ e("p", { className: "text-muted text-base leading-relaxed font-medium", children: t("security_upgrade_desc", s) })
+        /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ e("h1", { className: "text-2xl font-bold tracking-tight text-main leading-tight", children: t("security_upgrade_required", n) }),
+          /* @__PURE__ */ e("p", { className: "text-muted text-base leading-relaxed font-medium", children: t("security_upgrade_desc", n) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex flex-wrap justify-center gap-2", children: [
-          /* @__PURE__ */ e("span", { className: "px-3 py-1 bg-brand/10 rounded-xl text-[10px] font-bold text-brand uppercase tracking-tighter border border-brand-10", children: t("biometric_secure", s) }),
-          /* @__PURE__ */ e("span", { className: "px-3 py-1 bg-cyan-400/10 rounded-xl text-[10px] font-bold text-cyan-500 uppercase tracking-tighter border border-cyan-400/10", children: t("zero_knowledge", s) })
+        /* @__PURE__ */ i("div", { className: "flex flex-wrap justify-center gap-2", children: [
+          /* @__PURE__ */ e("span", { className: "px-3 py-1 bg-brand/10 rounded-xl text-[10px] font-bold text-brand uppercase tracking-tighter border border-brand-10", children: t("biometric_secure", n) }),
+          /* @__PURE__ */ e("span", { className: "px-3 py-1 bg-cyan-400/10 rounded-xl text-[10px] font-bold text-cyan-500 uppercase tracking-tighter border border-cyan-400/10", children: t("zero_knowledge", n) })
         ] })
       ] }),
-      /* @__PURE__ */ a("div", { className: "p-8 space-y-4", children: [
+      /* @__PURE__ */ i("div", { className: "p-8 space-y-4", children: [
         /* @__PURE__ */ e(
           "button",
           {
             onClick: r,
             className: "w-full bg-brand hover:bg-brand/90 text-white rounded-2xl py-4 font-bold text-lg shadow-xl shadow-brand transition-all active:scale-[0.98]",
-            children: t("start_upgrade", s)
+            children: t("start_upgrade", n)
           }
         ),
-        i && /* @__PURE__ */ e(
+        a && /* @__PURE__ */ e(
           "button",
           {
-            onClick: i,
-            className: "w-full dark:text-slate-400 text-slate-500 text-sm font-bold dark:hover:text-slate-200 hover:text-slate-800 transition-colors",
-            children: t("do_this_later", s)
+            onClick: a,
+            className: "w-full text-muted text-sm font-bold hover:text-main transition-colors",
+            children: t("do_this_later", n)
           }
         )
       ] })
     ]
   }
-), de = [
-  "position_face",
-  "blink_slowly",
-  "turn_head_left",
-  "turn_head_right",
-  "processing"
-], Kt = ({
+), ke = [
+  "Position your face in the frame",
+  "Blink 3 times naturally",
+  "Open your mouth",
+  "Hold still",
+  "Processing verification..."
+], Pe = (r, a) => Math.sqrt(Math.pow(r.x - a.x, 2) + Math.pow(r.y - a.y, 2)), Zt = ({
   requestId: r,
-  onNext: i,
-  onError: s,
-  apiBaseUrl: o = "https://apis.casperid.com",
-  previewMode: x = !1,
-  language: l = "EN"
+  onNext: a,
+  onError: n,
+  apiBaseUrl: l = "https://apis.casperid.com",
+  apiKey: N = "",
+  previewMode: p = !1,
+  language: f = "EN"
 }) => {
-  const u = re(null), c = re(null), n = re(null), d = re([]), [m, g] = y(0), [z, O] = y(!1), [h, _] = y(""), [f, I] = y(!1), [T, C] = y(!1);
-  F(() => ((async () => {
+  const m = se(null), s = se(null), c = se(null), d = se([]), D = se(null), h = se(null), [A, _] = y(0), [o, I] = y(!1), [g, k] = y(""), [V, w] = y(!1), [T, Y] = y(!1), [W, B] = y(0), [b, C] = y(!1), [S, L] = y(0), O = se(0), F = se(0), G = se(!1), Q = se(0), de = se(!1), ue = (v) => {
+    O.current = v, _(v);
+  }, te = (v) => {
+    F.current = v, B(v);
+  }, ie = (v) => {
+    G.current = v, C(v);
+  }, q = (v) => {
+    Q.current = v, L(v);
+  }, pe = A === 0 ? 0 : A === 1 ? W / 3 * 100 : A === 2 ? S : A === 3 ? 100 : Math.min(100, Math.round(A / (ke.length - 1) * 100));
+  ce(() => ((async () => {
     try {
-      const R = await navigator.mediaDevices.getUserMedia({
-        video: { facingMode: "user", width: 640, height: 480 }
-      });
-      n.current = R, u.current && (u.current.srcObject = R, u.current.onloadedmetadata = () => {
-        O(!0);
+      const { FaceMesh: M } = await import("./face_mesh-DYMPc5Ce.js").then((z) => z.f), { Camera: Z } = await import("./camera_utils-BQaOSBPu.js").then((z) => z.c), fe = new M({
+        locateFile: (z) => `https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh/${z}`
       });
-    } catch (R) {
-      R.name === "NotAllowedError" ? (C(!0), _(t("camera_permission_denied", l))) : _(t("unable_access_camera", l)), s == null || s("Camera access failed");
+      if (fe.setOptions({
+        maxNumFaces: 1,
+        refineLandmarks: !0,
+        minDetectionConfidence: 0.3,
+        minTrackingConfidence: 0.3
+      }), console.log("✅ MediaPipe FaceMesh loaded successfully"), fe.onResults(K), D.current = fe, m.current) {
+        const z = new Z(m.current, {
+          onFrame: async () => {
+            D.current && m.current && await D.current.send({ image: m.current });
+          },
+          width: 640,
+          height: 480
+        });
+        await z.start(), h.current = z, I(!0), console.log("📹 Camera started successfully");
+      }
+    } catch (M) {
+      console.error("FaceMesh initialization error:", M), M.name === "NotAllowedError" ? (Y(!0), k("Camera permission denied. Please enable camera access.")) : k("Unable to initialize face detection. Please try again."), n == null || n("FaceMesh initialization failed");
     }
   })(), () => {
-    n.current && n.current.getTracks().forEach((R) => R.stop());
-  }), [s]), q(() => {
-    if (!u.current || !c.current) return null;
-    const E = c.current, R = u.current, U = E.getContext("2d");
-    return U ? (E.width = R.videoWidth, E.height = R.videoHeight, U.drawImage(R, 0, 0), new Promise((v) => {
-      E.toBlob((k) => v(k), "image/jpeg", 0.8);
-    })) : null;
-  }, []), F(() => {
-    if (!z || f) return;
-    const R = setTimeout(async () => {
-      const U = await new Promise((v) => {
-        if (!u.current || !c.current) {
-          v(null);
-          return;
-        }
-        const k = c.current, w = u.current, A = k.getContext("2d");
-        if (!A) {
-          v(null);
-          return;
-        }
-        k.width = w.videoWidth, k.height = w.videoHeight, A.drawImage(w, 0, 0), k.toBlob((P) => v(P), "image/jpeg", 0.8);
-      });
-      U && d.current.push(U), m < de.length - 1 ? g((v) => v + 1) : N();
-    }, 2500);
-    return () => clearTimeout(R);
-  }, [m, z, f]);
-  const N = async () => {
-    var E;
-    if (I(!0), g(4), x) {
+    h.current && h.current.stop(), c.current && c.current.getTracks().forEach((M) => M.stop());
+  }), []);
+  const K = (v) => {
+    if (!s.current || V) return;
+    const M = s.current, Z = M.getContext("2d");
+    if (!(!Z || !v.image))
+      if (Z.save(), Z.clearRect(0, 0, M.width, M.height), Z.translate(M.width, 0), Z.scale(-1, 1), Z.drawImage(v.image, 0, 0, M.width, M.height), Z.restore(), v.multiFaceLandmarks && v.multiFaceLandmarks.length > 0) {
+        const fe = v.multiFaceLandmarks[0];
+        me(fe);
+      } else
+        console.log("⚠️ No face detected in frame");
+  }, me = (v) => {
+    const M = O.current, Z = F.current, fe = G.current;
+    if (M === 0) {
+      const z = v[1], X = z.x > 0.35 && z.x < 0.65 && z.y > 0.35 && z.y < 0.65;
+      Math.random() < 0.05 && console.log(`📍 Face position: x=${z.x.toFixed(2)}, y=${z.y.toFixed(2)} (centered: ${X})`), X && (console.log("✅ Face centered! Advancing to blink detection..."), setTimeout(() => ue(1), 500));
+    } else if (M === 1) {
+      const z = Pe(v[159], v[145]), X = Pe(v[33], v[133]), he = z / X;
+      if (Math.random() < 0.1 && console.log(`👁️ Eye ratio: ${he.toFixed(3)} (threshold: 0.16, ${he < 0.16 ? "CLOSED" : "OPEN"})`), he < 0.16)
+        fe || (console.log("👁️ Blink started (eye closed)"), ie(!0));
+      else if (fe) {
+        const H = Z + 1;
+        console.log(`✅ Blink detected! Count: ${H}/3`), ie(!1), te(H), ee(), H >= 3 && (console.log("🎉 All 3 blinks completed! Moving to mouth opening step..."), setTimeout(() => {
+          ue(2), q(0);
+        }, 300));
+      }
+    } else if (M === 2) {
+      const z = v[13], X = v[14], he = Pe(z, X), H = v[10], oe = v[152], ge = Pe(H, oe), ae = he / ge, ye = Math.min(ae / 0.15 * 100, 100);
+      q(ye), d.current.length < 15 && ee(), ae > 0.12 && d.current.length >= 10 && !de.current && (de.current = !0, ee(), setTimeout(() => {
+        ue(3), ne();
+      }, 500));
+    }
+  }, ee = () => {
+    !s.current || d.current.length >= 25 || s.current.toBlob((v) => {
+      v && d.current.push(v);
+    }, "image/jpeg", 0.8);
+  }, ne = async () => {
+    var v, M, Z, fe;
+    if (w(!0), ue(4), p) {
       setTimeout(() => {
-        I(!1), i(!0);
+        w(!1), a(!0);
       }, 2e3);
       return;
     }
     try {
-      const R = new FormData();
-      R.append("requestId", r), d.current.forEach((k, w) => {
-        R.append("imageFrames", k, `frame_${w}.jpg`);
-      }), R.append("metadata", JSON.stringify({
-        capturedAt: (/* @__PURE__ */ new Date()).toISOString(),
-        frameCount: d.current.length,
-        instructions: de.slice(0, -1)
-      }));
-      const U = await fetch(`${o}/api/v2/verification/liveness`, {
+      const z = new FormData(), X = !!r, he = X ? `${l}/api/v2/verification/liveness` : `${l}/api/ai/verify-liveness-sequence`;
+      if (X) {
+        z.append("requestId", r);
+        const ae = {
+          totalFrames: d.current.length,
+          stepSequence: ["blink", "open_mouth"],
+          timestamp: Date.now()
+        };
+        z.append("metadata", JSON.stringify(ae)), d.current.slice(-10).forEach((Ae, De) => {
+          z.append("imageFrames", Ae, `frame_${De}.jpg`);
+        });
+      } else
+        d.current.forEach((ae, ye) => {
+          z.append(`frame_${ye}`, ae, `frame_${ye}.jpg`);
+        }), z.append("totalFrames", d.current.length.toString()), z.append("stepSequence", JSON.stringify(["blink", "open_mouth"]));
+      const H = await fetch(he, {
         method: "POST",
-        body: R,
+        headers: {
+          ...N ? { "X-App-Id": N } : {}
+        },
+        body: z,
         credentials: "include"
       });
-      if (!U.ok) {
-        const k = await U.json().catch(() => ({}));
-        throw new Error(k.error || `Liveness check failed with status ${U.status}`);
+      if (!H.ok) {
+        const ae = await H.json().catch(() => ({}));
+        throw new Error(ae.error || `Liveness check failed with status ${H.status}`);
+      }
+      const oe = await H.json();
+      if (X ? oe.success && (((v = oe.liveness) == null ? void 0 : v.success) || ((M = oe.liveness) == null ? void 0 : M.status) === "completed" || ((Z = oe.liveness) == null ? void 0 : Z.status) === "approved") : oe.success && oe.passed)
+        h.current && h.current.stop(), c.current && c.current.getTracks().forEach((ae) => ae.stop()), a(!0);
+      else {
+        const ae = oe.error || ((fe = oe.liveness) == null ? void 0 : fe.error) || "Liveness check failed. Please try again.";
+        k(ae), ue(0), te(0), q(0), d.current = [], w(!1), de.current = !1;
       }
-      const v = await U.json();
-      v.success && ((E = v.liveness) != null && E.passed) ? (n.current && n.current.getTracks().forEach((k) => k.stop()), i(!0)) : (_(v.error || "Liveness check failed. Please try again."), g(0), d.current = [], I(!1));
     } catch {
-      _("Verification failed. Please try again."), g(0), d.current = [], I(!1), s == null || s("Liveness submission failed");
+      k("Verification failed. Please try again."), ue(0), te(0), q(0), d.current = [], w(!1), n == null || n("Liveness submission failed");
     }
-  }, j = () => {
-    _(""), g(0), d.current = [], I(!1);
+  }, U = () => {
+    k(""), ue(0), te(0), q(0), d.current = [], w(!1), de.current = !1;
   };
-  return T ? /* @__PURE__ */ a(
-    V.div,
+  return T ? /* @__PURE__ */ i(
+    P.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
-      className: "flex-1 flex flex-col items-center justify-center px-8 text-center",
+      className: "flex-1 flex flex-col items-center justify-center px-8 text-center bg-black",
       children: [
-        /* @__PURE__ */ e(se, { className: "w-16 h-16 text-red-500 mb-6" }),
-        /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-main mb-3", children: "Camera Access Required" }),
-        /* @__PURE__ */ e("p", { className: "text-muted text-sm mb-6", children: "Please enable camera access in your browser settings to continue with face verification." }),
+        /* @__PURE__ */ e("div", { className: "w-16 h-16 text-red-500 mb-6 text-5xl", children: "⚠️" }),
+        /* @__PURE__ */ e("h2", { className: "text-xl font-bold text-white mb-3", children: "Camera Access Required" }),
+        /* @__PURE__ */ e("p", { className: "text-gray-400 text-sm mb-6", children: "Please enable camera access in your browser settings to continue with face verification." }),
         /* @__PURE__ */ e(
           "button",
           {
             onClick: () => window.location.reload(),
-            className: "px-6 py-3 bg-brand text-white rounded-2xl font-bold",
+            className: "px-6 py-3 bg-[#8651e1] text-white rounded-2xl font-bold",
             children: "Try Again"
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ a(
-    V.div,
+  ) : /* @__PURE__ */ i(
+    P.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
-      className: "flex-1 flex flex-col relative dark:bg-[#050a0a] bg-slate-50 overflow-hidden",
+      className: "flex-1 flex flex-col relative bg-black overflow-hidden",
       children: [
-        /* @__PURE__ */ e("canvas", { ref: c, className: "hidden" }),
-        /* @__PURE__ */ e("div", { className: "absolute inset-0 z-0", children: /* @__PURE__ */ e("div", { className: "w-full h-full opacity-20 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-[#6fe8ec]/30 via-transparent to-transparent" }) }),
-        /* @__PURE__ */ e("div", { className: "relative z-40 pt-12 pb-4 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2 px-4 py-1.5 dark:bg-black/40 bg-white/40 backdrop-blur-md rounded-xl border dark:border-white/5 border-black/5", children: [
-          /* @__PURE__ */ e("div", { className: `w-2 h-2 rounded-full ${z ? "bg-[#6fe8ec] shadow-[0_0_8px_#6fe8ec]" : "bg-yellow-500 animate-pulse"}` }),
-          /* @__PURE__ */ e("span", { className: "text-[10px] text-muted uppercase tracking-[0.2em] font-bold", children: t(z ? "live_camera" : "initializing", l) })
-        ] }) }),
-        /* @__PURE__ */ a("div", { className: "relative z-20 flex-1 flex items-center justify-center", children: [
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: "absolute inset-0 z-10 dark:bg-[#050a0a]/80 bg-white/80 backdrop-blur-[2px]",
-              style: {
-                mask: "radial-gradient(ellipse 100px 145px at center, transparent 99%, black 100%)",
-                WebkitMask: "radial-gradient(ellipse 100px 145px at center, transparent 99%, black 100%)"
-              }
-            }
-          ),
-          /* @__PURE__ */ a("div", { className: "relative z-30 flex items-center justify-center", children: [
-            /* @__PURE__ */ a("div", { className: "w-[200px] h-[290px] flex-shrink-0 rounded-full border-[3px] border-[#6fe8ec] shadow-[0_0_40px_rgba(111,232,236,0.4),inset_0_0_20px_rgba(111,232,236,0.2)] relative overflow-hidden", children: [
-              /* @__PURE__ */ e(
-                "video",
-                {
-                  ref: u,
-                  autoPlay: !0,
-                  playsInline: !0,
-                  muted: !0,
-                  className: "absolute inset-0 w-full h-full object-cover scale-x-[-1]"
-                }
-              ),
-              /* @__PURE__ */ e(
-                V.div,
-                {
-                  animate: { opacity: [0.4, 1, 0.4] },
-                  transition: { duration: 2, repeat: 1 / 0 },
-                  className: "absolute inset-0 rounded-full border-[1px] border-white/30"
-                }
-              ),
-              /* @__PURE__ */ e(
-                V.div,
-                {
-                  animate: { top: ["-10%", "110%"] },
-                  transition: { duration: 3, repeat: 1 / 0, ease: "easeInOut" },
-                  className: "absolute left-0 w-full h-[3px] bg-gradient-to-r from-transparent via-[#6fe8ec] to-transparent shadow-[0_0_20px_#6fe8ec] z-10"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ a("div", { className: "absolute w-[280px] h-[380px] pointer-events-none flex items-center justify-center", children: [
-              /* @__PURE__ */ e("div", { className: "absolute top-0 left-0 w-10 h-10 border-t-2 border-l-2 border-[#6fe8ec]/30 rounded-tl-2xl" }),
-              /* @__PURE__ */ e("div", { className: "absolute top-0 right-0 w-10 h-10 border-t-2 border-r-2 border-[#6fe8ec]/30 rounded-tr-2xl" }),
-              /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 w-10 h-10 border-b-2 border-l-2 border-[#6fe8ec]/30 rounded-bl-2xl" }),
-              /* @__PURE__ */ e("div", { className: "absolute bottom-0 right-0 w-10 h-10 border-b-2 border-r-2 border-[#6fe8ec]/30 rounded-br-2xl" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ a("footer", { className: "relative z-40 p-8 flex flex-col items-center gap-6", children: [
-          h ? /* @__PURE__ */ a("div", { className: "dark:bg-red-900/30 bg-red-50 backdrop-blur-2xl border border-red-500/30 w-full p-6 rounded-[2.5rem] text-center", children: [
-            /* @__PURE__ */ e("p", { className: "text-red-500 font-bold text-lg mb-4", children: h }),
+        /* @__PURE__ */ e(
+          "video",
+          {
+            ref: m,
+            className: "hidden",
+            playsInline: !0,
+            muted: !0
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "absolute inset-0 z-0 bg-gradient-to-b from-transparent via-[#8651e1]/5 to-[#8651e1]/10 pointer-events-none" }),
+        /* @__PURE__ */ e("div", { className: "relative z-20 flex-1 flex flex-col items-center justify-center pt-8", children: /* @__PURE__ */ i("div", { className: "relative w-72 h-96 flex items-center justify-center", children: [
+          /* @__PURE__ */ i("div", { className: "absolute inset-0 rounded-[3rem] overflow-hidden border-2 border-slate-200 dark:border-white/10 shadow-2xl", children: [
             /* @__PURE__ */ e(
-              "button",
+              "canvas",
               {
-                onClick: j,
-                className: "px-6 py-2 bg-red-500 text-white rounded-xl font-bold",
-                children: "Try Again"
+                ref: s,
+                width: 640,
+                height: 480,
+                className: "w-full h-full object-cover"
               }
-            )
-          ] }) : /* @__PURE__ */ a("div", { className: "dark:bg-[#0a1515]/95 bg-white/90 backdrop-blur-2xl border dark:border-white/10 border-black/5 w-full p-6 rounded-2xl text-center shadow-2xl", children: [
-            /* @__PURE__ */ e(Ce, { mode: "wait", children: /* @__PURE__ */ e(
-              V.p,
-              {
-                initial: { opacity: 0, y: 10 },
-                animate: { opacity: 1, y: 0 },
-                exit: { opacity: 0, y: -10 },
-                className: "text-[#6fe8ec] font-bold text-2xl tracking-tight mb-2",
-                children: f ? /* @__PURE__ */ a("span", { className: "flex items-center justify-center gap-3", children: [
-                  /* @__PURE__ */ e(ee, { className: "w-6 h-6 animate-spin" }),
-                  "Verifying..."
-                ] }) : t(de[m], l)
-              },
-              m
-            ) }),
-            /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 text-muted text-[10px] font-bold uppercase tracking-widest", children: [
-              /* @__PURE__ */ e(Ae, { className: "w-3 h-3" }),
-              t("secure_face_scan_desc", l)
-            ] })
+            ),
+            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-[#8651e1]/10 mix-blend-overlay" }),
+            /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-t from-black via-transparent to-transparent h-1/3 mt-auto" })
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex gap-2 w-full max-w-[140px]", children: [0, 1, 2].map((E) => /* @__PURE__ */ e(
-            "div",
+          /* @__PURE__ */ e("div", { className: "absolute inset-0 z-30 pointer-events-none", children: [
+            { t: "30%", l: "50%" },
+            { t: "35%", l: "40%" },
+            { t: "35%", l: "60%" },
+            { t: "45%", l: "50%" },
+            { t: "52%", l: "35%" },
+            { t: "52%", l: "65%" },
+            { t: "60%", l: "45%" },
+            { t: "60%", l: "55%" },
+            { t: "70%", l: "50%" }
+          ].map((v, M) => /* @__PURE__ */ e(
+            P.div,
             {
-              className: `h-1.5 flex-1 rounded-full transition-all duration-700 ${E <= Math.floor(m / (de.length - 1) * 2) ? "bg-[#6fe8ec] shadow-[0_0_15px_#6fe8ec]" : "dark:bg-slate-800 bg-slate-200"}`
+              initial: { scale: 0, opacity: 0 },
+              animate: {
+                scale: [0, 1.5, 1],
+                opacity: pe > M * 11 ? 1 : 0
+              },
+              className: "absolute w-2 h-2 bg-[#6DE8EC] rounded-full shadow-[0_0_12px_#6DE8EC]",
+              style: { top: v.t, left: v.l }
             },
-            E
+            M
           )) }),
-          /* @__PURE__ */ a("div", { className: "px-6 py-2.5 dark:bg-black/60 bg-white/60 backdrop-blur-md rounded-xl border dark:border-white/5 border-black/5 flex items-center gap-3", children: [
+          /* @__PURE__ */ i("div", { className: "absolute -inset-6 z-40", children: [
             /* @__PURE__ */ e(
-              "div",
+              P.div,
+              {
+                animate: { opacity: [0.3, 1, 0.3] },
+                transition: { duration: 2, repeat: 1 / 0 },
+                className: "absolute top-0 left-0 w-20 h-20 border-t-4 border-l-4 border-[#14b8a6] rounded-tl-[3.5rem]"
+              }
+            ),
+            /* @__PURE__ */ e(
+              P.div,
               {
-                className: `w-2 h-2 rounded-full ${f ? "bg-yellow-400 animate-pulse" : m === de.length - 1 ? "bg-emerald-400 shadow-[0_0_10px_#34d399]" : "bg-[#6fe8ec] animate-pulse"}`
+                animate: { opacity: [0.3, 1, 0.3] },
+                transition: { duration: 2, repeat: 1 / 0 },
+                className: "absolute top-0 right-0 w-20 h-20 border-t-4 border-r-4 border-[#14b8a6] rounded-tr-[3.5rem]"
               }
             ),
-            /* @__PURE__ */ e("span", { className: "text-[10px] dark:text-slate-400 text-slate-600 uppercase tracking-[0.25em] font-black", children: f ? t("analyzing_liveness", l) : m === de.length - 1 ? t("calibration_complete", l) : t("awaiting_calibration", l) })
+            /* @__PURE__ */ e(
+              P.div,
+              {
+                animate: { opacity: [0.3, 1, 0.3] },
+                transition: { duration: 2, repeat: 1 / 0 },
+                className: "absolute bottom-0 left-0 w-20 h-20 border-b-4 border-l-4 border-[#14b8a6] rounded-bl-[3.5rem]"
+              }
+            ),
+            /* @__PURE__ */ e(
+              P.div,
+              {
+                animate: { opacity: [0.3, 1, 0.3] },
+                transition: { duration: 2, repeat: 1 / 0 },
+                className: "absolute bottom-0 right-0 w-20 h-20 border-b-4 border-r-4 border-[#14b8a6] rounded-br-[3.5rem]"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            P.div,
+            {
+              animate: { top: ["0%", "100%"] },
+              transition: { duration: 3, repeat: 1 / 0, ease: "linear" },
+              className: "absolute left-0 right-0 h-1 bg-gradient-to-r from-transparent via-[#6DE8EC] to-transparent shadow-[0_0_15px_#6DE8EC] z-50 pointer-events-none",
+              style: { borderRadius: "100%" }
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ i("div", { className: "relative z-50 px-8 pb-20 pt-4 flex flex-col items-center gap-6", children: [
+          g ? /* @__PURE__ */ i(
+            P.div,
+            {
+              initial: { opacity: 0, scale: 0.9 },
+              animate: { opacity: 1, scale: 1 },
+              className: "bg-red-900/30 border border-red-500/50 p-6 rounded-3xl w-full text-center",
+              children: [
+                /* @__PURE__ */ e("p", { className: "text-red-400 font-bold text-lg mb-4", children: g }),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    onClick: U,
+                    className: "px-8 py-3 bg-red-500 hover:bg-red-600 text-white rounded-xl font-bold transition-colors",
+                    children: "Try Again"
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ e(Me, { mode: "wait", children: /* @__PURE__ */ e(
+            P.div,
+            {
+              initial: { opacity: 0, y: 10, filter: "blur(5px)" },
+              animate: { opacity: 1, y: 0, filter: "blur(0px)" },
+              exit: { opacity: 0, y: -10, filter: "blur(5px)" },
+              className: "text-white text-center font-bold text-xl leading-tight min-h-[3rem] flex items-center justify-center drop-shadow-lg flex-col gap-2",
+              children: V && A === 4 ? /* @__PURE__ */ i("span", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ i("svg", { className: "animate-spin h-5 w-5", viewBox: "0 0 24 24", children: [
+                  /* @__PURE__ */ e("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", fill: "none" }),
+                  /* @__PURE__ */ e("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+                ] }),
+                ke[A]
+              ] }) : /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e("span", { children: ke[A] }),
+                A === 1 && /* @__PURE__ */ i("span", { className: "text-[#6DE8EC] text-2xl", children: [
+                  "(",
+                  W,
+                  "/3)"
+                ] })
+              ] })
+            },
+            A === 1 ? `${ke[A]}-${W}` : ke[A]
+          ) }),
+          /* @__PURE__ */ e("div", { className: "w-full max-w-[240px] h-1.5 bg-slate-200 dark:bg-white/10 rounded-full overflow-hidden", children: /* @__PURE__ */ e(
+            P.div,
+            {
+              className: "h-full bg-gradient-to-r from-[#8651e1] to-[#6DE8EC]",
+              animate: { width: `${pe}%` },
+              transition: { duration: 0.3 }
+            }
+          ) }),
+          !g && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 text-gray-400 text-xs", children: [
+            /* @__PURE__ */ e("div", { className: `w-2 h-2 rounded-full ${o ? "bg-[#6DE8EC] shadow-[0_0_8px_#6DE8EC]" : "bg-yellow-500 animate-pulse"}` }),
+            /* @__PURE__ */ e("span", { className: "uppercase tracking-widest font-bold", children: o ? "LIVE CAMERA" : "INITIALIZING..." })
           ] })
         ] })
       ]
     }
   );
-}, Wt = [
-  { id: "passport", title: "Passport", desc: "All countries supported", Icon: We },
-  { id: "drivers_license", title: "Driver License", desc: "Government issued card", Icon: Ke },
-  { id: "national_id", title: "ID Card", desc: "National identity document", Icon: De }
-], Gt = ({ onNext: r, language: i = "EN" }) => /* @__PURE__ */ a(
-  V.div,
+}, Xt = [
+  { id: "passport", title: "Passport", desc: "All countries supported", Icon: et },
+  { id: "drivers_license", title: "Driver License", desc: "Government issued card", Icon: Qe },
+  { id: "national_id", title: "ID Card", desc: "National identity document", Icon: qe }
+], Qt = ({ onNext: r, language: a = "EN" }) => /* @__PURE__ */ i(
+  P.div,
   {
     initial: { opacity: 0, x: 20 },
     animate: { opacity: 1, x: 0 },
     exit: { opacity: 0, x: -20 },
     className: "flex-1 px-6 pt-4 flex flex-col",
     children: [
-      /* @__PURE__ */ e("h3", { className: "text-2xl font-bold mb-2 text-main", children: t("verify_identity", i) }),
-      /* @__PURE__ */ e("p", { className: "text-muted text-sm mb-8 leading-relaxed", children: t("choose_document", i) }),
-      /* @__PURE__ */ a("div", { className: "space-y-4 overflow-y-auto pr-1 pb-6", children: [
-        Wt.map(({ id: s, title: o, desc: x, Icon: l }) => /* @__PURE__ */ a(
+      /* @__PURE__ */ e("h3", { className: "text-2xl font-bold mb-2 text-main", children: t("verify_identity", a) }),
+      /* @__PURE__ */ e("p", { className: "text-muted text-sm mb-8 leading-relaxed", children: t("choose_document", a) }),
+      /* @__PURE__ */ i("div", { className: "space-y-4 overflow-y-auto pr-1 pb-6", children: [
+        Xt.map(({ id: n, title: l, desc: N, Icon: p }) => /* @__PURE__ */ i(
           "button",
           {
-            onClick: () => r(s),
+            onClick: () => r(n),
             className: "w-full group cursor-pointer dark:bg-white/5 bg-slate-100/50 border dark:border-white/10 border-slate-200 rounded-2xl p-5 flex items-center gap-4 hover:dark:bg-brand/15 hover:bg-brand/5 hover:dark:border-brand-40 hover:border-brand-30 transition-all transform hover:-translate-y-1",
             children: [
-              /* @__PURE__ */ e("div", { className: "w-14 h-14 rounded-xl dark:bg-slate-800/50 bg-white flex items-center justify-center text-brand group-hover:bg-brand/20 transition-colors border dark:border-transparent border-slate-100", children: /* @__PURE__ */ e(l, { className: "w-8 h-8" }) }),
-              /* @__PURE__ */ a("div", { className: "flex-1 text-left", children: [
-                /* @__PURE__ */ e("h4", { className: "font-bold text-base text-main", children: t(s, i) }),
-                /* @__PURE__ */ e("p", { className: "text-xs text-muted font-medium", children: t(`${s}_desc`, i) })
+              /* @__PURE__ */ e("div", { className: "w-14 h-14 rounded-xl dark:bg-slate-800/50 bg-white flex items-center justify-center text-brand group-hover:bg-brand/20 transition-colors border dark:border-transparent border-slate-100", children: /* @__PURE__ */ e(p, { className: "w-8 h-8" }) }),
+              /* @__PURE__ */ i("div", { className: "flex-1 text-left", children: [
+                /* @__PURE__ */ e("h4", { className: "font-bold text-base text-main", children: t(n, a) }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-muted font-medium", children: t(`${n}_desc`, a) })
               ] }),
-              /* @__PURE__ */ e(Ie, { className: "text-brand w-5 h-5" })
+              /* @__PURE__ */ e(Le, { className: "text-brand w-5 h-5" })
             ]
           },
-          s
+          n
         )),
-        /* @__PURE__ */ a("div", { className: "mt-8 relative h-32 w-full rounded-2xl overflow-hidden dark:bg-white/5 bg-slate-100/30 flex items-center justify-center border border-dashed dark:border-brand-30 border-brand-40", children: [
+        /* @__PURE__ */ i("div", { className: "mt-8 relative h-32 w-full rounded-2xl overflow-hidden dark:bg-white/5 bg-slate-100/30 flex items-center justify-center border border-dashed dark:border-brand-30 border-brand-40", children: [
           /* @__PURE__ */ e("div", { className: "absolute inset-0 opacity-10 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-brand via-transparent to-transparent" }),
-          /* @__PURE__ */ a("div", { className: "text-center z-10", children: [
-            /* @__PURE__ */ e(fe, { className: "text-brand/40 w-10 h-10 mx-auto mb-1" }),
+          /* @__PURE__ */ i("div", { className: "text-center z-10", children: [
+            /* @__PURE__ */ e(Se, { className: "text-brand/40 w-10 h-10 mx-auto mb-1" }),
             /* @__PURE__ */ e("p", { className: "text-[10px] text-muted uppercase tracking-tighter font-bold", children: "Encrypted E2E" })
           ] })
         ] })
       ] })
     ]
   }
-), Yt = (r) => ({
+), ei = (r) => ({
   passport: t("passport", r),
   drivers_license: t("drivers_license", r),
   national_id: t("national_id", r)
-}), Jt = ({
+}), ti = ({
   requestId: r,
-  documentType: i,
-  onNext: s,
-  onError: o,
-  apiBaseUrl: x = "https://apis.casperid.com",
-  previewMode: l = !1,
-  language: u = "EN"
+  documentType: a,
+  onNext: n,
+  onError: l,
+  apiBaseUrl: N = "https://apis.casperid.com",
+  apiKey: p = "",
+  previewMode: f = !1,
+  language: m = "EN"
 }) => {
-  const c = re(null), n = re(null), d = re(null), [m, g] = y(!1), [z, O] = y(null), [h, _] = y(null), [f, I] = y(!1), [T, C] = y(""), [N, j] = y("front"), [E, R] = y(null);
-  F(() => ((async () => {
+  const s = se(null), c = se(null), d = se(null), [D, h] = y(!1), [A, _] = y(null), [o, I] = y(null), [g, k] = y(!1), [V, w] = y(""), [T, Y] = y("front"), [W, B] = y(null);
+  ce(() => ((async () => {
     try {
-      const A = await navigator.mediaDevices.getUserMedia({
+      const O = await navigator.mediaDevices.getUserMedia({
         video: {
           facingMode: "environment",
           // Use back camera for documents
@@ -2326,100 +2493,111 @@ const $t = ({
           height: { ideal: 720 }
         }
       });
-      d.current = A, c.current && (c.current.srcObject = A, c.current.onloadedmetadata = () => {
-        g(!0);
+      d.current = O, s.current && (s.current.srcObject = O, s.current.onloadedmetadata = () => {
+        h(!0);
       });
     } catch {
       try {
-        const P = await navigator.mediaDevices.getUserMedia({
+        const F = await navigator.mediaDevices.getUserMedia({
           video: { facingMode: "user", width: { ideal: 1280 }, height: { ideal: 720 } }
         });
-        d.current = P, c.current && (c.current.srcObject = P, c.current.onloadedmetadata = () => {
-          g(!0);
+        d.current = F, s.current && (s.current.srcObject = F, s.current.onloadedmetadata = () => {
+          h(!0);
         });
       } catch {
-        C(t("unable_access_camera", u)), o == null || o("Camera access failed");
+        w(t("unable_access_camera", m)), l == null || l("Camera access failed");
       }
     }
   })(), () => {
-    d.current && d.current.getTracks().forEach((A) => A.stop()), h && URL.revokeObjectURL(h);
-  }), [o]);
-  const U = async () => {
-    if (!c.current || !n.current) return;
-    const w = n.current, A = c.current, P = w.getContext("2d");
-    P && (w.width = A.videoWidth, w.height = A.videoHeight, P.drawImage(A, 0, 0), w.toBlob((K) => {
-      K && (O(K), _(URL.createObjectURL(K)));
+    d.current && d.current.getTracks().forEach((O) => O.stop()), o && URL.revokeObjectURL(o);
+  }), [l]);
+  const b = async () => {
+    if (!s.current || !c.current) return;
+    const L = c.current, O = s.current, F = L.getContext("2d");
+    F && (L.width = O.videoWidth, L.height = O.videoHeight, F.drawImage(O, 0, 0), L.toBlob((G) => {
+      G && (_(G), I(URL.createObjectURL(G)));
     }, "image/jpeg", 0.9));
-  }, v = () => {
-    h && URL.revokeObjectURL(h), O(null), _(null), C("");
-  }, k = async () => {
-    if (I(!0), l) {
+  }, C = () => {
+    o && URL.revokeObjectURL(o), _(null), I(null), w("");
+  }, S = async () => {
+    if (k(!0), f) {
       setTimeout(() => {
-        I(!1), s({
+        k(!1), n({
           first_name: "JOHN",
           last_name: "DOE",
           date_of_birth: "01 JAN 1990",
-          nationality: "Nigerian"
-        }, "mock-upload-id-789");
+          nationality: ""
+        }, "mock-upload-id-789", {
+          frontImageUrl: "mock-front-url",
+          frontImageFileId: "mock-front-id",
+          backImageUrl: "mock-back-url",
+          backImageFileId: "mock-back-id"
+        });
       }, 2e3);
       return;
     }
-    if (!z) {
-      I(!1);
+    if (!A) {
+      k(!1);
       return;
     }
-    if (N === "front" && i !== "passport") {
-      R(z), O(null), _(null), j("back"), I(!1);
+    if (T === "front" && a !== "passport") {
+      B(A), _(null), I(null), Y("back"), k(!1);
       return;
     }
-    I(!0), C("");
+    k(!0), w("");
     try {
-      const w = new FormData();
-      w.append("document_type", i), E ? (w.append("front_image", E, "front.jpg"), w.append("back_image", z, "back.jpg")) : w.append("front_image", z, "document.jpg");
-      const A = await fetch(`${x}/api/v2/verification/layer3/documents/upload`, {
+      const L = new FormData();
+      L.append("document_type", a), W ? (L.append("front_image", W, "front.jpg"), L.append("back_image", A, "back.jpg")) : L.append("front_image", A, "document.jpg");
+      const O = await fetch(`${N}/api/v2/verification/layer3/documents/upload`, {
         method: "POST",
-        body: w,
+        body: L,
         credentials: "include",
         headers: {
-          "X-Request-Id": r
+          "X-Request-Id": r,
+          ...p ? { "X-App-Id": p } : {}
         }
       });
-      if (!A.ok) {
-        const K = await A.json().catch(() => ({}));
-        throw new Error(K.error || `Document upload failed with status ${A.status}`);
+      if (!O.ok) {
+        const G = await O.json().catch(() => ({}));
+        throw new Error(G.error || `Document upload failed with status ${O.status}`);
       }
-      const P = await A.json();
-      P.success && P.extracted_data ? (d.current && d.current.getTracks().forEach((K) => K.stop()), s(P.extracted_data, P.upload_id || "")) : (C(P.error || "Failed to process document. Please try again."), I(!1));
+      const F = await O.json();
+      F.success && F.extracted_data ? (d.current && d.current.getTracks().forEach((G) => G.stop()), n(F.extracted_data, F.upload_id || "", {
+        frontImageUrl: F.front_image_url,
+        frontImageFileId: F.front_image_file_id,
+        backImageUrl: F.back_image_url,
+        backImageFileId: F.back_image_file_id
+      })) : (w(F.error || "Failed to process document. Please try again."), k(!1));
     } catch {
-      C("Upload failed. Please try again."), I(!1), o == null || o("Document upload failed");
+      w("Upload failed. Please try again."), k(!1), l == null || l("Document upload failed");
     }
   };
-  return /* @__PURE__ */ a(
-    V.div,
+  return /* @__PURE__ */ i(
+    P.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       className: "flex-1 flex flex-col relative",
       children: [
-        /* @__PURE__ */ e("canvas", { ref: n, className: "hidden" }),
-        /* @__PURE__ */ a("div", { className: "absolute inset-0 z-0", children: [
-          /* @__PURE__ */ e("div", { className: "w-full h-full bg-slate-800 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-full h-full opacity-30 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-[#6DE8EC]/20 via-transparent to-transparent" }) }),
+        /* @__PURE__ */ e("canvas", { ref: c, className: "hidden" }),
+        /* @__PURE__ */ i("div", { className: "absolute inset-0 z-0", children: [
+          /* @__PURE__ */ e("div", { className: "w-full h-full bg-main opacity-10 flex items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-full h-full opacity-30 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-[#6DE8EC]/20 via-transparent to-transparent" }) }),
           /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-black/30 backdrop-blur-[2px]" })
         ] }),
-        /* @__PURE__ */ e("div", { className: "relative z-10 p-6 flex flex-col items-center", children: /* @__PURE__ */ e("div", { className: "text-center px-4 py-2 dark:bg-black/40 bg-white/40 backdrop-blur-xl rounded-full border dark:border-white/10 border-black/5", children: /* @__PURE__ */ e("h3", { className: "text-main text-sm font-medium tracking-wide uppercase", children: t("scan_instruction", u).replace("{side}", t(N, u)).replace("{docType}", Yt(u)[i]) }) }) }),
-        /* @__PURE__ */ e("div", { className: "relative z-10 flex-1 flex items-center justify-center px-6", children: /* @__PURE__ */ a("div", { className: "w-full aspect-[1.58/1] relative", children: [
-          h ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "relative z-10 p-6 flex flex-col items-center", children: /* @__PURE__ */ e("div", { className: "text-center px-4 py-2 bg-brand-10 backdrop-blur-xl rounded-full border border-brand-10", children: /* @__PURE__ */ e("h3", { className: "text-main text-sm font-medium tracking-wide uppercase", children: t("scan_instruction", m).replace("{side}", t(T, m)).replace("{docType}", ei(m)[a]) }) }) }),
+        /* @__PURE__ */ e("div", { className: "relative z-10 flex-1 flex items-center justify-center px-6", children: /* @__PURE__ */ i("div", { className: "w-full aspect-[1.58/1] relative", children: [
+          o ? /* @__PURE__ */ e(
             "img",
             {
-              src: h,
+              src: o,
               alt: "Captured document",
               className: "absolute inset-0 w-full h-full object-cover rounded-2xl"
             }
           ) : /* @__PURE__ */ e(
             "video",
             {
-              ref: c,
+              ref: s,
               autoPlay: !0,
               playsInline: !0,
               muted: !0,
@@ -2431,453 +2609,531 @@ const $t = ({
           /* @__PURE__ */ e("div", { className: "absolute top-0 right-0 w-8 h-8 border-t-4 border-r-4 border-[#6DE8EC] rounded-tr-2xl" }),
           /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 w-8 h-8 border-b-4 border-l-4 border-[#6DE8EC] rounded-bl-2xl" }),
           /* @__PURE__ */ e("div", { className: "absolute bottom-0 right-0 w-8 h-8 border-b-4 border-r-4 border-[#6DE8EC] rounded-br-2xl" }),
-          !h && m && /* @__PURE__ */ e(
-            V.div,
+          !o && D && /* @__PURE__ */ e(
+            P.div,
             {
               animate: { top: ["0%", "100%", "0%"] },
               transition: { duration: 4, repeat: 1 / 0, ease: "linear" },
               className: "absolute left-0 w-full h-[2px] bg-gradient-to-r from-transparent via-[#6DE8EC] to-transparent opacity-50"
             }
           ),
-          !m && !h && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 rounded-2xl", children: /* @__PURE__ */ e(ee, { className: "w-8 h-8 text-[#6DE8EC] animate-spin" }) })
+          !D && !o && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 rounded-2xl", children: /* @__PURE__ */ e(_e, { className: "w-8 h-8 text-[#6DE8EC] animate-spin" }) })
         ] }) }),
-        T && /* @__PURE__ */ a("div", { className: "relative z-10 mx-6 mb-4 p-4 bg-red-500/20 border border-red-500/30 rounded-xl flex items-center gap-3", children: [
-          /* @__PURE__ */ e(se, { className: "w-5 h-5 text-red-500 shrink-0" }),
-          /* @__PURE__ */ e("p", { className: "text-red-400 text-sm font-medium", children: T })
+        V && /* @__PURE__ */ i("div", { className: "relative z-10 mx-6 mb-4 p-4 bg-red-500/20 border border-red-500/30 rounded-xl flex items-center gap-3", children: [
+          /* @__PURE__ */ e(ve, { className: "w-5 h-5 text-red-500 shrink-0" }),
+          /* @__PURE__ */ e("p", { className: "text-red-400 text-sm font-medium", children: V })
         ] }),
-        /* @__PURE__ */ a("div", { className: "relative z-10 p-8 dark:bg-black/60 bg-white/60 backdrop-blur-2xl border-t dark:border-white/10 border-black/5 rounded-t-3xl", children: [
-          /* @__PURE__ */ e("p", { className: "text-muted text-xs text-center mb-6 font-medium", children: t(h ? "review_capture" : "align_document", u) }),
-          /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-4", children: h ? /* @__PURE__ */ a($, { children: [
+        /* @__PURE__ */ i("div", { className: "relative z-10 p-8 glass-container backdrop-blur-2xl border-t border-brand-10 rounded-t-3xl", children: [
+          /* @__PURE__ */ e("p", { className: "text-muted text-xs text-center mb-6 font-medium", children: t(o ? "review_capture" : "align_document", m) }),
+          /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-4", children: o ? /* @__PURE__ */ i(re, { children: [
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: v,
-                disabled: f,
-                className: "w-12 h-12 rounded-xl dark:bg-white/5 bg-black/5 flex items-center justify-center text-muted disabled:opacity-50",
-                children: /* @__PURE__ */ e(It, { className: "w-6 h-6" })
+                onClick: C,
+                disabled: g,
+                className: "w-12 h-12 rounded-xl bg-brand-5 flex items-center justify-center text-muted disabled:opacity-50",
+                children: /* @__PURE__ */ e(Rt, { className: "w-6 h-6" })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: k,
-                disabled: f,
+                onClick: S,
+                disabled: g,
                 className: "flex-1 bg-brand hover:bg-brand/90 text-white h-14 rounded-2xl flex items-center justify-center gap-2 font-bold text-lg transition-all active:scale-95 shadow-[0_0_25px_rgba(130,66,240,0.5)] disabled:opacity-70",
-                children: f ? /* @__PURE__ */ a($, { children: [
-                  /* @__PURE__ */ e(ee, { className: "w-6 h-6 animate-spin" }),
-                  /* @__PURE__ */ e("span", { children: t("processing", u) })
-                ] }) : /* @__PURE__ */ e("span", { children: t(N === "front" && i !== "passport" ? "next_back_side" : "confirm", u) })
+                children: g ? /* @__PURE__ */ i(re, { children: [
+                  /* @__PURE__ */ e(_e, { className: "w-6 h-6 animate-spin" }),
+                  /* @__PURE__ */ e("span", { children: t("processing", m) })
+                ] }) : /* @__PURE__ */ e("span", { children: t(T === "front" && a !== "passport" ? "next_back_side" : "confirm", m) })
               }
             ),
             /* @__PURE__ */ e("div", { className: "w-12 h-12" }),
             " "
-          ] }) : /* @__PURE__ */ a($, { children: [
-            /* @__PURE__ */ e("button", { className: "w-12 h-12 rounded-xl dark:bg-white/5 bg-black/5 flex items-center justify-center text-muted", children: /* @__PURE__ */ e(gt, { className: "w-6 h-6" }) }),
-            /* @__PURE__ */ a(
+          ] }) : /* @__PURE__ */ i(re, { children: [
+            /* @__PURE__ */ e("button", { className: "w-12 h-12 rounded-xl bg-brand-5 flex items-center justify-center text-muted", children: /* @__PURE__ */ e(It, { className: "w-6 h-6" }) }),
+            /* @__PURE__ */ i(
               "button",
               {
-                onClick: U,
-                disabled: !m,
+                onClick: b,
+                disabled: !D,
                 className: "flex-1 bg-brand hover:bg-brand/90 text-white h-14 rounded-2xl flex items-center justify-center gap-2 font-bold text-lg transition-all active:scale-95 shadow-[0_0_25px_rgba(130,66,240,0.5)] disabled:opacity-50",
                 children: [
-                  /* @__PURE__ */ e(_t, { className: "w-6 h-6" }),
-                  /* @__PURE__ */ e("span", { children: t("capture", u) })
+                  /* @__PURE__ */ e(wt, { className: "w-6 h-6" }),
+                  /* @__PURE__ */ e("span", { children: t("capture", m) })
                 ]
               }
             ),
-            /* @__PURE__ */ e("button", { className: "w-12 h-12 rounded-xl dark:bg-white/5 bg-black/5 flex items-center justify-center text-muted", children: /* @__PURE__ */ e(yt, { className: "w-6 h-6" }) })
+            /* @__PURE__ */ e("button", { className: "w-12 h-12 rounded-xl bg-brand-5 flex items-center justify-center text-muted", children: /* @__PURE__ */ e(kt, { className: "w-6 h-6" }) })
           ] }) }),
-          /* @__PURE__ */ e("div", { className: "w-32 h-1.5 bg-slate-600/30 rounded-full mx-auto mt-8" })
+          /* @__PURE__ */ e("div", { className: "w-32 h-1.5 bg-brand-10 rounded-full mx-auto mt-8" })
         ] })
       ]
     }
   );
-}, Zt = ({
+}, ii = ({
   requestId: r,
-  documentType: i,
-  extractedData: s,
-  uploadId: o,
-  onNext: x,
-  onRetake: l,
-  onError: u,
-  apiBaseUrl: c = "https://apis.casperid.com",
-  previewMode: n = !1,
-  language: d = "EN"
+  documentType: a,
+  extractedData: n,
+  uploadId: l,
+  frontImageUrl: N,
+  frontImageFileId: p,
+  backImageUrl: f,
+  backImageFileId: m,
+  onNext: s,
+  onRetake: c,
+  onError: d,
+  apiBaseUrl: D = "https://apis.casperid.com",
+  apiKey: h = "",
+  previewMode: A = !1,
+  language: _ = "EN"
 }) => {
-  const [m, g] = y({
-    firstName: s.first_name || "",
-    lastName: s.last_name || "",
-    documentNumber: s.document_number || "",
-    dateOfBirth: s.date_of_birth || "",
-    nationality: s.nationality || "",
-    gender: s.gender || ""
-  }), [z, O] = y(!1), [h, _] = y(""), f = (N, j) => {
-    g((E) => ({ ...E, [N]: j }));
-  }, I = async () => {
-    if (!m.firstName || !m.lastName || !m.documentNumber) {
-      _(t("error_required_fields", d));
+  const [o, I] = y({
+    firstName: n.first_name || "",
+    lastName: n.last_name || "",
+    documentNumber: n.document_number || "",
+    dateOfBirth: n.date_of_birth || "",
+    nationality: n.nationality || "",
+    gender: n.gender || ""
+  }), [g, k] = y(!1), [V, w] = y(""), T = (b, C) => {
+    I((S) => ({ ...S, [b]: C }));
+  }, Y = async () => {
+    if (!o.firstName || !o.lastName || !o.documentNumber) {
+      w(t("error_required_fields", _));
       return;
     }
-    if (O(!0), _(""), n) {
+    if (k(!0), w(""), A) {
       setTimeout(() => {
-        O(!1), x({
-          first_name: m.firstName,
-          last_name: m.lastName,
-          document_number: m.documentNumber,
-          date_of_birth: m.dateOfBirth,
-          nationality: m.nationality,
-          gender: m.gender,
-          document_type: i
+        k(!1), s({
+          first_name: o.firstName,
+          last_name: o.lastName,
+          document_number: o.documentNumber,
+          date_of_birth: o.dateOfBirth,
+          nationality: o.nationality,
+          gender: o.gender,
+          document_type: a
         });
       }, 1500);
       return;
     }
     try {
-      const N = await fetch(`${c}/api/v2/verification/layer3/submit`, {
+      const b = await fetch(`${D}/api/v2/verification/layer3/submit`, {
         method: "POST",
         headers: {
-          "Content-Type": "application/json"
+          "Content-Type": "application/json",
+          ...h ? { "X-App-Id": h } : {}
         },
         credentials: "include",
         body: JSON.stringify({
-          upload_id: o,
-          liveness_verified: !0,
+          upload_id: l,
+          front_image_url: N,
+          front_image_file_id: p,
+          back_image_url: f,
+          back_image_file_id: m,
+          liveness_verified: !1,
+          // Will be updated after FaceScan
           document_data: {
-            first_name: m.firstName,
-            last_name: m.lastName,
-            document_number: m.documentNumber,
-            date_of_birth: m.dateOfBirth,
-            nationality: m.nationality,
-            gender: m.gender,
-            document_type: i
+            first_name: o.firstName,
+            last_name: o.lastName,
+            document_number: o.documentNumber,
+            date_of_birth: o.dateOfBirth,
+            nationality: o.nationality,
+            gender: o.gender,
+            document_type: a
           }
         })
       });
-      if (!N.ok) {
-        const E = await N.json().catch(() => ({}));
-        throw new Error(E.error || `Data submission failed with status ${N.status}`);
+      if (!b.ok) {
+        const S = await b.json().catch(() => ({}));
+        throw new Error(S.error || `Data submission failed with status ${b.status}`);
       }
-      const j = await N.json();
-      j.success ? x({
-        first_name: m.firstName,
-        last_name: m.lastName,
-        document_number: m.documentNumber,
-        date_of_birth: m.dateOfBirth,
-        nationality: m.nationality,
-        gender: m.gender,
-        document_type: i
-      }) : (_(j.error || "Failed to submit data. Please try again."), O(!1));
+      const C = await b.json();
+      C.success ? s({
+        first_name: o.firstName,
+        last_name: o.lastName,
+        document_number: o.documentNumber,
+        date_of_birth: o.dateOfBirth,
+        nationality: o.nationality,
+        gender: o.gender,
+        document_type: a
+      }) : (w(C.error || "Failed to submit data. Please try again."), k(!1));
     } catch {
-      _("Failed to submit data. Please try again."), O(!1), u == null || u("Data submission failed");
+      w("Failed to submit data. Please try again."), k(!1), d == null || d("Data submission failed");
     }
-  }, T = s.confidence || 0, C = Math.round(T * 100);
-  return /* @__PURE__ */ a(
-    V.div,
+  }, W = n.confidence || 0, B = Math.round(W);
+  return /* @__PURE__ */ i(
+    P.div,
     {
       initial: { opacity: 0, y: 20 },
       animate: { opacity: 1, y: 0 },
       exit: { opacity: 0, y: -20 },
       className: "flex-1 overflow-y-auto px-6 pb-6",
       children: [
-        /* @__PURE__ */ e("div", { className: "flex gap-1 mb-6", children: [1, 2, 3, 0].map((N, j) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "flex gap-1 mb-6", children: [1, 2, 3, 0].map((b, C) => /* @__PURE__ */ e(
           "div",
           {
-            className: `h-1 flex-1 rounded-xl ${N ? "bg-brand" : "bg-brand/20"}`
+            className: `h-1 flex-1 rounded-xl ${b ? "bg-brand" : "bg-brand/20"}`
           },
-          j
+          C
         )) }),
-        /* @__PURE__ */ a("div", { className: "mb-6", children: [
-          /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-main mb-2", children: t("review_data", d) }),
-          /* @__PURE__ */ e("p", { className: "text-muted text-sm leading-relaxed", children: t("verify_data_desc", d) })
+        /* @__PURE__ */ i("div", { className: "mb-6", children: [
+          /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-main mb-2", children: t("review_data", _) }),
+          /* @__PURE__ */ e("p", { className: "text-muted text-sm leading-relaxed", children: t("verify_data_desc", _) })
         ] }),
-        T > 0 && /* @__PURE__ */ a("div", { className: "mb-6 p-3 rounded-xl dark:bg-white/5 bg-black/5 border dark:border-white/10 border-black/5", children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-between mb-2", children: [
-            /* @__PURE__ */ e("span", { className: "text-xs font-semibold text-muted", children: t("ocr_confidence", d) }),
-            /* @__PURE__ */ a("span", { className: `text-xs font-bold ${C >= 80 ? "text-green-500" : C >= 60 ? "text-yellow-500" : "text-red-500"}`, children: [
-              C,
+        W > 0 && /* @__PURE__ */ i("div", { className: "mb-6 p-3 rounded-xl bg-brand-5 border border-brand-10", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ e("span", { className: "text-xs font-semibold text-muted", children: t("ocr_confidence", _) }),
+            /* @__PURE__ */ i("span", { className: `text-xs font-bold ${B >= 80 ? "text-green-500" : B >= 60 ? "text-yellow-500" : "text-red-500"}`, children: [
+              B,
               "%"
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "w-full h-1.5 dark:bg-white/10 bg-black/10 rounded-full overflow-hidden", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: "w-full h-1.5 bg-brand-10 rounded-full overflow-hidden", children: /* @__PURE__ */ e(
             "div",
             {
-              className: `h-full rounded-full transition-all ${C >= 80 ? "bg-green-500" : C >= 60 ? "bg-yellow-500" : "bg-red-500"}`,
-              style: { width: `${C}%` }
+              className: `h-full rounded-full transition-all ${B >= 80 ? "bg-green-500" : B >= 60 ? "bg-yellow-500" : "bg-red-500"}`,
+              style: { width: `${B}%` }
             }
           ) }),
-          C < 80 && /* @__PURE__ */ e("p", { className: "text-[10px] text-yellow-500 mt-2", children: t("verify_data_carefully", d) })
+          B < 80 && /* @__PURE__ */ e("p", { className: "text-[10px] text-yellow-500 mt-2", children: t("verify_data_carefully", _) })
         ] }),
-        h && /* @__PURE__ */ a("div", { className: "mb-4 p-3 bg-red-500/20 border border-red-500/30 rounded-xl flex items-center gap-2", children: [
-          /* @__PURE__ */ e(se, { className: "w-4 h-4 text-red-500 shrink-0" }),
-          /* @__PURE__ */ e("p", { className: "text-red-400 text-xs font-medium", children: h })
+        V && /* @__PURE__ */ i("div", { className: "mb-4 p-3 bg-red-500/20 border border-red-500/30 rounded-xl flex items-center gap-2", children: [
+          /* @__PURE__ */ e(ve, { className: "w-4 h-4 text-red-500 shrink-0" }),
+          /* @__PURE__ */ e("p", { className: "text-red-400 text-xs font-medium", children: V })
         ] }),
-        /* @__PURE__ */ a("div", { className: "space-y-5", children: [
-          /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ e("label", { className: "text-xs font-bold uppercase tracking-[0.15em] text-brand ml-1", children: t("full_name", d) }),
-            /* @__PURE__ */ a("div", { className: "flex items-center px-1 transition-all", children: [
-              /* @__PURE__ */ e(At, { className: "text-brand mr-4 w-6 h-6 shrink-0" }),
-              /* @__PURE__ */ e("div", { className: "flex flex-col w-full", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ i("div", { className: "space-y-5", children: [
+          /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ e("label", { className: "text-xs font-bold uppercase tracking-[0.15em] text-brand ml-1", children: t("first_name", _) || "First Name" }),
+              /* @__PURE__ */ i("div", { className: "flex items-center px-1 transition-all", children: [
+                /* @__PURE__ */ e(zt, { className: "text-brand mr-3 w-5 h-5 shrink-0" }),
+                /* @__PURE__ */ e("div", { className: "flex flex-col w-full", children: /* @__PURE__ */ e(
+                  "input",
+                  {
+                    className: "bg-transparent border-none p-0 w-full focus:ring-0 text-main font-bold text-lg focus:outline-none placeholder:text-muted",
+                    type: "text",
+                    value: o.firstName,
+                    onChange: (b) => T("firstName", b.target.value),
+                    placeholder: t("enter_first_name", _) || "First name"
+                  }
+                ) })
+              ] })
+            ] }),
+            /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ e("label", { className: "text-xs font-bold uppercase tracking-[0.15em] text-brand ml-1", children: t("last_name", _) || "Last Name" }),
+              /* @__PURE__ */ e("div", { className: "flex items-center px-1 transition-all", children: /* @__PURE__ */ e("div", { className: "flex flex-col w-full", children: /* @__PURE__ */ e(
                 "input",
                 {
-                  className: "bg-transparent border-none p-0 w-full focus:ring-0 text-main font-bold text-lg focus:outline-none placeholder:text-slate-300",
+                  className: "bg-transparent border-none p-0 w-full focus:ring-0 text-main font-bold text-lg focus:outline-none placeholder:text-muted",
                   type: "text",
-                  value: `${m.firstName} ${m.lastName}`,
-                  onChange: (N) => {
-                    const j = N.target.value.split(" ");
-                    f("firstName", j[0] || ""), f("lastName", j.slice(1).join(" ") || "");
-                  },
-                  placeholder: t("enter_first_name", d)
+                  value: o.lastName,
+                  onChange: (b) => T("lastName", b.target.value),
+                  placeholder: t("enter_last_name", _) || "Last name"
                 }
-              ) })
+              ) }) })
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ e("label", { className: "text-xs font-bold uppercase tracking-[0.15em] text-brand ml-1", children: t("id_number", d) }),
-            /* @__PURE__ */ a("div", { className: "flex items-center px-1 transition-all", children: [
-              /* @__PURE__ */ e(Ke, { className: "text-brand mr-4 w-6 h-6 shrink-0" }),
+          /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ e("label", { className: "text-xs font-bold uppercase tracking-[0.15em] text-brand ml-1", children: t("id_number", _) }),
+            /* @__PURE__ */ i("div", { className: "flex items-center px-1 transition-all", children: [
+              /* @__PURE__ */ e(Qe, { className: "text-brand mr-4 w-6 h-6 shrink-0" }),
               /* @__PURE__ */ e(
                 "input",
                 {
-                  className: "bg-transparent border-none p-0 w-full focus:ring-0 text-main font-bold text-lg focus:outline-none placeholder:text-slate-300",
+                  className: "bg-transparent border-none p-0 w-full focus:ring-0 text-main font-bold text-lg focus:outline-none placeholder:text-muted",
                   type: "text",
-                  value: m.documentNumber,
-                  onChange: (N) => f("documentNumber", N.target.value),
-                  placeholder: t("enter_doc_number", d)
+                  value: o.documentNumber,
+                  onChange: (b) => T("documentNumber", b.target.value),
+                  placeholder: t("enter_doc_number", _)
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ e("label", { className: "text-xs font-bold uppercase tracking-[0.15em] text-brand ml-1", children: t("date_of_birth", d) }),
-            /* @__PURE__ */ a("div", { className: "flex items-center px-1 transition-all", children: [
-              /* @__PURE__ */ e(bt, { className: "text-brand mr-4 w-6 h-6 shrink-0" }),
+          /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ e("label", { className: "text-xs font-bold uppercase tracking-[0.15em] text-brand ml-1", children: t("date_of_birth", _) }),
+            /* @__PURE__ */ i("div", { className: "flex items-center px-1 transition-all", children: [
+              /* @__PURE__ */ e(vt, { className: "text-brand mr-4 w-6 h-6 shrink-0" }),
               /* @__PURE__ */ e(
                 "input",
                 {
-                  className: "bg-transparent border-none p-0 w-full focus:ring-0 text-main font-bold text-lg focus:outline-none placeholder:text-slate-300",
+                  className: "bg-transparent border-none p-0 w-full focus:ring-0 text-main font-bold text-lg focus:outline-none placeholder:text-muted",
                   type: "text",
-                  value: m.dateOfBirth,
-                  onChange: (N) => f("dateOfBirth", N.target.value),
-                  placeholder: t("date_format", d)
+                  value: o.dateOfBirth,
+                  onChange: (b) => T("dateOfBirth", b.target.value),
+                  placeholder: t("date_format", _)
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ e("label", { className: "text-xs font-bold uppercase tracking-[0.15em] text-brand ml-1", children: t("nationality", d) }),
-            /* @__PURE__ */ a("div", { className: "flex items-center px-1 transition-all", children: [
-              /* @__PURE__ */ e(We, { className: "text-brand mr-4 w-6 h-6 shrink-0" }),
+          /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ e("label", { className: "text-xs font-bold uppercase tracking-[0.15em] text-brand ml-1", children: t("nationality", _) }),
+            /* @__PURE__ */ i("div", { className: "flex items-center px-1 transition-all", children: [
+              /* @__PURE__ */ e(et, { className: "text-brand mr-4 w-6 h-6 shrink-0" }),
               /* @__PURE__ */ e(
                 "input",
                 {
-                  className: "bg-transparent border-none p-0 w-full focus:ring-0 text-main font-bold text-lg focus:outline-none placeholder:text-slate-300",
+                  className: "bg-transparent border-none p-0 w-full focus:ring-0 text-main font-bold text-lg focus:outline-none placeholder:text-muted",
                   type: "text",
-                  value: m.nationality,
-                  onChange: (N) => f("nationality", N.target.value),
-                  placeholder: t("enter_nationality", d)
+                  value: o.nationality,
+                  onChange: (b) => T("nationality", b.target.value),
+                  placeholder: t("enter_nationality", _)
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { className: "mt-8 relative h-32 w-full rounded-2xl overflow-hidden border border-brand-20 group", children: [
+          /* @__PURE__ */ i("div", { className: "mt-8 relative h-32 w-full rounded-2xl overflow-hidden border border-brand-20 group", children: [
             /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-tr from-brand-20 to-cyan-500/10 blur-sm" }),
-            /* @__PURE__ */ a("div", { className: "absolute inset-0 bg-brand/10 flex flex-col items-center justify-center p-4", children: [
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ e(he, { className: "text-brand w-5 h-5" }),
-                /* @__PURE__ */ e("span", { className: "text-xs font-bold dark:text-slate-200 text-slate-700", children: t("scanned_successfully", d) })
+            /* @__PURE__ */ i("div", { className: "absolute inset-0 bg-brand/10 flex flex-col items-center justify-center p-4", children: [
+              /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ e(Ce, { className: "text-brand w-5 h-5" }),
+                /* @__PURE__ */ e("span", { className: "text-xs font-bold text-main", children: t("scanned_successfully", _) })
               ] }),
-              l && /* @__PURE__ */ e(
+              c && /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: l,
+                  onClick: c,
                   className: "mt-2 text-[10px] text-brand underline font-medium",
                   type: "button",
-                  children: t("retake_photo", d)
+                  children: t("retake_photo", _)
                 }
               )
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ a("div", { className: "mt-8", children: [
+        /* @__PURE__ */ i("div", { className: "mt-8", children: [
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: I,
-              disabled: z,
+              onClick: Y,
+              disabled: g,
               className: "w-full bg-brand hover:bg-brand/90 text-white font-bold py-4 rounded-2xl shadow-lg shadow-brand flex items-center justify-center gap-2 transition-transform active:scale-95 disabled:opacity-70",
-              children: z ? /* @__PURE__ */ a($, { children: [
+              children: g ? /* @__PURE__ */ i(re, { children: [
                 /* @__PURE__ */ e("div", { className: "w-5 h-5 border-2 border-white/30 border-t-white rounded-full animate-spin" }),
-                /* @__PURE__ */ e("span", { children: t("submitting", d) })
-              ] }) : /* @__PURE__ */ a($, { children: [
-                /* @__PURE__ */ e("span", { children: t("confirm_mint", d) }),
-                /* @__PURE__ */ e(St, { className: "w-5 h-5" })
+                /* @__PURE__ */ e("span", { children: t("submitting", _) })
+              ] }) : /* @__PURE__ */ i(re, { children: [
+                /* @__PURE__ */ e("span", { children: t("confirm_mint", _) }),
+                /* @__PURE__ */ e(Pt, { className: "w-5 h-5" })
               ] })
             }
           ),
-          /* @__PURE__ */ e("p", { className: "text-center text-[10px] mt-4 text-slate-500", children: t("secured_by_casper", d) })
+          /* @__PURE__ */ e("p", { className: "text-center text-[10px] mt-4 text-muted", children: t("secured_by_casper", _) })
         ] })
       ]
     }
   );
-}, Qt = (r, i) => r === "layer_1" ? {
+}, ai = (r, a) => r === "layer_1" ? {
+  processing: {
+    title: t("generating_wallet", a),
+    subtitle: t("wallet_subtitle", a)
+  },
+  minting: {
+    title: t("minting_did", a),
+    subtitle: t("did_subtitle", a)
+  },
+  completed: {
+    title: t("identity_created", a),
+    subtitle: t("identity_created_subtitle", a)
+  },
+  failed: {
+    title: t("setup_failed", a),
+    subtitle: t("setup_failed_subtitle", a)
+  }
+} : r === "layer_2" ? {
   processing: {
-    title: t("generating_wallet", i),
-    subtitle: t("wallet_subtitle", i)
+    title: t("processing_liveness", a),
+    subtitle: t("processing_subtitle", a)
   },
   minting: {
-    title: t("minting_did", i),
-    subtitle: t("did_subtitle", i)
+    title: t("minting_identity", a),
+    subtitle: t("minting_subtitle", a)
   },
   completed: {
-    title: t("identity_created", i),
-    subtitle: t("identity_created_subtitle", i)
+    title: t("identity_verified", a),
+    subtitle: t("identity_verified_subtitle", a)
   },
   failed: {
-    title: t("setup_failed", i),
-    subtitle: t("setup_failed_subtitle", i)
+    title: t("verification_failed", a),
+    subtitle: t("verification_failed_subtitle", a)
   }
 } : {
   processing: {
-    title: t(r === "layer_2" ? "processing_liveness" : "processing_documents", i),
-    subtitle: t("processing_subtitle", i)
+    title: t("processing_documents", a),
+    subtitle: t("processing_subtitle", a)
   },
   minting: {
-    title: t("minting_identity", i),
-    subtitle: t("minting_subtitle", i)
+    title: t("submitting_for_review", a),
+    subtitle: t("submitting_review_subtitle", a)
   },
   completed: {
-    title: t("verification_submitted", i),
-    subtitle: t("verification_submitted_subtitle", i)
+    title: t("verification_submitted", a),
+    subtitle: t("verification_submitted_subtitle", a)
   },
   failed: {
-    title: t("verification_failed", i),
-    subtitle: t("verification_failed_subtitle", i)
+    title: t("verification_failed", a),
+    subtitle: t("verification_failed_subtitle", a)
   }
-}, Xt = ({
+}, ri = ({
   tier: r,
-  sessionToken: i,
-  requestId: s,
-  onNext: o,
-  onError: x,
-  apiBaseUrl: l = "https://apis.casperid.com",
-  previewMode: u = !1,
-  language: c = "EN"
+  sessionToken: a,
+  requestId: n,
+  onNext: l,
+  onError: N,
+  apiBaseUrl: p = "https://apis.casperid.com",
+  apiKey: f = "",
+  previewMode: m = !1,
+  language: s = "EN"
 }) => {
-  const [n, d] = y("processing"), [m, g] = y(0), [z, O] = y(""), [h, _] = y(null), [f, I] = y(null), [T, C] = y(null), [N, j] = y(null), E = re(!1), U = Qt(r, c)[n];
-  F(() => {
-    E.current || (E.current = !0, u ? v() : k());
+  const [c, d] = y("processing"), [D, h] = y(0), [A, _] = y(""), [o, I] = y(null), [g, k] = y(null), [V, w] = y(null), [T, Y] = y(null), W = se(!1), b = ai(r, s)[c];
+  ce(() => {
+    W.current || (W.current = !0, m ? C() : S());
   }, []);
-  const v = async () => {
-    d("processing"), g(20), await P(1e3), g(50), await P(1e3), d("minting"), g(70), await P(1e3), g(100), d("completed"), r === "layer_1" ? (_("account-hash-abc123..."), j("casper-user-1234"), I("did:casper:abc123...")) : C("mock-credential-hash-xyz"), await P(1500), o({
+  const C = async () => {
+    d("processing"), h(20), await Q(1e3), h(50), await Q(1e3), d("minting"), h(70), await Q(1e3), h(100), d("completed"), r === "layer_1" ? (I("account-hash-abc123..."), Y("casper-user-1234"), k("did:casper:abc123...")) : w("mock-credential-hash-xyz"), await Q(1500), l({
       wallet: "account-hash-abc123...",
       didAddress: "did:casper:abc123...",
       credentialHash: "mock-credential-hash-xyz"
     });
-  }, k = async () => {
+  }, S = async () => {
     try {
-      r === "layer_1" ? await w() : await A();
-    } catch (G) {
-      const B = G instanceof Error ? G.message : "Setup failed";
-      O(B), d("failed"), x == null || x(B);
+      r === "layer_1" ? await L() : await G();
+    } catch (ie) {
+      const q = ie instanceof Error ? ie.message : "Setup failed";
+      _(q), d("failed"), N == null || N(q);
     }
-  }, w = async () => {
-    var X;
-    d("processing"), g(10);
-    const G = await fetch(`${l}/api/passkey/wallet/generate`, {
+  }, L = async () => {
+    var me;
+    d("processing"), h(10);
+    const ie = await fetch(`${p}/api/passkey/wallet/generate`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${i}`
+        Authorization: `Bearer ${a}`,
+        ...f ? { "X-App-Id": f } : {}
       },
       credentials: "include"
     });
-    if (!G.ok) {
-      const W = await G.json().catch(() => ({}));
-      throw new Error(W.error || "Failed to generate wallet");
+    if (!ie.ok) {
+      const ee = await ie.json().catch(() => ({}));
+      throw new Error(ee.error || "Failed to generate wallet");
     }
-    const B = await G.json();
-    if (!B.success || !((X = B.walletInfo) != null && X.walletAddress))
-      throw new Error(B.error || "Wallet generation failed");
-    _(B.walletInfo.walletAddress), B.walletInfo.humanId && j(B.walletInfo.humanId), g(50), d("minting"), g(60);
-    const Y = await fetch(`${l}/api/passkey/did/mint`, {
+    const q = await ie.json();
+    if (!q.success || !((me = q.walletInfo) != null && me.walletAddress))
+      throw new Error(q.error || "Wallet generation failed");
+    I(q.walletInfo.walletAddress), q.walletInfo.humanId && Y(q.walletInfo.humanId), h(50), d("minting"), h(60);
+    const pe = await fetch(`${p}/api/passkey/did/mint`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        Authorization: `Bearer ${i}`
+        Authorization: `Bearer ${a}`,
+        ...f ? { "X-App-Id": f } : {}
       },
       credentials: "include"
     });
-    if (!Y.ok) {
-      const W = await Y.json().catch(() => ({}));
-      throw new Error(W.error || "Failed to mint DID");
+    if (!pe.ok) {
+      const ee = await pe.json().catch(() => ({}));
+      throw new Error(ee.error || "Failed to mint DID");
     }
-    const J = await Y.json();
-    if (!J.success)
-      throw new Error(J.error || "DID minting failed");
-    I(J.did_address), C(J.transaction_hash), g(100), d("completed"), await P(1500), o({
-      wallet: B.walletInfo.walletAddress,
-      didAddress: J.did_address,
-      credentialHash: J.transaction_hash
+    const K = await pe.json();
+    if (!K.success)
+      throw new Error(K.error || "DID minting failed");
+    k(K.did_address), w(K.transaction_hash), h(100), d("completed"), await Q(1500), l({
+      wallet: q.walletInfo.walletAddress,
+      didAddress: K.did_address,
+      credentialHash: K.transaction_hash
     });
-  }, A = async () => {
-    d("processing"), g(30), await P(500), g(60), d("minting"), g(80), await P(500), g(100), d("completed"), await P(1500), o({ credentialHash: s });
-  }, P = (G) => new Promise((B) => setTimeout(B, G)), K = () => {
-    d("processing"), g(0), O(""), E.current = !1, u ? v() : k();
-  }, Q = () => r === "layer_1" ? n === "minting" ? /* @__PURE__ */ e(pe, { className: "text-brand w-4 h-4" }) : /* @__PURE__ */ e(Dt, { className: "text-brand w-4 h-4" }) : /* @__PURE__ */ e(Ge, { className: "text-brand w-4 h-4" }), le = () => {
+  }, O = async () => {
+    var pe, K, me, ee;
+    if (d("processing"), h(20), !n)
+      throw new Error("No verification request ID provided");
+    const ie = 10, q = 1500;
+    for (let ne = 0; ne < ie; ne++)
+      try {
+        const U = await fetch(`${p}/api/v2/verification/${n}/status`, {
+          method: "GET",
+          headers: {
+            "Content-Type": "application/json",
+            ...f ? { "X-App-Id": f } : {}
+          },
+          credentials: "include"
+        });
+        if (!U.ok)
+          throw new Error("Failed to check verification status");
+        const v = await U.json(), M = (pe = v.verification) == null ? void 0 : pe.status;
+        if (h(Math.min(20 + ne * 8, 80)), M === "completed") {
+          d("minting"), h(90), await Q(500), h(100), d("completed");
+          const Z = (me = (K = v.verification) == null ? void 0 : K.results) == null ? void 0 : me.proofHash;
+          await Q(1500), l({ credentialHash: Z || n });
+          return;
+        }
+        if (M === "failed")
+          throw new Error(((ee = v.verification) == null ? void 0 : ee.error) || "Verification failed");
+        await Q(q);
+      } catch (U) {
+        if (ne === ie - 1)
+          throw U;
+        await Q(q);
+      }
+    d("minting"), h(90), await Q(500), h(100), d("completed"), await Q(1500), l({ credentialHash: n });
+  }, F = async () => {
+    d("processing"), h(30), await Q(800), h(60), d("minting"), h(80), await Q(800), h(100), d("completed"), await Q(2e3), l({ credentialHash: n });
+  }, G = async () => {
+    r === "layer_2" ? await O() : await F();
+  }, Q = (ie) => new Promise((q) => setTimeout(q, ie)), de = () => {
+    d("processing"), h(0), _(""), W.current = !1, m ? C() : S();
+  }, ue = () => r === "layer_1" ? c === "minting" ? /* @__PURE__ */ e(Ie, { className: "text-brand w-4 h-4" }) : /* @__PURE__ */ e(Vt, { className: "text-brand w-4 h-4" }) : /* @__PURE__ */ e(it, { className: "text-brand w-4 h-4" }), te = () => {
     if (r === "layer_1") {
-      if (n === "processing") return t("creating_wallet", c);
-      if (n === "minting") return t("minting_did_chain", c);
-      if (n === "completed") return t("identity_live", c);
+      if (c === "processing") return t("creating_wallet", s);
+      if (c === "minting") return t("minting_did_chain", s);
+      if (c === "completed") return t("identity_live", s);
     } else {
-      if (n === "processing") return t("validating_docs", c);
-      if (n === "minting") return t("submitting_verification", c);
-      if (n === "completed") return t("verification_queued", c);
+      if (c === "processing") return t("validating_docs", s);
+      if (c === "minting") return t("submitting_verification", s);
+      if (c === "completed") return t("verification_queued", s);
     }
     return "";
   };
-  return /* @__PURE__ */ a(
-    V.div,
+  return /* @__PURE__ */ i(
+    P.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       className: "flex-1 flex flex-col items-center justify-center px-8 text-center",
       children: [
-        /* @__PURE__ */ a("div", { className: "relative w-64 h-64 flex items-center justify-center mb-12", children: [
+        /* @__PURE__ */ i("div", { className: "relative w-64 h-64 flex items-center justify-center mb-12", children: [
           /* @__PURE__ */ e("div", { className: "absolute inset-0 rounded-full border-4 border-dashed border-brand-20 animate-[spin_10s_linear_infinite]" }),
           /* @__PURE__ */ e("div", { className: "absolute inset-4 rounded-full border-2 border-[#6DE8EC]/20 animate-[spin_6s_linear_infinite_reverse]" }),
-          /* @__PURE__ */ a(
-            V.div,
+          /* @__PURE__ */ i(
+            P.div,
             {
-              animate: n !== "failed" ? { rotateY: [0, 180, 360], y: [-10, 10, -10] } : {},
+              animate: c !== "failed" ? { rotateY: [0, 180, 360], y: [-10, 10, -10] } : {},
               transition: { duration: 6, repeat: 1 / 0, ease: "easeInOut" },
-              className: `relative w-40 h-56 backdrop-blur-xl border rounded-2xl flex flex-col p-4 ${n === "completed" ? "bg-green-500/10 border-green-500/30 shadow-[0_0_50px_-12px_rgba(34,197,94,0.5)]" : n === "failed" ? "bg-red-500/10 border-red-500/30 shadow-[0_0_50px_-12px_rgba(239,68,68,0.5)]" : "bg-brand/10 border-brand-30 shadow-[0_0_50px_-12px_rgba(114,43,238,0.5)]"}`,
+              className: `relative w-40 h-56 backdrop-blur-xl border rounded-2xl flex flex-col p-4 ${c === "completed" ? "bg-green-500/10 border-green-500/30 shadow-[0_0_50px_-12px_rgba(34,197,94,0.5)]" : c === "failed" ? "bg-red-500/10 border-red-500/30 shadow-[0_0_50px_-12px_rgba(239,68,68,0.5)]" : "bg-brand/10 border-brand-30 shadow-[0_0_50px_-12px_rgba(114,43,238,0.5)]"}`,
               children: [
-                /* @__PURE__ */ a("div", { className: "flex justify-between items-start mb-6", children: [
-                  /* @__PURE__ */ e("div", { className: `w-8 h-8 rounded flex items-center justify-center ${n === "completed" ? "bg-green-500/30" : n === "failed" ? "bg-red-500/30" : "bg-brand/30"}`, children: n === "completed" ? /* @__PURE__ */ e(he, { className: "text-green-500 w-4 h-4" }) : n === "failed" ? /* @__PURE__ */ e(se, { className: "text-red-500 w-4 h-4" }) : Q() }),
-                  /* @__PURE__ */ e("div", { className: `w-6 h-1 rounded-full ${n === "completed" ? "bg-green-500/40" : n === "failed" ? "bg-red-500/40" : "bg-brand/40"}` })
+                /* @__PURE__ */ i("div", { className: "flex justify-between items-start mb-6", children: [
+                  /* @__PURE__ */ e("div", { className: `w-8 h-8 rounded flex items-center justify-center ${c === "completed" ? "bg-green-500/30" : c === "failed" ? "bg-red-500/30" : "bg-brand/30"}`, children: c === "completed" ? /* @__PURE__ */ e(Ce, { className: "text-green-500 w-4 h-4" }) : c === "failed" ? /* @__PURE__ */ e(ve, { className: "text-red-500 w-4 h-4" }) : ue() }),
+                  /* @__PURE__ */ e("div", { className: `w-6 h-1 rounded-full ${c === "completed" ? "bg-green-500/40" : c === "failed" ? "bg-red-500/40" : "bg-brand/40"}` })
                 ] }),
-                /* @__PURE__ */ a("div", { className: "space-y-3 mb-auto", children: [
-                  /* @__PURE__ */ e("div", { className: `h-2 w-3/4 rounded-full ${n === "completed" ? "bg-green-500/20" : n === "failed" ? "bg-red-500/20" : "bg-brand/20"}` }),
-                  /* @__PURE__ */ e("div", { className: `h-2 w-1/2 rounded-full ${n === "completed" ? "bg-green-500/20" : n === "failed" ? "bg-red-500/20" : "bg-brand/20"}` })
+                /* @__PURE__ */ i("div", { className: "space-y-3 mb-auto", children: [
+                  /* @__PURE__ */ e("div", { className: `h-2 w-3/4 rounded-full ${c === "completed" ? "bg-green-500/20" : c === "failed" ? "bg-red-500/20" : "bg-brand/20"}` }),
+                  /* @__PURE__ */ e("div", { className: `h-2 w-1/2 rounded-full ${c === "completed" ? "bg-green-500/20" : c === "failed" ? "bg-red-500/20" : "bg-brand/20"}` })
                 ] }),
-                /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mt-4", children: [
-                  /* @__PURE__ */ e("div", { className: `size-6 rounded-full overflow-hidden border border-white/10 ${n === "completed" ? "bg-gradient-to-tr from-green-500 to-[#6DE8EC]" : n === "failed" ? "bg-gradient-to-tr from-red-500 to-orange-500" : "bg-gradient-to-tr from-brand to-[#6DE8EC]"}` }),
-                  /* @__PURE__ */ a("div", { className: "flex flex-col items-start max-w-[80px]", children: [
-                    N ? /* @__PURE__ */ e(
-                      V.span,
+                /* @__PURE__ */ i("div", { className: "flex items-center gap-2 mt-4", children: [
+                  /* @__PURE__ */ e("div", { className: `size-6 rounded-full overflow-hidden border border-slate-200 dark:border-white/10 ${c === "completed" ? "bg-gradient-to-tr from-green-500 to-[#6DE8EC]" : c === "failed" ? "bg-gradient-to-tr from-red-500 to-orange-500" : "bg-gradient-to-tr from-brand to-[#6DE8EC]"}` }),
+                  /* @__PURE__ */ i("div", { className: "flex flex-col items-start max-w-[80px]", children: [
+                    T ? /* @__PURE__ */ e(
+                      P.span,
                       {
                         initial: { opacity: 0 },
                         animate: { opacity: 1 },
-                        className: "text-[10px] font-bold text-white/90 truncate w-full text-left",
-                        children: N
+                        className: "text-[10px] font-bold text-slate-800 dark:text-white/90 truncate w-full text-left",
+                        children: T
                       }
                     ) : /* @__PURE__ */ e("div", { className: "h-1.5 w-12 bg-white/20 rounded-full mb-1" }),
-                    /* @__PURE__ */ e("div", { className: "h-1 w-8 bg-white/10 rounded-full" })
+                    /* @__PURE__ */ e("div", { className: "h-1 w-8 bg-slate-200 dark:bg-white/10 rounded-full" })
                   ] })
                 ] }),
-                n !== "failed" && n !== "completed" && /* @__PURE__ */ e(
-                  V.div,
+                c !== "failed" && c !== "completed" && /* @__PURE__ */ e(
+                  P.div,
                   {
                     animate: { top: ["0%", "100%", "0%"] },
                     transition: { duration: 2, repeat: 1 / 0 },
@@ -2888,385 +3144,401 @@ const $t = ({
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ e("h2", { className: `text-2xl font-bold bg-clip-text ${n === "completed" ? "text-green-500" : n === "failed" ? "text-red-500" : "dark:bg-gradient-to-r dark:from-slate-100 dark:to-slate-400 bg-slate-900 dark:text-transparent text-slate-900"}`, children: U.title }),
-          /* @__PURE__ */ e("p", { className: "dark:text-slate-400 text-slate-500 text-sm leading-relaxed max-w-[280px] mx-auto", children: U.subtitle })
+        /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ e("h2", { className: `text-2xl font-bold bg-clip-text ${c === "completed" ? "text-green-500" : c === "failed" ? "text-red-500" : "dark:bg-gradient-to-r dark:from-slate-100 dark:to-slate-400 bg-slate-900 dark:text-transparent text-slate-900"}`, children: b.title }),
+          /* @__PURE__ */ e("p", { className: "dark:text-slate-400 text-slate-500 text-sm leading-relaxed max-w-[280px] mx-auto", children: b.subtitle })
         ] }),
-        n === "failed" && /* @__PURE__ */ a("div", { className: "mt-6 space-y-3", children: [
-          /* @__PURE__ */ e("p", { className: "text-red-500 text-sm", children: z }),
+        c === "failed" && /* @__PURE__ */ i("div", { className: "mt-6 space-y-3", children: [
+          /* @__PURE__ */ e("p", { className: "text-red-500 text-sm", children: A }),
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: K,
+              onClick: de,
               className: "px-6 py-3 bg-brand text-white rounded-2xl font-bold",
-              children: t("try_again", c)
+              children: t("try_again", s)
             }
           )
         ] }),
-        r === "layer_1" && h && n === "completed" && /* @__PURE__ */ a("div", { className: "mt-6 p-3 dark:bg-white/5 bg-black/5 rounded-xl border dark:border-white/10 border-black/5", children: [
-          /* @__PURE__ */ e("p", { className: "text-[10px] text-muted mb-1", children: t("your_wallet", c) }),
-          /* @__PURE__ */ a("p", { className: "text-xs font-mono text-main break-all", children: [
-            h.slice(0, 20),
+        r === "layer_1" && o && c === "completed" && /* @__PURE__ */ i("div", { className: "mt-6 p-3 dark:bg-white/5 bg-black/5 rounded-xl border dark:border-white/10 border-black/5", children: [
+          /* @__PURE__ */ e("p", { className: "text-[10px] text-muted mb-1", children: t("your_wallet", s) }),
+          /* @__PURE__ */ i("p", { className: "text-xs font-mono text-main break-all", children: [
+            o.slice(0, 20),
             "...",
-            h.slice(-10)
+            o.slice(-10)
           ] })
         ] }),
-        r !== "layer_1" && T && n === "completed" && /* @__PURE__ */ a("div", { className: "mt-6 p-3 dark:bg-white/5 bg-black/5 rounded-xl border dark:border-white/10 border-black/5", children: [
-          /* @__PURE__ */ e("p", { className: "text-[10px] text-muted mb-1", children: t("verification_id", c) }),
-          /* @__PURE__ */ a("p", { className: "text-xs font-mono text-main break-all", children: [
-            T.slice(0, 20),
+        r !== "layer_1" && V && c === "completed" && /* @__PURE__ */ i("div", { className: "mt-6 p-3 dark:bg-white/5 bg-black/5 rounded-xl border dark:border-white/10 border-black/5", children: [
+          /* @__PURE__ */ e("p", { className: "text-[10px] text-muted mb-1", children: t("verification_id", s) }),
+          /* @__PURE__ */ i("p", { className: "text-xs font-mono text-main break-all", children: [
+            V.slice(0, 20),
             "..."
           ] })
         ] }),
-        n !== "failed" && /* @__PURE__ */ a("div", { className: "w-full mt-12 p-6 dark:bg-brand/5 bg-brand/5 border-t dark:border-white/5 border-black/5", children: [
-          /* @__PURE__ */ a("div", { className: "flex justify-between items-center mb-3", children: [
-            /* @__PURE__ */ e("span", { className: "text-xs font-medium text-brand uppercase tracking-widest", children: t(r === "layer_1" ? "setup_status" : "transaction_status", c) }),
-            /* @__PURE__ */ e("span", { className: `text-xs font-bold ${n === "completed" ? "text-green-500" : "text-[#6DE8EC]"}`, children: t("complete_percent", c).replace("{percent}", m.toString()) })
+        c !== "failed" && /* @__PURE__ */ i("div", { className: "w-full mt-12 p-6 dark:bg-brand/5 bg-brand/5 border-t dark:border-white/5 border-black/5", children: [
+          /* @__PURE__ */ i("div", { className: "flex justify-between items-center mb-3", children: [
+            /* @__PURE__ */ e("span", { className: "text-xs font-medium text-brand uppercase tracking-widest", children: t(r === "layer_1" ? "setup_status" : "transaction_status", s) }),
+            /* @__PURE__ */ e("span", { className: `text-xs font-bold ${c === "completed" ? "text-green-500" : "text-[#6DE8EC]"}`, children: t("complete_percent", s).replace("{percent}", D.toString()) })
           ] }),
           /* @__PURE__ */ e("div", { className: "w-full h-1.5 dark:bg-brand/10 bg-brand/10 rounded-full overflow-hidden mb-4", children: /* @__PURE__ */ e(
-            V.div,
+            P.div,
             {
               initial: { width: "0%" },
-              animate: { width: `${m}%` },
+              animate: { width: `${D}%` },
               transition: { duration: 0.5 },
-              className: `h-full rounded-full ${n === "completed" ? "bg-gradient-to-r from-green-500 to-[#6DE8EC]" : "bg-gradient-to-r from-brand to-[#6DE8EC]"} shadow-[0_0_10px_rgba(114,43,238,0.5)]`
+              className: `h-full rounded-full ${c === "completed" ? "bg-gradient-to-r from-green-500 to-[#6DE8EC]" : "bg-gradient-to-r from-brand to-[#6DE8EC]"} shadow-[0_0_10px_rgba(114,43,238,0.5)]`
             }
           ) }),
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-3 px-3 py-2 dark:bg-brand/10 bg-brand/10 rounded-xl border dark:border-brand-10 border-brand-5", children: [
-            /* @__PURE__ */ e(Nt, { className: `w-4 h-4 ${n === "completed" ? "text-green-500" : "text-brand"}` }),
-            /* @__PURE__ */ e("p", { className: "text-[10px] dark:text-slate-300 text-slate-600 font-medium", children: le() })
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-3 px-3 py-2 dark:bg-brand/10 bg-brand/10 rounded-xl border dark:border-brand-10 border-brand-5", children: [
+            /* @__PURE__ */ e(At, { className: `w-4 h-4 ${c === "completed" ? "text-green-500" : "text-brand"}` }),
+            /* @__PURE__ */ e("p", { className: "text-[10px] dark:text-slate-300 text-slate-600 font-medium", children: te() })
           ] })
         ] })
       ]
     }
   );
-}, ea = ({ onNext: r, language: i = "EN" }) => /* @__PURE__ */ a(
-  V.div,
+}, ni = ({ onNext: r, language: a = "EN" }) => /* @__PURE__ */ i(
+  P.div,
   {
     initial: { opacity: 0, scale: 0.9 },
     animate: { opacity: 1, scale: 1 },
     exit: { opacity: 0, scale: 1.1 },
     className: "flex-1 flex flex-col items-center justify-center px-8 text-center",
     children: [
-      /* @__PURE__ */ a("div", { className: "relative mb-10 group", children: [
+      /* @__PURE__ */ i("div", { className: "relative mb-10 group", children: [
         /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-[#6fe8ec]/30 rounded-3xl blur-3xl group-hover:blur-2xl transition-all" }),
-        /* @__PURE__ */ e("div", { className: "relative w-32 h-32 rounded-2xl bg-[#6fe8ec] flex items-center justify-center shadow-[0_0_40px_rgba(111,232,236,0.4)] border-4 dark:border-white border-slate-100", children: /* @__PURE__ */ e(he, { className: "text-slate-900 w-16 h-16" }) })
+        /* @__PURE__ */ e("div", { className: "relative w-32 h-32 rounded-2xl bg-[#6fe8ec] flex items-center justify-center shadow-[0_0_40px_rgba(111,232,236,0.4)] border-4 dark:border-white border-slate-100", children: /* @__PURE__ */ e(Ce, { className: "text-slate-900 w-16 h-16" }) })
       ] }),
-      /* @__PURE__ */ e("h1", { className: "text-main text-3xl font-bold leading-tight mb-3", children: t("identity_verified", i) }),
-      /* @__PURE__ */ e("p", { className: "text-muted text-base leading-relaxed mb-12", children: t("identity_verified_desc", i) }),
-      /* @__PURE__ */ a("div", { className: "w-full dark:bg-white/5 bg-black/5 rounded-2xl p-5 mb-8 flex items-center justify-between text-left", children: [
-        /* @__PURE__ */ a("div", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ e("span", { className: "text-main font-bold text-sm", children: t("share_data_consent", i) }),
-          /* @__PURE__ */ e("p", { className: "text-muted text-xs leading-normal", children: t("authorize_dapps", i) })
+      /* @__PURE__ */ e("h1", { className: "text-main text-3xl font-bold leading-tight mb-3", children: t("identity_verified", a) }),
+      /* @__PURE__ */ e("p", { className: "text-muted text-base leading-relaxed mb-12", children: t("identity_verified_desc", a) }),
+      /* @__PURE__ */ i("div", { className: "w-full bg-white dark:bg-white/5 shadow-sm border border-slate-200 dark:border-white/10 rounded-2xl p-5 mb-8 flex items-center justify-between text-left", children: [
+        /* @__PURE__ */ i("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ e("span", { className: "text-main font-bold text-sm", children: t("share_data_consent", a) }),
+          /* @__PURE__ */ e("p", { className: "text-muted text-xs leading-normal", children: t("authorize_dapps", a) })
         ] }),
         /* @__PURE__ */ e("div", { className: "w-11 h-6 bg-brand rounded-full relative p-1 cursor-pointer", children: /* @__PURE__ */ e("div", { className: "absolute right-1 top-1 size-4 bg-white rounded-full" }) })
       ] }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ i(
         "button",
         {
           onClick: r,
           className: "w-full bg-[#6fe8ec] hover:brightness-105 active:scale-[0.98] transition-all text-slate-900 font-bold py-4 rounded-2xl shadow-lg shadow-[#6fe8ec]/20 flex items-center justify-center gap-2",
           children: [
-            t("return_to_app", i),
-            /* @__PURE__ */ e(Se, { className: "w-5 h-5" })
+            t("return_to_app", a),
+            /* @__PURE__ */ e(Oe, { className: "w-5 h-5" })
           ]
         }
       )
     ]
   }
-), ta = [
-  "perm_identity",
-  "perm_profile",
-  "perm_kyc"
-], aa = ({
+), si = [
+  "verify:identity",
+  "read:profile",
+  "read:kyc_level"
+], ci = ({
   appName: r = "This App",
-  appLogo: i,
-  onApprove: s,
-  onDeny: o,
-  language: x = "EN"
-}) => /* @__PURE__ */ a(
-  V.div,
-  {
-    initial: { opacity: 0, y: 20 },
-    animate: { opacity: 1, y: 0 },
-    exit: { opacity: 0, y: -20 },
-    className: "flex-1 px-8 pt-8 flex flex-col items-center",
-    children: [
-      /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-4 mb-10", children: [
-        /* @__PURE__ */ a("div", { className: "relative", children: [
-          /* @__PURE__ */ e("div", { className: "absolute inset-0 rounded-full shadow-[0_0_20px_rgba(134,81,225,0.3)] animate-pulse" }),
-          /* @__PURE__ */ e("div", { className: "relative w-24 h-24 rounded-full border-2 border-brand-40 p-1 dark:bg-black/50 bg-white", children: i ? /* @__PURE__ */ e("div", { className: "w-full h-full rounded-full overflow-hidden", children: /* @__PURE__ */ e("img", { src: i, alt: r, className: "w-full h-full object-cover" }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full rounded-full bg-gradient-to-br from-emerald-500 to-teal-700 flex items-center justify-center text-white font-bold text-2xl", children: r.slice(0, 2).toUpperCase() }) })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "text-center", children: [
-          /* @__PURE__ */ e("h1", { className: "text-2xl font-bold tracking-tight text-main", children: r }),
-          /* @__PURE__ */ e("p", { className: "text-brand/70 text-sm font-medium mt-1 uppercase tracking-wider", children: t("requesting_access", x) })
-        ] })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "w-full space-y-3", children: [
-        /* @__PURE__ */ e("h3", { className: "text-xs font-semibold uppercase tracking-widest text-slate-500 mb-4 px-1", children: t("permission_request", x) }),
-        ta.map((l) => /* @__PURE__ */ a(
-          "div",
-          {
-            className: "flex items-center gap-4 p-4 rounded-2xl dark:bg-white/5 bg-black/5 transition-all",
-            children: [
-              /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-8 h-8 rounded-full bg-cyan-400/10 text-cyan-400 shrink-0", children: /* @__PURE__ */ e(he, { className: "w-5 h-5" }) }),
-              /* @__PURE__ */ e("p", { className: "text-sm font-medium text-main", children: t(l, x) })
-            ]
-          },
-          l
-        ))
-      ] }),
-      /* @__PURE__ */ a("div", { className: "mt-8 flex gap-3 p-4 rounded-2xl dark:bg-brand/5 bg-brand/5", children: [
-        /* @__PURE__ */ e(fe, { className: "text-brand w-5 h-5 shrink-0" }),
-        /* @__PURE__ */ a("p", { className: "text-xs leading-relaxed text-muted", children: [
-          /* @__PURE__ */ a("span", { className: "font-bold text-main", children: [
-            t("privacy_note", x),
-            ":"
+  appLogo: a,
+  requestedScopes: n,
+  onApprove: l,
+  onDeny: N,
+  language: p = "EN"
+}) => {
+  const f = n || si;
+  return /* @__PURE__ */ i(
+    P.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -20 },
+      className: "flex-1 px-8 pt-8 flex flex-col items-center",
+      children: [
+        /* @__PURE__ */ i("div", { className: "flex flex-col items-center gap-4 mb-10", children: [
+          /* @__PURE__ */ i("div", { className: "relative", children: [
+            /* @__PURE__ */ e("div", { className: "absolute inset-0 rounded-full shadow-[0_0_20px_rgba(134,81,225,0.3)] animate-pulse" }),
+            /* @__PURE__ */ e("div", { className: "relative w-24 h-24 rounded-full border-2 border-brand-40 p-1 dark:bg-black/50 bg-white", children: a ? /* @__PURE__ */ e("div", { className: "w-full h-full rounded-full overflow-hidden", children: /* @__PURE__ */ e("img", { src: a, alt: r, className: "w-full h-full object-cover" }) }) : /* @__PURE__ */ e("div", { className: "w-full h-full rounded-full bg-gradient-to-br from-emerald-500 to-teal-700 flex items-center justify-center text-white font-bold text-2xl", children: r.slice(0, 2).toUpperCase() }) })
           ] }),
-          " ",
-          t("privacy_desc", x)
+          /* @__PURE__ */ i("div", { className: "text-center", children: [
+            /* @__PURE__ */ e("h1", { className: "text-2xl font-bold tracking-tight text-main", children: r }),
+            /* @__PURE__ */ e("p", { className: "text-brand/70 text-sm font-medium mt-1 uppercase tracking-wider", children: t("requesting_access", p) })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "w-full space-y-3", children: [
+          /* @__PURE__ */ e("h3", { className: "text-xs font-semibold uppercase tracking-widest text-slate-500 mb-4 px-1", children: t("permission_request", p) }),
+          f.map((m) => /* @__PURE__ */ i(
+            "div",
+            {
+              className: "flex items-center gap-4 p-4 rounded-2xl dark:bg-white/5 bg-black/5 transition-all",
+              children: [
+                /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-8 h-8 rounded-full bg-cyan-400/10 text-cyan-400 shrink-0", children: /* @__PURE__ */ e(Ce, { className: "w-5 h-5" }) }),
+                /* @__PURE__ */ e("p", { className: "text-sm font-medium text-main", children: t(m, p) })
+              ]
+            },
+            m
+          ))
+        ] }),
+        /* @__PURE__ */ i("div", { className: "mt-8 flex gap-3 p-4 rounded-2xl dark:bg-brand/5 bg-brand/5", children: [
+          /* @__PURE__ */ e(Se, { className: "text-brand w-5 h-5 shrink-0" }),
+          /* @__PURE__ */ i("p", { className: "text-xs leading-relaxed text-muted", children: [
+            /* @__PURE__ */ i("span", { className: "font-bold text-main", children: [
+              t("privacy_note", p),
+              ":"
+            ] }),
+            " ",
+            t("privacy_desc", p)
+          ] })
+        ] }),
+        /* @__PURE__ */ i("footer", { className: "mt-auto w-full pb-8 flex flex-col gap-3", children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              onClick: l,
+              className: "w-full py-4 rounded-2xl bg-brand hover:bg-brand-90 text-white font-bold text-base shadow-xl shadow-brand transition-all flex items-center justify-center gap-2",
+              children: [
+                t("approve_verify", p),
+                /* @__PURE__ */ e(Fe, { className: "w-5 h-5" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: N,
+              className: "w-full py-3 rounded-2xl bg-transparent dark:hover:bg-slate-100 dark:bg-white/5 hover:bg-black/5 dark:text-slate-400 text-slate-500 font-semibold text-sm transition-all",
+              children: t("deny", p)
+            }
+          )
         ] })
-      ] }),
-      /* @__PURE__ */ a("footer", { className: "mt-auto w-full pb-8 flex flex-col gap-3", children: [
-        /* @__PURE__ */ a(
-          "button",
-          {
-            onClick: s,
-            className: "w-full py-4 rounded-2xl bg-brand hover:bg-brand-90 text-white font-bold text-base shadow-xl shadow-brand transition-all flex items-center justify-center gap-2",
-            children: [
-              t("approve_verify", x),
-              /* @__PURE__ */ e(Ee, { className: "w-5 h-5" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            onClick: o,
-            className: "w-full py-3 rounded-2xl bg-transparent dark:hover:bg-white/5 hover:bg-black/5 dark:text-slate-400 text-slate-500 font-semibold text-sm transition-all",
-            children: t("deny", x)
-          }
-        )
-      ] })
-    ]
-  }
-);
-function Ue(r = "light") {
+      ]
+    }
+  );
+};
+function Ge(r = "light") {
   return r === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : r;
 }
-const $e = ["AuthSelection", "Login", "PasskeyAuth", "PinVerification", "PasskeyRegister"], ia = "https://apis.casperid.com", Fe = {
+const Je = ["AuthSelection", "Login", "PasskeyAuth", "PinVerification", "PasskeyRegister"], oi = "https://apis.casperid.com", Ke = {
   requestId: "",
   verificationTier: "layer_3"
-}, la = ({
+}, pi = ({
   isOpen: r,
-  apiKey: i,
-  theme: s = {},
-  requiredTier: o,
-  onSuccess: x,
-  onClose: l,
-  onError: u,
-  mode: c = "login",
-  previewMode: n = !1,
-  initialScreen: d,
-  apiBaseUrl: m,
-  termsUrl: g = "#",
-  privacyUrl: z = "#",
-  logoUrl: O,
-  language: h = "EN",
-  layout: _
+  apiKey: a,
+  theme: n = {},
+  requiredTier: l,
+  onSuccess: N,
+  onClose: p,
+  onError: f,
+  mode: m = "login",
+  previewMode: s = !1,
+  initialScreen: c,
+  apiBaseUrl: d,
+  termsUrl: D = "#",
+  privacyUrl: h = "#",
+  logoUrl: A,
+  language: _ = "EN",
+  layout: o,
+  platform: I
 }) => {
-  var Oe;
-  const [f, I] = y({}), [T, C] = y(!n && !!i), {
-    primaryColor: N,
-    borderRadius: j,
-    fontFamily: E,
-    mode: R = "light",
-    layout: U
-  } = s, v = N || f.primaryColor || "#8651e1", k = j || f.borderRadius || "12", w = E || f.fontFamily || "Inter", A = _ || U || f.layout || "auto", [P, K] = y(Ue(R)), [Q, le] = y(
-    d ?? (c === "verify" ? "SecurityUpgrade" : "AuthSelection")
-  ), [G, B] = y({ email: "", verificationId: "" }), [Y, J] = y(null), [X, W] = y({
+  var Be;
+  const [g, k] = y({}), [V, w] = y(!s && !!a), {
+    primaryColor: T,
+    borderRadius: Y,
+    fontFamily: W,
+    mode: B = "light",
+    layout: b,
+    platform: C
+  } = n || {}, S = typeof navigator < "u" && /iPhone|iPad|iPod|Android/i.test(navigator.userAgent), L = T || g.primaryColor || "#8651e1", O = Y || g.borderRadius || "12", F = W || g.fontFamily || "Inter", G = o || b || g.layout || "auto", Q = I || C || g.platform || (S ? "mobile" : "desktop"), [de, ue] = y(Ge(B)), [te, ie] = y(
+    c ?? (m === "verify" ? "SecurityUpgrade" : "AuthSelection")
+  ), [q, pe] = y({ email: "", verificationId: "" }), [K, me] = y(null), [ee, ne] = y({
     email: "",
     userExists: !1,
     hasPasskey: !1,
     userAccount: null
-  }), [te, ne] = y(Fe), [Je, ge] = y(""), [na, Re] = y(""), [ce, Ze] = y(null), Z = m || ia, ve = k.toString().endsWith("px") ? k.toString() : `${k}px`, we = w.includes(" ") ? `"${w}", sans-serif` : `${w}, sans-serif`, oe = mt.useId().replace(/:/g, ""), Pe = {
-    "--casperid-primary": v,
-    "--casperid-radius": ve,
-    "--casperid-font": we
-  }, Te = `${oe}-${v}-${ve}-${we}`, ze = `
-        #casperid-modal-${oe},
-        #casperid-modal-${oe} * {
-            --casperid-primary: ${v} !important;
-            --casperid-radius: ${ve} !important;
-            --casperid-font: ${we} !important;
+  }), [U, v] = y(Ke), [M, Z] = y(""), [fe, z] = y(""), [X, he] = y(null), H = d || oi, oe = O.toString().endsWith("px") ? O.toString() : `${O}px`, ge = F.includes(" ") ? `"${F}", sans-serif` : `${F}, sans-serif`, ae = _t.useId().replace(/:/g, ""), ye = {
+    "--casperid-primary": L,
+    "--casperid-radius": oe,
+    "--casperid-font": ge
+  }, Ae = `${ae}-${L}-${oe}-${ge}`, De = `
+        #casperid-modal-${ae},
+        #casperid-modal-${ae} * {
+            --casperid-primary: ${L} !important;
+            --casperid-radius: ${oe} !important;
+            --casperid-font: ${ge} !important;
         }
     `;
-  F(() => {
-    if (R === "system") {
-      const p = window.matchMedia("(prefers-color-scheme: dark)"), b = (S) => K(S.matches ? "dark" : "light");
-      return p.addEventListener("change", b), () => p.removeEventListener("change", b);
+  ce(() => {
+    if (B === "system") {
+      const u = window.matchMedia("(prefers-color-scheme: dark)"), x = (E) => ue(E.matches ? "dark" : "light");
+      return u.addEventListener("change", x), () => u.removeEventListener("change", x);
     } else
-      K(Ue(R));
-  }, [R]), F(() => {
-    n && d && le(d);
-  }, [n, d]), F(() => {
-    r && !n && (le(d ?? (c === "verify" ? "SecurityUpgrade" : "AuthSelection")), B({ email: "", verificationId: "" }), J(null), W({ email: "", userExists: !1, hasPasskey: !1, userAccount: null }), ne(Fe), ge(""), Re(""));
-  }, [r, c, n, d]), F(() => {
-    if (!i || n) {
-      C(!1);
+      ue(Ge(B));
+  }, [B]), ce(() => {
+    s && c && ie(c);
+  }, [s, c]), ce(() => {
+    r && !s && (ie(c ?? (m === "verify" ? "SecurityUpgrade" : "AuthSelection")), pe({ email: "", verificationId: "" }), me(null), ne({ email: "", userExists: !1, hasPasskey: !1, userAccount: null }), v(Ke), Z(""), z(""));
+  }, [r, m, s, c]), ce(() => {
+    if (!a || s) {
+      w(!1);
       return;
     }
     (async () => {
       try {
-        const b = await fetch(`${Z}/api/business/app-metadata/${i}`);
-        if (b.ok) {
-          const S = await b.json();
-          S.success && S.app && (Ze(S.app), S.app.theme && I({
-            primaryColor: S.app.theme.primaryColor,
-            borderRadius: S.app.theme.borderRadius,
-            fontFamily: S.app.theme.fontFamily,
-            layout: S.app.theme.layout
+        const x = await fetch(`${H}/api/business/app-metadata/${a}`);
+        if (x.ok) {
+          const E = await x.json();
+          E.success && E.app && (he(E.app), E.app.theme && k({
+            primaryColor: E.app.theme.primaryColor,
+            borderRadius: E.app.theme.borderRadius,
+            fontFamily: E.app.theme.fontFamily,
+            layout: E.app.theme.layout,
+            platform: E.app.theme.platform
           }));
         }
-      } catch (b) {
-        console.warn("[CasperID] Failed to fetch app metadata:", b);
+      } catch (x) {
+        console.warn("[CasperID] Failed to fetch app metadata:", x);
       } finally {
-        C(!1);
+        w(!1);
       }
     })();
-  }, [i, Z, n]);
-  const je = () => K((p) => p === "dark" ? "light" : "dark"), D = q((p) => le(p), []), _e = q(async (p) => {
+  }, [a, H, s]);
+  const Ue = () => ue((u) => u === "dark" ? "light" : "dark"), R = J((u) => ie(u), []), ze = J(async (u) => {
     try {
-      const b = p === "layer_2" ? `${m}/api/v2/verification/layer2/start` : `${m}/api/v2/verification/layer3/start`, S = await fetch(b, {
+      const x = u === "layer_2" ? `${d}/api/v2/verification/layer2/start` : `${d}/api/v2/verification/layer3/start`, E = await fetch(x, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          "X-API-Key": i
+          "X-API-Key": a
         },
         credentials: "include",
         body: JSON.stringify({
           purpose: "sdk_verification",
-          ...p === "layer_3" ? { verificationMethod: "document" } : {}
+          ...u === "layer_3" ? { verificationMethod: "document" } : {}
         })
       });
-      if (!S.ok) {
-        const H = await S.json().catch(() => ({}));
-        throw new Error(H.error || `Request failed with status ${S.status}`);
+      if (!E.ok) {
+        const le = await E.json().catch(() => ({}));
+        throw new Error(le.error || `Request failed with status ${E.status}`);
       }
-      const L = await S.json();
-      if (L.success && L.verification)
-        return ne((H) => ({
-          ...H,
-          requestId: L.verification.requestId,
-          verificationTier: p
-        })), L.verification.requestId;
-      throw new Error(L.error || "Failed to start verification");
-    } catch (b) {
-      return u == null || u(b instanceof Error ? b : new Error("Failed to start verification")), null;
+      const $ = await E.json();
+      if ($.success && $.verification)
+        return v((le) => ({
+          ...le,
+          requestId: $.verification.requestId,
+          verificationTier: u
+        })), $.verification.requestId;
+      throw new Error($.error || "Failed to start verification");
+    } catch (x) {
+      return f == null || f(x instanceof Error ? x : new Error("Failed to start verification")), null;
     }
-  }, [m, i, u]), Qe = q((p, b, S) => {
-    J(p), W((L) => ({
-      ...L,
-      sessionToken: p,
-      businessToken: S,
-      userAccount: b || null
-    })), b != null && b.wallet && (b != null && b.did_address) && X.hasPasskey ? ye(b.tier) : D("PasskeyRegister");
-  }, [D, X.hasPasskey]), Xe = q((p) => {
-    W((b) => ({ ...b, email: p, hasPasskey: !0, userExists: !0 })), D("PasskeyAuth");
-  }, [D]), et = q((p, b, S) => {
-    J(p), W((L) => ({
-      ...L,
-      sessionToken: p,
-      businessToken: S,
-      userAccount: b ? {
-        user_id: b.user_id,
-        wallet: b.wallet,
-        tier: b.tier,
-        did_address: b.did_address
+  }, [d, a, f]), rt = J((u, x, E) => {
+    me(u), ne(($) => ({
+      ...$,
+      sessionToken: u,
+      businessToken: E,
+      userAccount: x || null
+    })), x != null && x.wallet && (x != null && x.did_address) && ee.hasPasskey ? Re(x.tier) : R("PasskeyRegister");
+  }, [R, ee.hasPasskey]), nt = J((u) => {
+    ne((x) => ({ ...x, email: u, hasPasskey: !0, userExists: !0 })), R("PasskeyAuth");
+  }, [R]), st = J((u, x, E) => {
+    me(u), ne(($) => ({
+      ...$,
+      sessionToken: u,
+      businessToken: E,
+      userAccount: x ? {
+        user_id: x.user_id,
+        wallet: x.wallet,
+        tier: x.tier,
+        did_address: x.did_address
       } : null
-    })), ye(b == null ? void 0 : b.tier);
-  }, []), tt = q((p, b) => {
-    W((S) => ({
-      ...S,
+    })), Re(x == null ? void 0 : x.tier);
+  }, []), ct = J((u, x) => {
+    ne((E) => ({
+      ...E,
       hasPasskey: !0,
-      businessToken: b,
-      userAccount: p ? {
-        user_id: p.user_id,
-        tier: p.tier
-      } : S.userAccount
-    })), D("MintingIdentity");
-  }, [D]), ye = q((p) => {
-    const b = p || "layer_0";
-    if (!o) {
-      D("IdentityVerified");
+      businessToken: x,
+      userAccount: u ? {
+        user_id: u.user_id,
+        tier: u.tier
+      } : E.userAccount
+    })), R("MintingIdentity");
+  }, [R]), Re = J((u) => {
+    const x = u || "layer_0";
+    if (!l) {
+      R("IdentityVerified");
       return;
     }
-    const S = o === "L1" ? "layer_1" : o === "L2" ? "layer_2" : o === "L3" ? "layer_3" : "layer_1", L = ["layer_0", "layer_1", "layer_2", "layer_3"], H = L.indexOf(b), ue = L.indexOf(S);
-    H >= ue ? D("IdentityVerified") : ue >= 2 ? D("SecurityUpgrade") : D("IdentityVerified");
-  }, [o, D]), at = q(async (p) => {
-    var S;
-    if (p != null && p.wallet && W((L) => {
-      var H;
+    const E = l === "L1" ? "layer_1" : l === "L2" ? "layer_2" : l === "L3" ? "layer_3" : "layer_1", $ = ["layer_0", "layer_1", "layer_2", "layer_3"], le = $.indexOf(x), we = $.indexOf(E);
+    le >= we ? R("IdentityVerified") : we >= 2 ? R("SecurityUpgrade") : R("IdentityVerified");
+  }, [l, R]), ot = J(async (u) => {
+    var E;
+    if (u != null && u.wallet && ne(($) => {
+      var le;
       return {
-        ...L,
+        ...$,
         userAccount: {
-          ...L.userAccount,
-          user_id: ((H = L.userAccount) == null ? void 0 : H.user_id) || "",
-          wallet: p.wallet,
-          did_address: p.didAddress,
+          ...$.userAccount,
+          user_id: ((le = $.userAccount) == null ? void 0 : le.user_id) || "",
+          wallet: u.wallet,
+          did_address: u.didAddress,
           tier: "layer_1"
         }
       };
-    }), p != null && p.credentialHash && Re(p.credentialHash), Y && !n)
+    }), u != null && u.credentialHash && z(u.credentialHash), K && !s)
       try {
-        const L = await fetch(`${Z}/api/casperid/refresh`, {
+        const $ = await fetch(`${H}/api/casperid/refresh`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ token: Y, apiKey: i })
+          body: JSON.stringify({ token: K, apiKey: a })
         });
-        if (L.ok) {
-          const H = await L.json();
-          H.success && H.token && (console.log("[CasperID SDK] Token refreshed after verification"), J(H.token), W((ue) => ({
-            ...ue,
-            sessionToken: H.token,
-            businessToken: H.business_token || ue.businessToken
+        if ($.ok) {
+          const le = await $.json();
+          le.success && le.token && (console.log("[CasperID SDK] Token refreshed after verification"), me(le.token), ne((we) => ({
+            ...we,
+            sessionToken: le.token,
+            businessToken: le.business_token || we.businessToken
           })));
         }
-      } catch (L) {
-        console.warn("[CasperID SDK] Failed to refresh token after verification:", L);
+      } catch ($) {
+        console.warn("[CasperID SDK] Failed to refresh token after verification:", $);
       }
-    const b = p != null && p.wallet ? "layer_1" : ((S = X.userAccount) == null ? void 0 : S.tier) || "layer_1";
-    ye(b);
-  }, [(Oe = X.userAccount) == null ? void 0 : Oe.tier, ye, Y, Z, n]), it = q((p) => {
-    const b = (p == null ? void 0 : p.sessionToken) || (p == null ? void 0 : p.token), S = (p == null ? void 0 : p.business_token) || (p == null ? void 0 : p.businessToken);
-    b && J(b), S && W((L) => ({ ...L, businessToken: S })), D("SecurityUpgrade");
-  }, [D]), rt = q(async () => {
-    await _e("layer_2") && D("FaceScan");
-  }, [_e, D]), nt = q(async (p) => {
-    ne((b) => ({ ...b, livenessVerified: p })), o === "L3" ? await _e("layer_3") && D("VerifyIdentityChoice") : D("MintingIdentity");
-  }, [o, _e, D]), st = q((p) => {
-    ne((b) => ({ ...b, documentType: p })), D("DocumentScan");
-  }, [D]), ct = q((p, b) => {
-    ne((S) => ({ ...S, extractedData: p })), ge(b), D("ReviewData");
-  }, [D]), dt = q((p) => {
-    ne((b) => ({ ...b, extractedData: p })), D("MintingIdentity");
-  }, [D]), lt = q(() => {
-    ne((p) => ({ ...p, extractedData: void 0 })), ge(""), D("DocumentScan");
-  }, [D]), ot = q(() => {
-    if (!Y) {
-      u == null || u(new Error("No valid session token available"));
+    let x = u != null && u.wallet ? "layer_1" : ((E = ee.userAccount) == null ? void 0 : E.tier) || "layer_1";
+    U.livenessVerified && U.verificationTier === "layer_2" ? x = "layer_2" : U.documentType && U.verificationTier === "layer_3" && (x = "layer_3"), Re(x);
+  }, [(Be = ee.userAccount) == null ? void 0 : Be.tier, Re, K, H, s, U]), lt = J((u) => {
+    const x = (u == null ? void 0 : u.sessionToken) || (u == null ? void 0 : u.token), E = (u == null ? void 0 : u.business_token) || (u == null ? void 0 : u.businessToken);
+    x && me(x), E && ne(($) => ({ ...$, businessToken: E })), R("SecurityUpgrade");
+  }, [R]), dt = J(async () => {
+    l === "L3" ? await ze("layer_3") && R("VerifyIdentityChoice") : await ze("layer_2") && R("FaceScan");
+  }, [l, ze, R]), ut = J(async (u) => {
+    v((x) => ({ ...x, livenessVerified: u })), R("MintingIdentity");
+  }, [R]), mt = J((u) => {
+    v((x) => ({ ...x, documentType: u })), R("DocumentScan");
+  }, [R]), pt = J((u, x, E) => {
+    v(($) => ({
+      ...$,
+      extractedData: u,
+      frontImageUrl: E.frontImageUrl,
+      frontImageFileId: E.frontImageFileId,
+      backImageUrl: E.backImageUrl,
+      backImageFileId: E.backImageFileId
+    })), Z(x), R("ReviewData");
+  }, [R]), ft = J((u) => {
+    v((x) => ({ ...x, extractedData: u })), R("FaceScan");
+  }, [R]);
+  J(() => {
+    v((u) => ({ ...u, extractedData: void 0 })), Z(""), R("DocumentScan");
+  }, [R]);
+  const ht = J(() => {
+    if (!K) {
+      f == null || f(new Error("No valid session token available"));
       return;
     }
-    x == null || x(Y, {
-      businessToken: X.businessToken
-    }), l == null || l();
-  }, [Y, X.businessToken, x, l, u]), ae = q((p) => {
-    u == null || u(new Error(p));
-  }, [u]), ut = q((p, b) => {
-    B({ email: p, verificationId: b }), W((S) => ({ ...S, email: p })), D("PinVerification");
-  }, [D]);
-  if (!r && !n) return null;
-  if (T && !n)
+    N == null || N(K, {
+      businessToken: ee.businessToken
+    }), p == null || p();
+  }, [K, ee.businessToken, N, p, f]), be = J((u) => {
+    f == null || f(new Error(u));
+  }, [f]), bt = J((u, x) => {
+    pe({ email: u, verificationId: x }), ne((E) => ({ ...E, email: u })), R("PinVerification");
+  }, [R]);
+  if (!r && !s) return null;
+  if (V && !s)
     return /* @__PURE__ */ e(
       "div",
       {
@@ -3275,233 +3547,246 @@ const $e = ["AuthSelection", "Login", "PasskeyAuth", "PinVerification", "Passkey
         children: /* @__PURE__ */ e("div", { className: "w-12 h-12 border-3 border-white/20 border-t-white/80 rounded-full animate-spin" })
       }
     );
-  const Me = () => {
-    switch (Q) {
+  const $e = () => {
+    switch (te) {
       case "AuthSelection":
         return /* @__PURE__ */ e(
-          Pt,
+          Mt,
           {
-            onNext: (b) => D(b === "otp" ? "Login" : "SecurityUpgrade"),
-            onExtensionSuccess: it,
-            onError: ae,
-            language: h
+            onNext: (x) => R(x === "otp" ? "Login" : "SecurityUpgrade"),
+            onExtensionSuccess: lt,
+            onError: be,
+            language: _,
+            platform: Q
           }
         );
       case "Login":
         return /* @__PURE__ */ e(
-          Tt,
+          Lt,
           {
-            onNext: ut,
-            onPasskeyUser: Xe,
-            onError: ae,
-            apiBaseUrl: Z,
-            previewMode: n,
-            language: h
+            onNext: bt,
+            onPasskeyUser: nt,
+            onError: be,
+            apiBaseUrl: H,
+            apiKey: a,
+            previewMode: s,
+            language: _
           }
         );
       case "PasskeyAuth":
         return /* @__PURE__ */ e(
-          $t,
+          Yt,
           {
-            email: X.email,
-            onSuccess: et,
-            onError: ae,
-            onFallbackToOTP: () => D("Login"),
-            apiBaseUrl: Z,
-            previewMode: n,
-            language: h
+            email: ee.email,
+            onSuccess: st,
+            onError: be,
+            onFallbackToOTP: () => R("Login"),
+            apiBaseUrl: H,
+            apiKey: a,
+            previewMode: s,
+            language: _
           }
         );
       case "PasskeyRegister":
         return /* @__PURE__ */ e(
-          Ft,
+          Gt,
           {
-            email: X.email || G.email,
-            sessionToken: Y || "",
-            onSuccess: tt,
-            onError: ae,
-            apiBaseUrl: Z,
-            previewMode: n,
-            language: h
+            email: ee.email || q.email,
+            sessionToken: K || "",
+            onSuccess: ct,
+            onError: be,
+            apiBaseUrl: H,
+            apiKey: a,
+            previewMode: s,
+            language: _
           }
         );
       case "PinVerification":
         return /* @__PURE__ */ e(
-          Bt,
+          Jt,
           {
-            email: G.email,
-            verificationId: G.verificationId,
-            onNext: Qe,
-            onError: ae,
-            apiBaseUrl: Z,
-            apiKey: i,
-            previewMode: n,
-            language: h
+            email: q.email,
+            verificationId: q.verificationId,
+            onNext: rt,
+            onError: be,
+            apiBaseUrl: H,
+            apiKey: a,
+            previewMode: s,
+            language: _
           }
         );
       case "SecurityUpgrade":
         return /* @__PURE__ */ e(
-          Ht,
+          Kt,
           {
-            onNext: rt,
-            onSkip: () => D("IdentityVerified"),
-            language: h
+            onNext: dt,
+            onSkip: () => R("IdentityVerified"),
+            language: _
           }
         );
       case "FaceScan":
         return /* @__PURE__ */ e(
-          Kt,
+          Zt,
           {
-            requestId: te.requestId,
-            onNext: nt,
-            onError: ae,
-            apiBaseUrl: Z,
-            previewMode: n,
-            language: h
+            requestId: U.requestId,
+            onNext: ut,
+            onError: be,
+            apiBaseUrl: H,
+            apiKey: a,
+            previewMode: s,
+            language: _
           }
         );
       case "VerifyIdentityChoice":
         return /* @__PURE__ */ e(
-          Gt,
+          Qt,
           {
-            onNext: st,
-            language: h
+            onNext: mt,
+            language: _
           }
         );
       case "DocumentScan":
         return /* @__PURE__ */ e(
-          Jt,
+          ti,
           {
-            requestId: te.requestId,
-            documentType: te.documentType || "passport",
-            onNext: ct,
-            onError: ae,
-            apiBaseUrl: Z,
-            previewMode: n,
-            language: h
+            requestId: U.requestId,
+            documentType: U.documentType,
+            onNext: pt,
+            onError: be,
+            apiBaseUrl: H,
+            apiKey: a,
+            previewMode: s,
+            language: _
           }
         );
       case "ReviewData":
         return /* @__PURE__ */ e(
-          Zt,
+          ii,
           {
-            requestId: te.requestId,
-            documentType: te.documentType || "passport",
-            extractedData: te.extractedData || {},
-            uploadId: Je,
-            onNext: dt,
-            onRetake: lt,
-            onError: ae,
-            apiBaseUrl: Z,
-            previewMode: n,
-            language: h
+            requestId: U.requestId,
+            documentType: U.documentType,
+            extractedData: U.extractedData,
+            uploadId: M,
+            frontImageUrl: U.frontImageUrl,
+            frontImageFileId: U.frontImageFileId,
+            backImageUrl: U.backImageUrl,
+            backImageFileId: U.backImageFileId,
+            onNext: ft,
+            onRetake: () => R("DocumentScan"),
+            onError: be,
+            apiBaseUrl: H,
+            apiKey: a,
+            previewMode: s,
+            language: _
           }
         );
       case "MintingIdentity":
-        const p = te.requestId ? te.verificationTier : "layer_1";
+        const u = U.requestId ? U.verificationTier : "layer_1";
         return /* @__PURE__ */ e(
-          Xt,
+          ri,
           {
-            tier: p,
-            sessionToken: Y || "",
-            requestId: te.requestId,
-            onNext: at,
-            onError: ae,
-            apiBaseUrl: Z,
-            previewMode: n,
-            language: h
+            tier: u,
+            sessionToken: K || "",
+            requestId: U.requestId,
+            onNext: ot,
+            onError: be,
+            apiBaseUrl: H,
+            apiKey: a,
+            previewMode: s,
+            language: _
           }
         );
       case "IdentityVerified":
-        return /* @__PURE__ */ e(ea, { onNext: () => D("PermissionsRequest"), language: h });
+        return /* @__PURE__ */ e(ni, { onNext: () => R("PermissionsRequest"), language: _ });
       case "PermissionsRequest":
         return /* @__PURE__ */ e(
-          aa,
+          ci,
           {
-            onApprove: ot,
-            onDeny: () => l == null ? void 0 : l(),
-            language: h,
-            appName: ce == null ? void 0 : ce.name,
-            appLogo: O || (ce == null ? void 0 : ce.logo_url)
+            onApprove: ht,
+            onDeny: () => p == null ? void 0 : p(),
+            language: _,
+            appName: X == null ? void 0 : X.name,
+            appLogo: A || (X == null ? void 0 : X.logo_url),
+            requestedScopes: X == null ? void 0 : X.requested_scopes
           }
         );
       default:
         return null;
     }
   };
-  return n ? /* @__PURE__ */ a($, { children: [
-    /* @__PURE__ */ e("style", { children: ze }, Te),
-    /* @__PURE__ */ e("div", { id: `casperid-modal-${oe}`, style: Pe, className: `relative ${P}`, children: /* @__PURE__ */ a(Ve, { className: "backdrop-blur-3xl", theme: P, children: [
-      /* @__PURE__ */ e(
-        Le,
+  return s ? /* @__PURE__ */ i(re, { children: [
+    /* @__PURE__ */ e("style", { children: De }, Ae),
+    /* @__PURE__ */ e("div", { id: `casperid-modal-${ae}`, style: ye, className: `relative ${de}`, children: /* @__PURE__ */ i(He, { className: "backdrop-blur-3xl", theme: de, children: [
+      te !== "FaceScan" && /* @__PURE__ */ e(
+        We,
         {
-          onClose: l,
-          showClose: Q !== "AuthSelection",
-          subtitle: Q === "PermissionsRequest" ? "PERMISSION REQUEST" : "SECURE SDK",
-          theme: P,
-          toggleTheme: je
+          onClose: p,
+          showClose: te !== "AuthSelection",
+          subtitle: te === "PermissionsRequest" ? "PERMISSION REQUEST" : "SECURE SDK",
+          theme: de,
+          toggleTheme: Ue
         }
       ),
-      /* @__PURE__ */ e("div", { className: "flex-1 flex flex-col relative overflow-hidden", children: /* @__PURE__ */ e(Ce, { mode: "wait", children: /* @__PURE__ */ e(V.div, { className: "flex-1 flex flex-col", children: Me() }, Q) }) }),
-      $e.includes(Q) && /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ a("p", { className: "text-[11px] text-slate-500 font-medium", children: [
+      /* @__PURE__ */ e("div", { className: "flex-1 flex flex-col relative overflow-hidden", children: /* @__PURE__ */ e(Me, { mode: "wait", children: /* @__PURE__ */ e(P.div, { className: "flex-1 flex flex-col", children: $e() }, te) }) }),
+      Je.includes(te) && /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ i("p", { className: "text-[11px] text-slate-500 font-medium", children: [
         "By connecting, you agree to our",
         " ",
-        /* @__PURE__ */ e("a", { className: "text-brand hover:underline ml-1", href: g, target: "_blank", rel: "noopener noreferrer", children: "Terms of Service" }),
+        /* @__PURE__ */ e("a", { className: "text-brand hover:underline ml-1", href: D, target: "_blank", rel: "noopener noreferrer", children: "Terms of Service" }),
         " ",
         "&",
         " ",
-        /* @__PURE__ */ e("a", { className: "text-brand hover:underline ml-1", href: z, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
+        /* @__PURE__ */ e("a", { className: "text-brand hover:underline ml-1", href: h, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
       ] }) })
     ] }) })
-  ] }) : /* @__PURE__ */ a($, { children: [
-    /* @__PURE__ */ e("style", { children: ze }, Te),
-    /* @__PURE__ */ a(
+  ] }) : /* @__PURE__ */ i(re, { children: [
+    /* @__PURE__ */ e("style", { children: De }, Ae),
+    /* @__PURE__ */ i(
       "div",
       {
-        className: `fixed inset-0 z-[9999] flex items-center justify-center ${A === "fullscreen" ? "p-0" : "p-4"}`,
-        style: { backgroundColor: A === "fullscreen" ? "transparent" : "rgba(0,0,0,0.6)", backdropFilter: A === "fullscreen" ? "none" : "blur(6px)" },
-        onClick: (p) => p.target === p.currentTarget && (l == null ? void 0 : l()),
+        className: `fixed inset-0 z-[9999] flex items-center justify-center ${G === "fullscreen" ? "p-0" : "p-4"}`,
+        style: { backgroundColor: G === "fullscreen" ? "transparent" : "rgba(0,0,0,0.6)", backdropFilter: G === "fullscreen" ? "none" : "blur(6px)" },
+        onClick: (u) => u.target === u.currentTarget && (p == null ? void 0 : p()),
         children: [
-          A !== "fullscreen" && /* @__PURE__ */ a("div", { className: "absolute inset-0 pointer-events-none overflow-hidden", children: [
+          G !== "fullscreen" && /* @__PURE__ */ i("div", { className: "absolute inset-0 pointer-events-none overflow-hidden", children: [
             /* @__PURE__ */ e(
               "div",
               {
                 className: "absolute top-[-10%] left-[-10%] w-[60%] h-[40%] rounded-full blur-[120px]",
-                style: { backgroundColor: `${v}1a` }
+                style: { backgroundColor: `${L}1a` }
               }
             ),
             /* @__PURE__ */ e("div", { className: "absolute bottom-[-5%] right-[-5%] w-[50%] h-[30%] bg-[#6DE8EC]/5 blur-[100px] rounded-full" })
           ] }),
           /* @__PURE__ */ e(
-            V.div,
+            P.div,
             {
-              id: `casperid-modal-${oe}`,
-              initial: A === "fullscreen" ? { opacity: 0 } : { opacity: 0, scale: 0.95, y: 20 },
+              id: `casperid-modal-${ae}`,
+              initial: G === "fullscreen" ? { opacity: 0 } : { opacity: 0, scale: 0.95, y: 20 },
               animate: { opacity: 1, scale: 1, y: 0 },
-              exit: A === "fullscreen" ? { opacity: 0 } : { opacity: 0, scale: 0.95, y: 20 },
+              exit: G === "fullscreen" ? { opacity: 0 } : { opacity: 0, scale: 0.95, y: 20 },
               transition: { type: "spring", damping: 28, stiffness: 300 },
-              style: Pe,
-              className: `relative selection:bg-brand/30 ${P} ${A === "fullscreen" ? "w-full h-full" : ""}`,
-              children: /* @__PURE__ */ a(Ve, { className: `backdrop-blur-3xl ${A === "fullscreen" ? "w-full h-full rounded-none" : ""}`, theme: P, children: [
-                /* @__PURE__ */ e(
-                  Le,
+              style: ye,
+              className: `relative selection:bg-brand/30 ${de} ${G === "fullscreen" ? "w-full h-full" : Q === "mobile" ? "w-full max-w-md h-[90vh] max-h-[800px]" : "w-full max-w-xl h-[85vh] max-h-[900px]"}`,
+              children: /* @__PURE__ */ i(He, { className: `backdrop-blur-3xl ${G === "fullscreen" ? "w-full h-full rounded-none" : ""}`, theme: de, children: [
+                te !== "FaceScan" && /* @__PURE__ */ e(
+                  We,
                   {
-                    onClose: l,
-                    showClose: Q !== "AuthSelection",
-                    subtitle: Q === "PermissionsRequest" ? "PERMISSION REQUEST" : "SECURE SDK",
-                    theme: P,
-                    toggleTheme: je
+                    onClose: p,
+                    showClose: te !== "AuthSelection",
+                    subtitle: te === "PermissionsRequest" ? "PERMISSION REQUEST" : "SECURE SDK",
+                    theme: de,
+                    toggleTheme: Ue
                   }
                 ),
-                /* @__PURE__ */ e("div", { className: "flex-1 flex flex-col relative overflow-hidden", children: /* @__PURE__ */ e(Ce, { mode: "wait", children: /* @__PURE__ */ e(V.div, { className: "flex-1 flex flex-col", children: Me() }, Q) }) }),
-                $e.includes(Q) && /* @__PURE__ */ e(qe, { children: /* @__PURE__ */ a("p", { className: "text-[11px] text-slate-500 font-medium", children: [
+                /* @__PURE__ */ e("div", { className: "flex-1 flex flex-col relative overflow-hidden", children: /* @__PURE__ */ e(Me, { mode: "wait", children: /* @__PURE__ */ e(P.div, { className: "flex-1 flex flex-col", children: $e() }, te) }) }),
+                Je.includes(te) && /* @__PURE__ */ e(Ye, { children: /* @__PURE__ */ i("p", { className: "text-[11px] text-slate-500 font-medium", children: [
                   "By connecting, you agree to our",
                   " ",
-                  /* @__PURE__ */ e("a", { className: "text-brand hover:underline ml-1", href: g, target: "_blank", rel: "noopener noreferrer", children: "Terms of Service" }),
+                  /* @__PURE__ */ e("a", { className: "text-brand hover:underline ml-1", href: D, target: "_blank", rel: "noopener noreferrer", children: "Terms of Service" }),
                   " ",
                   "&",
                   " ",
-                  /* @__PURE__ */ e("a", { className: "text-brand hover:underline ml-1", href: z, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
+                  /* @__PURE__ */ e("a", { className: "text-brand hover:underline ml-1", href: h, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
                 ] }) })
               ] })
             }
@@ -3511,51 +3796,51 @@ const $e = ["AuthSelection", "Login", "PasskeyAuth", "PinVerification", "Passkey
     )
   ] });
 };
-async function oa(r, i = {}, s = 3e4) {
-  const o = new AbortController(), x = setTimeout(() => o.abort(), s);
+async function fi(r, a = {}, n = 3e4) {
+  const l = new AbortController(), N = setTimeout(() => l.abort(), n);
   try {
     return await fetch(r, {
-      ...i,
-      signal: o.signal
+      ...a,
+      signal: l.signal
     });
   } finally {
-    clearTimeout(x);
+    clearTimeout(N);
   }
 }
-class ra extends Error {
-  constructor(i, s) {
-    super(i), this.name = "ApiError", this.status = s;
+class li extends Error {
+  constructor(a, n) {
+    super(a), this.name = "ApiError", this.status = n;
   }
 }
-async function ua(r) {
+async function hi(r) {
   if (!r.ok) {
-    const i = await r.json().catch(() => ({}));
-    throw new ra(
-      i.error || i.message || `Request failed with status ${r.status}`,
+    const a = await r.json().catch(() => ({}));
+    throw new li(
+      a.error || a.message || `Request failed with status ${r.status}`,
       r.status
     );
   }
   return r.json();
 }
 export {
-  ra as ApiError,
-  Pt as AuthSelectionScreen,
-  la as CasperIDModal,
-  Jt as DocumentScanScreen,
-  Kt as FaceScanScreen,
-  qe as Footer,
-  Ve as GlassContainer,
-  Le as Header,
-  ea as IdentityVerifiedScreen,
-  Tt as LoginScreen,
-  Xt as MintingIdentityScreen,
-  aa as PermissionsRequestScreen,
-  Bt as PinVerificationScreen,
-  Zt as ReviewDataScreen,
-  Ht as SecurityUpgradeScreen,
-  Gt as VerifyIdentityChoiceScreen,
-  la as default,
-  oa as fetchWithTimeout,
-  ua as handleApiResponse
+  li as ApiError,
+  Mt as AuthSelectionScreen,
+  pi as CasperIDModal,
+  ti as DocumentScanScreen,
+  Zt as FaceScanScreen,
+  Ye as Footer,
+  He as GlassContainer,
+  We as Header,
+  ni as IdentityVerifiedScreen,
+  Lt as LoginScreen,
+  ri as MintingIdentityScreen,
+  ci as PermissionsRequestScreen,
+  Jt as PinVerificationScreen,
+  ii as ReviewDataScreen,
+  Kt as SecurityUpgradeScreen,
+  Qt as VerifyIdentityChoiceScreen,
+  pi as default,
+  fi as fetchWithTimeout,
+  hi as handleApiResponse
 };
 //# sourceMappingURL=index.mjs.map