@vpdev2/metakyc-sdk 1.0.86 → 1.0.88

package/dist/index.js

@@ -3,12 +3,12 @@ var Tt = (e, t, n) => t in e ? Ft(e, t, { enumerable: !0, configurable: !0, writ
 var de = (e, t, n) => Tt(e, typeof t != "symbol" ? t + "" : t, n);
 import Lt from "axios";
 import * as ft from "react";
-import Ie, { createContext as Dt, useState as x, useMemo as ze, useEffect as me, useContext as Mt, useRef as ne, useCallback as V, forwardRef as nt, createElement as mt } from "react";
+import Ie, { createContext as Dt, useState as x, useMemo as $e, useEffect as me, useContext as Mt, useRef as ne, useCallback as V, forwardRef as nt, createElement as mt } from "react";
 import { jsx as r, jsxs as s, Fragment as rt } from "react/jsx-runtime";
 import Ot, { createPortal as ht } from "react-dom";
 import { useForm as Bt, Controller as Ke } from "react-hook-form";
 import { z as Oe } from "zod";
-var te = /* @__PURE__ */ ((e) => (e[e.IdentitySdk = 0] = "IdentitySdk", e[e.RiskScoring = 1] = "RiskScoring", e[e.Questionaries = 2] = "Questionaries", e[e.AdditionalData = 3] = "AdditionalData", e[e.AppropriatenessTest = 4] = "AppropriatenessTest", e[e.UploadDocument = 5] = "UploadDocument", e[e.ManualReview = 6] = "ManualReview", e[e.Overview = 7] = "Overview", e[e.InvestorCategorization = 8] = "InvestorCategorization", e))(te || {}), lt = /* @__PURE__ */ ((e) => (e[e.NotStarted = 0] = "NotStarted", e[e.InProgress = 1] = "InProgress", e[e.Success = 2] = "Success", e[e.PartialSuccess = 3] = "PartialSuccess", e[e.Failed = 4] = "Failed", e[e.Skipped = 5] = "Skipped", e[e.AdminReview = 6] = "AdminReview", e[e.SkippedAndAdminReview = 7] = "SkippedAndAdminReview", e))(lt || {}), Fe = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.InProgress = 1] = "InProgress", e[e.Finished = 2] = "Finished", e[e.OnHold = 3] = "OnHold", e[e.IdentityPending = 4] = "IdentityPending", e))(Fe || {}), $t = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.RepresentativeKYC = 1] = "RepresentativeKYC", e[e.ManualRiskCriteria = 2] = "ManualRiskCriteria", e[e.UploadDocumentReview = 3] = "UploadDocumentReview", e[e.AdminReview = 4] = "AdminReview", e))($t || {}), zt = /* @__PURE__ */ ((e) => (e[e.LowRisk = 0] = "LowRisk", e[e.MediumRisk = 1] = "MediumRisk", e[e.HighRisk = 2] = "HighRisk", e[e.Alert = 3] = "Alert", e))(zt || {}), We = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Pending = 1] = "Pending", e[e.Approved = 2] = "Approved", e[e.Rejected = 3] = "Rejected", e[e.ResendRequested = 4] = "ResendRequested", e[e.Unknown = 5] = "Unknown", e[e.InProgress = 6] = "InProgress", e))(We || {}), Ye = /* @__PURE__ */ ((e) => (e[e.Approved = 0] = "Approved", e[e.Reject = 1] = "Reject", e[e.UnderReview = 2] = "UnderReview", e[e.Closed = 3] = "Closed", e[e.AdminReview = 4] = "AdminReview", e[e.New = 5] = "New", e[e.InProgress = 6] = "InProgress", e))(Ye || {}), _t = /* @__PURE__ */ ((e) => (e[e.ProviderResultPending = 0] = "ProviderResultPending", e[e.ProviderResultReceived = 1] = "ProviderResultReceived", e[e.Canceled = 2] = "Canceled", e[e.ExtendedToNewApplicant = 3] = "ExtendedToNewApplicant", e))(_t || {}), Ht = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.ProviderResultPending = 1] = "ProviderResultPending", e[e.ProviderResultReceived = 2] = "ProviderResultReceived", e[e.Canceled = 3] = "Canceled", e))(Ht || {}), Pe = /* @__PURE__ */ ((e) => (e[e.Onfido = 0] = "Onfido", e[e.Sumsub = 2] = "Sumsub", e[e.SardinAI = 3] = "SardinAI", e))(Pe || {}), Ut = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Company = 1] = "Company", e))(Ut || {}), ct = /* @__PURE__ */ ((e) => (e[e.Male = 0] = "Male", e[e.Female = 1] = "Female", e[e.Other = 2] = "Other", e))(ct || {}), jt = /* @__PURE__ */ ((e) => (e[e.Image = 0] = "Image", e[e.Video = 1] = "Video", e[e.PDF = 2] = "PDF", e[e.OfficePDF = 3] = "OfficePDF", e[e.Custom = 4] = "Custom", e))(jt || {}), Kt = /* @__PURE__ */ ((e) => (e[e.Pending = 0] = "Pending", e[e.Approved = 1] = "Approved", e[e.Rejected = 2] = "Rejected", e[e.RequiresRevision = 3] = "RequiresRevision", e))(Kt || {}), Wt = /* @__PURE__ */ ((e) => (e[e.SingleChoice = 0] = "SingleChoice", e[e.MultipleChoice = 1] = "MultipleChoice", e[e.Text = 2] = "Text", e))(Wt || {}), Me = /* @__PURE__ */ ((e) => (e[e.String = 0] = "String", e[e.Integer = 1] = "Integer", e[e.Money = 2] = "Money", e[e.Boolean = 3] = "Boolean", e[e.Date = 4] = "Date", e[e.Country = 5] = "Country", e[e.DigitOnly = 6] = "DigitOnly", e))(Me || {}), Yt = /* @__PURE__ */ ((e) => (e[e.Text = 0] = "Text", e[e.Radio = 1] = "Radio", e[e.Checkbox = 2] = "Checkbox", e[e.Dropdown = 3] = "Dropdown", e[e.Country = 4] = "Country", e))(Yt || {}), Vt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Country = 1] = "Country", e))(Vt || {}), Ee = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Sophisticated = 1] = "Sophisticated", e[e.HighNetWorth = 2] = "HighNetWorth", e[e.Business = 3] = "Business", e))(Ee || {}), qt = /* @__PURE__ */ ((e) => (e[e.Retail = 0] = "Retail", e[e.Professional = 1] = "Professional", e[e.EligibleCounterparty = 2] = "EligibleCounterparty", e))(qt || {});
+var te = /* @__PURE__ */ ((e) => (e[e.IdentitySdk = 0] = "IdentitySdk", e[e.RiskScoring = 1] = "RiskScoring", e[e.Questionaries = 2] = "Questionaries", e[e.AdditionalData = 3] = "AdditionalData", e[e.AppropriatenessTest = 4] = "AppropriatenessTest", e[e.UploadDocument = 5] = "UploadDocument", e[e.ManualReview = 6] = "ManualReview", e[e.Overview = 7] = "Overview", e[e.InvestorCategorization = 8] = "InvestorCategorization", e))(te || {}), lt = /* @__PURE__ */ ((e) => (e[e.NotStarted = 0] = "NotStarted", e[e.InProgress = 1] = "InProgress", e[e.Success = 2] = "Success", e[e.PartialSuccess = 3] = "PartialSuccess", e[e.Failed = 4] = "Failed", e[e.Skipped = 5] = "Skipped", e[e.AdminReview = 6] = "AdminReview", e[e.SkippedAndAdminReview = 7] = "SkippedAndAdminReview", e))(lt || {}), Fe = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.InProgress = 1] = "InProgress", e[e.Finished = 2] = "Finished", e[e.OnHold = 3] = "OnHold", e[e.IdentityPending = 4] = "IdentityPending", e))(Fe || {}), zt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.RepresentativeKYC = 1] = "RepresentativeKYC", e[e.ManualRiskCriteria = 2] = "ManualRiskCriteria", e[e.UploadDocumentReview = 3] = "UploadDocumentReview", e[e.AdminReview = 4] = "AdminReview", e))(zt || {}), $t = /* @__PURE__ */ ((e) => (e[e.LowRisk = 0] = "LowRisk", e[e.MediumRisk = 1] = "MediumRisk", e[e.HighRisk = 2] = "HighRisk", e[e.Alert = 3] = "Alert", e))($t || {}), We = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Pending = 1] = "Pending", e[e.Approved = 2] = "Approved", e[e.Rejected = 3] = "Rejected", e[e.ResendRequested = 4] = "ResendRequested", e[e.Unknown = 5] = "Unknown", e[e.InProgress = 6] = "InProgress", e))(We || {}), Ye = /* @__PURE__ */ ((e) => (e[e.Approved = 0] = "Approved", e[e.Reject = 1] = "Reject", e[e.UnderReview = 2] = "UnderReview", e[e.Closed = 3] = "Closed", e[e.AdminReview = 4] = "AdminReview", e[e.New = 5] = "New", e[e.InProgress = 6] = "InProgress", e))(Ye || {}), _t = /* @__PURE__ */ ((e) => (e[e.ProviderResultPending = 0] = "ProviderResultPending", e[e.ProviderResultReceived = 1] = "ProviderResultReceived", e[e.Canceled = 2] = "Canceled", e[e.ExtendedToNewApplicant = 3] = "ExtendedToNewApplicant", e))(_t || {}), Ht = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.ProviderResultPending = 1] = "ProviderResultPending", e[e.ProviderResultReceived = 2] = "ProviderResultReceived", e[e.Canceled = 3] = "Canceled", e))(Ht || {}), Pe = /* @__PURE__ */ ((e) => (e[e.Onfido = 0] = "Onfido", e[e.Sumsub = 2] = "Sumsub", e[e.SardinAI = 3] = "SardinAI", e))(Pe || {}), Ut = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Company = 1] = "Company", e))(Ut || {}), ct = /* @__PURE__ */ ((e) => (e[e.Male = 0] = "Male", e[e.Female = 1] = "Female", e[e.Other = 2] = "Other", e))(ct || {}), jt = /* @__PURE__ */ ((e) => (e[e.Image = 0] = "Image", e[e.Video = 1] = "Video", e[e.PDF = 2] = "PDF", e[e.OfficePDF = 3] = "OfficePDF", e[e.Custom = 4] = "Custom", e))(jt || {}), Kt = /* @__PURE__ */ ((e) => (e[e.Pending = 0] = "Pending", e[e.Approved = 1] = "Approved", e[e.Rejected = 2] = "Rejected", e[e.RequiresRevision = 3] = "RequiresRevision", e))(Kt || {}), Wt = /* @__PURE__ */ ((e) => (e[e.SingleChoice = 0] = "SingleChoice", e[e.MultipleChoice = 1] = "MultipleChoice", e[e.Text = 2] = "Text", e))(Wt || {}), Me = /* @__PURE__ */ ((e) => (e[e.String = 0] = "String", e[e.Integer = 1] = "Integer", e[e.Money = 2] = "Money", e[e.Boolean = 3] = "Boolean", e[e.Date = 4] = "Date", e[e.Country = 5] = "Country", e[e.DigitOnly = 6] = "DigitOnly", e))(Me || {}), Yt = /* @__PURE__ */ ((e) => (e[e.Text = 0] = "Text", e[e.Radio = 1] = "Radio", e[e.Checkbox = 2] = "Checkbox", e[e.Dropdown = 3] = "Dropdown", e[e.Country = 4] = "Country", e))(Yt || {}), Vt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Country = 1] = "Country", e))(Vt || {}), be = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Sophisticated = 1] = "Sophisticated", e[e.HighNetWorth = 2] = "HighNetWorth", e[e.Business = 3] = "Business", e))(be || {}), qt = /* @__PURE__ */ ((e) => (e[e.Retail = 0] = "Retail", e[e.Professional = 1] = "Professional", e[e.EligibleCounterparty = 2] = "EligibleCounterparty", e))(qt || {});
 const qe = {
   Nationality: 10,
   Address: 20,
@@ -63,7 +63,7 @@ const qe = {
   { value: "FI", label: "Finnish" },
   { value: "NO", label: "Norwegian" }
 ];
-var be = /* @__PURE__ */ ((e) => (e.Default = "default", e.Corporate = "corporate", e.Fintech = "fintech", e.Healthcare = "healthcare", e.Modern = "modern", e.Minimal = "minimal", e))(be || {});
+var xe = /* @__PURE__ */ ((e) => (e.Default = "default", e.Corporate = "corporate", e.Fintech = "fintech", e.Healthcare = "healthcare", e.Modern = "modern", e.Minimal = "minimal", e))(xe || {});
 const Gt = {
   timeout: 3e4,
   retries: 3,
@@ -638,7 +638,7 @@ class or {
     )).result;
   }
 }
-const Ne = {
+const Se = {
   name: "Default",
   title: "KYC Verification",
   logo: {
@@ -872,15 +872,15 @@ const Ne = {
     inputHeight: "2.25rem"
   }
 }, pr = {
-  [be.Default]: Ne,
-  [be.Corporate]: lr,
-  [be.Fintech]: cr,
-  [be.Healthcare]: dr,
-  [be.Modern]: ur,
-  [be.Minimal]: mr
+  [xe.Default]: Se,
+  [xe.Corporate]: lr,
+  [xe.Fintech]: cr,
+  [xe.Healthcare]: dr,
+  [xe.Modern]: ur,
+  [xe.Minimal]: mr
 };
 function et(e) {
-  return pr[e] || Ne;
+  return pr[e] || Se;
 }
 class hr {
   constructor(t) {
@@ -897,8 +897,8 @@ class hr {
         "GetThemeConfiguration"
       );
       if (!n.result.isEnabled)
-        return et(be.Default);
-      let a = n.result.preset ? et(n.result.preset) : et(be.Default);
+        return et(xe.Default);
+      let a = n.result.preset ? et(n.result.preset) : et(xe.Default);
       if (n.result.title && (a.title = n.result.title), n.result.logo && (a.logo = { ...a.logo, ...n.result.logo }), n.result.colors && (a.colors = { ...a.colors, ...n.result.colors }), n.result.typography && (a.typography = { ...a.typography, ...n.result.typography }), n.result.spacing && (a.spacing = { ...a.spacing, ...n.result.spacing }), n.result.customCSS && (a.customCSS = n.result.customCSS), n.result.darkMode && (a.darkMode = {
         colors: {
           ...(t = a.darkMode) == null ? void 0 : t.colors,
@@ -927,7 +927,7 @@ class hr {
         }
       return n.result.reviewPageDisabled && (a.reviewPageDisabled = !0), n.result.fieldLabelMode === "placeholder" && (a.fieldLabelMode = "placeholder"), a;
     } catch (n) {
-      return console.warn("[ThemeService] Failed to fetch theme configuration:", n), et(be.Default);
+      return console.warn("[ThemeService] Failed to fetch theme configuration:", n), et(xe.Default);
     }
   }
   /**
@@ -941,12 +941,12 @@ class hr {
    */
   getAvailablePresets() {
     return [
-      { id: be.Default, name: "Default" },
-      { id: be.Corporate, name: "Corporate" },
-      { id: be.Fintech, name: "Fintech" },
-      { id: be.Healthcare, name: "Healthcare" },
-      { id: be.Modern, name: "Modern" },
-      { id: be.Minimal, name: "Minimal" }
+      { id: xe.Default, name: "Default" },
+      { id: xe.Corporate, name: "Corporate" },
+      { id: xe.Fintech, name: "Fintech" },
+      { id: xe.Healthcare, name: "Healthcare" },
+      { id: xe.Modern, name: "Modern" },
+      { id: xe.Minimal, name: "Minimal" }
     ];
   }
   /**
@@ -1344,10 +1344,10 @@ function St(e, t) {
     i.src = e, t && (i.id = t), i.async = !0, i.onload = () => n(), i.onerror = () => a(new Error(`Failed to load script: ${e}`)), document.head.appendChild(i);
   });
 }
-function kn(e) {
+function Nn(e) {
   return !!document.getElementById(e);
 }
-function wn(e) {
+function Sn(e) {
   const t = document.getElementById(e);
   t && t.remove();
 }
@@ -1702,7 +1702,7 @@ function wr() {
 }
 class Nr {
   constructor(t) {
-    de(this, "currentTheme", Ne);
+    de(this, "currentTheme", Se);
     de(this, "customStyleElement", null);
     de(this, "inputStyleElement", null);
     de(this, "container");
@@ -1797,19 +1797,19 @@ class Nr {
   mergeWithDefault(t) {
     var n;
     return {
-      name: t.name || Ne.name,
-      title: t.title || Ne.title,
-      logo: { ...Ne.logo, ...t.logo },
-      colors: { ...Ne.colors, ...t.colors },
-      typography: t.typography ? { ...Ne.typography, ...t.typography } : Ne.typography,
-      spacing: t.spacing ? { ...Ne.spacing, ...t.spacing } : Ne.spacing,
+      name: t.name || Se.name,
+      title: t.title || Se.title,
+      logo: { ...Se.logo, ...t.logo },
+      colors: { ...Se.colors, ...t.colors },
+      typography: t.typography ? { ...Se.typography, ...t.typography } : Se.typography,
+      spacing: t.spacing ? { ...Se.spacing, ...t.spacing } : Se.spacing,
       customCSS: t.customCSS,
       darkMode: t.darkMode ? {
         colors: {
-          ...(n = Ne.darkMode) == null ? void 0 : n.colors,
+          ...(n = Se.darkMode) == null ? void 0 : n.colors,
           ...t.darkMode.colors
         }
-      } : Ne.darkMode,
+      } : Se.darkMode,
       applicantFormVisibleFields: t.applicantFormVisibleFields,
       applicantFormRequiredFields: t.applicantFormRequiredFields,
       allowedLanguages: t.allowedLanguages,
@@ -1828,7 +1828,7 @@ class Nr {
    * Reset to default theme
    */
   resetTheme() {
-    this.applyTheme(Ne);
+    this.applyTheme(Se);
   }
   /**
    * Remove all custom styles
@@ -1843,8 +1843,8 @@ class Nr {
     return t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
   }
 }
-const Ct = Dt(null), Nn = ({ config: e, children: t }) => {
-  const [n, a] = x(null), i = Ie.useRef(!1), o = Ie.useRef(!1), d = ze(() => {
+const Ct = Dt(null), Cn = ({ config: e, children: t }) => {
+  const [n, a] = x(null), i = Ie.useRef(!1), o = Ie.useRef(!1), d = $e(() => {
     const h = new Zt(e), m = new Xt(h), b = new er(h), N = new tr(h), v = new rr(h), S = new nr(h), g = new ar(h), f = new ir(h), R = new sr(h), I = new or(h), B = new hr(h), C = new Nr();
     return {
       httpClient: h,
@@ -1860,7 +1860,7 @@ const Ct = Dt(null), Nn = ({ config: e, children: t }) => {
       themeService: B,
       themeManager: C
     };
-  }, [e]), u = ze(() => ({
+  }, [e]), u = $e(() => ({
     config: e,
     ...d,
     currentTheme: n,
@@ -1898,7 +1898,7 @@ const Ct = Dt(null), Nn = ({ config: e, children: t }) => {
     d.themeManager.cleanup();
   }), []), /* @__PURE__ */ r(Ct.Provider, { value: u, children: t });
 };
-function Se() {
+function Ce() {
   const e = Mt(Ct);
   if (!e)
     throw new Error("useMetaKYC must be used within a MetaKYCProvider");
@@ -1913,10 +1913,10 @@ async function Sr(e) {
     }, a.onerror = (i) => n(i);
   });
 }
-function Sn(e, t) {
+function En(e, t) {
   return e.size <= t;
 }
-function Cn(e, t) {
+function In(e, t) {
   return t.split(",").map((a) => a.trim()).some((a) => {
     if (a.endsWith("/*")) {
       const i = a.slice(0, -2);
@@ -1930,7 +1930,7 @@ function ut(e) {
   const t = 1024, n = ["Bytes", "KB", "MB", "GB"], a = Math.floor(Math.log(e) / Math.log(t));
   return Math.round(e / Math.pow(t, a) * 100) / 100 + " " + n[a];
 }
-function En(e) {
+function An(e) {
   return e;
 }
 function ge(...e) {
@@ -1969,7 +1969,7 @@ function Ar(e) {
     console.warn("Failed to save workflow state to storage:", t);
   }
 }
-function In() {
+function Rn() {
   try {
     const e = localStorage.getItem(Je.WORKFLOW_STATE);
     return e ? JSON.parse(e) : null;
@@ -1984,11 +1984,11 @@ function Rr() {
     console.warn("Failed to clear workflow state from storage:", e);
   }
 }
-function An() {
+function Pn() {
   Ir(), Rr();
 }
 function Pr(e) {
-  const { createOrchestrator: t } = Se(), [n, a] = x(null), [i, o] = x(!1), [d, u] = x(null), h = ne(null), m = e || Er();
+  const { createOrchestrator: t } = Ce(), [n, a] = x(null), [i, o] = x(!1), [d, u] = x(null), h = ne(null), m = e || Er();
   me(() => {
     h.current || (h.current = t());
   }, [t]), me(() => {
@@ -2098,7 +2098,7 @@ function Pr(e) {
   };
 }
 function Fr(e) {
-  const { questionnaireService: t, applicantService: n } = Se(), [a, i] = x(null), [o, d] = x({}), [u, h] = x(!1), [m, b] = x(!1), [N, v] = x(null), S = ne(!1), g = ne(null), f = V(async () => {
+  const { questionnaireService: t, applicantService: n } = Ce(), [a, i] = x(null), [o, d] = x({}), [u, h] = x(!1), [m, b] = x(!1), [N, v] = x(null), S = ne(!1), g = ne(null), f = V(async () => {
     var I, B;
     if (e) {
       if (S.current) {
@@ -2115,8 +2115,8 @@ function Fr(e) {
           const q = /* @__PURE__ */ new Map();
           for (const F of P.questionnaireResults)
             F.question && ((B = F.answers) != null && B.length) && q.set(F.question.trim().toLowerCase(), F.answers);
-          const ae = {}, z = C.questionGroups.flatMap((F) => F.questions ?? []);
-          for (const F of z) {
+          const ae = {}, $ = C.questionGroups.flatMap((F) => F.questions ?? []);
+          for (const F of $) {
             const j = F.text.trim().toLowerCase();
             q.has(j) && (ae[F.id] = q.get(j));
           }
@@ -2157,7 +2157,7 @@ function Fr(e) {
   };
 }
 function Tr(e) {
-  const { uploadDocumentService: t } = Se(), [n, a] = x(null), [i, o] = x(!1), [d, u] = x(!1), [h, m] = x(0), [b, N] = x(null), v = ne(!1), S = ne(null), g = V(async () => {
+  const { uploadDocumentService: t } = Ce(), [n, a] = x(null), [i, o] = x(!1), [d, u] = x(!1), [h, m] = x(0), [b, N] = x(null), v = ne(!1), S = ne(null), g = V(async () => {
     if (e) {
       if (v.current) {
         console.log("[UploadDocument] Load already in progress, skipping...");
@@ -2200,8 +2200,8 @@ function Tr(e) {
     submit: f
   };
 }
-function Rn(e) {
-  const { appropriatenessTestService: t } = Se(), [n, a] = x(null), [i, o] = x(!1), [d, u] = x(!1), [h, m] = x(null), [b, N] = x(null), v = ne(!1), S = ne(null), g = V(async () => {
+function Fn(e) {
+  const { appropriatenessTestService: t } = Ce(), [n, a] = x(null), [i, o] = x(!1), [d, u] = x(!1), [h, m] = x(null), [b, N] = x(null), v = ne(!1), S = ne(null), g = V(async () => {
     if (e) {
       if (v.current) {
         console.log("[AppropriatenessTest] Load already in progress, skipping...");
@@ -2246,7 +2246,7 @@ function Rn(e) {
   };
 }
 function Lr(e) {
-  const { overviewService: t } = Se(), [n, a] = x(null), [i, o] = x(!1), [d, u] = x(!1), [h, m] = x(null), b = ne(!1), N = ne(null), v = V(async () => {
+  const { overviewService: t } = Ce(), [n, a] = x(null), [i, o] = x(!1), [d, u] = x(!1), [h, m] = x(null), b = ne(!1), N = ne(null), v = V(async () => {
     if (e) {
       if (b.current) {
         console.log("[Overview] Load already in progress, skipping...");
@@ -2288,7 +2288,7 @@ function Lr(e) {
   };
 }
 function Dr(e) {
-  const { identityService: t } = Se(), [n, a] = x(
+  const { identityService: t } = Ce(), [n, a] = x(
     null
   ), [i, o] = x(!1), [d, u] = x(null), h = ne(!1), m = V(
     async (v, S) => {
@@ -2374,7 +2374,7 @@ function Dr(e) {
   };
 }
 function Mr(e) {
-  const { riskScoringService: t, applicantService: n } = Se(), [a, i] = x(null), [o, d] = x({}), [u, h] = x(!1), [m, b] = x(!1), [N, v] = x(null), [S, g] = x(null), f = ne(!1), R = ne(null), I = V(async () => {
+  const { riskScoringService: t, applicantService: n } = Ce(), [a, i] = x(null), [o, d] = x({}), [u, h] = x(!1), [m, b] = x(!1), [N, v] = x(null), [S, g] = x(null), f = ne(!1), R = ne(null), I = V(async () => {
     var C;
     if (e) {
       if (f.current) {
@@ -2388,15 +2388,15 @@ function Mr(e) {
           n.getApplicantData(e).catch(() => null)
         ]);
         if (i(P), (C = q == null ? void 0 : q.riskScoringResults) != null && C.length) {
-          const ae = q.riskScoringResults[0], z = {};
+          const ae = q.riskScoringResults[0], $ = {};
           for (const F of ae.riskCriteriaResults ?? [])
             if (F.riskCriteriaId != null && F.answer != null && F.answer !== "") {
               const j = [...new Set(
-                F.answer.split(",").map((ee) => ee.trim()).filter((ee) => ee !== "")
+                F.answer.split(",").map((Z) => Z.trim()).filter((Z) => Z !== "")
               )];
-              j.length > 0 && (z[F.riskCriteriaId] = j);
+              j.length > 0 && ($[F.riskCriteriaId] = j);
             }
-          d(z);
+          d($);
         }
         R.current = e;
       } catch (P) {
@@ -2435,7 +2435,7 @@ function Mr(e) {
   };
 }
 function Or() {
-  const { applicantService: e, config: t } = Se(), [n, a] = x(!1), [i, o] = x(null), d = ne(!1), u = ne(!1), h = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(S) {
+  const { applicantService: e, config: t } = Ce(), [n, a] = x(!1), [i, o] = x(null), d = ne(!1), u = ne(!1), h = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(S) {
     const g = Math.random() * 16 | 0;
     return (S === "x" ? g : g & 3 | 8).toString(16);
   }), m = V(
@@ -2508,68 +2508,87 @@ function Or() {
     stopProgress: v
   };
 }
-const J = ({
+const Br = {
+  primary: {
+    backgroundColor: "var(--metakyc-primary, #2563eb)",
+    color: "#ffffff",
+    borderColor: "transparent"
+  },
+  secondary: {
+    backgroundColor: "var(--metakyc-surface, #f3f4f6)",
+    color: "var(--metakyc-text-primary, #111827)",
+    borderColor: "var(--metakyc-border, #e5e7eb)"
+  },
+  outline: {
+    backgroundColor: "transparent",
+    color: "var(--metakyc-primary, #2563eb)",
+    borderColor: "var(--metakyc-primary, #2563eb)"
+  },
+  danger: {
+    backgroundColor: "var(--metakyc-danger, #ef4444)",
+    color: "#ffffff",
+    borderColor: "transparent"
+  },
+  ghost: {
+    backgroundColor: "transparent",
+    color: "var(--metakyc-text-secondary, #6b7280)",
+    borderColor: "transparent"
+  }
+}, J = ({
   children: e,
   variant: t = "primary",
   size: n = "md",
   isLoading: a = !1,
   disabled: i,
   className: o,
-  ...d
-}) => {
-  const u = "inline-flex items-center justify-center rounded-lg font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed", h = {
-    primary: "bg-primary-500 text-white hover:bg-primary-600 focus:ring-primary-500",
-    secondary: "bg-gray-200 text-gray-900 hover:bg-gray-300 focus:ring-gray-400",
-    outline: "border-2 border-primary-500 text-primary-500 hover:bg-primary-50 focus:ring-primary-500",
-    danger: "bg-danger-500 text-white hover:bg-danger-600 focus:ring-danger-500",
-    ghost: "text-gray-700 hover:bg-gray-100 focus:ring-gray-400"
-  }, m = {
-    sm: "px-3 py-1.5 text-sm",
-    md: "px-4 py-2 text-base",
-    lg: "px-6 py-3 text-lg"
-  };
-  return /* @__PURE__ */ s(
-    "button",
-    {
-      className: ge(u, h[t], m[n], o),
-      disabled: i || a,
-      ...d,
-      children: [
-        a && /* @__PURE__ */ s(
-          "svg",
-          {
-            className: "animate-spin -ml-1 mr-2 h-4 w-4",
-            xmlns: "http://www.w3.org/2000/svg",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            children: [
-              /* @__PURE__ */ r(
-                "circle",
-                {
-                  className: "opacity-25",
-                  cx: "12",
-                  cy: "12",
-                  r: "10",
-                  stroke: "currentColor",
-                  strokeWidth: "4"
-                }
-              ),
-              /* @__PURE__ */ r(
-                "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"
-                }
-              )
-            ]
-          }
-        ),
-        e
-      ]
-    }
-  );
-}, xe = nt(
+  style: d,
+  ...u
+}) => /* @__PURE__ */ s(
+  "button",
+  {
+    className: ge("inline-flex items-center justify-center rounded-lg font-medium transition-opacity border focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed", {
+      sm: "px-3 py-1.5 text-sm",
+      md: "px-4 py-2 text-sm",
+      lg: "px-6 py-3 text-base"
+    }[n], o),
+    style: { ...Br[t], ...d },
+    disabled: i || a,
+    ...u,
+    children: [
+      a && /* @__PURE__ */ s(
+        "svg",
+        {
+          className: "animate-spin -ml-1 mr-2 h-4 w-4",
+          xmlns: "http://www.w3.org/2000/svg",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          children: [
+            /* @__PURE__ */ r(
+              "circle",
+              {
+                className: "opacity-25",
+                cx: "12",
+                cy: "12",
+                r: "10",
+                stroke: "currentColor",
+                strokeWidth: "4"
+              }
+            ),
+            /* @__PURE__ */ r(
+              "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"
+              }
+            )
+          ]
+        }
+      ),
+      e
+    ]
+  }
+), ve = nt(
   ({ label: e, error: t, helperText: n, leftIcon: a, rightIcon: i, className: o, style: d, ...u }, h) => /* @__PURE__ */ s("div", { className: "w-full", children: [
     e && /* @__PURE__ */ s(
       "label",
@@ -2612,7 +2631,7 @@ const J = ({
     !t && n && /* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n })
   ] })
 );
-xe.displayName = "Input";
+ve.displayName = "Input";
 const W = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
   "div",
   {
@@ -2627,7 +2646,7 @@ const W = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
     ...n,
     children: e
   }
-), ve = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
+), ke = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
   "div",
   {
     className: ge("px-6 py-4 border-b", t),
@@ -2637,7 +2656,7 @@ const W = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
     ...n,
     children: e
   }
-), Y = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r("div", { className: ge("px-6 py-4", t), ...n, children: e }), we = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
+), Y = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r("div", { className: ge("px-6 py-4", t), ...n, children: e }), Ne = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
   "div",
   {
     className: ge("px-6 py-4 border-t", t),
@@ -2647,21 +2666,38 @@ const W = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
     ...n,
     children: e
   }
-), $e = ({ children: e, variant: t = "default", className: n, ...a }) => /* @__PURE__ */ r(
+), zr = {
+  // Theme-aware variants
+  default: {
+    backgroundColor: "var(--metakyc-surface, #f3f4f6)",
+    color: "var(--metakyc-text-secondary, #6b7280)"
+  },
+  info: {
+    backgroundColor: "var(--metakyc-primary-light, #dbeafe)",
+    color: "var(--metakyc-primary, #2563eb)"
+  },
+  // Semantic variants — intentional fixed colors
+  success: {
+    backgroundColor: "#d1fae5",
+    color: "#065f46"
+  },
+  danger: {
+    backgroundColor: "#fee2e2",
+    color: "#991b1b"
+  },
+  warning: {
+    backgroundColor: "#fef3c7",
+    color: "#92400e"
+  }
+}, ze = ({ children: e, variant: t = "default", className: n, style: a, ...i }) => /* @__PURE__ */ r(
   "span",
   {
     className: ge(
       "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",
-      {
-        default: "bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300",
-        success: "bg-success-100 text-success-800 dark:bg-success-900 dark:text-success-300",
-        danger: "bg-danger-100 text-danger-800 dark:bg-danger-900 dark:text-danger-300",
-        warning: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300",
-        info: "bg-primary-100 text-primary-800 dark:bg-primary-900 dark:text-primary-300"
-      }[t],
       n
     ),
-    ...a,
+    style: { ...zr[t], ...a },
+    ...i,
     children: e
   }
 ), Te = ({ size: e = "md", className: t, ...n }) => {
@@ -2766,7 +2802,7 @@ const W = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
   ] })
 );
 yt.displayName = "Select";
-const xt = 280, Br = ({
+const xt = 280, $r = ({
   label: e,
   value: t,
   onChange: n,
@@ -2826,14 +2862,14 @@ const xt = 280, Br = ({
   }, [u, B]);
   const ae = a.filter(
     (A) => A.label.toLowerCase().includes(m.toLowerCase())
-  ), z = (A) => {
+  ), $ = (A) => {
     o || n(t.includes(A) ? t.filter((U) => U !== A) : [...t, A]);
   }, F = (A, U) => {
     U.stopPropagation(), o || n(t.filter((re) => re !== A));
   }, j = (A) => {
     var U;
     return ((U = a.find((re) => re.value === A)) == null ? void 0 : U.label) || A;
-  }, { bg: ee, borderColor: D, textPrimary: O, textSecondary: T, primaryColor: M, primaryLight: K, hoverBg: Z } = S, le = u && N && /* @__PURE__ */ s(
+  }, { bg: Z, borderColor: L, textPrimary: O, textSecondary: T, primaryColor: M, primaryLight: K, hoverBg: X } = S, le = u && N && /* @__PURE__ */ s(
     "div",
     {
       ref: I,
@@ -2847,12 +2883,12 @@ const xt = 280, Br = ({
         zIndex: 99999,
         borderRadius: "8px",
         boxShadow: "0 4px 16px rgba(0,0,0,0.18)",
-        border: `1px solid ${D}`,
-        backgroundColor: ee,
+        border: `1px solid ${L}`,
+        backgroundColor: Z,
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ r("div", { style: { padding: "8px", borderBottom: `1px solid ${D}` }, children: /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { style: { padding: "8px", borderBottom: `1px solid ${L}` }, children: /* @__PURE__ */ r(
           "input",
           {
             type: "text",
@@ -2868,18 +2904,18 @@ const xt = 280, Br = ({
               padding: "6px 8px",
               fontSize: "13px",
               borderRadius: "6px",
-              border: `1px solid ${D}`,
-              backgroundColor: ee,
+              border: `1px solid ${L}`,
+              backgroundColor: Z,
               color: O,
               outline: "none",
               boxSizing: "border-box"
             },
             onFocus: (A) => {
               const U = getComputedStyle(document.documentElement), re = U.getPropertyValue("--metakyc-input-border-focus").trim() || U.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
-              A.currentTarget.style.backgroundColor = ee, A.currentTarget.style.color = O, A.currentTarget.style.borderColor = re, A.currentTarget.style.outline = "none", A.currentTarget.style.boxShadow = `0 0 0 2px ${re}33`;
+              A.currentTarget.style.backgroundColor = Z, A.currentTarget.style.color = O, A.currentTarget.style.borderColor = re, A.currentTarget.style.outline = "none", A.currentTarget.style.boxShadow = `0 0 0 2px ${re}33`;
             },
             onBlur: (A) => {
-              A.currentTarget.style.backgroundColor = ee, A.currentTarget.style.color = O, A.currentTarget.style.borderColor = D, A.currentTarget.style.outline = "none", A.currentTarget.style.boxShadow = "none";
+              A.currentTarget.style.backgroundColor = Z, A.currentTarget.style.color = O, A.currentTarget.style.borderColor = L, A.currentTarget.style.outline = "none", A.currentTarget.style.boxShadow = "none";
             }
           }
         ) }),
@@ -2888,7 +2924,7 @@ const xt = 280, Br = ({
           return /* @__PURE__ */ s(
             "li",
             {
-              onClick: () => z(A.value),
+              onClick: () => $(A.value),
               className: "metakyc-multiselect-option",
               style: {
                 display: "flex",
@@ -2902,7 +2938,7 @@ const xt = 280, Br = ({
                 userSelect: "none"
               },
               onMouseEnter: (re) => {
-                U || (re.currentTarget.style.backgroundColor = Z);
+                U || (re.currentTarget.style.backgroundColor = X);
               },
               onMouseLeave: (re) => {
                 U || (re.currentTarget.style.backgroundColor = "transparent");
@@ -2923,7 +2959,7 @@ const xt = 280, Br = ({
             A.value
           );
         }) }),
-        t.length > 0 && /* @__PURE__ */ r("div", { style: { padding: "6px 12px", borderTop: `1px solid ${D}` }, children: /* @__PURE__ */ s(
+        t.length > 0 && /* @__PURE__ */ r("div", { style: { padding: "6px 12px", borderTop: `1px solid ${L}` }, children: /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -3054,17 +3090,17 @@ const xt = 280, Br = ({
     primaryLight: "#eff6ff",
     hoverBg: "#f9fafb"
   }), B = V(() => {
-    const E = getComputedStyle(document.documentElement), X = (oe, Ce) => E.getPropertyValue(oe).trim() || Ce, ie = X("--metakyc-input-bg", X("--metakyc-background", "#ffffff"));
+    const E = getComputedStyle(document.documentElement), ee = (oe, Ee) => E.getPropertyValue(oe).trim() || Ee, ie = ee("--metakyc-input-bg", ee("--metakyc-background", "#ffffff"));
     I({
       bg: ie,
-      border: X("--metakyc-input-border", X("--metakyc-border", "#d1d5db")),
-      text: X("--metakyc-input-text", X("--metakyc-text-primary", "#111827")),
-      textSecondary: X("--metakyc-text-secondary", "#6b7280"),
-      primary: X("--metakyc-primary", "#2563eb"),
-      primaryLight: X("--metakyc-primary-light", "#eff6ff"),
-      hoverBg: X("--metakyc-surface", ie)
+      border: ee("--metakyc-input-border", ee("--metakyc-border", "#d1d5db")),
+      text: ee("--metakyc-input-text", ee("--metakyc-text-primary", "#111827")),
+      textSecondary: ee("--metakyc-text-secondary", "#6b7280"),
+      primary: ee("--metakyc-primary", "#2563eb"),
+      primaryLight: ee("--metakyc-primary-light", "#eff6ff"),
+      hoverBg: ee("--metakyc-surface", ie)
     });
-  }, []), C = ne(null), P = ne(null), q = ne(null), ae = ne(null), z = V(() => {
+  }, []), C = ne(null), P = ne(null), q = ne(null), ae = ne(null), $ = V(() => {
     if (!P.current) return null;
     const E = P.current.getBoundingClientRect(), ie = window.innerHeight - E.bottom < vt && E.top > vt;
     return {
@@ -3076,39 +3112,39 @@ const xt = 280, Br = ({
   }, []), F = V(() => {
     if (u) return;
     B();
-    const E = z();
+    const E = $();
     E && f(E), N(!0);
-  }, [u, z, B]), j = V(() => {
+  }, [u, $, B]), j = V(() => {
     N(!1), S("");
-  }, []), ee = () => b ? j() : F();
+  }, []), Z = () => b ? j() : F();
   me(() => {
     if (!b) return;
-    const E = (X) => {
-      var oe, Ce;
-      const ie = X.target;
-      !((oe = C.current) != null && oe.contains(ie)) && !((Ce = q.current) != null && Ce.contains(ie)) && j();
+    const E = (ee) => {
+      var oe, Ee;
+      const ie = ee.target;
+      !((oe = C.current) != null && oe.contains(ie)) && !((Ee = q.current) != null && Ee.contains(ie)) && j();
     };
     return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
   }, [b, j]), me(() => {
     if (!b) return;
     const E = () => {
-      const X = z();
-      X && f(X);
+      const ee = $();
+      ee && f(ee);
     };
     return window.addEventListener("scroll", E, !0), window.addEventListener("resize", E), () => {
       window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E);
     };
-  }, [b, z]), me(() => {
+  }, [b, $]), me(() => {
     b && ae.current && setTimeout(() => {
       var E;
       return (E = ae.current) == null ? void 0 : E.focus();
     }, 0);
   }, [b]);
-  const D = a.filter(
+  const L = a.filter(
     (E) => E.label.toLowerCase().includes(v.toLowerCase()) || E.value.toLowerCase().includes(v.toLowerCase())
-  ), O = (pe = a.find((E) => E.value === o)) == null ? void 0 : pe.label, T = (E, X) => {
-    u || X || (d(E), j());
-  }, { bg: M, border: K, text: Z, textSecondary: le, primary: A, primaryLight: U, hoverBg: re } = R, ye = b && g && /* @__PURE__ */ s(
+  ), O = (pe = a.find((E) => E.value === o)) == null ? void 0 : pe.label, T = (E, ee) => {
+    u || ee || (d(E), j());
+  }, { bg: M, border: K, text: X, textSecondary: le, primary: A, primaryLight: U, hoverBg: re } = R, ye = b && g && /* @__PURE__ */ s(
     "div",
     {
       ref: q,
@@ -3145,16 +3181,16 @@ const xt = 280, Br = ({
               borderRadius: "6px",
               border: `1px solid ${K}`,
               backgroundColor: M,
-              color: Z,
+              color: X,
               outline: "none",
               boxSizing: "border-box"
             },
             onFocus: (E) => {
-              const X = getComputedStyle(document.documentElement), ie = X.getPropertyValue("--metakyc-input-border-focus").trim() || X.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
-              E.currentTarget.style.backgroundColor = M, E.currentTarget.style.color = Z, E.currentTarget.style.borderColor = ie, E.currentTarget.style.outline = "none", E.currentTarget.style.boxShadow = `0 0 0 2px ${ie}33`;
+              const ee = getComputedStyle(document.documentElement), ie = ee.getPropertyValue("--metakyc-input-border-focus").trim() || ee.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
+              E.currentTarget.style.backgroundColor = M, E.currentTarget.style.color = X, E.currentTarget.style.borderColor = ie, E.currentTarget.style.outline = "none", E.currentTarget.style.boxShadow = `0 0 0 2px ${ie}33`;
             },
             onBlur: (E) => {
-              E.currentTarget.style.backgroundColor = M, E.currentTarget.style.color = Z, E.currentTarget.style.borderColor = K, E.currentTarget.style.outline = "none", E.currentTarget.style.boxShadow = "none";
+              E.currentTarget.style.backgroundColor = M, E.currentTarget.style.color = X, E.currentTarget.style.borderColor = K, E.currentTarget.style.outline = "none", E.currentTarget.style.boxShadow = "none";
             }
           }
         ) }),
@@ -3168,8 +3204,8 @@ const xt = 280, Br = ({
               maxHeight: "208px",
               overflowY: "auto"
             },
-            children: D.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: le }, children: "No results" }) : D.map((E) => {
-              const X = E.value === o;
+            children: L.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: le }, children: "No results" }) : L.map((E) => {
+              const ee = E.value === o;
               return /* @__PURE__ */ r(
                 "li",
                 {
@@ -3180,15 +3216,15 @@ const xt = 280, Br = ({
                     fontSize: "13px",
                     cursor: E.disabled ? "not-allowed" : "pointer",
                     opacity: E.disabled ? 0.4 : 1,
-                    backgroundColor: X ? U : "transparent",
-                    color: X ? A : Z,
+                    backgroundColor: ee ? U : "transparent",
+                    color: ee ? A : X,
                     userSelect: "none"
                   },
                   onMouseEnter: (ie) => {
-                    !X && !E.disabled && (ie.currentTarget.style.backgroundColor = re);
+                    !ee && !E.disabled && (ie.currentTarget.style.backgroundColor = re);
                   },
                   onMouseLeave: (ie) => {
-                    X || (ie.currentTarget.style.backgroundColor = "transparent");
+                    ee || (ie.currentTarget.style.backgroundColor = "transparent");
                   },
                   children: E.label
                 },
@@ -3223,9 +3259,9 @@ const xt = 280, Br = ({
             ref: P,
             role: "button",
             tabIndex: u ? -1 : 0,
-            onClick: ee,
+            onClick: Z,
             onKeyDown: (E) => {
-              (E.key === "Enter" || E.key === " ") && (E.preventDefault(), ee()), E.key === "Escape" && j();
+              (E.key === "Enter" || E.key === " ") && (E.preventDefault(), Z()), E.key === "Escape" && j();
             },
             className: ge(
               "metakyc-searchable-select-trigger",
@@ -3263,7 +3299,7 @@ const xt = 280, Br = ({
   );
 };
 _e.displayName = "SearchableSelect";
-const $r = ({
+const _r = ({
   label: e,
   error: t,
   accept: n,
@@ -3405,7 +3441,7 @@ const $r = ({
     )) }),
     t && /* @__PURE__ */ r("p", { className: "mt-1 text-sm text-danger-500", children: t })
   ] });
-}, zr = nt(
+}, Hr = nt(
   ({ countryCode: e = "+1", onCountryCodeChange: t, className: n, ...a }, i) => /* @__PURE__ */ s("div", { className: "w-full", children: [
     a.label && /* @__PURE__ */ s(
       "label",
@@ -3438,7 +3474,7 @@ const $r = ({
         }
       ),
       /* @__PURE__ */ r(
-        xe,
+        ve,
         {
           ref: i,
           type: "tel",
@@ -3451,7 +3487,7 @@ const $r = ({
     a.error && /* @__PURE__ */ r("p", { className: "mt-1 text-sm text-danger-500", children: a.error })
   ] })
 );
-zr.displayName = "PhoneInput";
+Hr.displayName = "PhoneInput";
 /**
  * @license lucide-react v0.574.0 - ISC
  *
@@ -3465,14 +3501,14 @@ const Et = (...e) => e.filter((t, n, a) => !!t && t.trim() !== "" && a.indexOf(t
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _r = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const Ur = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-react v0.574.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hr = (e) => e.replace(
+const jr = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, n, a) => a ? a.toUpperCase() : n.toLowerCase()
 );
@@ -3483,7 +3519,7 @@ const Hr = (e) => e.replace(
  * See the LICENSE file in the root directory of this source tree.
  */
 const kt = (e) => {
-  const t = Hr(e);
+  const t = jr(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
 /**
@@ -3492,7 +3528,7 @@ const kt = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Ur = {
+var Kr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -3509,7 +3545,7 @@ var Ur = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jr = (e) => {
+const Wr = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
@@ -3521,7 +3557,7 @@ const jr = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kr = nt(
+const Yr = nt(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -3535,13 +3571,13 @@ const Kr = nt(
     "svg",
     {
       ref: h,
-      ...Ur,
+      ...Kr,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: a ? Number(n) * 24 / Number(t) : n,
       className: Et("lucide", i),
-      ...!o && !jr(u) && { "aria-hidden": "true" },
+      ...!o && !Wr(u) && { "aria-hidden": "true" },
       ...u
     },
     [
@@ -3558,11 +3594,11 @@ const Kr = nt(
  */
 const It = (e, t) => {
   const n = nt(
-    ({ className: a, ...i }, o) => mt(Kr, {
+    ({ className: a, ...i }, o) => mt(Yr, {
       ref: o,
       iconNode: t,
       className: Et(
-        `lucide-${_r(kt(e))}`,
+        `lucide-${Ur(kt(e))}`,
         `lucide-${e}`,
         a
       ),
@@ -3577,15 +3613,15 @@ const It = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], At = It("chevron-left", Wr);
+const Vr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], At = It("chevron-left", Vr);
 /**
  * @license lucide-react v0.574.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Rt = It("chevron-right", Yr);
-function Vr(e, t) {
+const qr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Rt = It("chevron-right", qr);
+function Qr(e, t) {
   const n = !t || t.length === 0 || t.every((a) => !a || !a.trim());
   if (e.isRequired && n)
     return e.errorMessage || "This field is required";
@@ -3614,7 +3650,7 @@ function Vr(e, t) {
   }
   return null;
 }
-function qr(e) {
+function Gr(e) {
   const t = e.flatMap(
     (a, i) => (a.questions ?? []).map((o, d) => ({ question: o, groupIndex: i, qIdx: d }))
   ), n = /* @__PURE__ */ new Map();
@@ -3624,7 +3660,7 @@ function qr(e) {
   }
   return Array.from(n.entries()).sort(([a], [i]) => a - i).map(([, a]) => a);
 }
-const Qr = ({
+const Jr = ({
   applicantId: e,
   onComplete: t,
   onBack: n
@@ -3633,48 +3669,48 @@ const Qr = ({
   Ie.useEffect(() => {
     i && Object.keys(i).length > 0 && Object.keys(m).length === 0 && b(i);
   }, [i]);
-  const f = ze(
-    () => a ? qr(a.questionGroups) : [],
+  const f = $e(
+    () => a ? Gr(a.questionGroups) : [],
     [a]
-  ), R = S === f.length - 1, I = f[S] ?? [], B = V((z, F) => {
-    b((j) => ({ ...j, [z]: F })), v((j) => {
-      const ee = { ...j };
-      return delete ee[z], ee;
+  ), R = S === f.length - 1, I = f[S] ?? [], B = V(($, F) => {
+    b((j) => ({ ...j, [$]: F })), v((j) => {
+      const Z = { ...j };
+      return delete Z[$], Z;
     });
   }, []), C = V(() => {
-    const z = {};
+    const $ = {};
     for (const { question: F } of I) {
-      const j = Vr(F, m[F.id] ?? []);
-      j && (z[F.id] = j);
+      const j = Qr(F, m[F.id] ?? []);
+      j && ($[F.id] = j);
     }
-    return v((F) => ({ ...F, ...z })), Object.keys(z).length === 0;
+    return v((F) => ({ ...F, ...$ })), Object.keys($).length === 0;
   }, [I, m]), P = () => {
-    C() && g((z) => z + 1);
+    C() && g(($) => $ + 1);
   }, q = () => {
-    S > 0 ? g((z) => z - 1) : n == null || n();
+    S > 0 ? g(($) => $ - 1) : n == null || n();
   }, ae = async () => {
     if (!(!C() || !a))
       try {
-        const z = a.questionGroups.flatMap(
-          (j) => (j.questions ?? []).map((ee) => ({
-            questionId: ee.id,
-            values: m[ee.id] ?? []
+        const $ = a.questionGroups.flatMap(
+          (j) => (j.questions ?? []).map((Z) => ({
+            questionId: Z.id,
+            values: m[Z.id] ?? []
           }))
         ), F = {
           applicantId: e,
           questionnarieId: a.id,
-          questionResults: z
+          questionResults: $
         };
         await h(F), t == null || t();
-      } catch (z) {
-        console.error("Questionnaire submit error:", z);
+      } catch ($) {
+        console.error("Questionnaire submit error:", $);
       }
   };
   return o ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(Te, { className: "my-8" }) }) }) : u ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ s("p", { className: "text-danger-500", children: [
     "Error loading questionnaire: ",
     u.message
   ] }) }) }) : a ? /* @__PURE__ */ s(W, { children: [
-    /* @__PURE__ */ s(ve, { children: [
+    /* @__PURE__ */ s(ke, { children: [
       /* @__PURE__ */ r("h2", { className: "text-lg font-bold", children: a.displayName }),
       a.subtitle && /* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a.subtitle }),
       f.length > 1 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between mt-3", children: [
@@ -3684,7 +3720,7 @@ const Qr = ({
           " of ",
           f.length
         ] }),
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: f.map((z, F) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: f.map(($, F) => /* @__PURE__ */ r(
           "div",
           {
             className: "rounded-full transition-all duration-200",
@@ -3698,17 +3734,17 @@ const Qr = ({
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ r(Y, { className: "space-y-6", children: I.map(({ question: z }) => /* @__PURE__ */ r(
-      Gr,
+    /* @__PURE__ */ r(Y, { className: "space-y-6", children: I.map(({ question: $ }) => /* @__PURE__ */ r(
+      Zr,
       {
-        question: z,
-        value: m[z.id] ?? [],
-        error: N[z.id],
-        onChange: (F) => B(z.id, F)
+        question: $,
+        value: m[$.id] ?? [],
+        error: N[$.id],
+        onChange: (F) => B($.id, F)
       },
-      z.id
+      $.id
     )) }),
-    /* @__PURE__ */ s(we, { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ s(Ne, { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ s(
         J,
         {
@@ -3745,7 +3781,7 @@ const Qr = ({
     ] }),
     u && /* @__PURE__ */ r("div", { className: "mx-6 mb-4 p-3 bg-red-50 border border-red-200 rounded", children: /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: u.message }) })
   ] }) : null;
-}, Gr = ({ question: e, value: t, error: n, onChange: a }) => {
+}, Zr = ({ question: e, value: t, error: n, onChange: a }) => {
   var d;
   const o = (((d = e.defaultAnswers) == null ? void 0 : d.length) ?? 0) > 0 ? e.showAsDropdown ? e.canMultipleAnswer ? "multi-select" : "single-select" : e.canMultipleAnswer ? "checkbox" : "radio" : "text";
   return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
@@ -3756,7 +3792,7 @@ const Qr = ({
     e.subtitle && /* @__PURE__ */ r("p", { className: "text-xs", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: e.subtitle }),
     e.description && /* @__PURE__ */ r("p", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: e.description }),
     o === "text" && /* @__PURE__ */ r(
-      xe,
+      ve,
       {
         value: t[0] ?? "",
         onChange: (u) => a([u.target.value]),
@@ -3852,7 +3888,7 @@ const Qr = ({
     ] }),
     n && o === "text" && null
   ] });
-}, Jr = ({
+}, Xr = ({
   applicantId: e,
   onComplete: t,
   onBack: n
@@ -3883,12 +3919,12 @@ const Qr = ({
     "Error loading document requirements: ",
     d.message
   ] }) }) }) : a ? /* @__PURE__ */ r("form", { onSubmit: b, children: /* @__PURE__ */ s(W, { children: [
-    /* @__PURE__ */ s(ve, { children: [
+    /* @__PURE__ */ s(ke, { children: [
       /* @__PURE__ */ r("h2", { className: "text-lg font-bold", children: a.displayName }),
-      a.subtitle && /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: a.subtitle })
+      a.subtitle && /* @__PURE__ */ r("p", { className: "mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a.subtitle })
     ] }),
     /* @__PURE__ */ r(Y, { className: "space-y-6", children: a.uploadDocumentFiles.map((N) => /* @__PURE__ */ r(
-      $r,
+      _r,
       {
         label: N.displayName,
         accept: N.allowedTypes,
@@ -3901,12 +3937,12 @@ const Qr = ({
       },
       N.id
     )) }),
-    /* @__PURE__ */ s(we, { className: "flex justify-between", children: [
+    /* @__PURE__ */ s(Ne, { className: "flex justify-between", children: [
       n && /* @__PURE__ */ r(J, { type: "button", variant: "outline", onClick: n, children: "Back" }),
       /* @__PURE__ */ r(J, { type: "submit", isLoading: o, children: "Continue" })
     ] })
   ] }) }) : null;
-}, Zr = ({ applicantId: e, onComplete: t, onBack: n }) => {
+}, en = ({ applicantId: e, onComplete: t, onBack: n }) => {
   const { overview: a, isLoading: i, isSubmitting: o, error: d, passOverview: u } = Lr(e), h = async () => {
     await u(), t == null || t();
   };
@@ -3914,12 +3950,19 @@ const Qr = ({
     "Error loading overview: ",
     d.message
   ] }) }) }) : a ? /* @__PURE__ */ s(W, { children: [
-    /* @__PURE__ */ s(ve, { children: [
+    /* @__PURE__ */ s(ke, { children: [
       /* @__PURE__ */ r("h2", { className: "text-lg font-bold", children: a.title || "Overview" }),
-      a.description && /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: a.description })
+      a.description && /* @__PURE__ */ r("p", { className: "mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a.description })
     ] }),
     /* @__PURE__ */ r(Y, { className: "space-y-8", children: a.steps && a.steps.length > 0 ? a.steps.sort((m, b) => m.order - b.order).map((m) => /* @__PURE__ */ s("div", { className: "metakyc-overview-step-item flex items-center space-x-3", children: [
-      /* @__PURE__ */ r("div", { className: "metakyc-step-icon flex-shrink-0", children: /* @__PURE__ */ r("div", { className: "w-8 h-8 rounded-full bg-primary-500 text-white flex items-center justify-center font-medium text-sm", children: m.order + 1 }) }),
+      /* @__PURE__ */ r("div", { className: "metakyc-step-icon flex-shrink-0", children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: "w-8 h-8 rounded-full flex items-center justify-center font-medium text-sm",
+          style: { backgroundColor: "var(--metakyc-primary, #2563eb)", color: "#ffffff" },
+          children: m.order + 1
+        }
+      ) }),
       /* @__PURE__ */ s(
         "div",
         {
@@ -3931,19 +3974,19 @@ const Qr = ({
             background: "transparent"
           },
           children: [
-            /* @__PURE__ */ r("span", { className: "metakyc-step-title text-sm font-semibold text-gray-900 dark:text-white", children: m.title }),
-            m.description && /* @__PURE__ */ r("p", { className: "metakyc-step-description text-sm text-gray-600 dark:text-gray-400", children: m.description })
+            /* @__PURE__ */ r("span", { className: "metakyc-step-title text-sm font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: m.title }),
+            m.description && /* @__PURE__ */ r("p", { className: "metakyc-step-description text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: m.description })
           ]
         }
       )
-    ] }, m.order)) : /* @__PURE__ */ r("div", { className: "text-center py-8", children: /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400", children: "Loading overview data..." }) }) }),
-    /* @__PURE__ */ s(we, { className: "flex justify-between", children: [
+    ] }, m.order)) : /* @__PURE__ */ r("div", { className: "text-center py-8", children: /* @__PURE__ */ r("p", { style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "Loading overview data..." }) }) }),
+    /* @__PURE__ */ s(Ne, { className: "flex justify-between", children: [
       n && /* @__PURE__ */ r(J, { type: "button", variant: "outline", onClick: n, children: "Back" }),
       /* @__PURE__ */ r(J, { onClick: h, isLoading: o, children: "Continue" })
     ] })
   ] }) : null;
 };
-function Xr(e) {
+function tn(e) {
   const t = (e ?? "en").toLowerCase().replace("_", "-");
   try {
     return Intl.NumberFormat.supportedLocalesOf([t]), t;
@@ -3951,11 +3994,11 @@ function Xr(e) {
     return "en";
   }
 }
-function en(e) {
+function rn(e) {
   return e.valueDataType === Me.Money && Array.isArray(e.defaultValues) && e.defaultValues.length > 0;
 }
-function tn(e, t) {
-  const n = new Intl.NumberFormat(Xr(t), {
+function nn(e, t) {
+  const n = new Intl.NumberFormat(tn(t), {
     minimumFractionDigits: 0,
     maximumFractionDigits: 2
   });
@@ -3964,7 +4007,7 @@ function tn(e, t) {
     return isNaN(i) ? a : n.format(i);
   });
 }
-function rn(e, t) {
+function an(e, t) {
   const n = !t || t.length === 0 || t.every((a) => !a || !a.trim());
   if (e.isRequired && n)
     return e.errorMessage || `${e.displayName} is required`;
@@ -3994,58 +4037,58 @@ function rn(e, t) {
   }
   return null;
 }
-function nn(e) {
+function sn(e) {
   const t = /* @__PURE__ */ new Map();
   return e.forEach((n, a) => {
     const i = n.pageNumber != null && n.pageNumber > 0 ? n.pageNumber : 1;
     t.has(i) || t.set(i, []), t.get(i).push({ criterion: n, idx: a });
   }), Array.from(t.entries()).sort(([n], [a]) => n - a).map(([, n]) => n);
 }
-function an(e) {
+function on(e) {
   return e.builtInType === 1 ? "country" : !e.defaultValues || e.defaultValues.length === 0 ? "text" : e.multipleValue ? "checkbox" : "radio";
 }
-const sn = ({
+const ln = ({
   applicantId: e,
   onComplete: t,
   onBack: n
 }) => {
-  const { config: a } = Se(), i = a.locale ?? "en", { criteria: o, initialAnswers: d, isLoading: u, isSubmitting: h, error: m, submit: b } = Mr(e), [N, v] = x({}), [S, g] = x({}), [f, R] = x(0), [I, B] = x(!1);
+  const { config: a } = Ce(), i = a.locale ?? "en", { criteria: o, initialAnswers: d, isLoading: u, isSubmitting: h, error: m, submit: b } = Mr(e), [N, v] = x({}), [S, g] = x({}), [f, R] = x(0), [I, B] = x(!1);
   Ie.useEffect(() => {
     d && Object.keys(d).length > 0 && Object.keys(N).length === 0 && v(d);
   }, [d]);
-  const C = ze(
-    () => o && o.length > 0 ? nn(o) : [],
+  const C = $e(
+    () => o && o.length > 0 ? sn(o) : [],
     [o]
   ), P = f === C.length - 1, q = C[f] ?? [];
   Ie.useEffect(() => {
     !u && o && o.length === 0 && !I && !h && (B(!0), b({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
   }, [u, o, I, h, b, e, t]);
-  const ae = V((D, O) => {
-    v((T) => ({ ...T, [D]: O })), g((T) => {
+  const ae = V((L, O) => {
+    v((T) => ({ ...T, [L]: O })), g((T) => {
       const M = { ...T };
-      return delete M[D], M;
+      return delete M[L], M;
     });
-  }, []), z = V(() => {
-    const D = {};
+  }, []), $ = V(() => {
+    const L = {};
     for (const { criterion: O } of q) {
-      const T = rn(O, N[O.id] ?? []);
-      T && (D[O.id] = T);
+      const T = an(O, N[O.id] ?? []);
+      T && (L[O.id] = T);
     }
-    return g((O) => ({ ...O, ...D })), Object.keys(D).length === 0;
+    return g((O) => ({ ...O, ...L })), Object.keys(L).length === 0;
   }, [q, N]), F = () => {
-    z() && R((D) => D + 1);
+    $() && R((L) => L + 1);
   }, j = () => {
-    f > 0 ? R((D) => D - 1) : n == null || n();
-  }, ee = async () => {
-    if (!(!z() || !o))
+    f > 0 ? R((L) => L - 1) : n == null || n();
+  }, Z = async () => {
+    if (!(!$() || !o))
       try {
-        const D = o.map((T) => {
+        const L = o.map((T) => {
           const M = (N[T.id] ?? []).filter((K) => K && K.trim());
           return M.length > 0 ? { riskCriteriaId: T.id, values: M } : null;
         }).filter((T) => T !== null);
-        await b({ applicantId: e, criteriaValueInputs: D }), t == null || t();
-      } catch (D) {
-        console.error("Risk scoring submit error:", D);
+        await b({ applicantId: e, criteriaValueInputs: L }), t == null || t();
+      } catch (L) {
+        console.error("Risk scoring submit error:", L);
       }
   };
   return u ? /* @__PURE__ */ r(W, { children: /* @__PURE__ */ s(Y, { children: [
@@ -4058,7 +4101,7 @@ const sn = ({
     "Error loading criteria: ",
     m.message
   ] }) }) }) : o ? /* @__PURE__ */ s(W, { children: [
-    /* @__PURE__ */ s(ve, { children: [
+    /* @__PURE__ */ s(ke, { children: [
       /* @__PURE__ */ r("h2", { className: "text-lg font-bold", children: "Risk Assessment" }),
       /* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "Please answer the following questions for risk evaluation" }),
       C.length > 1 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between mt-3", children: [
@@ -4068,7 +4111,7 @@ const sn = ({
           " of ",
           C.length
         ] }),
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: C.map((D, O) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: C.map((L, O) => /* @__PURE__ */ r(
           "div",
           {
             className: "rounded-full transition-all duration-200",
@@ -4082,18 +4125,18 @@ const sn = ({
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ r(Y, { className: "space-y-6", children: q.map(({ criterion: D }) => /* @__PURE__ */ r(
-      on,
+    /* @__PURE__ */ r(Y, { className: "space-y-6", children: q.map(({ criterion: L }) => /* @__PURE__ */ r(
+      cn,
       {
-        criterion: D,
-        value: N[D.id] ?? [],
-        error: S[D.id],
+        criterion: L,
+        value: N[L.id] ?? [],
+        error: S[L.id],
         locale: i,
-        onChange: (O) => ae(D.id, O)
+        onChange: (O) => ae(L.id, O)
       },
-      D.id
+      L.id
     )) }),
-    /* @__PURE__ */ s(we, { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ s(Ne, { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ s(
         J,
         {
@@ -4107,7 +4150,7 @@ const sn = ({
           ]
         }
       ),
-      P ? /* @__PURE__ */ r(J, { type: "button", isLoading: h, onClick: ee, children: "Continue" }) : /* @__PURE__ */ s(
+      P ? /* @__PURE__ */ r(J, { type: "button", isLoading: h, onClick: Z, children: "Continue" }) : /* @__PURE__ */ s(
         J,
         {
           type: "button",
@@ -4122,8 +4165,8 @@ const sn = ({
     ] }),
     m && /* @__PURE__ */ r("div", { className: "mx-6 mb-4 p-3 bg-red-50 border border-red-200 rounded", children: /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: m.message }) })
   ] }) : null;
-}, on = ({ criterion: e, value: t, error: n, locale: a, onChange: i }) => {
-  const o = an(e), d = e.valueDataType === Me.Integer || e.valueDataType === Me.Money || e.valueDataType === Me.DigitOnly, u = en(e), h = (m) => u ? tn(m, a) : m;
+}, cn = ({ criterion: e, value: t, error: n, locale: a, onChange: i }) => {
+  const o = on(e), d = e.valueDataType === Me.Integer || e.valueDataType === Me.Money || e.valueDataType === Me.DigitOnly, u = rn(e), h = (m) => u ? nn(m, a) : m;
   return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
     /* @__PURE__ */ s("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: [
       e.displayName,
@@ -4132,7 +4175,7 @@ const sn = ({
     e.description && /* @__PURE__ */ r("p", { className: "text-xs", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: e.description }),
     d && (e.min !== void 0 || e.max !== void 0) && /* @__PURE__ */ r("p", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: e.min !== void 0 && e.max !== void 0 ? `Range: ${e.min} – ${e.max}` : e.min !== void 0 ? `Minimum: ${e.min}` : `Maximum: ${e.max}` }),
     o === "text" && /* @__PURE__ */ r(
-      xe,
+      ve,
       {
         value: t[0] ?? "",
         onChange: (m) => i([m.target.value]),
@@ -4239,12 +4282,12 @@ const sn = ({
       }
     )
   ] });
-}, ln = ({
+}, dn = ({
   applicantId: e,
   onComplete: t,
   onBack: n
 }) => {
-  const { investorCategorizationService: a } = Se(), [i, o] = x(null), [d, u] = x(!1), [h, m] = x(null);
+  const { investorCategorizationService: a } = Ce(), [i, o] = x(null), [d, u] = x(!1), [h, m] = x(null);
   return /* @__PURE__ */ r("form", { onSubmit: async (N) => {
     if (N.preventDefault(), i === null) {
       m("Please select an investor type");
@@ -4265,34 +4308,35 @@ const sn = ({
       u(!1);
     }
   }, children: /* @__PURE__ */ s(W, { children: [
-    /* @__PURE__ */ s(ve, { children: [
-      /* @__PURE__ */ r("h2", { className: "text-lg font-bold text-gray-900 dark:text-white", children: "Which statement best describes you?" }),
-      /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-2", children: "All Tokenise clients are treated as Retail Investors under EU regulation, which gives you the highest level of investor protection. For our internal purposes, we ask you to select the description that best matches your situation" })
+    /* @__PURE__ */ s(ke, { children: [
+      /* @__PURE__ */ r("h2", { className: "text-lg font-bold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: "Which statement best describes you?" }),
+      /* @__PURE__ */ r("p", { className: "mt-2", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "All Tokenise clients are treated as Retail Investors under EU regulation, which gives you the highest level of investor protection. For our internal purposes, we ask you to select the description that best matches your situation" })
     ] }),
     /* @__PURE__ */ s(Y, { className: "space-y-4", children: [
-      /* @__PURE__ */ r("p", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-3", children: "Choose one" }),
+      /* @__PURE__ */ r("p", { className: "text-sm font-medium mb-3", style: { color: "var(--metakyc-text-secondary, #374151)" }, children: "Choose one" }),
       /* @__PURE__ */ r(
         "label",
         {
-          className: `
-              block p-4 border-2 rounded-lg cursor-pointer transition-all
-              ${i === Ee.Individual ? "border-primary-500 bg-primary-50 dark:bg-primary-900/20" : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600"}
-            `,
+          className: "block p-4 border-2 rounded-lg cursor-pointer transition-all",
+          style: {
+            borderColor: i === be.Individual ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
+            backgroundColor: i === be.Individual ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
+          },
           children: /* @__PURE__ */ s("div", { className: "flex items-start", children: [
             /* @__PURE__ */ r(
               "input",
               {
                 type: "radio",
                 name: "investorType",
-                value: Ee.Individual,
-                checked: i === Ee.Individual,
-                onChange: () => o(Ee.Individual),
-                className: "mt-1 h-4 w-4 text-primary-500 border-gray-300 focus:ring-primary-500"
+                value: be.Individual,
+                checked: i === be.Individual,
+                onChange: () => o(be.Individual),
+                className: "mt-1"
               }
             ),
             /* @__PURE__ */ s("div", { className: "ml-3", children: [
-              /* @__PURE__ */ r("div", { className: "text-base font-semibold text-gray-900 dark:text-white", children: "Individual investor" }),
-              /* @__PURE__ */ r("div", { className: "text-sm text-gray-600 dark:text-gray-400 mt-1", children: "(Recommended) Most of our clients choose this option. Provides the strongest protection and aligns with our mission to make investing accessible to everyone." })
+              /* @__PURE__ */ r("div", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: "Individual investor" }),
+              /* @__PURE__ */ r("div", { className: "text-sm mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "(Recommended) Most of our clients choose this option. Provides the strongest protection and aligns with our mission to make investing accessible to everyone." })
             ] })
           ] })
         }
@@ -4300,26 +4344,27 @@ const sn = ({
       /* @__PURE__ */ r(
         "label",
         {
-          className: `
-              block p-4 border-2 rounded-lg cursor-pointer transition-all
-              ${i === Ee.Sophisticated ? "border-primary-500 bg-primary-50 dark:bg-primary-900/20" : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600"}
-            `,
+          className: "block p-4 border-2 rounded-lg cursor-pointer transition-all",
+          style: {
+            borderColor: i === be.Sophisticated ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
+            backgroundColor: i === be.Sophisticated ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
+          },
           children: /* @__PURE__ */ s("div", { className: "flex items-start", children: [
             /* @__PURE__ */ r(
               "input",
               {
                 type: "radio",
                 name: "investorType",
-                value: Ee.Sophisticated,
-                checked: i === Ee.Sophisticated,
-                onChange: () => o(Ee.Sophisticated),
-                className: "mt-1 h-4 w-4 text-primary-500 border-gray-300 focus:ring-primary-500"
+                value: be.Sophisticated,
+                checked: i === be.Sophisticated,
+                onChange: () => o(be.Sophisticated),
+                className: "mt-1"
               }
             ),
             /* @__PURE__ */ s("div", { className: "ml-3", children: [
-              /* @__PURE__ */ r("div", { className: "text-base font-semibold text-gray-900 dark:text-white", children: "Sophisticated investor" }),
-              /* @__PURE__ */ r("div", { className: "text-sm text-gray-600 dark:text-gray-400 mt-1", children: "In the last 2 years, I have done one or more of the following:" }),
-              /* @__PURE__ */ s("ul", { className: "text-sm text-gray-600 dark:text-gray-400 mt-2 space-y-1 list-none", children: [
+              /* @__PURE__ */ r("div", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: "Sophisticated investor" }),
+              /* @__PURE__ */ r("div", { className: "text-sm mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "In the last 2 years, I have done one or more of the following:" }),
+              /* @__PURE__ */ s("ul", { className: "text-sm mt-2 space-y-1 list-none", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: [
                 /* @__PURE__ */ r("li", { children: "Worked in private equity or provided capital to small and medium enterprises, and/or" }),
                 /* @__PURE__ */ r("li", { children: "Been the director of a company with an annual turnover of at least (USD) $2m million, and/or" }),
                 /* @__PURE__ */ r("li", { children: "Invested directly in at least 2 private (not listed) companies." })
@@ -4331,25 +4376,26 @@ const sn = ({
       /* @__PURE__ */ r(
         "label",
         {
-          className: `
-              block p-4 border-2 rounded-lg cursor-pointer transition-all
-              ${i === Ee.HighNetWorth ? "border-primary-500 bg-primary-50 dark:bg-primary-900/20" : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600"}
-            `,
+          className: "block p-4 border-2 rounded-lg cursor-pointer transition-all",
+          style: {
+            borderColor: i === be.HighNetWorth ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
+            backgroundColor: i === be.HighNetWorth ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
+          },
           children: /* @__PURE__ */ s("div", { className: "flex items-start", children: [
             /* @__PURE__ */ r(
               "input",
               {
                 type: "radio",
                 name: "investorType",
-                value: Ee.HighNetWorth,
-                checked: i === Ee.HighNetWorth,
-                onChange: () => o(Ee.HighNetWorth),
-                className: "mt-1 h-4 w-4 text-primary-500 border-gray-300 focus:ring-primary-500"
+                value: be.HighNetWorth,
+                checked: i === be.HighNetWorth,
+                onChange: () => o(be.HighNetWorth),
+                className: "mt-1"
               }
             ),
             /* @__PURE__ */ s("div", { className: "ml-3", children: [
-              /* @__PURE__ */ r("div", { className: "text-base font-semibold text-gray-900 dark:text-white", children: "High networth investor" }),
-              /* @__PURE__ */ s("div", { className: "text-sm text-gray-600 dark:text-gray-400 mt-1", children: [
+              /* @__PURE__ */ r("div", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: "High networth investor" }),
+              /* @__PURE__ */ s("div", { className: "text-sm mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: [
                 "I earn more than (USD/EUR) $150,000 per year, and/or",
                 /* @__PURE__ */ r("br", {}),
                 "I have net assets (excluding my main property) of at least $/EUR 300,000"
@@ -4358,13 +4404,13 @@ const sn = ({
           ] })
         }
       ),
-      h && /* @__PURE__ */ r("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: /* @__PURE__ */ s("p", { className: "text-red-600 dark:text-red-400 text-sm", children: [
+      h && /* @__PURE__ */ r("div", { className: "p-4 rounded-lg", style: { backgroundColor: "#fee2e2", border: "1px solid #fca5a5" }, children: /* @__PURE__ */ s("p", { className: "text-sm", style: { color: "#991b1b" }, children: [
         /* @__PURE__ */ r("strong", { children: "Error:" }),
         " ",
         h
       ] }) })
     ] }),
-    /* @__PURE__ */ s(we, { className: "flex justify-between", children: [
+    /* @__PURE__ */ s(Ne, { className: "flex justify-between", children: [
       n && /* @__PURE__ */ r(J, { type: "button", variant: "outline", onClick: n, children: "Back" }),
       /* @__PURE__ */ r(
         J,
@@ -4377,12 +4423,12 @@ const sn = ({
       )
     ] })
   ] }) });
-}, cn = ({
+}, un = ({
   applicantId: e,
   onComplete: t,
   onBack: n
 }) => {
-  const { appropriatenessTestService: a } = Se(), [i, o] = x(null), [d, u] = x(!0), [h, m] = x(!1), [b, N] = x(null), [v, S] = x({}), [g, f] = x(0), [R, I] = x(!1), [B, C] = x(!1), [P, q] = x(0);
+  const { appropriatenessTestService: a } = Ce(), [i, o] = x(null), [d, u] = x(!0), [h, m] = x(!1), [b, N] = x(null), [v, S] = x({}), [g, f] = x(0), [R, I] = x(!1), [B, C] = x(!1), [P, q] = x(0);
   me(() => {
     (async () => {
       try {
@@ -4402,11 +4448,11 @@ const sn = ({
   const ae = (T) => {
     const M = T.split(":").map(Number);
     if (M.length === 3) {
-      const [K, Z, le] = M;
-      return K * 3600 + Z * 60 + le;
+      const [K, X, le] = M;
+      return K * 3600 + X * 60 + le;
     }
     return 0;
-  }, z = (T) => {
+  }, $ = (T) => {
     const M = Math.floor(T / 60), K = T % 60;
     return `${M.toString().padStart(2, "0")}:${K.toString().padStart(2, "0")}`;
   };
@@ -4423,7 +4469,7 @@ const sn = ({
     }, 1e3);
     return () => clearInterval(T);
   }, [P]), me(() => {
-    B && !h && ee();
+    B && !h && Z();
   }, [B]);
   const F = () => {
     i && (I(!0), f(i.testDurationSec));
@@ -4432,7 +4478,7 @@ const sn = ({
       ...K,
       [T]: M
     }));
-  }, ee = async (T) => {
+  }, Z = async (T) => {
     if (T && T.preventDefault(), !!i) {
       if (!B) {
         const M = i.appropriatenessQuestions.length - Object.keys(v).length;
@@ -4444,9 +4490,9 @@ const sn = ({
       m(!0), N(null);
       try {
         const M = i.appropriatenessQuestions.map(
-          (Z) => ({
-            appropriatenessQuestionId: Z.id,
-            value: v[Z.id] || ""
+          (X) => ({
+            appropriatenessQuestionId: X.id,
+            value: v[X.id] || ""
             // Empty string if not answered
           })
         ), K = {
@@ -4456,14 +4502,14 @@ const sn = ({
         };
         console.log("Submitting appropriateness test:", K);
         try {
-          const Z = await a.fillAppropriatenessTest(K);
-          console.log("Appropriateness test result:", Z), Z.message && (Z.message.toLowerCase().includes("pass") || Z.message.toLowerCase().includes("success") || Z.message.toLowerCase().includes("congratulations")) ? t == null || t() : (N(Z.message || "Test completed. Please check the result."), I(!1), C(!1), S({}), setTimeout(() => D(), 1e3));
-        } catch (Z) {
-          if (Z.code === 400 && Z.message) {
-            const le = Z.message;
-            console.log("Test failed:", le), N(le), I(!1), C(!1), S({}), setTimeout(() => D(), 1500);
+          const X = await a.fillAppropriatenessTest(K);
+          console.log("Appropriateness test result:", X), X.message && (X.message.toLowerCase().includes("pass") || X.message.toLowerCase().includes("success") || X.message.toLowerCase().includes("congratulations")) ? t == null || t() : (N(X.message || "Test completed. Please check the result."), I(!1), C(!1), S({}), setTimeout(() => L(), 1e3));
+        } catch (X) {
+          if (X.code === 400 && X.message) {
+            const le = X.message;
+            console.log("Test failed:", le), N(le), I(!1), C(!1), S({}), setTimeout(() => L(), 1500);
           } else
-            throw Z;
+            throw X;
         }
       } catch (M) {
         console.error("Error submitting appropriateness test:", M), N(M.message || "Failed to submit test. Please try again."), I(!1), C(!1), S({});
@@ -4471,7 +4517,7 @@ const sn = ({
         m(!1);
       }
     }
-  }, D = async () => {
+  }, L = async () => {
     try {
       const T = await a.getAppropriatenessTest(e);
       if (console.log("Reloaded test data:", T), o(T), T.waitTimeSpanForNextTry && T.waitTimeSpanForNextTry !== "00:00:00") {
@@ -4496,21 +4542,21 @@ Failed to reload test data. Please refresh the page.`);
     ] }) });
   if (P > 0)
     return /* @__PURE__ */ s(W, { children: [
-      /* @__PURE__ */ s(ve, { children: [
+      /* @__PURE__ */ s(ke, { children: [
         /* @__PURE__ */ r("h2", { className: "text-lg font-bold text-gray-900 dark:text-white", children: i.displayName }),
         i.subtitle && /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-2", children: i.subtitle })
       ] }),
       /* @__PURE__ */ s(Y, { className: "py-12 text-center", children: [
         /* @__PURE__ */ s("div", { className: "mb-6", children: [
-          /* @__PURE__ */ r("div", { className: "text-6xl font-bold text-primary-500 mb-2", children: z(P) }),
+          /* @__PURE__ */ r("div", { className: "text-6xl font-bold text-primary-500 mb-2", children: $(P) }),
           /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400", children: "Please wait before attempting the test again" })
         ] }),
         b && /* @__PURE__ */ r("div", { className: "mt-4 p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: /* @__PURE__ */ r("p", { className: "text-red-600 dark:text-red-400 text-sm", children: b }) })
       ] })
     ] });
   const O = i.testAllowedMaxTry - i.totalFailedTries;
-  return R ? /* @__PURE__ */ r("form", { onSubmit: ee, children: /* @__PURE__ */ s(W, { children: [
-    /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+  return R ? /* @__PURE__ */ r("form", { onSubmit: Z, children: /* @__PURE__ */ s(W, { children: [
+    /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ r("h2", { className: "text-lg font-bold text-gray-900 dark:text-white", children: i.displayName }),
         i.subtitle && /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: i.subtitle })
@@ -4520,7 +4566,7 @@ Failed to reload test data. Please refresh the page.`);
           "div",
           {
             className: `text-3xl font-bold ${g <= 60 ? "text-danger-500" : "text-primary-500"}`,
-            children: z(g)
+            children: $(g)
           }
         ),
         /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Time Remaining" })
@@ -4528,13 +4574,13 @@ Failed to reload test data. Please refresh the page.`);
     ] }) }),
     /* @__PURE__ */ s(Y, { className: "space-y-6", children: [
       /* @__PURE__ */ s("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ s($e, { variant: "info", children: [
+        /* @__PURE__ */ s(ze, { variant: "info", children: [
           "Question ",
           Object.keys(v).length,
           " of ",
           i.totalQuestionCount
         ] }),
-        /* @__PURE__ */ s($e, { variant: O > 1 ? "success" : "warning", children: [
+        /* @__PURE__ */ s(ze, { variant: O > 1 ? "success" : "warning", children: [
           O,
           " attempt",
           O !== 1 ? "s" : "",
@@ -4554,7 +4600,7 @@ Failed to reload test data. Please refresh the page.`);
               T.groupName && /* @__PURE__ */ r("span", { className: "ml-2 text-xs text-gray-500 dark:text-gray-400", children: T.groupName }),
               /* @__PURE__ */ r("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mt-2", children: T.question })
             ] }),
-            /* @__PURE__ */ r("div", { className: "space-y-2", children: T.answers.map((K, Z) => /* @__PURE__ */ s(
+            /* @__PURE__ */ r("div", { className: "space-y-2", children: T.answers.map((K, X) => /* @__PURE__ */ s(
               "label",
               {
                 className: `
@@ -4577,7 +4623,7 @@ Failed to reload test data. Please refresh the page.`);
                   /* @__PURE__ */ r("span", { className: "ml-3 text-gray-700 dark:text-gray-300", children: K })
                 ]
               },
-              Z
+              X
             )) })
           ]
         },
@@ -4593,7 +4639,7 @@ Failed to reload test data. Please refresh the page.`);
         " Your answers are being submitted automatically."
       ] }) })
     ] }),
-    /* @__PURE__ */ s(we, { className: "flex justify-between", children: [
+    /* @__PURE__ */ s(Ne, { className: "flex justify-between", children: [
       /* @__PURE__ */ r(
         J,
         {
@@ -4615,7 +4661,7 @@ Failed to reload test data. Please refresh the page.`);
       )
     ] })
   ] }) }) : /* @__PURE__ */ s(W, { children: [
-    /* @__PURE__ */ s(ve, { children: [
+    /* @__PURE__ */ s(ke, { children: [
       /* @__PURE__ */ r("h2", { className: "text-lg font-bold text-gray-900 dark:text-white", children: i.displayName }),
       i.subtitle && /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-2", children: i.subtitle })
     ] }),
@@ -4624,19 +4670,19 @@ Failed to reload test data. Please refresh the page.`);
       /* @__PURE__ */ s("div", { className: "space-y-4 mb-6", children: [
         /* @__PURE__ */ s("div", { className: "flex items-center justify-between p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg", children: [
           /* @__PURE__ */ r("span", { className: "text-gray-700 dark:text-gray-300 font-medium", children: "Total Questions:" }),
-          /* @__PURE__ */ r($e, { variant: "info", children: i.totalQuestionCount })
+          /* @__PURE__ */ r(ze, { variant: "info", children: i.totalQuestionCount })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center justify-between p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg", children: [
           /* @__PURE__ */ r("span", { className: "text-gray-700 dark:text-gray-300 font-medium", children: "Time Limit:" }),
-          /* @__PURE__ */ r($e, { variant: "info", children: z(i.testDurationSec) })
+          /* @__PURE__ */ r(ze, { variant: "info", children: $(i.testDurationSec) })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center justify-between p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg", children: [
           /* @__PURE__ */ r("span", { className: "text-gray-700 dark:text-gray-300 font-medium", children: "Correct Answers Required:" }),
-          /* @__PURE__ */ r($e, { variant: "info", children: i.testCorrectAnswerPassLimit })
+          /* @__PURE__ */ r(ze, { variant: "info", children: i.testCorrectAnswerPassLimit })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center justify-between p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg", children: [
           /* @__PURE__ */ r("span", { className: "text-gray-700 dark:text-gray-300 font-medium", children: "Attempts Remaining:" }),
-          /* @__PURE__ */ r($e, { variant: O > 1 ? "success" : "warning", children: O })
+          /* @__PURE__ */ r(ze, { variant: O > 1 ? "success" : "warning", children: O })
         ] })
       ] }),
       b && /* @__PURE__ */ r("div", { className: "mb-4 p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: /* @__PURE__ */ s("p", { className: "text-red-600 dark:text-red-400 text-sm", children: [
@@ -4646,7 +4692,7 @@ Failed to reload test data. Please refresh the page.`);
       ] }) }),
       O <= 0 && /* @__PURE__ */ r("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: /* @__PURE__ */ r("p", { className: "text-red-600 dark:text-red-400", children: "You have used all your attempts. Please contact support for assistance." }) })
     ] }),
-    /* @__PURE__ */ s(we, { className: "flex justify-between", children: [
+    /* @__PURE__ */ s(Ne, { className: "flex justify-between", children: [
       n && /* @__PURE__ */ r(J, { type: "button", variant: "outline", onClick: n, children: "Back" }),
       /* @__PURE__ */ r(
         J,
@@ -4659,13 +4705,13 @@ Failed to reload test data. Please refresh the page.`);
       )
     ] })
   ] });
-}, dn = ({
+}, mn = ({
   applicantId: e,
   onComplete: t,
   onBack: n
 }) => {
   var Ue, it, Ze, st;
-  const { applicantService: a, baseInformationService: i, config: o, currentTheme: d } = Se(), { identityData: u, provider: h, token: m, isLoading: b, error: N, requestIdentity: v, restartIdentity: S } = Dr(e), [g, f] = x(null), [R, I] = x(null), [B, C] = x([]), [P, q] = x([]), [ae, z] = x(!0), [F, j] = x(!1), [ee, D] = x(null), [O, T] = x(!1), M = Ie.useRef(!1), [K, Z] = x({}), [le, A] = x({}), U = d != null && d.reviewPageFields && d.reviewPageFields.length > 0 ? d.reviewPageFields[0] : null, re = !!(d != null && d.reviewPageDisabled), ye = ne(!1);
+  const { applicantService: a, baseInformationService: i, config: o, currentTheme: d } = Ce(), { identityData: u, provider: h, token: m, isLoading: b, error: N, requestIdentity: v, restartIdentity: S } = Dr(e), [g, f] = x(null), [R, I] = x(null), [B, C] = x([]), [P, q] = x([]), [ae, $] = x(!0), [F, j] = x(!1), [Z, L] = x(null), [O, T] = x(!1), M = Ie.useRef(!1), [K, X] = x({}), [le, A] = x({}), U = d != null && d.reviewPageFields && d.reviewPageFields.length > 0 ? d.reviewPageFields[0] : null, re = !!(d != null && d.reviewPageDisabled), ye = ne(!1);
   ye.current = re;
   const pe = Bt({
     defaultValues: {
@@ -4680,24 +4726,24 @@ Failed to reload test data. Please refresh the page.`);
   });
   me(() => {
     if (re) {
-      M.current || (M.current = !0, v().then(() => j(!0)).catch((L) => console.error("[Identity] Auto-request failed:", L)).finally(() => z(!1)));
+      M.current || (M.current = !0, v().then(() => j(!0)).catch((D) => console.error("[Identity] Auto-request failed:", D)).finally(() => $(!1)));
       return;
     }
     (async () => {
       try {
-        const [L, H, $] = await Promise.all([
+        const [D, H, z] = await Promise.all([
           a.getApplicantData(e),
           i.getCountries("", "en"),
           i.getCountries("", "en", 40)
           // CountriesType.PhoneNumber
         ]);
-        I(L);
+        I(D);
         const Q = /* @__PURE__ */ new Set(), G = H.map((y) => ({ value: y.abbreviation3 || y.abbreviation, label: y.name })).filter((y) => !y.value || Q.has(y.value) ? !1 : (Q.add(y.value), !0));
         C(G);
-        const ce = /* @__PURE__ */ new Set(), l = $.filter((y) => y.countryCode).map((y) => ({ value: y.countryCode, label: `${y.countryCode} – ${y.name}` })).filter((y) => ce.has(y.value) ? !1 : (ce.add(y.value), !0));
+        const ce = /* @__PURE__ */ new Set(), l = z.filter((y) => y.countryCode).map((y) => ({ value: y.countryCode, label: `${y.countryCode} – ${y.name}` })).filter((y) => ce.has(y.value) ? !1 : (ce.add(y.value), !0));
         q(l);
-        const c = L.applicantRequestData;
-        if (Z({
+        const c = D.applicantRequestData;
+        if (X({
           firstName: (c == null ? void 0 : c.firstName) || "",
           lastName: (c == null ? void 0 : c.lastName) || "",
           email: (c == null ? void 0 : c.email) || "",
@@ -4727,7 +4773,7 @@ Failed to reload test data. Please refresh the page.`);
           country: (c == null ? void 0 : c.country) || "",
           nationality: (c == null ? void 0 : c.nationality) || "",
           phonenumber: (c == null ? void 0 : c.phonenumber) || ""
-        }), L.kycRecords && L.kycRecords.length > 0 && L.kycRecords[0].providerTokenObject !== null && !M.current && ye.current) {
+        }), D.kycRecords && D.kycRecords.length > 0 && D.kycRecords[0].providerTokenObject !== null && !M.current && ye.current) {
           console.log("[Identity] Review page disabled + existing identity — auto-requesting..."), M.current = !0;
           try {
             await v(), j(!0);
@@ -4735,10 +4781,10 @@ Failed to reload test data. Please refresh the page.`);
             console.error("[Identity] Auto-request failed:", y);
           }
         }
-      } catch (L) {
-        console.error("Error loading applicant data:", L);
+      } catch (D) {
+        console.error("Error loading applicant data:", D);
       } finally {
-        z(!1);
+        $(!1);
       }
     })();
   }, [e]), me(() => {
@@ -4748,22 +4794,22 @@ Failed to reload test data. Please refresh the page.`);
       if (m.expiresAt) {
         const p = new Date(m.expiresAt).getTime();
         if (Date.now() >= p) {
-          console.warn("[Identity] Token has expired (expiresAt)"), T(!0), D("Your verification session has expired. Please restart.");
+          console.warn("[Identity] Token has expired (expiresAt)"), T(!0), L("Your verification session has expired. Please restart.");
           return;
         }
       }
       if (m.url)
         try {
-          const L = new URL(m.url).toString().toLowerCase();
-          if (L.includes("expired") || L.includes("invalid") || L.includes("error")) {
-            console.warn("[Identity] Token URL indicates expiration"), T(!0), D("Your verification link has expired. Please restart.");
+          const D = new URL(m.url).toString().toLowerCase();
+          if (D.includes("expired") || D.includes("invalid") || D.includes("error")) {
+            console.warn("[Identity] Token URL indicates expiration"), T(!0), L("Your verification link has expired. Please restart.");
             return;
           }
         } catch {
           console.error("[Identity] Invalid token URL");
         }
       if (m.status === "expired" || m.error === "expired" || m.expired === !0) {
-        console.warn("[Identity] Token object indicates expiration"), T(!0), D("Your verification session has expired. Please restart.");
+        console.warn("[Identity] Token object indicates expiration"), T(!0), L("Your verification session has expired. Please restart.");
         return;
       }
     }
@@ -4771,59 +4817,59 @@ Failed to reload test data. Please refresh the page.`);
     if (h !== null && m && !g && F && !O) {
       const p = h;
       if (m.url) {
-        console.log("[Identity] Loading provider URL for user verification:", m.url), D(null);
+        console.log("[Identity] Loading provider URL for user verification:", m.url), L(null);
         try {
           if (new URL(m.url), p === Pe.SardinAI) {
             console.log("[SardinAI] Initializing Risk SDK in background...");
             try {
-              const L = Qe.parseProviderConfig(h, m, o);
-              Qe.createProvider(h, L).initialize().then(() => {
+              const D = Qe.parseProviderConfig(h, m, o);
+              Qe.createProvider(h, D).initialize().then(() => {
                 console.log("[SardinAI] Risk SDK initialized successfully in background");
-              }).catch(($) => {
-                console.warn("[SardinAI] Risk SDK initialization failed (non-blocking):", $);
+              }).catch((z) => {
+                console.warn("[SardinAI] Risk SDK initialization failed (non-blocking):", z);
               });
-            } catch (L) {
-              console.warn("[SardinAI] Risk SDK setup failed (non-blocking):", L);
+            } catch (D) {
+              console.warn("[SardinAI] Risk SDK setup failed (non-blocking):", D);
             }
           }
           f({ type: "url", url: m.url });
-        } catch (L) {
-          console.error("[Identity] Invalid URL:", L), D("Invalid verification URL. Please restart."), T(!0);
+        } catch (D) {
+          console.error("[Identity] Invalid URL:", D), L("Invalid verification URL. Please restart."), T(!0);
         }
         return;
       }
       if (p === Pe.SardinAI) {
-        console.log("[SardinAI] No URL provided - initializing Risk SDK only..."), D(null);
+        console.log("[SardinAI] No URL provided - initializing Risk SDK only..."), L(null);
         try {
-          const L = Qe.parseProviderConfig(h, m, o), H = Qe.createProvider(h, L);
+          const D = Qe.parseProviderConfig(h, m, o), H = Qe.createProvider(h, D);
           H.initialize().then(() => {
             console.log("[SardinAI] Risk SDK initialized successfully"), f(H), setTimeout(() => {
               t == null || t();
             }, 2e3);
-          }).catch(($) => {
+          }).catch((z) => {
             var G;
-            console.error("[SardinAI] Failed to initialize:", $);
-            const Q = ((G = $.message) == null ? void 0 : G.toLowerCase()) || "";
-            Q.includes("expired") || Q.includes("invalid") || Q.includes("401") || Q.includes("400") ? (T(!0), D("Session expired or invalid. Please restart verification.")) : D(`Failed to initialize: ${$.message}`);
+            console.error("[SardinAI] Failed to initialize:", z);
+            const Q = ((G = z.message) == null ? void 0 : G.toLowerCase()) || "";
+            Q.includes("expired") || Q.includes("invalid") || Q.includes("401") || Q.includes("400") ? (T(!0), L("Session expired or invalid. Please restart verification.")) : L(`Failed to initialize: ${z.message}`);
           });
-        } catch (L) {
-          console.error("[SardinAI] Error creating provider:", L), D(`Configuration error: ${L.message}`);
+        } catch (D) {
+          console.error("[SardinAI] Error creating provider:", D), L(`Configuration error: ${D.message}`);
         }
         return;
       }
       try {
-        D(null);
-        const L = Qe.parseProviderConfig(h, m, o), H = Qe.createProvider(h, L);
-        p === Pe.Sumsub ? (H.initialize("identity-container").catch(($) => {
+        L(null);
+        const D = Qe.parseProviderConfig(h, m, o), H = Qe.createProvider(h, D);
+        p === Pe.Sumsub ? (H.initialize("identity-container").catch((z) => {
           var Q;
-          console.error("[Sumsub] Initialization error:", $), D(`Failed to initialize: ${$.message}`), (Q = $.message) != null && Q.toLowerCase().includes("expired") && T(!0);
+          console.error("[Sumsub] Initialization error:", z), L(`Failed to initialize: ${z.message}`), (Q = z.message) != null && Q.toLowerCase().includes("expired") && T(!0);
         }), H.onComplete && H.onComplete(() => {
           t == null || t();
-        })) : p === Pe.Onfido && H.initialize("identity-container").catch(($) => {
-          console.error("[Onfido] Initialization error:", $), D(`Failed to initialize: ${$.message}`);
+        })) : p === Pe.Onfido && H.initialize("identity-container").catch((z) => {
+          console.error("[Onfido] Initialization error:", z), L(`Failed to initialize: ${z.message}`);
         }), f(H);
-      } catch (L) {
-        console.error("[Identity] Provider setup error:", L), D(`Setup error: ${L.message}`);
+      } catch (D) {
+        console.error("[Identity] Provider setup error:", D), L(`Setup error: ${D.message}`);
       }
     }
     return () => {
@@ -4837,15 +4883,15 @@ Failed to reload test data. Please refresh the page.`);
   }, [h, m, g, F, t, O]);
   const E = async () => {
     try {
-      D(null), T(!1), await v(), j(!0);
+      L(null), T(!1), await v(), j(!0);
     } catch (p) {
       console.error("Error starting identity verification:", p);
     }
-  }, X = async () => {
+  }, ee = async () => {
     try {
-      D(null), T(!1), f(null), console.log("[Identity] Restarting verification..."), await S(), j(!0);
+      L(null), T(!1), f(null), console.log("[Identity] Restarting verification..."), await S(), j(!0);
     } catch (p) {
-      console.error("Error restarting identity verification:", p), D(p.message || "Failed to restart verification");
+      console.error("Error restarting identity verification:", p), L(p.message || "Failed to restart verification");
     }
   };
   if (ae || b)
@@ -4858,9 +4904,9 @@ Failed to reload test data. Please refresh the page.`);
       "Error: ",
       N.message
     ] }) }) });
-  if (F && (ee || O))
+  if (F && (Z || O))
     return /* @__PURE__ */ s(W, { children: [
-      /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: "Verification Session Issue" }) }),
+      /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: "Verification Session Issue" }) }),
       /* @__PURE__ */ s(Y, { children: [
         /* @__PURE__ */ r("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg mb-6", children: /* @__PURE__ */ s("div", { className: "flex items-start", children: [
           /* @__PURE__ */ r(
@@ -4883,7 +4929,7 @@ Failed to reload test data. Please refresh the page.`);
           ),
           /* @__PURE__ */ s("div", { children: [
             /* @__PURE__ */ r("h3", { className: "font-semibold text-red-900 dark:text-red-100 mb-1", children: O ? "Session Expired" : "Verification Error" }),
-            /* @__PURE__ */ r("p", { className: "text-red-800 dark:text-red-200 text-sm", children: ee || "Your verification session has expired and needs to be restarted." })
+            /* @__PURE__ */ r("p", { className: "text-red-800 dark:text-red-200 text-sm", children: Z || "Your verification session has expired and needs to be restarted." })
           ] })
         ] }) }),
         /* @__PURE__ */ s("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4", children: [
@@ -4895,15 +4941,15 @@ Failed to reload test data. Please refresh the page.`);
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ s(we, { className: "flex justify-between", children: [
+      /* @__PURE__ */ s(Ne, { className: "flex justify-between", children: [
         n && /* @__PURE__ */ r(J, { type: "button", variant: "outline", onClick: n, children: "Back" }),
-        /* @__PURE__ */ r(J, { type: "button", onClick: X, disabled: b, children: b ? "Restarting..." : "Restart Verification" })
+        /* @__PURE__ */ r(J, { type: "button", onClick: ee, disabled: b, children: b ? "Restarting..." : "Restart Verification" })
       ] })
     ] });
   if (F && u) {
     const p = h;
     return m != null && m.url ? /* @__PURE__ */ s(W, { children: [
-      /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ s("div", { children: [
           /* @__PURE__ */ r("h2", { className: "text-2xl font-bold", children: "Identity Verification" }),
           /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: "Please complete the identity verification process" })
@@ -4914,7 +4960,7 @@ Failed to reload test data. Please refresh the page.`);
             type: "button",
             variant: "outline",
             size: "sm",
-            onClick: X,
+            onClick: ee,
             disabled: b,
             children: "Restart"
           }
@@ -4932,14 +4978,14 @@ Failed to reload test data. Please refresh the page.`);
             className: "w-full h-full border-0 rounded-lg",
             allow: "camera; microphone; geolocation",
             title: "Identity Verification",
-            onLoad: (L) => {
-              var H, $, Q;
+            onLoad: (D) => {
+              var H, z, Q;
               console.log("[Identity] Iframe loaded");
               try {
-                const G = L.target, ce = G.contentDocument || ((H = G.contentWindow) == null ? void 0 : H.document);
+                const G = D.target, ce = G.contentDocument || ((H = G.contentWindow) == null ? void 0 : H.document);
                 if (ce) {
-                  const l = ((Q = ($ = ce.body) == null ? void 0 : $.textContent) == null ? void 0 : Q.toLowerCase()) || "";
-                  (l.includes("expired") || l.includes("invalid") || l.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), T(!0), D("Your verification link has expired."));
+                  const l = ((Q = (z = ce.body) == null ? void 0 : z.textContent) == null ? void 0 : Q.toLowerCase()) || "";
+                  (l.includes("expired") || l.includes("invalid") || l.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), T(!0), L("Your verification link has expired."));
                 }
               } catch {
                 console.log("[Identity] Cannot check iframe content (CORS)");
@@ -4948,9 +4994,9 @@ Failed to reload test data. Please refresh the page.`);
           }
         ) })
       ] }),
-      n && /* @__PURE__ */ r(we, { children: /* @__PURE__ */ r(J, { variant: "outline", onClick: n, children: "Back" }) })
+      n && /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(J, { variant: "outline", onClick: n, children: "Back" }) })
     ] }) : p === Pe.SardinAI ? /* @__PURE__ */ s(W, { children: [
-      /* @__PURE__ */ s(ve, { children: [
+      /* @__PURE__ */ s(ke, { children: [
         /* @__PURE__ */ r("h2", { className: "text-2xl font-bold", children: "Device Risk Assessment" }),
         /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: "Analyzing device security and behavioral patterns..." })
       ] }),
@@ -4960,33 +5006,33 @@ Failed to reload test data. Please refresh the page.`);
         /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-500 mt-2", children: "This process is automatic and will complete in a few seconds" })
       ] }) })
     ] }) : /* @__PURE__ */ s(W, { children: [
-      /* @__PURE__ */ s(ve, { children: [
+      /* @__PURE__ */ s(ke, { children: [
         /* @__PURE__ */ r("h2", { className: "text-2xl font-bold", children: "Identity Verification" }),
         /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: "Please complete the identity verification process" })
       ] }),
       /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { id: "identity-container", className: "min-h-[400px]" }) }),
-      n && /* @__PURE__ */ r(we, { children: /* @__PURE__ */ r(J, { variant: "outline", onClick: n, children: "Back" }) })
+      n && /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(J, { variant: "outline", onClick: n, children: "Back" }) })
     ] });
   }
-  const ie = /* @__PURE__ */ new Set(["country", "nationality", "taxCountry", "countryOfBirth", "mobileCountryCode", "otherNationality"]), oe = (p = 4) => ({ 1: "col-span-1", 2: "col-span-2", 3: "col-span-3", 4: "col-span-4" })[p] || "col-span-4", Ce = (p, L) => {
-    if (!L && L !== 0) return "—";
+  const ie = /* @__PURE__ */ new Set(["country", "nationality", "taxCountry", "countryOfBirth", "mobileCountryCode", "otherNationality"]), oe = (p = 4) => ({ 1: "col-span-1", 2: "col-span-2", 3: "col-span-3", 4: "col-span-4" })[p] || "col-span-4", Ee = (p, D) => {
+    if (!D && D !== 0) return "—";
     if (ie.has(p) && p !== "mobileCountryCode") {
-      const H = B.find(($) => $.value === L);
-      return H ? H.label : String(L);
+      const H = B.find((z) => z.value === D);
+      return H ? H.label : String(D);
     }
-    return String(L);
+    return String(D);
   }, He = ({ helpText: p }) => {
-    const [L, H] = x(!1), $ = ne(null), [, Q] = x({ top: 0, left: 0 });
+    const [D, H] = x(!1), z = ne(null), [, Q] = x({ top: 0, left: 0 });
     return /* @__PURE__ */ s(rt, { children: [
       /* @__PURE__ */ r(
         "button",
         {
           type: "button",
           className: "metakyc-help-btn",
-          ref: $,
+          ref: z,
           onClick: () => {
-            if ($.current) {
-              const ce = $.current.getBoundingClientRect();
+            if (z.current) {
+              const ce = z.current.getBoundingClientRect();
               Q({ top: ce.bottom + window.scrollY + 6, left: ce.left + window.scrollX });
             }
             H(!0);
@@ -5012,7 +5058,7 @@ Failed to reload test data. Please refresh the page.`);
           children: "?"
         }
       ),
-      L && Ot.createPortal(
+      D && Ot.createPortal(
         /* @__PURE__ */ r(
           "div",
           {
@@ -5069,11 +5115,11 @@ Failed to reload test data. Please refresh the page.`);
         document.body
       )
     ] });
-  }, Ae = (p, L) => L ? /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "flex-start", gap: 5, flexWrap: "nowrap" }, children: [
+  }, Ae = (p, D) => D ? /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "flex-start", gap: 5, flexWrap: "nowrap" }, children: [
     /* @__PURE__ */ r("div", { style: { flex: 1, minWidth: 0 }, children: p }),
-    /* @__PURE__ */ r("div", { style: { paddingTop: 24 }, children: /* @__PURE__ */ r(He, { helpText: L }) })
-  ] }) : p, at = (p, L) => {
-    const H = `cf-${L}`, $ = p.paramName ?? "", Q = le[$];
+    /* @__PURE__ */ r("div", { style: { paddingTop: 24 }, children: /* @__PURE__ */ r(He, { helpText: D }) })
+  ] }) : p, at = (p, D) => {
+    const H = `cf-${D}`, z = p.paramName ?? "", Q = le[z];
     if (p.customType === "br")
       return /* @__PURE__ */ r("div", { className: oe(p.colSpan), style: { minHeight: "0.5rem" } }, H);
     if (p.customType === "paragraph")
@@ -5118,7 +5164,7 @@ Failed to reload test data. Please refresh the page.`);
             {
               type: "checkbox",
               checked: !!G,
-              onChange: (ce) => A((l) => ({ ...l, [$]: String(ce.target.checked) })),
+              onChange: (ce) => A((l) => ({ ...l, [z]: String(ce.target.checked) })),
               style: {
                 width: 16,
                 height: 16,
@@ -5138,9 +5184,9 @@ Failed to reload test data. Please refresh the page.`);
     }
     if (p.customType === "group_checkbox") {
       const G = Array.isArray(Q) ? Q : Q ? [Q] : [], ce = (l) => {
-        p.singleSelect ? A((c) => ({ ...c, [$]: G[0] === l ? [] : [l] })) : A((c) => ({
+        p.singleSelect ? A((c) => ({ ...c, [z]: G[0] === l ? [] : [l] })) : A((c) => ({
           ...c,
-          [$]: G.includes(l) ? G.filter((_) => _ !== l) : [...G, l]
+          [z]: G.includes(l) ? G.filter((_) => _ !== l) : [...G, l]
         }));
       };
       return /* @__PURE__ */ r("div", { className: oe(p.colSpan), children: Ae(
@@ -5170,10 +5216,10 @@ Failed to reload test data. Please refresh the page.`);
             "input",
             {
               type: "radio",
-              name: `rg-${$}`,
+              name: `rg-${z}`,
               value: G.value,
               checked: Q === G.value,
-              onChange: () => A((ce) => ({ ...ce, [$]: G.value })),
+              onChange: () => A((ce) => ({ ...ce, [z]: G.value })),
               style: { width: 16, height: 16, flexShrink: 0, marginTop: 2, accentColor: "var(--metakyc-primary, #6366f1)" }
             }
           ),
@@ -5183,77 +5229,77 @@ Failed to reload test data. Please refresh the page.`);
       p.helpText
     ) }, H) : /* @__PURE__ */ r("div", { className: oe(p.colSpan), children: Ae(
       /* @__PURE__ */ r(
-        xe,
+        ve,
         {
-          label: p.displayText || p.label || $,
+          label: p.displayText || p.label || z,
           value: String(Q ?? ""),
-          onChange: (G) => A((ce) => ({ ...ce, [$]: G.target.value }))
+          onChange: (G) => A((ce) => ({ ...ce, [z]: G.target.value }))
         }
       ),
       p.helpText
     ) }, H);
-  }, dt = (p, L) => {
-    if (p.isCustom) return at(p, L);
-    const H = p.name ?? "", $ = Ve[H], Q = p.displayText || ($ == null ? void 0 : $.label) || H, G = K[H] ?? "", ce = H === "mobileCountryCode", l = !!($ != null && $.countriesType) && !ce;
+  }, dt = (p, D) => {
+    if (p.isCustom) return at(p, D);
+    const H = p.name ?? "", z = Ve[H], Q = p.displayText || (z == null ? void 0 : z.label) || H, G = K[H] ?? "", ce = H === "mobileCountryCode", l = !!(z != null && z.countriesType) && !ce;
     return p.editable ? ce ? /* @__PURE__ */ r("div", { className: oe(p.colSpan ?? 2), children: Ae(
       /* @__PURE__ */ r(
         _e,
         {
           label: Q,
           value: String(G),
-          onChange: (c) => Z((_) => ({ ..._, [H]: c })),
+          onChange: (c) => X((_) => ({ ..._, [H]: c })),
           options: [{ value: "", label: "Select country code…" }, ...P]
         }
       ),
       p.helpText
-    ) }, `epc-${L}`) : l ? /* @__PURE__ */ r("div", { className: oe(p.colSpan ?? 2), children: Ae(
+    ) }, `epc-${D}`) : l ? /* @__PURE__ */ r("div", { className: oe(p.colSpan ?? 2), children: Ae(
       /* @__PURE__ */ r(
         _e,
         {
           label: Q,
           value: String(G),
-          onChange: (c) => Z((_) => ({ ..._, [H]: c })),
+          onChange: (c) => X((_) => ({ ..._, [H]: c })),
           options: [{ value: "", label: `Select ${Q.toLowerCase()}…` }, ...B]
         }
       ),
       p.helpText
-    ) }, `ec-${L}`) : /* @__PURE__ */ r("div", { className: oe(p.colSpan ?? 2), children: Ae(
+    ) }, `ec-${D}`) : /* @__PURE__ */ r("div", { className: oe(p.colSpan ?? 2), children: Ae(
       /* @__PURE__ */ r(
-        xe,
+        ve,
         {
           label: Q,
-          type: ($ == null ? void 0 : $.type) === "date" ? "date" : ($ == null ? void 0 : $.type) === "email" ? "email" : "text",
+          type: (z == null ? void 0 : z.type) === "date" ? "date" : (z == null ? void 0 : z.type) === "email" ? "email" : "text",
           value: String(G),
-          onChange: (c) => Z((_) => ({ ..._, [H]: c.target.value }))
+          onChange: (c) => X((_) => ({ ..._, [H]: c.target.value }))
         }
       ),
       p.helpText
-    ) }, `ei-${L}`) : /* @__PURE__ */ r("div", { className: oe(p.colSpan ?? 2), children: Ae(
+    ) }, `ei-${D}`) : /* @__PURE__ */ r("div", { className: oe(p.colSpan ?? 2), children: Ae(
       /* @__PURE__ */ s(rt, { children: [
         /* @__PURE__ */ r("label", { className: "block text-sm font-medium mb-0.5", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: Q }),
-        /* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)", minHeight: "1.5rem" }, children: Ce(H, G) })
+        /* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)", minHeight: "1.5rem" }, children: Ee(H, G) })
       ] }),
       p.helpText
-    ) }, `ro-${L}`);
+    ) }, `ro-${D}`);
   };
   if (U) {
-    const p = U.title || "Review Your Information", L = U.subtitle || "Please review and confirm your information before starting identity verification";
+    const p = U.title || "Review Your Information", D = U.subtitle || "Please review and confirm your information before starting identity verification";
     return /* @__PURE__ */ r("form", { onSubmit: (H) => {
       H.preventDefault(), E();
     }, children: /* @__PURE__ */ s(W, { children: [
-      /* @__PURE__ */ s(ve, { children: [
+      /* @__PURE__ */ s(ke, { children: [
         /* @__PURE__ */ r("h2", { className: "text-lg font-bold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: p }),
-        /* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: L })
+        /* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: D })
       ] }),
-      /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: U.fields.map((H, $) => dt(H, $)) }) }),
-      /* @__PURE__ */ s(we, { className: "flex justify-between", children: [
+      /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: U.fields.map((H, z) => dt(H, z)) }) }),
+      /* @__PURE__ */ s(Ne, { className: "flex justify-between", children: [
         n && /* @__PURE__ */ r(J, { type: "button", variant: "outline", onClick: n, children: "Back" }),
         /* @__PURE__ */ r(J, { type: "submit", isLoading: b, children: "Confirm and Start Verification" })
       ] })
     ] }) });
   }
   return /* @__PURE__ */ r("form", { onSubmit: pe.handleSubmit(E), children: /* @__PURE__ */ s(W, { children: [
-    /* @__PURE__ */ s(ve, { children: [
+    /* @__PURE__ */ s(ke, { children: [
       /* @__PURE__ */ r("h2", { className: "text-lg font-bold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: "Review Your Information" }),
       /* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "Please review and confirm your information before starting identity verification" })
     ] }),
@@ -5262,9 +5308,9 @@ Failed to reload test data. Please refresh the page.`);
         { label: "Name", value: `${((Ue = R == null ? void 0 : R.applicantRequestData) == null ? void 0 : Ue.firstName) || ""} ${((it = R == null ? void 0 : R.applicantRequestData) == null ? void 0 : it.lastName) || ""}`.trim() },
         { label: "Email", value: (Ze = R == null ? void 0 : R.applicantRequestData) == null ? void 0 : Ze.email },
         { label: "Date of Birth", value: ((st = R == null ? void 0 : R.applicantRequestData) == null ? void 0 : st.dateOfBirth) || "Not provided" }
-      ].map(({ label: p, value: L }) => /* @__PURE__ */ s("div", { children: [
+      ].map(({ label: p, value: D }) => /* @__PURE__ */ s("div", { children: [
         /* @__PURE__ */ r("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: p }),
-        /* @__PURE__ */ r("p", { className: "mt-1 text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: L })
+        /* @__PURE__ */ r("p", { className: "mt-1 text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: D })
       ] }, p)) }),
       /* @__PURE__ */ s("div", { className: "space-y-4", children: [
         /* @__PURE__ */ r("h3", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: "Address Information" }),
@@ -5303,17 +5349,17 @@ Failed to reload test data. Please refresh the page.`);
           )
         ] }),
         /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ r(Ke, { control: pe.control, name: "street", render: ({ field: p }) => /* @__PURE__ */ r(xe, { ...p, label: "Street" }) }),
-          /* @__PURE__ */ r(Ke, { control: pe.control, name: "streetNumber", render: ({ field: p }) => /* @__PURE__ */ r(xe, { ...p, label: "Street Number" }) })
+          /* @__PURE__ */ r(Ke, { control: pe.control, name: "street", render: ({ field: p }) => /* @__PURE__ */ r(ve, { ...p, label: "Street" }) }),
+          /* @__PURE__ */ r(Ke, { control: pe.control, name: "streetNumber", render: ({ field: p }) => /* @__PURE__ */ r(ve, { ...p, label: "Street Number" }) })
         ] }),
         /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ r(Ke, { control: pe.control, name: "city", render: ({ field: p }) => /* @__PURE__ */ r(xe, { ...p, label: "City" }) }),
-          /* @__PURE__ */ r(Ke, { control: pe.control, name: "zip", render: ({ field: p }) => /* @__PURE__ */ r(xe, { ...p, label: "ZIP / Postal Code" }) })
+          /* @__PURE__ */ r(Ke, { control: pe.control, name: "city", render: ({ field: p }) => /* @__PURE__ */ r(ve, { ...p, label: "City" }) }),
+          /* @__PURE__ */ r(Ke, { control: pe.control, name: "zip", render: ({ field: p }) => /* @__PURE__ */ r(ve, { ...p, label: "ZIP / Postal Code" }) })
         ] }),
-        /* @__PURE__ */ r(Ke, { control: pe.control, name: "phonenumber", render: ({ field: p }) => /* @__PURE__ */ r(xe, { ...p, label: "Phone Number", type: "tel" }) })
+        /* @__PURE__ */ r(Ke, { control: pe.control, name: "phonenumber", render: ({ field: p }) => /* @__PURE__ */ r(ve, { ...p, label: "Phone Number", type: "tel" }) })
       ] })
     ] }),
-    /* @__PURE__ */ s(we, { className: "flex justify-between", children: [
+    /* @__PURE__ */ s(Ne, { className: "flex justify-between", children: [
       n && /* @__PURE__ */ r(J, { type: "button", variant: "outline", onClick: n, children: "Back" }),
       /* @__PURE__ */ r(J, { type: "submit", isLoading: b, children: "Confirm and Start Verification" })
     ] })
@@ -5406,15 +5452,15 @@ Failed to reload test data. Please refresh the page.`);
           children: /* @__PURE__ */ r("span", { className: `text-5xl ${u.iconColor}`, children: u.icon })
         }
       ) }),
-      /* @__PURE__ */ r("h2", { className: "text-3xl font-bold text-center text-gray-900 dark:text-white mb-4", children: u.title }),
+      /* @__PURE__ */ r("h2", { className: "text-3xl font-bold text-center mb-4", style: { color: "var(--metakyc-text-primary, #111827)" }, children: u.title }),
       /* @__PURE__ */ r("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ r(
-        $e,
+        ze,
         {
           variant: u.type === "success" ? "success" : u.type === "error" ? "danger" : u.type === "pending" ? "warning" : "info",
           children: e != null ? We[e] : Ye[t]
         }
       ) }),
-      /* @__PURE__ */ r("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-6 max-w-md mx-auto", children: a || u.message }),
+      /* @__PURE__ */ r("p", { className: "text-center mb-6 max-w-md mx-auto", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a || u.message }),
       u.type === "success" && /* @__PURE__ */ s("div", { className: "bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 mb-6", children: [
         /* @__PURE__ */ r("h3", { className: "font-semibold text-green-900 dark:text-green-100 mb-2", children: "What's Next?" }),
         /* @__PURE__ */ s("ul", { className: "text-sm text-green-800 dark:text-green-200 space-y-1", children: [
@@ -5440,18 +5486,18 @@ Failed to reload test data. Please refresh the page.`);
           /* @__PURE__ */ r("li", { children: "• No action is required from you at this time" })
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: "mt-6 pt-6 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
+      /* @__PURE__ */ r("div", { className: "mt-6 pt-6", style: { borderTop: "1px solid var(--metakyc-border, #e5e7eb)" }, children: /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
         /* @__PURE__ */ s("div", { children: [
-          /* @__PURE__ */ r("span", { className: "text-gray-500 dark:text-gray-400", children: "KYC Status:" }),
-          /* @__PURE__ */ r("div", { className: "font-medium text-gray-900 dark:text-white mt-1", children: e != null ? We[e] : "Not Available" })
+          /* @__PURE__ */ r("span", { style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: "KYC Status:" }),
+          /* @__PURE__ */ r("div", { className: "font-medium mt-1", style: { color: "var(--metakyc-text-primary, #111827)" }, children: e != null ? We[e] : "Not Available" })
         ] }),
         /* @__PURE__ */ s("div", { children: [
-          /* @__PURE__ */ r("span", { className: "text-gray-500 dark:text-gray-400", children: "Review Status:" }),
-          /* @__PURE__ */ r("div", { className: "font-medium text-gray-900 dark:text-white mt-1", children: Ye[t] })
+          /* @__PURE__ */ r("span", { style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: "Review Status:" }),
+          /* @__PURE__ */ r("div", { className: "font-medium mt-1", style: { color: "var(--metakyc-text-primary, #111827)" }, children: Ye[t] })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ s(we, { className: "flex justify-center gap-4", children: [
+    /* @__PURE__ */ s(Ne, { className: "flex justify-center gap-4", children: [
       u.type === "success" && i && /* @__PURE__ */ r(J, { onClick: i, size: "lg", children: "Continue" }),
       u.type === "error" && /* @__PURE__ */ s(rt, { children: [
         o && /* @__PURE__ */ r(J, { variant: "outline", onClick: o, children: "Contact Support" }),
@@ -5460,7 +5506,7 @@ Failed to reload test data. Please refresh the page.`);
       u.type === "pending" && /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Please check back later or wait for our email notification" }) })
     ] })
   ] });
-}, un = ({ config: e, className: t = "" }) => !(e != null && e.visible) || !(e != null && e.url) ? null : /* @__PURE__ */ r("div", { className: `metakyc-logo ${t}`, children: /* @__PURE__ */ r(
+}, pn = ({ config: e, className: t = "" }) => !(e != null && e.visible) || !(e != null && e.url) ? null : /* @__PURE__ */ r("div", { className: `metakyc-logo ${t}`, children: /* @__PURE__ */ r(
   "img",
   {
     src: e.url,
@@ -5480,7 +5526,7 @@ Failed to reload test data. Please refresh the page.`);
   subtitle: t,
   className: n = ""
 }) => {
-  const { currentTheme: a } = Se(), i = e || (a == null ? void 0 : a.title) || "", o = !!(a != null && a.logo && a.logo.visible && a.logo.url), d = !!i;
+  const { currentTheme: a } = Ce(), i = e || (a == null ? void 0 : a.title) || "", o = !!(a != null && a.logo && a.logo.visible && a.logo.url), d = !!i;
   return !o && !d ? null : /* @__PURE__ */ s("div", { className: `metakyc-header ${n}`, children: [
     /* @__PURE__ */ s(
       "div",
@@ -5488,7 +5534,7 @@ Failed to reload test data. Please refresh the page.`);
         className: "metakyc-header-title flex items-center text-xl font-bold",
         style: { color: "var(--metakyc-text-primary, #111827)" },
         children: [
-          o && /* @__PURE__ */ r(un, { config: a.logo }),
+          o && /* @__PURE__ */ r(pn, { config: a.logo }),
           o && d && /* @__PURE__ */ r(
             "span",
             {
@@ -5639,22 +5685,22 @@ const tt = {
     ),
     typeof document < "u" && i ? ht(i, document.body) : null
   ] });
-}, Pn = ({
+}, Tn = ({
   workflowKey: e,
   externalRefId: t,
   onSuccess: n,
   onCancel: a
 }) => {
-  var L, H, $, Q, G, ce;
-  const { config: i, baseInformationService: o, currentTheme: d } = Se(), { createApplicant: u, isLoading: h } = Or(), m = e || ((L = i.applicantForm) == null ? void 0 : L.workflowKey);
+  var D, H, z, Q, G, ce;
+  const { config: i, baseInformationService: o, currentTheme: d } = Ce(), { createApplicant: u, isLoading: h } = Or(), m = e || ((D = i.applicantForm) == null ? void 0 : D.workflowKey);
   if (!m)
     throw new Error(
       "workflowKey is required. Provide it either as a prop to CreateApplicantForm or set it in config.applicantForm.workflowKey"
     );
-  const b = t || ((H = i.applicantForm) == null ? void 0 : H.externalRefId) || "", N = (($ = i.applicantForm) == null ? void 0 : $.email) || "", v = ((Q = i.applicantForm) == null ? void 0 : Q.hiddenValues) || {}, g = (((G = i.applicantForm) == null ? void 0 : G.fieldLabelMode) || (d == null ? void 0 : d.fieldLabelMode) || "label") !== "placeholder", f = ze(
+  const b = t || ((H = i.applicantForm) == null ? void 0 : H.externalRefId) || "", N = ((z = i.applicantForm) == null ? void 0 : z.email) || "", v = ((Q = i.applicantForm) == null ? void 0 : Q.hiddenValues) || {}, g = (((G = i.applicantForm) == null ? void 0 : G.fieldLabelMode) || (d == null ? void 0 : d.fieldLabelMode) || "label") !== "placeholder", f = $e(
     () => d != null && d.applicantFormPages && d.applicantFormPages.length > 0 ? d.applicantFormPages : null,
     [d == null ? void 0 : d.applicantFormPages]
-  ), R = ze(() => {
+  ), R = $e(() => {
     const l = new Set(ot), c = d == null ? void 0 : d.applicantFormRequiredFields;
     if (c) for (const _ of c) l.add(_);
     if (f)
@@ -5662,7 +5708,7 @@ const tt = {
         for (const y of _.fields)
           !y.isCustom && y.name && y.required && l.add(y.name);
     return Array.from(l);
-  }, [d == null ? void 0 : d.applicantFormRequiredFields, f]), I = ze(() => {
+  }, [d == null ? void 0 : d.applicantFormRequiredFields, f]), I = $e(() => {
     var _;
     if (f) {
       const y = f.flatMap((k) => k.fields).filter((k) => !k.isCustom && k.name).map((k) => k.name), w = new Set(y);
@@ -5681,7 +5727,7 @@ const tt = {
     "countryOfBirth",
     "mobileCountryCode",
     "otherNationality"
-  ]), C = ze(() => {
+  ]), C = $e(() => {
     var c, _;
     const l = /* @__PURE__ */ new Set();
     if (f)
@@ -5692,7 +5738,7 @@ const tt = {
       for (const y of I)
         B.has(y) && l.add((_ = Ve[y]) == null ? void 0 : _.countriesType);
     return l.size === 0 && l.add(void 0), Array.from(l);
-  }, [I, f]), [P, q] = x({}), [ae, z] = x(!0), F = ne(/* @__PURE__ */ new Set()), j = ne(/* @__PURE__ */ new Set());
+  }, [I, f]), [P, q] = x({}), [ae, $] = x(!0), F = ne(/* @__PURE__ */ new Set()), j = ne(/* @__PURE__ */ new Set());
   me(() => {
     if (!d) return;
     const l = C.filter((y) => {
@@ -5703,19 +5749,19 @@ const tt = {
       C.every((w) => {
         const k = w != null ? String(w) : "all";
         return j.current.has(k);
-      }) && z(!1);
+      }) && $(!1);
       return;
     }
-    z(!0);
+    $(!0);
     const c = l.map((y) => y != null ? String(y) : "all");
     c.forEach((y) => F.current.add(y)), (async () => {
       try {
         const y = await Promise.all(
           l.map(async (w) => {
-            const k = w != null ? String(w) : "all", ue = await o.getCountries("", i.locale || "en", w), se = w === 40, ke = /* @__PURE__ */ new Set(), Re = ue.map((he) => se && he.countryCode ? {
+            const k = w != null ? String(w) : "all", ue = await o.getCountries("", i.locale || "en", w), se = w === 40, we = /* @__PURE__ */ new Set(), Re = ue.map((he) => se && he.countryCode ? {
               value: he.countryCode,
               label: `${he.countryCode} – ${he.name}`
-            } : { value: he.abbreviation3 || he.abbreviation, label: he.name }).filter((he) => !he.value || ke.has(he.value) ? !1 : (ke.add(he.value), !0));
+            } : { value: he.abbreviation3 || he.abbreviation, label: he.name }).filter((he) => !he.value || we.has(he.value) ? !1 : (we.add(he.value), !0));
             return j.current.add(k), F.current.delete(k), [k, Re];
           })
         );
@@ -5726,15 +5772,15 @@ const tt = {
         C.every((w) => {
           const k = w != null ? String(w) : "all";
           return j.current.has(k);
-        }) && z(!1);
+        }) && $(!1);
       }
     })();
   }, [C, d]);
-  const ee = (l, c) => {
+  const Z = (l, c) => {
     var w;
     const _ = c ?? ((w = Ve[l]) == null ? void 0 : w.countriesType), y = _ != null ? String(_) : "all";
     return P[y] || [];
-  }, D = Object.fromEntries(
+  }, L = Object.fromEntries(
     Object.entries(v).filter(([l]) => l in {
       firstName: 1,
       lastName: 1,
@@ -5784,10 +5830,10 @@ const tt = {
     educationLevel: "",
     occupation: "",
     taxNumber: "",
-    ...D
+    ...L
   }), M = Object.fromEntries(
-    Object.entries(v).filter(([l]) => !(l in D) && l !== "externalRefId" && l !== "workflowKey")
-  ), [K, Z] = x({ ...M }), [le, A] = x(0), [U, re] = x({}), [ye, pe] = x(null), [E, X] = x(!1), ie = (l, c) => T((_) => ({ ..._, [l]: c })), oe = (l, c) => Z((_) => ({ ..._, [l]: c })), Ce = (l) => !l.conditionalOn || K[l.conditionalOn] === "true", He = f && le < f.length - 1 ? le + 1 : -1, Ae = f && le > 0 ? le - 1 : -1, at = (l) => {
+    Object.entries(v).filter(([l]) => !(l in L) && l !== "externalRefId" && l !== "workflowKey")
+  ), [K, X] = x({ ...M }), [le, A] = x(0), [U, re] = x({}), [ye, pe] = x(null), [E, ee] = x(!1), ie = (l, c) => T((_) => ({ ..._, [l]: c })), oe = (l, c) => X((_) => ({ ..._, [l]: c })), Ee = (l) => !l.conditionalOn || K[l.conditionalOn] === "true", He = f && le < f.length - 1 ? le + 1 : -1, Ae = f && le > 0 ? le - 1 : -1, at = (l) => {
     var _;
     const c = {};
     for (const y of l.fields)
@@ -5808,7 +5854,7 @@ const tt = {
   }, dt = async () => {
     if (!f) return;
     const l = f[le];
-    if (l.conditionalOn && !Ce(l)) {
+    if (l.conditionalOn && !Ee(l)) {
       re({}), He >= 0 ? A(He) : await Ue();
       return;
     }
@@ -5822,13 +5868,13 @@ const tt = {
     if (f) {
       let l = {};
       for (const c of f)
-        Ce(c) && (l = { ...l, ...at(c) });
+        Ee(c) && (l = { ...l, ...at(c) });
       if (Object.keys(l).length > 0) {
         re(l);
         return;
       }
     }
-    X(!0), pe(null);
+    ee(!0), pe(null);
     try {
       if (!O.externalRefId || O.externalRefId.trim() === "") {
         pe("External Reference ID is required. Please pass it via config.applicantForm.externalRefId.");
@@ -5840,7 +5886,7 @@ const tt = {
       };
       if (f) {
         for (const w of f)
-          if (Ce(w)) {
+          if (Ee(w)) {
             for (const k of w.fields)
               if (!k.isCustom && k.name) {
                 const ue = k.name, se = O[ue];
@@ -5861,7 +5907,7 @@ const tt = {
       const c = [];
       if (f) {
         for (const w of f)
-          if (Ce(w))
+          if (Ee(w))
             for (const k of w.fields) {
               if (!k.isCustom || !k.paramName || k.customType === "paragraph" || k.customType === "html" || k.customType === "br" || k.customType === "link") continue;
               const ue = K[k.paramName] ?? "";
@@ -5872,7 +5918,7 @@ const tt = {
               c.push({ paramName: k.paramName, value: se });
             }
       }
-      for (const [w, k] of Object.entries(D))
+      for (const [w, k] of Object.entries(L))
         l[w] === void 0 && !Ge(k) && (l[w] = k);
       const _ = new Set(c.map((w) => w.paramName));
       for (const [w, k] of Object.entries(M))
@@ -5883,7 +5929,7 @@ const tt = {
     } catch (l) {
       console.error("Error creating applicant:", l), pe(l.message || "Failed to create applicant");
     } finally {
-      X(!1);
+      ee(!1);
     }
   }, it = async (l) => {
     var c;
@@ -5899,11 +5945,11 @@ const tt = {
     var gt;
     const k = Ve[l];
     if (!k) return null;
-    const ue = R.includes(l), se = U[l], ke = _ || k.label, Re = c ?? l, he = { required: ue }, Le = w ? w !== "placeholder" : g, Be = Le ? ke : void 0, Pt = Le ? "..." : ke;
+    const ue = R.includes(l), se = U[l], we = _ || k.label, Re = c ?? l, he = { required: ue }, Le = w ? w !== "placeholder" : g, Be = Le ? we : void 0, Pt = Le ? "..." : we;
     switch (k.type) {
       case "select":
         if (l === "country" || l === "nationality" || l === "taxCountry" || l === "countryOfBirth" || l === "mobileCountryCode") {
-          const fe = ee(l, y);
+          const fe = Z(l, y);
           return /* @__PURE__ */ r(
             _e,
             {
@@ -5927,7 +5973,7 @@ const tt = {
               value: ((gt = O[l]) == null ? void 0 : gt.toString()) || "",
               onChange: (fe) => ie(l, fe ? Number(fe) : null),
               options: [
-                { value: "", label: Le ? "Select salutation..." : ke },
+                { value: "", label: Le ? "Select salutation..." : we },
                 { value: ct.Male.toString(), label: "Male" },
                 { value: ct.Female.toString(), label: "Female" },
                 { value: ct.Other.toString(), label: "Other" }
@@ -5945,7 +5991,7 @@ const tt = {
               label: Be,
               value: O[l] || "",
               onChange: (je) => ie(l, je),
-              options: [{ value: "", label: Le ? "Select language..." : ke }, ...fe],
+              options: [{ value: "", label: Le ? "Select language..." : we }, ...fe],
               error: se
             },
             Re
@@ -5954,16 +6000,16 @@ const tt = {
         return null;
       case "multiselect":
         if (l === "otherNationality") {
-          const fe = ee(l, y);
+          const fe = Z(l, y);
           return /* @__PURE__ */ r(
-            Br,
+            $r,
             {
               ...he,
               label: Be,
               value: O[l] || [],
               onChange: (je) => ie(l, je),
               options: fe,
-              placeholder: Le ? "Select other nationalities..." : ke,
+              placeholder: Le ? "Select other nationalities..." : we,
               disabled: ae
             },
             Re
@@ -5972,12 +6018,12 @@ const tt = {
         return null;
       case "date":
         return /* @__PURE__ */ r(
-          xe,
+          ve,
           {
             ...he,
             type: "date",
             label: Be,
-            placeholder: Le ? void 0 : ke,
+            placeholder: Le ? void 0 : we,
             value: O[l] || "",
             onChange: (fe) => ie(l, fe.target.value),
             error: se
@@ -5986,12 +6032,12 @@ const tt = {
         );
       case "email":
         return /* @__PURE__ */ r(
-          xe,
+          ve,
           {
             ...he,
             type: "email",
             label: Be,
-            placeholder: Le ? void 0 : ke,
+            placeholder: Le ? void 0 : we,
             value: O[l] || "",
             onChange: (fe) => ie(l, fe.target.value),
             error: se
@@ -6000,12 +6046,12 @@ const tt = {
         );
       case "tel":
         return /* @__PURE__ */ r(
-          xe,
+          ve,
           {
             ...he,
             type: "tel",
             label: Be,
-            placeholder: Le ? void 0 : ke,
+            placeholder: Le ? void 0 : we,
             value: O[l] || "",
             onChange: (fe) => ie(l, fe.target.value),
             error: se
@@ -6014,12 +6060,12 @@ const tt = {
         );
       default:
         return /* @__PURE__ */ r(
-          xe,
+          ve,
           {
             ...he,
             type: "text",
             label: Be,
-            placeholder: Le ? void 0 : ke,
+            placeholder: Le ? void 0 : we,
             value: O[l] || "",
             onChange: (fe) => ie(l, fe.target.value),
             error: se
@@ -6190,11 +6236,11 @@ const tt = {
                   {
                     type: "checkbox",
                     checked: se,
-                    onChange: (ke) => {
+                    onChange: (we) => {
                       if (l.singleSelect)
-                        oe(l.paramName, ke.target.checked ? ue.value : "");
+                        oe(l.paramName, we.target.checked ? ue.value : "");
                       else {
-                        const Re = ke.target.checked ? [...k, ue.value] : k.filter((he) => he !== ue.value);
+                        const Re = we.target.checked ? [...k, ue.value] : k.filter((he) => he !== ue.value);
                         oe(l.paramName, Re.join(","));
                       }
                     },
@@ -6261,7 +6307,7 @@ const tt = {
       )) }),
       y && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: y })
     ] }, `custom-${c}`) : /* @__PURE__ */ r(
-      xe,
+      ve,
       {
         type: "text",
         label: _ ? `${w}${l.required ? " *" : ""}` : void 0,
@@ -6274,7 +6320,7 @@ const tt = {
       `custom-${c}`
     );
   }, p = (l, c) => {
-    const _ = Ce(l);
+    const _ = Ee(l);
     return /* @__PURE__ */ s("div", { className: "space-y-4", children: [
       l.conditionalOn && /* @__PURE__ */ r(Nt, { helpText: l.conditionalHelpText, children: /* @__PURE__ */ s(
         "label",
@@ -6315,9 +6361,9 @@ const tt = {
       /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: "Loading form…" })
     ] }) }) });
   if (f) {
-    const l = f[le] ?? f[0], c = Ae === -1, _ = He === -1, y = f.length, w = Ce(l), k = Object.values(U);
+    const l = f[le] ?? f[0], c = Ae === -1, _ = He === -1, y = f.length, w = Ee(l), k = Object.values(U);
     return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ s(W, { children: [
-      /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r(pt, { title: (d == null ? void 0 : d.title) || "Create Applicant" }) }),
+      /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(pt, { title: (d == null ? void 0 : d.title) || "Create Applicant" }) }),
       /* @__PURE__ */ s(Y, { children: [
         (l.title || l.subtitle || l.description) && /* @__PURE__ */ s("div", { className: "mb-4", children: [
           l.title && /* @__PURE__ */ r(
@@ -6370,7 +6416,7 @@ const tt = {
         ] }),
         p(l)
       ] }),
-      /* @__PURE__ */ s(we, { className: "flex justify-between", children: [
+      /* @__PURE__ */ s(Ne, { className: "flex justify-between", children: [
         /* @__PURE__ */ s("div", { children: [
           !c && /* @__PURE__ */ r(
             J,
@@ -6399,7 +6445,7 @@ const tt = {
     ] }) });
   }
   return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: it, children: /* @__PURE__ */ s(W, { children: [
-    /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r(pt, { title: (d == null ? void 0 : d.title) || "Create Applicant" }) }),
+    /* @__PURE__ */ r(ke, { children: /* @__PURE__ */ r(pt, { title: (d == null ? void 0 : d.title) || "Create Applicant" }) }),
     /* @__PURE__ */ s(Y, { children: [
       ye && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ s("p", { className: "text-red-600 text-sm", children: [
         /* @__PURE__ */ r("strong", { children: "Error:" }),
@@ -6408,12 +6454,12 @@ const tt = {
       ] }) }),
       /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: I.map((l) => /* @__PURE__ */ r("div", { className: "col-span-4", children: Ze(l) }, l)) })
     ] }),
-    /* @__PURE__ */ s(we, { className: "flex justify-between", children: [
+    /* @__PURE__ */ s(Ne, { className: "flex justify-between", children: [
       a && /* @__PURE__ */ r(J, { type: "button", variant: "outline", onClick: a, disabled: E || h, children: "Cancel" }),
       /* @__PURE__ */ r(J, { type: "submit", isLoading: E || h, children: "Create Applicant" })
     ] })
   ] }) }) });
-}, Fn = ({
+}, Ln = ({
   applicantId: e,
   onComplete: t,
   onError: n,
@@ -6441,39 +6487,40 @@ const tt = {
   }, [a]), Ie.useEffect(() => {
     b && R(!1);
   }, [b]), N || !o)
-    return /* @__PURE__ */ r("div", { className: i, children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ s(Y, { children: [
+    return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ s(Y, { children: [
       /* @__PURE__ */ r(Te, { className: "my-8" }),
-      /* @__PURE__ */ r("p", { className: "text-center text-gray-600 dark:text-gray-400 mt-4", children: "Loading workflow..." })
+      /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "Loading workflow..." })
     ] }) }) });
   if (v)
-    return /* @__PURE__ */ r("div", { className: i, children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ s("div", { className: "text-center py-8", children: [
-      /* @__PURE__ */ r("p", { className: "text-danger-500 text-lg mb-4", children: "An error occurred" }),
-      /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400", children: v.message })
+    return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ s("div", { className: "text-center py-8", children: [
+      /* @__PURE__ */ r("p", { className: "text-lg mb-4", style: { color: "var(--metakyc-danger, #ef4444)" }, children: "An error occurred" }),
+      /* @__PURE__ */ r("p", { style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: v.message })
     ] }) }) }) });
   if (b && !f)
     return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ s("div", { className: "text-center py-8", children: [
-      /* @__PURE__ */ r("div", { className: "mb-6", children: /* @__PURE__ */ r("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full bg-blue-100 dark:bg-blue-900 mb-4", children: /* @__PURE__ */ r("svg", { className: "w-8 h-8 text-blue-600 dark:text-blue-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }) }),
-      /* @__PURE__ */ r("h3", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-2", children: "Workflow Transition" }),
-      /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mb-6", children: "Your application workflow has been updated based on your progress." }),
-      /* @__PURE__ */ s("div", { className: "bg-gray-50 dark:bg-gray-800 rounded-lg p-4 mb-6 max-w-md mx-auto", children: [
+      /* @__PURE__ */ r("div", { className: "mb-6", children: /* @__PURE__ */ r("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full mb-4", style: { backgroundColor: "var(--metakyc-primary-light, #dbeafe)" }, children: /* @__PURE__ */ r("svg", { className: "w-8 h-8", style: { color: "var(--metakyc-primary, #2563eb)" }, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }) }),
+      /* @__PURE__ */ r("h3", { className: "text-xl font-semibold mb-2", style: { color: "var(--metakyc-text-primary, #111827)" }, children: "Workflow Transition" }),
+      /* @__PURE__ */ r("p", { className: "mb-6", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "Your application workflow has been updated based on your progress." }),
+      /* @__PURE__ */ s("div", { className: "rounded-lg p-4 mb-6 max-w-md mx-auto", style: { backgroundColor: "var(--metakyc-surface, #f9fafb)" }, children: [
         /* @__PURE__ */ s("div", { className: "flex items-center justify-between text-sm", children: [
           /* @__PURE__ */ s("div", { className: "text-left", children: [
-            /* @__PURE__ */ r("p", { className: "text-gray-500 dark:text-gray-400 mb-1", children: "Previous Workflow" }),
-            /* @__PURE__ */ r("p", { className: "font-medium text-gray-900 dark:text-white", children: h })
+            /* @__PURE__ */ r("p", { className: "mb-1", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: "Previous Workflow" }),
+            /* @__PURE__ */ r("p", { className: "font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: h })
           ] }),
-          /* @__PURE__ */ r("svg", { className: "w-6 h-6 text-gray-400 mx-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 7l5 5m0 0l-5 5m5-5H6" }) }),
+          /* @__PURE__ */ r("svg", { className: "w-6 h-6 mx-4", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 7l5 5m0 0l-5 5m5-5H6" }) }),
           /* @__PURE__ */ s("div", { className: "text-right", children: [
-            /* @__PURE__ */ r("p", { className: "text-gray-500 dark:text-gray-400 mb-1", children: "New Workflow" }),
-            /* @__PURE__ */ r("p", { className: "font-medium text-blue-600 dark:text-blue-400", children: m })
+            /* @__PURE__ */ r("p", { className: "mb-1", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: "New Workflow" }),
+            /* @__PURE__ */ r("p", { className: "font-medium", style: { color: "var(--metakyc-primary, #2563eb)" }, children: m })
           ] })
         ] }),
-        o.nextWorkflowName && /* @__PURE__ */ r("p", { className: "text-center text-gray-600 dark:text-gray-400 mt-2 text-xs", children: o.nextWorkflowName })
+        o.nextWorkflowName && /* @__PURE__ */ r("p", { className: "text-center mt-2 text-xs", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: o.nextWorkflowName })
       ] }),
       /* @__PURE__ */ r(
         "button",
         {
           onClick: () => R(!0),
-          className: "px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors",
+          className: "px-6 py-3 font-medium rounded-lg transition-opacity hover:opacity-90",
+          style: { backgroundColor: "var(--metakyc-primary, #2563eb)", color: "#ffffff" },
           children: "Continue with New Workflow"
         }
       )
@@ -6495,7 +6542,7 @@ const tt = {
   if (!d)
     return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ s(Y, { children: [
       /* @__PURE__ */ r(Te, { className: "my-8" }),
-      /* @__PURE__ */ r("p", { className: "text-center text-gray-600 dark:text-gray-400 mt-4", children: o.status === Fe.IdentityPending ? "Loading identity verification..." : "Loading current step..." })
+      /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: o.status === Fe.IdentityPending ? "Loading identity verification..." : "Loading current step..." })
     ] }) }) });
   const I = (P) => {
     switch (P) {
@@ -6521,35 +6568,45 @@ const tt = {
         return "";
     }
   }, B = () => {
-    const P = u.filter((F) => F.visibility !== !1), q = P.findIndex((F) => F.order === d.order), ae = q >= 0 ? q + 1 : 1, z = P.length;
+    const P = u.filter((F) => F.visibility !== !1), q = P.findIndex((F) => F.order === d.order), ae = q >= 0 ? q + 1 : 1, $ = P.length;
     return /* @__PURE__ */ s("div", { className: "mb-6", children: [
       /* @__PURE__ */ s("div", { className: "flex items-start justify-between mb-4", children: [
         /* @__PURE__ */ r(pt, {}),
-        /* @__PURE__ */ s($e, { variant: o.status === 1 ? "info" : "success", children: [
+        /* @__PURE__ */ s(ze, { variant: o.status === 1 ? "info" : "success", children: [
           "Step ",
           ae,
           " of ",
-          z
+          $
         ] })
       ] }),
       /* @__PURE__ */ r("div", { className: "flex items-center", children: P.map((F, j) => {
-        const ee = j < q, D = F.order === d.order;
+        const Z = j < q, L = F.order === d.order, O = Z || L;
         return /* @__PURE__ */ s(Ie.Fragment, { children: [
           /* @__PURE__ */ s("div", { className: "flex items-center", children: [
             /* @__PURE__ */ r(
               "div",
               {
-                className: `
-                      w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium
-                      ${ee || D ? "bg-primary-500 text-white" : "bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-400"}
-                    `,
-                children: j + 1
+                className: "w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium flex-shrink-0",
+                style: O ? {
+                  backgroundColor: "var(--metakyc-primary, #2563eb)",
+                  color: "#ffffff",
+                  border: "none"
+                } : {
+                  backgroundColor: "transparent",
+                  color: "var(--metakyc-text-muted, #9ca3af)",
+                  border: "2px solid var(--metakyc-border, #e5e7eb)"
+                },
+                children: Z ? /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", strokeWidth: 2.5, viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) : j + 1
               }
             ),
             /* @__PURE__ */ r(
               "span",
               {
-                className: `ml-2 text-sm ${D ? "font-semibold text-gray-900 dark:text-white" : "text-gray-600 dark:text-gray-400"}`,
+                className: "ml-2 text-sm whitespace-nowrap",
+                style: {
+                  fontWeight: L ? 600 : 400,
+                  color: L ? "var(--metakyc-text-primary, #111827)" : "var(--metakyc-text-muted, #9ca3af)"
+                },
                 children: F.displayName || F.name || I(F.action) || `Step ${j + 1}`
               }
             )
@@ -6557,7 +6614,10 @@ const tt = {
           j < P.length - 1 && /* @__PURE__ */ r(
             "div",
             {
-              className: `flex-1 h-0.5 mx-4 ${ee ? "bg-primary-500" : "bg-gray-200 dark:bg-gray-700"}`
+              className: "flex-1 h-0.5 mx-3",
+              style: {
+                backgroundColor: Z ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)"
+              }
             }
           )
         ] }, F.order);
@@ -6573,20 +6633,20 @@ const tt = {
     };
     switch (d.action) {
       case te.Questionaries:
-        return /* @__PURE__ */ r(Qr, { ...P });
-      case te.UploadDocument:
         return /* @__PURE__ */ r(Jr, { ...P });
+      case te.UploadDocument:
+        return /* @__PURE__ */ r(Xr, { ...P });
       case te.Overview:
-        return /* @__PURE__ */ r(Zr, { ...P });
+        return /* @__PURE__ */ r(en, { ...P });
       case te.IdentitySdk:
-        return /* @__PURE__ */ r(dn, { ...P });
+        return /* @__PURE__ */ r(mn, { ...P });
       case te.RiskScoring:
-        return /* @__PURE__ */ r(sn, { ...P });
+        return /* @__PURE__ */ r(ln, { ...P });
       case te.AdditionalData:
       case te.InvestorCategorization:
-        return /* @__PURE__ */ r(ln, { ...P });
+        return /* @__PURE__ */ r(dn, { ...P });
       case te.AppropriatenessTest:
-        return /* @__PURE__ */ r(cn, { ...P });
+        return /* @__PURE__ */ r(un, { ...P });
       case te.ManualReview:
         return /* @__PURE__ */ r(
           wt,
@@ -6616,12 +6676,12 @@ const tt = {
     C()
   ] });
 };
-function Tn(e) {
+function Dn(e) {
   return Oe.object({
     questionResults: Oe.any()
   }).passthrough();
 }
-function mn(e) {
+function hn(e) {
   let t = Oe.array(Oe.instanceof(File));
   if (e.isRequired ? t = t.min(
     1,
@@ -6643,45 +6703,45 @@ function mn(e) {
   }
   return t;
 }
-function Ln(e) {
+function Mn(e) {
   const t = {};
   return e.uploadDocumentFiles.forEach((n) => {
     const a = `file_${n.id}`;
-    t[a] = mn(n);
+    t[a] = hn(n);
   }), Oe.object(t);
 }
-function Dn(e) {
+function On(e) {
   return Oe.any();
 }
-function pn(e) {
+function yn(e) {
   return Oe.string().min(1, "This question is required");
 }
-function Mn(e) {
+function Bn(e) {
   const t = {};
   return e.appropriatenessQuestions.forEach((n) => {
     const a = `question_${n.id}`;
-    t[a] = pn();
+    t[a] = yn();
   }), Oe.object(t);
 }
-const On = Oe.any();
+const zn = Oe.any();
 export {
   bt as ALLOWED_LANGUAGES,
-  $t as ApplicantProgressOnHoldReason,
+  zt as ApplicantProgressOnHoldReason,
   Fe as ApplicantProgressStatus,
   Xt as ApplicantService,
   _t as ApplicantStatus,
   Wt as AppropriatenessQuestionType,
   rr as AppropriatenessTestService,
-  cn as AppropriatenessTestStep,
-  $e as Badge,
+  un as AppropriatenessTestStep,
+  ze as Badge,
   sr as BaseInformationService,
   J as Button,
   W as Card,
   Y as CardContent,
-  we as CardFooter,
-  ve as CardHeader,
+  Ne as CardFooter,
+  ke as CardHeader,
   qe as CountriesType,
-  Pn as CreateApplicantForm,
+  Tn as CreateApplicantForm,
   Vt as CriteriaBuiltInType,
   Qt as DEFAULT_VISIBLE_FIELDS,
   Kt as DocumentReviewStatus,
@@ -6690,39 +6750,39 @@ export {
   yr as EventEmitter,
   Ve as FIELD_METADATA,
   jt as FileType,
-  $r as FileUpload,
+  _r as FileUpload,
   ct as GenderType,
   pt as Header,
   Zt as HttpClient,
   Qe as IdentityProviderManager,
   ir as IdentityService,
   Pe as IdentityVerificationProvider,
-  dn as IdentityVerificationStep,
-  xe as Input,
+  mn as IdentityVerificationStep,
+  ve as Input,
   or as InvestorCategorizationService,
-  ln as InvestorCategorizationStep,
-  Ee as InvestorCategorizationType,
+  dn as InvestorCategorizationStep,
+  be as InvestorCategorizationType,
   qt as InvestorCategoryType,
   Ht as KycProcessStatus,
   We as KycStatus,
   wt as KycStatusDisplay,
-  Fn as KycWorkflow,
-  un as Logo,
+  Ln as KycWorkflow,
+  pn as Logo,
   Ct as MetaKYCContext,
   De as MetaKYCError,
-  Nn as MetaKYCProvider,
-  Br as MultiSelect,
+  Cn as MetaKYCProvider,
+  $r as MultiSelect,
   vr as OnfidoProvider,
   nr as OverviewService,
-  Zr as OverviewStep,
-  zr as PhoneInput,
+  en as OverviewStep,
+  Hr as PhoneInput,
   er as QuestionnaireService,
-  Qr as QuestionnaireStep,
+  Jr as QuestionnaireStep,
   Ye as ReviewStatus,
   Yt as RiskCriteriaType,
-  zt as RiskLevel,
+  $t as RiskLevel,
   ar as RiskScoringService,
-  sn as RiskScoringStep,
+  ln as RiskScoringStep,
   kr as SardinAIProvider,
   _e as SearchableSelect,
   yt as Select,
@@ -6730,54 +6790,54 @@ export {
   fr as StepRouter,
   xr as SumsubProvider,
   Nr as ThemeManager,
-  be as ThemePreset,
+  xe as ThemePreset,
   hr as ThemeService,
   tr as UploadDocumentService,
-  Jr as UploadDocumentStep,
+  Xr as UploadDocumentStep,
   Ut as UserType,
   Me as ValueDataType,
   br as WorkflowOrchestrator,
   lt as WorkflowResultType,
   gr as WorkflowState,
   te as WorkflowStepAction,
-  On as appropriatenessTestSchema,
-  An as clearAllStorage,
+  zn as appropriatenessTestSchema,
+  Pn as clearAllStorage,
   Ir as clearApplicantId,
   Rr as clearWorkflowState,
   ge as cn,
   lr as corporateTheme,
   Gt as defaultConfig,
-  Ne as defaultTheme,
+  Se as defaultTheme,
   Sr as fileToBase64,
   cr as fintechTheme,
   ut as formatFileSize,
-  Mn as generateAppropriatenessSchema,
-  Tn as generateQuestionnaireSchema,
-  Dn as generateRiskScoringSchema,
-  Ln as generateUploadDocumentSchema,
-  En as getAcceptString,
+  Bn as generateAppropriatenessSchema,
+  Dn as generateQuestionnaireSchema,
+  On as generateRiskScoringSchema,
+  Mn as generateUploadDocumentSchema,
+  An as getAcceptString,
   Er as getApplicantId,
   et as getThemePreset,
-  In as getWorkflowState,
+  Rn as getWorkflowState,
   dr as healthcareTheme,
-  kn as isScriptLoaded,
+  Nn as isScriptLoaded,
   St as loadScript,
   mr as minimalTheme,
   ur as modernTheme,
-  wn as removeScript,
+  Sn as removeScript,
   Cr as saveApplicantId,
   Ar as saveWorkflowState,
   pr as themePresets,
   Or as useApplicant,
-  Rn as useAppropriatenessTest,
+  Fn as useAppropriatenessTest,
   Dr as useIdentityVerification,
   Pr as useKycWorkflow,
-  Se as useMetaKYC,
+  Ce as useMetaKYC,
   Lr as useOverview,
   Fr as useQuestionnaire,
   Mr as useRiskScoring,
   Tr as useUploadDocument,
-  Sn as validateFileSize,
-  Cn as validateFileType
+  En as validateFileSize,
+  In as validateFileType
 };
 //# sourceMappingURL=index.js.map