@vpdev2/metakyc 1.0.1 → 1.0.2

package/dist/index.js

@@ -2,13 +2,13 @@ var Ut = Object.defineProperty;
 var Kt = (e, t, n) => t in e ? Ut(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var he = (e, t, n) => Kt(e, typeof t != "symbol" ? t + "" : t, n);
 import qt from "axios";
-import * as Rt from "react";
+import * as It from "react";
 import we, { createContext as Vt, useState as k, useMemo as De, useEffect as ge, useContext as Yt, useRef as de, useCallback as ae, forwardRef as yt, createElement as wt } from "react";
-import { jsx as r, jsxs as s, Fragment as lt } from "react/jsx-runtime";
+import { jsx as r, jsxs as o, Fragment as lt } from "react/jsx-runtime";
 import Qt, { createPortal as St } from "react-dom";
 import { useForm as Gt, Controller as et } from "react-hook-form";
 import { z as Ve } from "zod";
-var ce = /* @__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))(ce || {}), gt = /* @__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))(gt || {}), ze = /* @__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))(ze || {}), Jt = /* @__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))(Jt || {}), 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 || {}), tt = /* @__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))(tt || {}), rt = /* @__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))(rt || {}), Xt = /* @__PURE__ */ ((e) => (e[e.ProviderResultPending = 0] = "ProviderResultPending", e[e.ProviderResultReceived = 1] = "ProviderResultReceived", e[e.Canceled = 2] = "Canceled", e[e.ExtendedToNewApplicant = 3] = "ExtendedToNewApplicant", e))(Xt || {}), er = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.ProviderResultPending = 1] = "ProviderResultPending", e[e.ProviderResultReceived = 2] = "ProviderResultReceived", e[e.Canceled = 3] = "Canceled", e))(er || {}), Oe = /* @__PURE__ */ ((e) => (e[e.Onfido = 0] = "Onfido", e[e.Sumsub = 2] = "Sumsub", e[e.SardinAI = 3] = "SardinAI", e))(Oe || {}), tr = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Company = 1] = "Company", e))(tr || {}), bt = /* @__PURE__ */ ((e) => (e[e.Male = 0] = "Male", e[e.Female = 1] = "Female", e[e.Other = 2] = "Other", e))(bt || {}), rr = /* @__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))(rr || {}), nr = /* @__PURE__ */ ((e) => (e[e.Pending = 0] = "Pending", e[e.Approved = 1] = "Approved", e[e.Rejected = 2] = "Rejected", e[e.RequiresRevision = 3] = "RequiresRevision", e))(nr || {}), ar = /* @__PURE__ */ ((e) => (e[e.SingleChoice = 0] = "SingleChoice", e[e.MultipleChoice = 1] = "MultipleChoice", e[e.Text = 2] = "Text", e))(ar || {}), Ke = /* @__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))(Ke || {}), ir = /* @__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))(ir || {}), sr = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Country = 1] = "Country", e))(sr || {}), 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 || {}), or = /* @__PURE__ */ ((e) => (e[e.Retail = 0] = "Retail", e[e.Professional = 1] = "Professional", e[e.EligibleCounterparty = 2] = "EligibleCounterparty", e))(or || {});
+var ce = /* @__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))(ce || {}), gt = /* @__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))(gt || {}), ze = /* @__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))(ze || {}), Jt = /* @__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))(Jt || {}), 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 || {}), tt = /* @__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))(tt || {}), rt = /* @__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))(rt || {}), Xt = /* @__PURE__ */ ((e) => (e[e.ProviderResultPending = 0] = "ProviderResultPending", e[e.ProviderResultReceived = 1] = "ProviderResultReceived", e[e.Canceled = 2] = "Canceled", e[e.ExtendedToNewApplicant = 3] = "ExtendedToNewApplicant", e))(Xt || {}), er = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.ProviderResultPending = 1] = "ProviderResultPending", e[e.ProviderResultReceived = 2] = "ProviderResultReceived", e[e.Canceled = 3] = "Canceled", e))(er || {}), Oe = /* @__PURE__ */ ((e) => (e[e.Onfido = 0] = "Onfido", e[e.Sumsub = 2] = "Sumsub", e[e.SardinAI = 3] = "SardinAI", e))(Oe || {}), tr = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Company = 1] = "Company", e))(tr || {}), bt = /* @__PURE__ */ ((e) => (e[e.Male = 0] = "Male", e[e.Female = 1] = "Female", e[e.Other = 2] = "Other", e))(bt || {}), rr = /* @__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))(rr || {}), nr = /* @__PURE__ */ ((e) => (e[e.Pending = 0] = "Pending", e[e.Approved = 1] = "Approved", e[e.Rejected = 2] = "Rejected", e[e.RequiresRevision = 3] = "RequiresRevision", e))(nr || {}), ar = /* @__PURE__ */ ((e) => (e[e.SingleChoice = 0] = "SingleChoice", e[e.MultipleChoice = 1] = "MultipleChoice", e[e.Text = 2] = "Text", e))(ar || {}), Ke = /* @__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))(Ke || {}), ir = /* @__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))(ir || {}), or = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Country = 1] = "Country", e))(or || {}), 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 || {}), sr = /* @__PURE__ */ ((e) => (e[e.Retail = 0] = "Retail", e[e.Professional = 1] = "Professional", e[e.EligibleCounterparty = 2] = "EligibleCounterparty", e))(sr || {});
 const Je = {
   Nationality: 10,
   Address: 20,
@@ -38,7 +38,7 @@ const Je = {
   defaultLanguage: { label: "Default Language", type: "select" },
   educationLevel: { label: "Education Level", type: "text" },
   occupation: { label: "Occupation", type: "text" }
-}, st = {
+}, ot = {
   companyName: { label: "Company Name", type: "text" },
   email: { label: "Email", type: "email" },
   phone: { label: "Phone", type: "tel" },
@@ -69,7 +69,7 @@ const Je = {
   "email",
   "phonenumber",
   "dateOfBirth"
-], It = [
+], Rt = [
   { value: "EN", label: "English" },
   { value: "DE", label: "German" },
   { value: "FR", label: "French" },
@@ -138,10 +138,10 @@ class ur {
   }
 }
 class Ue extends Error {
-  constructor(n, a, i, o, c) {
+  constructor(n, a, i, s, c) {
     super(n);
     he(this, "response");
-    this.code = a, this.details = i, this.validationErrors = o, this.name = "MetaKYCError", this.response = c, Object.setPrototypeOf(this, Ue.prototype);
+    this.code = a, this.details = i, this.validationErrors = s, this.name = "MetaKYCError", this.response = c, Object.setPrototypeOf(this, Ue.prototype);
   }
 }
 class dt {
@@ -220,7 +220,7 @@ class pr {
         var i;
         const a = n.config;
         return ((i = n.response) == null ? void 0 : i.status) >= 500 && !a._retry && (a._retry = !0, a._retryCount = (a._retryCount || 0) + 1, a._retryCount < (this.config.retries || 3)) ? (await new Promise(
-          (o) => setTimeout(o, 1e3 * a._retryCount)
+          (s) => setTimeout(s, 1e3 * a._retryCount)
         ), this.axiosInstance(a)) : Promise.reject(n);
       }
     );
@@ -236,10 +236,10 @@ class pr {
    */
   async get(t, n, a) {
     try {
-      const i = this.buildEndpoint(t, n), o = await this.axiosInstance.get(i, {
+      const i = this.buildEndpoint(t, n), s = await this.axiosInstance.get(i, {
         params: a
       });
-      return this.handleResponse(o);
+      return this.handleResponse(s);
     } catch (i) {
       throw dt.handleAxiosError(i);
     }
@@ -249,8 +249,8 @@ class pr {
    */
   async post(t, n, a) {
     try {
-      const i = this.buildEndpoint(t, n), o = await this.axiosInstance.post(i, a);
-      return this.handleResponse(o);
+      const i = this.buildEndpoint(t, n), s = await this.axiosInstance.post(i, a);
+      return this.handleResponse(s);
     } catch (i) {
       throw dt.handleAxiosError(i);
     }
@@ -260,8 +260,8 @@ class pr {
    */
   async put(t, n, a) {
     try {
-      const i = this.buildEndpoint(t, n), o = await this.axiosInstance.put(i, a);
-      return this.handleResponse(o);
+      const i = this.buildEndpoint(t, n), s = await this.axiosInstance.put(i, a);
+      return this.handleResponse(s);
     } catch (i) {
       throw dt.handleAxiosError(i);
     }
@@ -271,10 +271,10 @@ class pr {
    */
   async delete(t, n, a) {
     try {
-      const i = this.buildEndpoint(t, n), o = await this.axiosInstance.delete(i, {
+      const i = this.buildEndpoint(t, n), s = await this.axiosInstance.delete(i, {
         params: a
       });
-      return this.handleResponse(o);
+      return this.handleResponse(s);
     } catch (i) {
       throw dt.handleAxiosError(i);
     }
@@ -882,7 +882,7 @@ const Le = {
     cardPadding: "2rem",
     inputHeight: "3rem"
   }
-}, Rr = {
+}, Ir = {
   name: "Minimal",
   logo: {
     url: "",
@@ -915,16 +915,16 @@ const Le = {
     cardPadding: "1.25rem",
     inputHeight: "2.25rem"
   }
-}, Ir = {
+}, Rr = {
   [Fe.Default]: Le,
   [Fe.Corporate]: wr,
   [Fe.Fintech]: Sr,
   [Fe.Healthcare]: Cr,
   [Fe.Modern]: Nr,
-  [Fe.Minimal]: Rr
+  [Fe.Minimal]: Ir
 };
 function ut(e) {
-  return Ir[e] || Le;
+  return Rr[e] || Le;
 }
 class Er {
   constructor(t) {
@@ -951,11 +951,11 @@ class Er {
       }), n.result.applicantFormVisibleFields && n.result.applicantFormVisibleFields.length > 0 && (a.applicantFormVisibleFields = n.result.applicantFormVisibleFields), n.result.applicantFormRequiredFields && n.result.applicantFormRequiredFields.length > 0 && (a.applicantFormRequiredFields = n.result.applicantFormRequiredFields), n.result.allowedLanguages && n.result.allowedLanguages.length > 0 && (a.allowedLanguages = n.result.allowedLanguages), n.result.applicantFormPages)
         try {
           const i = typeof n.result.applicantFormPages == "string" ? JSON.parse(n.result.applicantFormPages) : n.result.applicantFormPages;
-          Array.isArray(i) && i.length > 0 && (a.applicantFormPages = i.map((o) => {
-            const c = !o._v || o._v < 4;
+          Array.isArray(i) && i.length > 0 && (a.applicantFormPages = i.map((s) => {
+            const c = !s._v || s._v < 4;
             return {
-              ...o,
-              fields: (o.fields || []).map((d) => ({
+              ...s,
+              fields: (s.fields || []).map((d) => ({
                 ...d,
                 colSpan: c ? d.colSpan === 1 ? 2 : 4 : Math.min(4, Math.max(1, d.colSpan ?? 4))
               }))
@@ -972,11 +972,11 @@ class Er {
       if (n.result.reviewPageDisabled && (a.reviewPageDisabled = !0), n.result.fieldLabelMode === "placeholder" && (a.fieldLabelMode = "placeholder"), n.result.companyFormVisibleFields && n.result.companyFormVisibleFields.length > 0 && (a.companyFormVisibleFields = n.result.companyFormVisibleFields), n.result.companyFormRequiredFields && n.result.companyFormRequiredFields.length > 0 && (a.companyFormRequiredFields = n.result.companyFormRequiredFields), n.result.companyFormPages)
         try {
           const i = typeof n.result.companyFormPages == "string" ? JSON.parse(n.result.companyFormPages) : n.result.companyFormPages;
-          Array.isArray(i) && i.length > 0 && (a.companyFormPages = i.map((o) => {
-            const c = !o._v || o._v < 4;
+          Array.isArray(i) && i.length > 0 && (a.companyFormPages = i.map((s) => {
+            const c = !s._v || s._v < 4;
             return {
-              ...o,
-              fields: (o.fields || []).map((d) => ({
+              ...s,
+              fields: (s.fields || []).map((d) => ({
                 ...d,
                 colSpan: c ? d.colSpan === 1 ? 2 : 4 : Math.min(4, Math.max(1, d.colSpan ?? 4))
               }))
@@ -1056,8 +1056,8 @@ class Fr {
     a && a.forEach((i) => {
       try {
         i(n);
-      } catch (o) {
-        console.error(`Error in event listener for "${t}":`, o);
+      } catch (s) {
+        console.error(`Error in event listener for "${t}":`, s);
       }
     });
   }
@@ -1256,10 +1256,10 @@ class Tr {
   }
 }
 class Pr {
-  constructor(t, n, a, i, o, c, d, y) {
+  constructor(t, n, a, i, s, c, d, y) {
     he(this, "state");
     he(this, "stepRouter");
-    this.applicantService = t, this.questionnaireService = n, this.uploadDocumentService = a, this.appropriatenessTestService = i, this.overviewService = o, this.riskScoringService = c, this.investorCategorizationService = y, this.state = new Ar(), this.stepRouter = new Tr(), this.registerStepHandlers();
+    this.applicantService = t, this.questionnaireService = n, this.uploadDocumentService = a, this.appropriatenessTestService = i, this.overviewService = s, this.riskScoringService = c, this.investorCategorizationService = y, this.state = new Ar(), this.stepRouter = new Tr(), this.registerStepHandlers();
   }
   /**
    * Register all step handlers
@@ -1425,7 +1425,7 @@ function We(e, t) {
   }
 }
 function Dr() {
-  const e = We("--metakyc-primary", "#2563eb"), t = We("--metakyc-primary-hover", "#1d4ed8"), n = We("--metakyc-background", "#ffffff"), a = We("--metakyc-surface", "#f9fafb"), i = We("--metakyc-text-primary", "#111827"), o = We("--metakyc-text-secondary", "#6b7280"), c = We("--metakyc-text-muted", "#9ca3af"), d = We("--metakyc-border", "#e5e7eb");
+  const e = We("--metakyc-primary", "#2563eb"), t = We("--metakyc-primary-hover", "#1d4ed8"), n = We("--metakyc-background", "#ffffff"), a = We("--metakyc-surface", "#f9fafb"), i = We("--metakyc-text-primary", "#111827"), s = We("--metakyc-text-secondary", "#6b7280"), c = We("--metakyc-text-muted", "#9ca3af"), d = We("--metakyc-border", "#e5e7eb");
   return `
 body, html { font-family: ${We(
     "--metakyc-font-family",
@@ -1433,7 +1433,7 @@ body, html { font-family: ${We(
   )} !important; background-color: ${n} !important; }
 p, span, label, div { color: ${i}; }
 h1, h2, h3, h4 { color: ${i}; }
-.step-desc { color: ${o}; }
+.step-desc { color: ${s}; }
 section.content { background-color: ${a}; color: ${i}; padding: 32px 32px 16px; box-shadow: none; border-radius: 10px; border: 1px solid ${d}; }
 input { color: ${i}; font-weight: 500; outline: none; background-color: ${n}; border: 1px solid ${d}; border-radius: 6px; }
 input:focus { border-color: ${e}; box-shadow: 0 0 0 2px ${e}33; }
@@ -1445,7 +1445,7 @@ button.back:hover { background-color: ${a}; }
 .round-icon { background-color: ${e} !important; background-image: none !important; }
 .upload-item, .document-status { border-color: ${d} !important; }
 select { background-color: ${n}; color: ${i}; border: 1px solid ${d}; border-radius: 6px; }
-.description { color: ${o}; }
+.description { color: ${s}; }
 .subtitle { color: ${c}; }
 a { color: ${e}; }
 a:hover { color: ${t}; }
@@ -1481,14 +1481,14 @@ class Mr {
     }).on("idCheck.onStepCompleted", (i) => {
       console.log("[Sumsub] Step completed:", i);
     }).on("idCheck.applicantStatus", (i) => {
-      var o, c;
-      console.log("[Sumsub] Applicant status:", i), ((i == null ? void 0 : i.reviewStatus) === "completed" || ((o = i == null ? void 0 : i.reviewResult) == null ? void 0 : o.reviewAnswer) === "GREEN") && ((c = this.completeCallback) == null || c.call(this, i));
+      var s, c;
+      console.log("[Sumsub] Applicant status:", i), ((i == null ? void 0 : i.reviewStatus) === "completed" || ((s = i == null ? void 0 : i.reviewResult) == null ? void 0 : s.reviewAnswer) === "GREEN") && ((c = this.completeCallback) == null || c.call(this, i));
     }).on("idCheck.onError", (i) => {
-      var o;
-      console.error("[Sumsub] Error:", i), (o = this.errorCallback) == null || o.call(this, i);
-    }).onMessage((i, o) => {
+      var s;
+      console.error("[Sumsub] Error:", i), (s = this.errorCallback) == null || s.call(this, i);
+    }).onMessage((i, s) => {
       var c;
-      console.log("[Sumsub] Message:", i, o), i === "idCheck.onApplicantSubmitted" && ((c = this.completeCallback) == null || c.call(this, o));
+      console.log("[Sumsub] Message:", i, s), i === "idCheck.onApplicantSubmitted" && ((c = this.completeCallback) == null || c.call(this, s));
     });
     this.sdk = a.build(), this.sdk.launch(`#${t}`);
   }
@@ -1623,8 +1623,8 @@ class zr {
       }, i.onerror = () => {
         n(new Error("Failed to load SardinAI SDK"));
       };
-      const o = document.getElementsByTagName("script")[0];
-      o && o.parentNode ? o.parentNode.insertBefore(i, o) : document.head.appendChild(i);
+      const s = document.getElementsByTagName("script")[0];
+      s && s.parentNode ? s.parentNode.insertBefore(i, s) : document.head.appendChild(i);
     });
   }
   /**
@@ -1634,7 +1634,7 @@ class zr {
     try {
       if (await this.loadSDK(), !window._Sardine)
         throw new Error("SardinAI SDK not available after loading");
-      const t = this.getSardineHost(), { clientId: n, environment: a, flow: i, enableBiometrics: o, enablePortScanning: c } = this.config;
+      const t = this.getSardineHost(), { clientId: n, environment: a, flow: i, enableBiometrics: s, enablePortScanning: c } = this.config;
       this.sardineContext = window._Sardine.createContext({
         clientId: n,
         sessionKey: this.sessionKey,
@@ -1643,7 +1643,7 @@ class zr {
         flow: i || window.location.pathname,
         environment: a || "production",
         parentElement: document.body,
-        enableBiometrics: o !== !1,
+        enableBiometrics: s !== !1,
         // Default true
         enablePortScanning: c === !0,
         // Default false
@@ -1677,8 +1677,8 @@ class zr {
    * Add noscript fallback for cases where JS is disabled
    */
   addNoScriptFallback(t) {
-    const n = document.createElement("noscript"), a = document.createElement("img"), { clientId: i, flow: o } = this.config;
-    a.src = `https://${t}/v1/a.png?clientId=${i}&sessionKey=${this.sessionKey}&flow=${o || "kyc"}&ns=1`, a.style.display = "none", n.appendChild(a), document.body.appendChild(n);
+    const n = document.createElement("noscript"), a = document.createElement("img"), { clientId: i, flow: s } = this.config;
+    a.src = `https://${t}/v1/a.png?clientId=${i}&sessionKey=${this.sessionKey}&flow=${s || "kyc"}&ns=1`, a.style.display = "none", n.appendChild(a), document.body.appendChild(n);
   }
   /**
    * Update configuration (e.g., set userIdHash after login)
@@ -1738,7 +1738,7 @@ class Ge {
    * Get provider configuration from API token object
    */
   static parseProviderConfig(t, n, a) {
-    var i, o;
+    var i, s;
     switch (t) {
       case Oe.Sumsub:
         const c = ((i = a == null ? void 0 : a.identityProviders) == null ? void 0 : i.sumsub) || {};
@@ -1758,7 +1758,7 @@ class Ge {
           token: n.token || n.sdkToken
         };
       case Oe.SardinAI:
-        const d = ((o = a == null ? void 0 : a.identityProviders) == null ? void 0 : o.sardinai) || {};
+        const d = ((s = a == null ? void 0 : a.identityProviders) == null ? void 0 : s.sardinai) || {};
         return {
           clientId: d.clientId || n.clientId,
           sessionKey: d.sessionKey || n.sessionKey,
@@ -1851,8 +1851,8 @@ class Br {
       "input-border-focus": t.inputBorderFocus || t.primary,
       "input-placeholder": t.inputPlaceholder || t.textMuted
     };
-    Object.entries(n).forEach(([i, o]) => {
-      o && this.container.style.setProperty(`--metakyc-${i}`, o);
+    Object.entries(n).forEach(([i, s]) => {
+      s && this.container.style.setProperty(`--metakyc-${i}`, s);
     }), this.injectInputColors(), (a = this.currentTheme.darkMode) != null && a.colors && this.applyDarkModeColors(this.currentTheme.darkMode.colors);
   }
   /**
@@ -1956,12 +1956,12 @@ class Br {
   }
 }
 const Ot = Vt(null), Kn = ({ config: e, children: t }) => {
-  const [n, a] = k(null), i = we.useRef(!1), o = we.useRef(!1), c = De(() => {
-    const y = new pr(e), p = new mr(y), x = new yr(y), P = new hr(y), v = new fr(y), A = new gr(y), T = new br(y), w = new xr(y), N = new vr(y), z = new kr(y), Q = new Er(y), M = new Br();
+  const [n, a] = k(null), i = we.useRef(!1), s = we.useRef(!1), c = De(() => {
+    const y = new pr(e), p = new mr(y), b = new yr(y), P = new hr(y), v = new fr(y), A = new gr(y), T = new br(y), w = new xr(y), N = new vr(y), z = new kr(y), Q = new Er(y), M = new Br();
     return {
       httpClient: y,
       applicantService: p,
-      questionnaireService: x,
+      questionnaireService: b,
       uploadDocumentService: P,
       appropriatenessTestService: v,
       overviewService: A,
@@ -1988,21 +1988,21 @@ const Ot = Vt(null), Kn = ({ config: e, children: t }) => {
     )
   }), [e, c, n]);
   return ge(() => ((async () => {
-    if (i.current || o.current) {
+    if (i.current || s.current) {
       console.log("[MetaKYC] Theme already loading or loaded, skipping...");
       return;
     }
     i.current = !0;
     try {
       if (e.theme) {
-        console.log("[MetaKYC] Applying static theme from config"), c.themeManager.applyTheme(e.theme), a(c.themeManager.getCurrentTheme()), o.current = !0;
+        console.log("[MetaKYC] Applying static theme from config"), c.themeManager.applyTheme(e.theme), a(c.themeManager.getCurrentTheme()), s.current = !0;
         return;
       }
       console.log("[MetaKYC] Fetching theme from backend...");
       const p = await c.themeService.getThemeConfiguration();
-      c.themeManager.applyTheme(p), a(c.themeManager.getCurrentTheme()), o.current = !0, console.log("[MetaKYC] Theme loaded and applied", p);
+      c.themeManager.applyTheme(p), a(c.themeManager.getCurrentTheme()), s.current = !0, console.log("[MetaKYC] Theme loaded and applied", p);
     } catch (p) {
-      console.warn("[MetaKYC] Failed to load theme, using default:", p), a(c.themeManager.getCurrentTheme()), o.current = !0;
+      console.warn("[MetaKYC] Failed to load theme, using default:", p), a(c.themeManager.getCurrentTheme()), s.current = !0;
     } finally {
       i.current = !1;
     }
@@ -2020,8 +2020,8 @@ async function _r(e) {
   return new Promise((t, n) => {
     const a = new FileReader();
     a.readAsDataURL(e), a.onload = () => {
-      const o = a.result.split(",")[1];
-      t(o);
+      const s = a.result.split(",")[1];
+      t(s);
     }, a.onerror = (i) => n(i);
   });
 }
@@ -2100,7 +2100,7 @@ function Gn() {
   Wr(), Kr();
 }
 function qr(e) {
-  const { createOrchestrator: t } = Te(), [n, a] = k(null), [i, o] = k(!1), [c, d] = k(null), y = de(null), p = e || Hr();
+  const { createOrchestrator: t } = Te(), [n, a] = k(null), [i, s] = k(!1), [c, d] = k(null), y = de(null), p = e || Hr();
   ge(() => {
     y.current || (y.current = t());
   }, [t]), ge(() => {
@@ -2114,20 +2114,20 @@ function qr(e) {
       nextWorkflowKey: n.nextWorkflowKey
     }));
   }, [n, p]);
-  const x = de(!1), P = de(!1), v = ae(async () => {
+  const b = de(!1), P = de(!1), v = ae(async () => {
     if (!(!p || !y.current)) {
-      if (x.current) {
+      if (b.current) {
         console.log("[Workflow] Load already in progress, skipping...");
         return;
       }
-      x.current = !0, o(!0), d(null);
+      b.current = !0, s(!0), d(null);
       try {
         const M = await y.current.initialize(p);
         a(M), P.current = !0;
       } catch (M) {
         d(M);
       } finally {
-        o(!1), x.current = !1;
+        s(!1), b.current = !1;
       }
     }
   }, [p]);
@@ -2136,47 +2136,47 @@ function qr(e) {
   }, [p, v]);
   const A = ae(async () => {
     if (y.current) {
-      if (x.current) {
+      if (b.current) {
         console.log("[Workflow] Refresh already in progress, skipping...");
         return;
       }
-      x.current = !0, o(!0), d(null);
+      b.current = !0, s(!0), d(null);
       try {
         const M = await y.current.refreshProgress();
         a(M);
       } catch (M) {
         d(M);
       } finally {
-        o(!1), x.current = !1;
+        s(!1), b.current = !1;
       }
     }
   }, []), T = ae(async () => {
     if (y.current) {
-      o(!0), d(null);
+      s(!0), d(null);
       try {
         const M = await y.current.moveToNextStep();
         a(M);
       } catch (M) {
         d(M);
       } finally {
-        o(!1);
+        s(!1);
       }
     }
   }, []), w = ae(async () => {
     if (y.current) {
-      o(!0), d(null);
+      s(!0), d(null);
       try {
         const M = await y.current.moveToPreviousStep();
         a(M);
       } catch (M) {
         d(M);
       } finally {
-        o(!1);
+        s(!1);
       }
     }
   }, []), N = ae(async (M) => {
     if (y.current) {
-      o(!0), d(null);
+      s(!0), d(null);
       try {
         await y.current.submitCurrentStep(M);
         const j = await y.current.refreshProgress();
@@ -2184,10 +2184,10 @@ function qr(e) {
       } catch (j) {
         throw d(j), j;
       } finally {
-        o(!1);
+        s(!1);
       }
     }
-  }, []), z = Rt.useMemo(() => n != null && n.stepInfoList ? [...n.stepInfoList].sort((M, j) => M.order - j.order) : [], [n == null ? void 0 : n.stepInfoList]), Q = Rt.useMemo(() => n ? n.nextWorkflowKey && n.nextWorkflowKey !== n.workFlowKey : !1, [n]);
+  }, []), z = It.useMemo(() => n != null && n.stepInfoList ? [...n.stepInfoList].sort((M, j) => M.order - j.order) : [], [n == null ? void 0 : n.stepInfoList]), Q = It.useMemo(() => n ? n.nextWorkflowKey && n.nextWorkflowKey !== n.workFlowKey : !1, [n]);
   return {
     progress: n,
     applicantId: p,
@@ -2210,7 +2210,7 @@ function qr(e) {
   };
 }
 function Vr(e) {
-  const { questionnaireService: t, applicantService: n } = Te(), [a, i] = k(null), [o, c] = k({}), [d, y] = k(!1), [p, x] = k(!1), [P, v] = k(null), A = de(!1), T = de(null), w = ae(async () => {
+  const { questionnaireService: t, applicantService: n } = Te(), [a, i] = k(null), [s, c] = k({}), [d, y] = k(!1), [p, b] = k(!1), [P, v] = k(null), A = de(!1), T = de(null), w = ae(async () => {
     var z, Q;
     if (e) {
       if (A.current) {
@@ -2247,20 +2247,20 @@ function Vr(e) {
   }, [e]);
   const N = ae(
     async (z) => {
-      x(!0), v(null);
+      b(!0), v(null);
       try {
         return await t.fillQuestionnaire(z);
       } catch (Q) {
         throw v(Q), Q;
       } finally {
-        x(!1);
+        b(!1);
       }
     },
     [t]
   );
   return {
     questionnaire: a,
-    initialAnswers: o,
+    initialAnswers: s,
     isLoading: d,
     isSubmitting: p,
     error: P,
@@ -2269,20 +2269,20 @@ function Vr(e) {
   };
 }
 function Yr(e) {
-  const { uploadDocumentService: t } = Te(), [n, a] = k(null), [i, o] = k(!1), [c, d] = k(!1), [y, p] = k(0), [x, P] = k(null), v = de(!1), A = de(null), T = ae(async () => {
+  const { uploadDocumentService: t } = Te(), [n, a] = k(null), [i, s] = k(!1), [c, d] = k(!1), [y, p] = k(0), [b, P] = k(null), v = de(!1), A = de(null), T = ae(async () => {
     if (e) {
       if (v.current) {
         console.log("[UploadDocument] Load already in progress, skipping...");
         return;
       }
-      v.current = !0, o(!0), P(null);
+      v.current = !0, s(!0), P(null);
       try {
         const N = await t.getUploadDocument(e);
         a(N), A.current = e;
       } catch (N) {
         P(N);
       } finally {
-        o(!1), v.current = !1;
+        s(!1), v.current = !1;
       }
     }
   }, [e, t]);
@@ -2307,26 +2307,26 @@ function Yr(e) {
     isLoading: i,
     isSubmitting: c,
     uploadProgress: y,
-    error: x,
+    error: b,
     load: T,
     submit: w
   };
 }
 function Jn(e) {
-  const { appropriatenessTestService: t } = Te(), [n, a] = k(null), [i, o] = k(!1), [c, d] = k(!1), [y, p] = k(null), [x, P] = k(null), v = de(!1), A = de(null), T = ae(async () => {
+  const { appropriatenessTestService: t } = Te(), [n, a] = k(null), [i, s] = k(!1), [c, d] = k(!1), [y, p] = k(null), [b, P] = k(null), v = de(!1), A = de(null), T = ae(async () => {
     if (e) {
       if (v.current) {
         console.log("[AppropriatenessTest] Load already in progress, skipping...");
         return;
       }
-      v.current = !0, o(!0), p(null);
+      v.current = !0, s(!0), p(null);
       try {
         const N = await t.getAppropriatenessTest(e);
         a(N), A.current = e;
       } catch (N) {
         p(N);
       } finally {
-        o(!1), v.current = !1;
+        s(!1), v.current = !1;
       }
     }
   }, [e, t]);
@@ -2349,7 +2349,7 @@ function Jn(e) {
   );
   return {
     test: n,
-    result: x,
+    result: b,
     isLoading: i,
     isSubmitting: c,
     error: y,
@@ -2358,20 +2358,20 @@ function Jn(e) {
   };
 }
 function Qr(e) {
-  const { overviewService: t } = Te(), [n, a] = k(null), [i, o] = k(!1), [c, d] = k(!1), [y, p] = k(null), x = de(!1), P = de(null), v = ae(async () => {
+  const { overviewService: t } = Te(), [n, a] = k(null), [i, s] = k(!1), [c, d] = k(!1), [y, p] = k(null), b = de(!1), P = de(null), v = ae(async () => {
     if (e) {
-      if (x.current) {
+      if (b.current) {
         console.log("[Overview] Load already in progress, skipping...");
         return;
       }
-      x.current = !0, o(!0), p(null);
+      b.current = !0, s(!0), p(null);
       try {
         const T = await t.getOverviewData(e);
         a(T), P.current = e;
       } catch (T) {
         p(T);
       } finally {
-        o(!1), x.current = !1;
+        s(!1), b.current = !1;
       }
     }
   }, [e, t]);
@@ -2402,14 +2402,14 @@ function Qr(e) {
 function Gr(e) {
   const { identityService: t } = Te(), [n, a] = k(
     null
-  ), [i, o] = k(!1), [c, d] = k(null), y = de(!1), p = ae(
+  ), [i, s] = k(!1), [c, d] = k(null), y = de(!1), p = ae(
     async (v, A) => {
       if (e) {
         if (y.current) {
           console.log("[Identity] Request already in progress, skipping...");
           return;
         }
-        y.current = !0, o(!0), d(null);
+        y.current = !0, s(!0), d(null);
         try {
           const T = {
             applicantId: e,
@@ -2424,15 +2424,15 @@ function Gr(e) {
         } catch (T) {
           throw d(T), T;
         } finally {
-          o(!1), y.current = !1;
+          s(!1), y.current = !1;
         }
       }
     },
     [e, t]
-  ), x = ae(
+  ), b = ae(
     async (v, A) => {
       if (e) {
-        o(!0), d(null);
+        s(!0), d(null);
         try {
           const T = {
             applicantId: e,
@@ -2444,7 +2444,7 @@ function Gr(e) {
         } catch (T) {
           throw d(T), T;
         } finally {
-          o(!1);
+          s(!1);
         }
       }
     },
@@ -2455,7 +2455,7 @@ function Gr(e) {
         console.log("[Identity] Restart already in progress, skipping...");
         return;
       }
-      y.current = !0, o(!0), d(null);
+      y.current = !0, s(!0), d(null);
       try {
         const v = {
           applicantId: e,
@@ -2470,7 +2470,7 @@ function Gr(e) {
       } catch (v) {
         throw d(v), v;
       } finally {
-        o(!1), y.current = !1;
+        s(!1), y.current = !1;
       }
     }
   }, [e, t]);
@@ -2481,12 +2481,12 @@ function Gr(e) {
     isLoading: i,
     error: c,
     requestIdentity: p,
-    requestCompanyIdentity: x,
+    requestCompanyIdentity: b,
     restartIdentity: P
   };
 }
 function Jr(e) {
-  const { riskScoringService: t, applicantService: n } = Te(), [a, i] = k(null), [o, c] = k({}), [d, y] = k(!1), [p, x] = k(!1), [P, v] = k(null), [A, T] = k(null), w = de(!1), N = de(null), z = ae(async () => {
+  const { riskScoringService: t, applicantService: n } = Te(), [a, i] = k(null), [s, c] = k({}), [d, y] = k(!1), [p, b] = k(!1), [P, v] = k(null), [A, T] = k(null), w = de(!1), N = de(null), z = ae(async () => {
     var M;
     if (e) {
       if (w.current) {
@@ -2523,21 +2523,21 @@ function Jr(e) {
   }, [e]);
   const Q = ae(
     async (M) => {
-      x(!0), v(null);
+      b(!0), v(null);
       try {
         const j = await t.submitRiskScoring(M);
         return T(j), j;
       } catch (j) {
         throw v(j), j;
       } finally {
-        x(!1);
+        b(!1);
       }
     },
     [t]
   );
   return {
     criteria: a,
-    initialAnswers: o,
+    initialAnswers: s,
     result: A,
     isLoading: d,
     isSubmitting: p,
@@ -2547,7 +2547,7 @@ function Jr(e) {
   };
 }
 function zt() {
-  const { applicantService: e, config: t } = Te(), [n, a] = k(!1), [i, o] = k(null), c = de(!1), d = de(!1), y = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(A) {
+  const { applicantService: e, config: t } = Te(), [n, a] = k(!1), [i, s] = k(null), c = de(!1), d = de(!1), y = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(A) {
     const T = Math.random() * 16 | 0;
     return (A === "x" ? T : T & 3 | 8).toString(16);
   }), p = ae(
@@ -2555,7 +2555,7 @@ function zt() {
       var T;
       if (c.current)
         throw console.log("[Applicant] Create already in progress, skipping..."), new Error("Creation already in progress");
-      c.current = !0, a(!0), o(null);
+      c.current = !0, a(!0), s(null);
       try {
         if (A.applicantAdditionalDatas || (A.applicantAdditionalDatas = []), (T = t.identityProviders) != null && T.sardinai) {
           const N = y();
@@ -2566,19 +2566,19 @@ function zt() {
         }
         return await e.createApplicant(A);
       } catch (w) {
-        throw o(w), w;
+        throw s(w), w;
       } finally {
         a(!1), c.current = !1;
       }
     },
     [e, t]
-  ), x = ae(
+  ), b = ae(
     async (A) => {
-      a(!0), o(null);
+      a(!0), s(null);
       try {
         return await e.createCompanyApplicant(A);
       } catch (T) {
-        throw o(T), T;
+        throw s(T), T;
       } finally {
         a(!1);
       }
@@ -2588,11 +2588,11 @@ function zt() {
     async (A) => {
       if (d.current)
         throw console.log("[Applicant] Data load already in progress, skipping..."), new Error("Data load already in progress");
-      d.current = !0, a(!0), o(null);
+      d.current = !0, a(!0), s(null);
       try {
         return await e.getApplicantData(A);
       } catch (T) {
-        throw o(T), T;
+        throw s(T), T;
       } finally {
         a(!1), d.current = !1;
       }
@@ -2600,11 +2600,11 @@ function zt() {
     [e]
   ), v = ae(
     async (A) => {
-      a(!0), o(null);
+      a(!0), s(null);
       try {
         await e.stopProgress(A);
       } catch (T) {
-        throw o(T), T;
+        throw s(T), T;
       } finally {
         a(!1);
       }
@@ -2615,7 +2615,7 @@ function zt() {
     isLoading: n,
     error: i,
     createApplicant: p,
-    createCompanyApplicant: x,
+    createCompanyApplicant: b,
     getApplicantData: P,
     stopProgress: v
   };
@@ -2652,57 +2652,78 @@ const Zr = {
   size: n = "md",
   isLoading: a = !1,
   disabled: i,
-  className: o,
+  className: s,
   style: c,
   ...d
-}) => /* @__PURE__ */ s(
-  "button",
-  {
-    className: Ae("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: { ...Zr[t], ...c },
-    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 = yt(
-  ({ label: e, error: t, helperText: n, leftIcon: a, rightIcon: i, className: o, style: c, ...d }, y) => /* @__PURE__ */ s("div", { className: "w-full", children: [
-    e && /* @__PURE__ */ s(
+}) => {
+  const y = "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", p = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-sm",
+    lg: "px-6 py-3 text-base"
+  }, b = {
+    sm: { padding: "0.375rem 0.75rem", fontSize: "0.875rem" },
+    md: { padding: "0.5rem 1rem", fontSize: "0.875rem" },
+    lg: { padding: "0.75rem 1.5rem", fontSize: "1rem" }
+  };
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      className: Ae(y, p[n], s),
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: "0.5rem",
+        fontWeight: 500,
+        borderWidth: "1px",
+        borderStyle: "solid",
+        cursor: i || a ? "not-allowed" : "pointer",
+        opacity: i || a ? 0.5 : 1,
+        lineHeight: "1.25rem",
+        ...b[n],
+        ...Zr[t],
+        ...c
+      },
+      disabled: i || a,
+      ...d,
+      children: [
+        a && /* @__PURE__ */ o(
+          "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 = yt(
+  ({ label: e, error: t, helperText: n, leftIcon: a, rightIcon: i, className: s, style: c, ...d }, y) => /* @__PURE__ */ o("div", { className: "w-full", children: [
+    e && /* @__PURE__ */ o(
       "label",
       {
         className: "block text-sm font-medium mb-1",
@@ -2713,7 +2734,7 @@ const Zr = {
         ]
       }
     ),
-    /* @__PURE__ */ s("div", { className: "relative", children: [
+    /* @__PURE__ */ o("div", { className: "relative", children: [
       a && /* @__PURE__ */ r("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: a }),
       /* @__PURE__ */ r(
         "input",
@@ -2725,7 +2746,7 @@ const Zr = {
             "disabled:opacity-60 disabled:cursor-not-allowed",
             a ? "pl-10" : "",
             i ? "pr-10" : "",
-            o
+            s
           ),
           style: {
             minHeight: "38px",
@@ -2745,38 +2766,56 @@ const Zr = {
   ] })
 );
 xe.displayName = "Input";
-const re = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
+const re = ({ children: e, className: t, style: n, ...a }) => /* @__PURE__ */ r(
   "div",
   {
-    className: Ae(
-      "metakyc-card rounded-xl shadow-sm border",
-      t
-    ),
+    className: Ae("metakyc-card rounded-xl shadow-sm border", t),
     style: {
       backgroundColor: "var(--metakyc-surface, #ffffff)",
-      borderColor: "var(--metakyc-border, #e5e7eb)"
+      borderColor: "var(--metakyc-border, #e5e7eb)",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderRadius: "0.75rem",
+      overflow: "hidden",
+      ...n
     },
-    ...n,
+    ...a,
     children: e
   }
-), Se = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
+), Se = ({ children: e, className: t, style: n, ...a }) => /* @__PURE__ */ r(
   "div",
   {
     className: Ae("px-6 py-4 border-b", t),
     style: {
-      borderColor: "var(--metakyc-border, #e5e7eb)"
+      padding: "1rem 1.5rem",
+      borderBottomWidth: "1px",
+      borderBottomStyle: "solid",
+      borderBottomColor: "var(--metakyc-border, #e5e7eb)",
+      ...n
     },
-    ...n,
+    ...a,
+    children: e
+  }
+), ne = ({ children: e, className: t, style: n, ...a }) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: Ae("px-6 py-4", t),
+    style: { padding: "1rem 1.5rem", ...n },
+    ...a,
     children: e
   }
-), ne = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r("div", { className: Ae("px-6 py-4", t), ...n, children: e }), Ce = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
+), Ce = ({ children: e, className: t, style: n, ...a }) => /* @__PURE__ */ r(
   "div",
   {
     className: Ae("px-6 py-4 border-t", t),
     style: {
-      borderColor: "var(--metakyc-border, #e5e7eb)"
+      padding: "1rem 1.5rem",
+      borderTopWidth: "1px",
+      borderTopStyle: "solid",
+      borderTopColor: "var(--metakyc-border, #e5e7eb)",
+      ...n
     },
-    ...n,
+    ...a,
     children: e
   }
 ), Xr = {
@@ -2819,7 +2858,7 @@ const re = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
     md: "h-8 w-8",
     lg: "h-12 w-12"
   };
-  return /* @__PURE__ */ r("div", { className: Ae("flex items-center justify-center", t), ...n, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ r("div", { className: Ae("flex items-center justify-center", t), ...n, children: /* @__PURE__ */ o(
     "svg",
     {
       className: Ae("animate-spin text-primary-500", a[e]),
@@ -2850,8 +2889,8 @@ const re = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
     }
   ) });
 }, Ct = yt(
-  ({ label: e, error: t, helperText: n, options: a, placeholder: i, className: o, style: c, ...d }, y) => /* @__PURE__ */ s("div", { className: "w-full", children: [
-    e && /* @__PURE__ */ s(
+  ({ label: e, error: t, helperText: n, options: a, placeholder: i, className: s, style: c, ...d }, y) => /* @__PURE__ */ o("div", { className: "w-full", children: [
+    e && /* @__PURE__ */ o(
       "label",
       {
         className: "block text-sm font-medium mb-1",
@@ -2862,7 +2901,7 @@ const re = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
         ]
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ o(
       "select",
       {
         ref: y,
@@ -2871,7 +2910,7 @@ const re = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
           "focus:outline-none focus:ring-2 focus:ring-offset-0",
           "disabled:opacity-60 disabled:cursor-not-allowed",
           t ? "border-danger-500" : "",
-          o
+          s
         ),
         style: {
           minHeight: "38px",
@@ -2895,7 +2934,7 @@ const re = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
             },
             "__placeholder__"
           ),
-          a.map((p, x) => /* @__PURE__ */ r(
+          a.map((p, b) => /* @__PURE__ */ r(
             "option",
             {
               value: p.value,
@@ -2906,7 +2945,7 @@ const re = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
               },
               children: p.label
             },
-            p.value || `option-${x}`
+            p.value || `option-${b}`
           ))
         ]
       }
@@ -2922,11 +2961,11 @@ const Et = 280, en = ({
   onChange: n,
   options: a,
   placeholder: i = "Select...",
-  disabled: o = !1,
+  disabled: s = !1,
   readOnly: c = !1,
   required: d = !1
 }) => {
-  const y = o || c, [p, x] = k(!1), [P, v] = k(""), [A, T] = k(null), [w, N] = k({
+  const y = s || c, [p, b] = k(!1), [P, v] = k(""), [A, T] = k(null), [w, N] = k({
     bg: "#ffffff",
     borderColor: "#d1d5db",
     textPrimary: "#111827",
@@ -2953,9 +2992,9 @@ const Et = 280, en = ({
     if (y) return;
     K();
     const F = j();
-    F && T(F), x(!0);
+    F && T(F), b(!0);
   }, [y, j, K]), E = ae(() => {
-    x(!1), v("");
+    b(!1), v("");
   }, []);
   ge(() => {
     if (!p) return;
@@ -2984,7 +3023,7 @@ const Et = 280, en = ({
   }, G = (F) => {
     var U;
     return ((U = a.find((B) => B.value === F)) == null ? void 0 : U.label) || F;
-  }, { bg: _, borderColor: J, textPrimary: se, textSecondary: Y, primaryColor: ve, primaryLight: ue, hoverBg: me } = w, ke = p && A && /* @__PURE__ */ s(
+  }, { bg: _, borderColor: J, textPrimary: ie, textSecondary: Y, primaryColor: ve, primaryLight: pe, hoverBg: me } = w, ke = p && A && /* @__PURE__ */ o(
     "div",
     {
       ref: M,
@@ -3021,22 +3060,22 @@ const Et = 280, en = ({
               borderRadius: "6px",
               border: `1px solid ${J}`,
               backgroundColor: _,
-              color: se,
+              color: ie,
               outline: "none",
               boxSizing: "border-box"
             },
             onFocus: (F) => {
               const U = getComputedStyle(document.documentElement), B = U.getPropertyValue("--metakyc-input-border-focus").trim() || U.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
-              F.currentTarget.style.backgroundColor = _, F.currentTarget.style.color = se, F.currentTarget.style.borderColor = B, F.currentTarget.style.outline = "none", F.currentTarget.style.boxShadow = `0 0 0 2px ${B}33`;
+              F.currentTarget.style.backgroundColor = _, F.currentTarget.style.color = ie, F.currentTarget.style.borderColor = B, F.currentTarget.style.outline = "none", F.currentTarget.style.boxShadow = `0 0 0 2px ${B}33`;
             },
             onBlur: (F) => {
-              F.currentTarget.style.backgroundColor = _, F.currentTarget.style.color = se, F.currentTarget.style.borderColor = J, F.currentTarget.style.outline = "none", F.currentTarget.style.boxShadow = "none";
+              F.currentTarget.style.backgroundColor = _, F.currentTarget.style.color = ie, F.currentTarget.style.borderColor = J, F.currentTarget.style.outline = "none", F.currentTarget.style.boxShadow = "none";
             }
           }
         ) }),
         /* @__PURE__ */ r("ul", { style: { listStyle: "none", margin: 0, padding: "4px 0", maxHeight: "192px", overflowY: "auto" }, children: g.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: Y }, children: "No results" }) : g.map((F) => {
           const U = t.includes(F.value);
-          return /* @__PURE__ */ s(
+          return /* @__PURE__ */ o(
             "li",
             {
               onClick: () => $(F.value),
@@ -3048,8 +3087,8 @@ const Et = 280, en = ({
                 padding: "8px 12px",
                 fontSize: "13px",
                 cursor: "pointer",
-                backgroundColor: U ? ue : "transparent",
-                color: U ? ve : se,
+                backgroundColor: U ? pe : "transparent",
+                color: U ? ve : ie,
                 userSelect: "none"
               },
               onMouseEnter: (B) => {
@@ -3074,7 +3113,7 @@ const Et = 280, en = ({
             F.value
           );
         }) }),
-        t.length > 0 && /* @__PURE__ */ r("div", { style: { padding: "6px 12px", borderTop: `1px solid ${J}` }, children: /* @__PURE__ */ s(
+        t.length > 0 && /* @__PURE__ */ r("div", { style: { padding: "6px 12px", borderTop: `1px solid ${J}` }, children: /* @__PURE__ */ o(
           "button",
           {
             type: "button",
@@ -3092,8 +3131,8 @@ const Et = 280, en = ({
       ]
     }
   );
-  return /* @__PURE__ */ s("div", { className: "w-full metakyc-multiselect", ref: z, children: [
-    e && /* @__PURE__ */ s(
+  return /* @__PURE__ */ o("div", { className: "w-full metakyc-multiselect", ref: z, children: [
+    e && /* @__PURE__ */ o(
       "label",
       {
         className: "block text-sm font-medium mb-1",
@@ -3104,7 +3143,7 @@ const Et = 280, en = ({
         ]
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ o(
       "div",
       {
         ref: Q,
@@ -3129,7 +3168,7 @@ const Et = 280, en = ({
               style: { color: "var(--metakyc-text-secondary, #9ca3af)" },
               children: i
             }
-          ) : /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1 pr-6", children: t.map((F) => /* @__PURE__ */ s(
+          ) : /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1 pr-6", children: t.map((F) => /* @__PURE__ */ o(
             "span",
             {
               className: "metakyc-multiselect-chip inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium",
@@ -3190,12 +3229,12 @@ const Et = 280, en = ({
   helperText: n,
   options: a,
   placeholder: i = "Select...",
-  value: o,
+  value: s,
   onChange: c,
   disabled: d = !1,
   readOnly: y = !1,
   required: p = !1,
-  className: x
+  className: b
 }) => {
   var fe;
   const P = d || y, [v, A] = k(!1), [T, w] = k(""), [N, z] = k(null), [Q, M] = k({
@@ -3207,7 +3246,7 @@ const Et = 280, en = ({
     primaryLight: "#eff6ff",
     hoverBg: "#f9fafb"
   }), j = ae(() => {
-    const I = getComputedStyle(document.documentElement), te = (oe, Ne) => I.getPropertyValue(oe).trim() || Ne, ye = te("--metakyc-input-bg", te("--metakyc-background", "#ffffff"));
+    const R = getComputedStyle(document.documentElement), te = (oe, Ne) => R.getPropertyValue(oe).trim() || Ne, ye = te("--metakyc-input-bg", te("--metakyc-background", "#ffffff"));
     M({
       bg: ye,
       border: te("--metakyc-input-border", te("--metakyc-border", "#d1d5db")),
@@ -3219,49 +3258,49 @@ const Et = 280, en = ({
     });
   }, []), K = de(null), ee = de(null), E = de(null), g = de(null), $ = ae(() => {
     if (!ee.current) return null;
-    const I = ee.current.getBoundingClientRect(), ye = window.innerHeight - I.bottom < Ft && I.top > Ft;
+    const R = ee.current.getBoundingClientRect(), ye = window.innerHeight - R.bottom < Ft && R.top > Ft;
     return {
-      top: ye ? I.top : I.bottom + 4,
-      left: I.left,
-      width: I.width,
+      top: ye ? R.top : R.bottom + 4,
+      left: R.left,
+      width: R.width,
       openUp: ye
     };
   }, []), V = ae(() => {
     if (P) return;
     j();
-    const I = $();
-    I && z(I), A(!0);
+    const R = $();
+    R && z(R), A(!0);
   }, [P, $, j]), G = ae(() => {
     A(!1), w("");
   }, []), _ = () => v ? G() : V();
   ge(() => {
     if (!v) return;
-    const I = (te) => {
+    const R = (te) => {
       var oe, Ne;
       const ye = te.target;
       !((oe = K.current) != null && oe.contains(ye)) && !((Ne = E.current) != null && Ne.contains(ye)) && G();
     };
-    return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
+    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
   }, [v, G]), ge(() => {
     if (!v) return;
-    const I = () => {
+    const R = () => {
       const te = $();
       te && z(te);
     };
-    return window.addEventListener("scroll", I, !0), window.addEventListener("resize", I), () => {
-      window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I);
+    return window.addEventListener("scroll", R, !0), window.addEventListener("resize", R), () => {
+      window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", R);
     };
   }, [v, $]), ge(() => {
     v && g.current && setTimeout(() => {
-      var I;
-      return (I = g.current) == null ? void 0 : I.focus();
+      var R;
+      return (R = g.current) == null ? void 0 : R.focus();
     }, 0);
   }, [v]);
   const J = a.filter(
-    (I) => I.label.toLowerCase().includes(T.toLowerCase()) || I.value.toLowerCase().includes(T.toLowerCase())
-  ), se = (fe = a.find((I) => I.value === o)) == null ? void 0 : fe.label, Y = (I, te) => {
-    P || te || (c(I), G());
-  }, { bg: ve, border: ue, text: me, textSecondary: ke, primary: F, primaryLight: U, hoverBg: B } = Q, H = v && N && /* @__PURE__ */ s(
+    (R) => R.label.toLowerCase().includes(T.toLowerCase()) || R.value.toLowerCase().includes(T.toLowerCase())
+  ), ie = (fe = a.find((R) => R.value === s)) == null ? void 0 : fe.label, Y = (R, te) => {
+    P || te || (c(R), G());
+  }, { bg: ve, border: pe, text: me, textSecondary: ke, primary: F, primaryLight: U, hoverBg: B } = Q, H = v && N && /* @__PURE__ */ o(
     "div",
     {
       ref: E,
@@ -3275,20 +3314,20 @@ const Et = 280, en = ({
         zIndex: 99999,
         borderRadius: "8px",
         boxShadow: "0 4px 16px rgba(0,0,0,0.18)",
-        border: `1px solid ${ue}`,
+        border: `1px solid ${pe}`,
         backgroundColor: ve,
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ r("div", { style: { padding: "8px", borderBottom: `1px solid ${ue}` }, children: /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { style: { padding: "8px", borderBottom: `1px solid ${pe}` }, children: /* @__PURE__ */ r(
           "input",
           {
             ref: g,
             type: "text",
             value: T,
-            onChange: (I) => w(I.target.value),
+            onChange: (R) => w(R.target.value),
             placeholder: "Search...",
-            onClick: (I) => I.stopPropagation(),
+            onClick: (R) => R.stopPropagation(),
             className: "metakyc-searchable-select-search w-full",
             style: {
               display: "block",
@@ -3296,18 +3335,18 @@ const Et = 280, en = ({
               padding: "6px 8px",
               fontSize: "13px",
               borderRadius: "6px",
-              border: `1px solid ${ue}`,
+              border: `1px solid ${pe}`,
               backgroundColor: ve,
               color: me,
               outline: "none",
               boxSizing: "border-box"
             },
-            onFocus: (I) => {
+            onFocus: (R) => {
               const te = getComputedStyle(document.documentElement), ye = te.getPropertyValue("--metakyc-input-border-focus").trim() || te.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
-              I.currentTarget.style.backgroundColor = ve, I.currentTarget.style.color = me, I.currentTarget.style.borderColor = ye, I.currentTarget.style.outline = "none", I.currentTarget.style.boxShadow = `0 0 0 2px ${ye}33`;
+              R.currentTarget.style.backgroundColor = ve, R.currentTarget.style.color = me, R.currentTarget.style.borderColor = ye, R.currentTarget.style.outline = "none", R.currentTarget.style.boxShadow = `0 0 0 2px ${ye}33`;
             },
-            onBlur: (I) => {
-              I.currentTarget.style.backgroundColor = ve, I.currentTarget.style.color = me, I.currentTarget.style.borderColor = ue, I.currentTarget.style.outline = "none", I.currentTarget.style.boxShadow = "none";
+            onBlur: (R) => {
+              R.currentTarget.style.backgroundColor = ve, R.currentTarget.style.color = me, R.currentTarget.style.borderColor = pe, R.currentTarget.style.outline = "none", R.currentTarget.style.boxShadow = "none";
             }
           }
         ) }),
@@ -3321,31 +3360,31 @@ const Et = 280, en = ({
               maxHeight: "208px",
               overflowY: "auto"
             },
-            children: J.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: ke }, children: "No results" }) : J.map((I) => {
-              const te = I.value === o;
+            children: J.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: ke }, children: "No results" }) : J.map((R) => {
+              const te = R.value === s;
               return /* @__PURE__ */ r(
                 "li",
                 {
                   className: "metakyc-searchable-select-option",
-                  onClick: () => Y(I.value, I.disabled),
+                  onClick: () => Y(R.value, R.disabled),
                   style: {
                     padding: "8px 12px",
                     fontSize: "13px",
-                    cursor: I.disabled ? "not-allowed" : "pointer",
-                    opacity: I.disabled ? 0.4 : 1,
+                    cursor: R.disabled ? "not-allowed" : "pointer",
+                    opacity: R.disabled ? 0.4 : 1,
                     backgroundColor: te ? U : "transparent",
                     color: te ? F : me,
                     userSelect: "none"
                   },
                   onMouseEnter: (ye) => {
-                    !te && !I.disabled && (ye.currentTarget.style.backgroundColor = B);
+                    !te && !R.disabled && (ye.currentTarget.style.backgroundColor = B);
                   },
                   onMouseLeave: (ye) => {
                     te || (ye.currentTarget.style.backgroundColor = "transparent");
                   },
-                  children: I.label
+                  children: R.label
                 },
-                I.value
+                R.value
               );
             })
           }
@@ -3353,13 +3392,13 @@ const Et = 280, en = ({
       ]
     }
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: Ae("w-full metakyc-searchable-select", x),
+      className: Ae("w-full metakyc-searchable-select", b),
       ref: K,
       children: [
-        e && /* @__PURE__ */ s(
+        e && /* @__PURE__ */ o(
           "label",
           {
             className: "block text-sm font-medium mb-1",
@@ -3370,15 +3409,15 @@ const Et = 280, en = ({
             ]
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o(
           "div",
           {
             ref: ee,
             role: "button",
             tabIndex: P ? -1 : 0,
             onClick: _,
-            onKeyDown: (I) => {
-              (I.key === "Enter" || I.key === " ") && (I.preventDefault(), _()), I.key === "Escape" && G();
+            onKeyDown: (R) => {
+              (R.key === "Enter" || R.key === " ") && (R.preventDefault(), _()), R.key === "Escape" && G();
             },
             className: Ae(
               "metakyc-searchable-select-trigger",
@@ -3389,14 +3428,14 @@ const Et = 280, en = ({
             ),
             style: {
               backgroundColor: "var(--metakyc-input-bg, #ffffff)",
-              color: se ? "var(--metakyc-input-text, var(--metakyc-text-primary, #111827))" : "var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))",
+              color: ie ? "var(--metakyc-input-text, var(--metakyc-text-primary, #111827))" : "var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))",
               borderColor: t ? "var(--metakyc-danger, #ef4444)" : v ? "var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))",
               minHeight: "38px",
               outline: v ? "2px solid var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "none",
               outlineOffset: "-1px"
             },
             children: [
-              /* @__PURE__ */ r("span", { className: "truncate flex-1", children: se || i }),
+              /* @__PURE__ */ r("span", { className: "truncate flex-1", children: ie || i }),
               /* @__PURE__ */ r(
                 "span",
                 {
@@ -3426,22 +3465,22 @@ const rn = ({
   error: n,
   accept: a,
   multiple: i = !1,
-  maxSize: o,
+  maxSize: s,
   required: c,
   onChange: d,
   value: y = [],
   className: p
 }) => {
-  const [x, P] = k(!1), [v, A] = k(null), T = de(null), w = ae((E) => {
+  const [b, P] = k(!1), [v, A] = k(null), T = de(null), w = ae((E) => {
     if (!E) return;
     A(null);
     const g = Array.from(E);
-    if (o && g.filter((V) => V.size > o).length > 0) {
-      A(`File exceeds the maximum size of ${xt(o)}`);
+    if (s && g.filter((V) => V.size > s).length > 0) {
+      A(`File exceeds the maximum size of ${xt(s)}`);
       return;
     }
     d == null || d(i ? [...y, ...g] : [g[0]]);
-  }, [o, i, d, y]), N = ae((E) => {
+  }, [s, i, d, y]), N = ae((E) => {
     E.preventDefault(), E.stopPropagation(), P(!0);
   }, []), z = ae((E) => {
     E.preventDefault(), E.stopPropagation(), P(!1);
@@ -3455,9 +3494,9 @@ const rn = ({
     const g = y.filter(($, V) => V !== E);
     d == null || d(g);
   }, K = n || v, ee = y.length > 0;
-  return /* @__PURE__ */ s("div", { className: Ae("metakyc-file-upload", p), style: { width: "100%" }, children: [
-    e && /* @__PURE__ */ s("div", { style: { marginBottom: "8px" }, children: [
-      /* @__PURE__ */ s(
+  return /* @__PURE__ */ o("div", { className: Ae("metakyc-file-upload", p), style: { width: "100%" }, children: [
+    e && /* @__PURE__ */ o("div", { style: { marginBottom: "8px" }, children: [
+      /* @__PURE__ */ o(
         "label",
         {
           style: {
@@ -3474,7 +3513,7 @@ const rn = ({
       ),
       t && /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "2px" }, children: t })
     ] }),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ o(
       "div",
       {
         className: "metakyc-file-dropzone",
@@ -3483,13 +3522,13 @@ const rn = ({
         onDragLeave: z,
         onDrop: Q,
         style: {
-          border: `2px dashed ${K ? "var(--metakyc-danger, #ef4444)" : x ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #d1d5db)"}`,
+          border: `2px dashed ${K ? "var(--metakyc-danger, #ef4444)" : b ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #d1d5db)"}`,
           borderRadius: "12px",
           padding: ee ? "20px" : "32px 20px",
           textAlign: "center",
           cursor: "pointer",
           transition: "all 0.2s ease",
-          backgroundColor: x ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 5%, var(--metakyc-background, #ffffff))" : "var(--metakyc-background, #ffffff)"
+          backgroundColor: b ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 5%, var(--metakyc-background, #ffffff))" : "var(--metakyc-background, #ffffff)"
         },
         children: [
           /* @__PURE__ */ r(
@@ -3505,7 +3544,7 @@ const rn = ({
               }
             }
           ),
-          /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "12px" }, children: [
+          /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "12px" }, children: [
             /* @__PURE__ */ r(
               "div",
               {
@@ -3516,17 +3555,17 @@ const rn = ({
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
-                  backgroundColor: x ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "var(--metakyc-surface, #f9fafb)",
+                  backgroundColor: b ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "var(--metakyc-surface, #f9fafb)",
                   transition: "background-color 0.2s ease"
                 },
-                children: /* @__PURE__ */ s(
+                children: /* @__PURE__ */ o(
                   "svg",
                   {
                     width: "24",
                     height: "24",
                     viewBox: "0 0 24 24",
                     fill: "none",
-                    stroke: x ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
+                    stroke: b ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
                     strokeWidth: "2",
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
@@ -3540,18 +3579,18 @@ const rn = ({
                 )
               }
             ),
-            /* @__PURE__ */ s("div", { children: [
-              /* @__PURE__ */ s("p", { style: { fontSize: "14px", color: "var(--metakyc-text-secondary, #6b7280)", margin: 0 }, children: [
+            /* @__PURE__ */ o("div", { children: [
+              /* @__PURE__ */ o("p", { style: { fontSize: "14px", color: "var(--metakyc-text-secondary, #6b7280)", margin: 0 }, children: [
                 /* @__PURE__ */ r("span", { style: { fontWeight: 600, color: "var(--metakyc-primary, #2563eb)" }, children: "Click to upload" }),
                 " ",
                 "or drag and drop"
               ] }),
-              (a || o) && /* @__PURE__ */ s("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "4px" }, children: [
+              (a || s) && /* @__PURE__ */ o("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "4px" }, children: [
                 a && /* @__PURE__ */ r("span", { children: a }),
-                a && o && /* @__PURE__ */ r("span", { children: " · " }),
-                o && /* @__PURE__ */ s("span", { children: [
+                a && s && /* @__PURE__ */ r("span", { children: " · " }),
+                s && /* @__PURE__ */ o("span", { children: [
                   "Max ",
-                  xt(o)
+                  xt(s)
                 ] })
               ] })
             ] })
@@ -3561,7 +3600,7 @@ const rn = ({
     ),
     ee && /* @__PURE__ */ r("div", { style: { marginTop: "12px", display: "flex", flexDirection: "column", gap: "8px" }, children: y.map((E, g) => {
       const $ = tn(E), V = $ === "image", G = V ? URL.createObjectURL(E) : null;
-      return /* @__PURE__ */ s(
+      return /* @__PURE__ */ o(
         "div",
         {
           className: "metakyc-file-item",
@@ -3597,19 +3636,19 @@ const rn = ({
                     alt: E.name,
                     style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "8px" }
                   }
-                ) : $ === "pdf" ? /* @__PURE__ */ s("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                ) : $ === "pdf" ? /* @__PURE__ */ o("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                   /* @__PURE__ */ r("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
                   /* @__PURE__ */ r("polyline", { points: "14 2 14 8 20 8" }),
                   /* @__PURE__ */ r("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
                   /* @__PURE__ */ r("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
                   /* @__PURE__ */ r("polyline", { points: "10 9 9 9 8 9" })
-                ] }) : /* @__PURE__ */ s("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-primary, #2563eb)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                ] }) : /* @__PURE__ */ o("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-primary, #2563eb)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                   /* @__PURE__ */ r("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
                   /* @__PURE__ */ r("polyline", { points: "14 2 14 8 20 8" })
                 ] })
               }
             ),
-            /* @__PURE__ */ s("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ o("div", { style: { flex: 1, minWidth: 0 }, children: [
               /* @__PURE__ */ r("p", { style: {
                 fontSize: "13px",
                 fontWeight: 500,
@@ -3649,7 +3688,7 @@ const rn = ({
                 onMouseLeave: (_) => {
                   _.currentTarget.style.backgroundColor = "transparent", _.currentTarget.style.color = "var(--metakyc-text-muted, #9ca3af)";
                 },
-                children: /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                children: /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                   /* @__PURE__ */ r("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
                   /* @__PURE__ */ r("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                 ] })
@@ -3663,8 +3702,8 @@ const rn = ({
     K && /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", marginTop: "6px" }, children: K })
   ] });
 }, nn = yt(
-  ({ countryCode: e = "+1", onCountryCodeChange: t, className: n, ...a }, i) => /* @__PURE__ */ s("div", { className: "w-full", children: [
-    a.label && /* @__PURE__ */ s(
+  ({ countryCode: e = "+1", onCountryCodeChange: t, className: n, ...a }, i) => /* @__PURE__ */ o("div", { className: "w-full", children: [
+    a.label && /* @__PURE__ */ o(
       "label",
       {
         className: "block text-sm font-medium mb-1",
@@ -3675,13 +3714,13 @@ const rn = ({
         ]
       }
     ),
-    /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+    /* @__PURE__ */ o("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ r(
         "input",
         {
           type: "text",
           value: e,
-          onChange: (o) => t == null ? void 0 : t(o.target.value),
+          onChange: (s) => t == null ? void 0 : t(s.target.value),
           className: Ae(
             "w-20 rounded-lg border px-3 py-2 text-sm",
             "focus:outline-none focus:ring-2 focus:ring-offset-0"
@@ -3730,7 +3769,7 @@ const an = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sn = (e) => e.replace(
+const on = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, n, a) => a ? a.toUpperCase() : n.toLowerCase()
 );
@@ -3741,7 +3780,7 @@ const sn = (e) => e.replace(
  * See the LICENSE file in the root directory of this source tree.
  */
 const At = (e) => {
-  const t = sn(e);
+  const t = on(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
 /**
@@ -3750,7 +3789,7 @@ const At = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var on = {
+var sn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -3786,25 +3825,25 @@ const cn = yt(
     strokeWidth: n = 2,
     absoluteStrokeWidth: a,
     className: i = "",
-    children: o,
+    children: s,
     iconNode: c,
     ...d
   }, y) => wt(
     "svg",
     {
       ref: y,
-      ...on,
+      ...sn,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: a ? Number(n) * 24 / Number(t) : n,
       className: Bt("lucide", i),
-      ...!o && !ln(d) && { "aria-hidden": "true" },
+      ...!s && !ln(d) && { "aria-hidden": "true" },
       ...d
     },
     [
-      ...c.map(([p, x]) => wt(p, x)),
-      ...Array.isArray(o) ? o : [o]
+      ...c.map(([p, b]) => wt(p, b)),
+      ...Array.isArray(s) ? s : [s]
     ]
   )
 );
@@ -3816,8 +3855,8 @@ const cn = yt(
  */
 const _t = (e, t) => {
   const n = yt(
-    ({ className: a, ...i }, o) => wt(cn, {
-      ref: o,
+    ({ className: a, ...i }, s) => wt(cn, {
+      ref: s,
       iconNode: t,
       className: Bt(
         `lucide-${an(At(e))}`,
@@ -3874,7 +3913,7 @@ function pn(e, t) {
 }
 function mn(e) {
   const t = e.flatMap(
-    (a, i) => (a.questions ?? []).map((o, c) => ({ question: o, groupIndex: i, qIdx: c }))
+    (a, i) => (a.questions ?? []).map((s, c) => ({ question: s, groupIndex: i, qIdx: c }))
   ), n = /* @__PURE__ */ new Map();
   for (const a of t) {
     const i = a.question.pageNumber != null && a.question.pageNumber > 0 ? a.question.pageNumber : 1;
@@ -3887,15 +3926,15 @@ const yn = ({
   onComplete: t,
   onBack: n
 }) => {
-  const { questionnaire: a, initialAnswers: i, isLoading: o, isSubmitting: c, error: d, submit: y } = Vr(e), [p, x] = k({}), [P, v] = k({}), [A, T] = k(0);
+  const { questionnaire: a, initialAnswers: i, isLoading: s, isSubmitting: c, error: d, submit: y } = Vr(e), [p, b] = k({}), [P, v] = k({}), [A, T] = k(0);
   we.useEffect(() => {
-    i && Object.keys(i).length > 0 && Object.keys(p).length === 0 && x(i);
+    i && Object.keys(i).length > 0 && Object.keys(p).length === 0 && b(i);
   }, [i]);
   const w = De(
     () => a ? mn(a.questionGroups) : [],
     [a]
   ), N = A === w.length - 1, z = w[A] ?? [], Q = ae((E, g) => {
-    x(($) => ({ ...$, [E]: g })), v(($) => {
+    b(($) => ({ ...$, [E]: g })), v(($) => {
       const V = { ...$ };
       return delete V[E], V;
     });
@@ -3928,15 +3967,15 @@ const yn = ({
         console.error("Questionnaire submit error:", E);
       }
   };
-  return o ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r(Me, { className: "my-8" }) }) }) : d ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("p", { className: "text-danger-500", children: [
+  return s ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r(Me, { className: "my-8" }) }) }) : d ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
     "Error loading questionnaire: ",
     d.message
-  ] }) }) }) : a ? /* @__PURE__ */ s(re, { children: [
-    /* @__PURE__ */ s(Se, { children: [
+  ] }) }) }) : a ? /* @__PURE__ */ o(re, { children: [
+    /* @__PURE__ */ o(Se, { 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 }),
-      w.length > 1 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between mt-3", children: [
-        /* @__PURE__ */ s("span", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
+      w.length > 1 && /* @__PURE__ */ o("div", { className: "flex items-center justify-between mt-3", children: [
+        /* @__PURE__ */ o("span", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
           "Page ",
           A + 1,
           " of ",
@@ -3966,8 +4005,8 @@ const yn = ({
       },
       E.id
     )) }),
-    /* @__PURE__ */ s(Ce, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ o(Ce, { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ o(
         Z,
         {
           type: "button",
@@ -3988,7 +4027,7 @@ const yn = ({
           onClick: ee,
           children: "Continue"
         }
-      ) : /* @__PURE__ */ s(
+      ) : /* @__PURE__ */ o(
         Z,
         {
           type: "button",
@@ -4005,15 +4044,15 @@ const yn = ({
   ] }) : null;
 }, hn = ({ question: e, value: t, error: n, onChange: a }) => {
   var c;
-  const o = (((c = e.defaultAnswers) == null ? void 0 : c.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: [
-    /* @__PURE__ */ s("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: [
+  const s = (((c = e.defaultAnswers) == null ? void 0 : c.length) ?? 0) > 0 ? e.showAsDropdown ? e.canMultipleAnswer ? "multi-select" : "single-select" : e.canMultipleAnswer ? "checkbox" : "radio" : "text";
+  return /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ o("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: [
       e.text,
       e.isRequired && /* @__PURE__ */ r("span", { className: "text-danger-500 ml-1", children: "*" })
     ] }),
     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(
+    s === "text" && /* @__PURE__ */ r(
       xe,
       {
         value: t[0] ?? "",
@@ -4023,7 +4062,7 @@ const yn = ({
         required: e.isRequired
       }
     ),
-    o === "single-select" && /* @__PURE__ */ r(
+    s === "single-select" && /* @__PURE__ */ r(
       Ct,
       {
         value: t[0] ?? "",
@@ -4034,8 +4073,8 @@ const yn = ({
         required: e.isRequired
       }
     ),
-    o === "radio" && /* @__PURE__ */ s("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      (e.defaultAnswers ?? []).map((d) => /* @__PURE__ */ s(
+    s === "radio" && /* @__PURE__ */ o("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+      (e.defaultAnswers ?? []).map((d) => /* @__PURE__ */ o(
         "label",
         {
           className: "metakyc-option-label",
@@ -4070,8 +4109,8 @@ const yn = ({
       )),
       n && /* @__PURE__ */ r("p", { className: "text-sm text-danger-500", children: n })
     ] }),
-    (o === "checkbox" || o === "multi-select") && /* @__PURE__ */ s("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      (e.defaultAnswers ?? []).map((d) => /* @__PURE__ */ s(
+    (s === "checkbox" || s === "multi-select") && /* @__PURE__ */ o("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+      (e.defaultAnswers ?? []).map((d) => /* @__PURE__ */ o(
         "label",
         {
           className: "metakyc-option-label",
@@ -4108,7 +4147,7 @@ const yn = ({
       )),
       n && /* @__PURE__ */ r("p", { className: "text-sm text-danger-500", children: n })
     ] }),
-    n && o === "text" && null
+    n && s === "text" && null
   ] });
 };
 function fn(e) {
@@ -4124,7 +4163,7 @@ const gn = ({
   onComplete: t,
   onBack: n
 }) => {
-  const { uploadDocument: a, isLoading: i, isSubmitting: o, error: c, submit: d } = Yr(e), [y, p] = k({}), [x, P] = k(null), [v, A] = k(0), [T, w] = k({}), N = De(
+  const { uploadDocument: a, isLoading: i, isSubmitting: s, error: c, submit: d } = Yr(e), [y, p] = k({}), [b, P] = k(null), [v, A] = k(0), [T, w] = k({}), N = De(
     () => a ? fn(a.uploadDocumentFiles) : [],
     [a]
   ), z = N[v] ?? [], Q = v === N.length - 1, M = N.length, j = ae(() => {
@@ -4164,10 +4203,10 @@ const gn = ({
       }
     }
   };
-  return i ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", padding: "48px 0", gap: "16px" }, children: [
+  return i ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", padding: "48px 0", gap: "16px" }, children: [
     /* @__PURE__ */ r(Me, { className: "my-8" }),
     /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: "Loading document requirements..." })
-  ] }) }) }) : c ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("div", { style: {
+  ] }) }) }) : c ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("div", { style: {
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
@@ -4183,15 +4222,15 @@ const gn = ({
       display: "flex",
       alignItems: "center",
       justifyContent: "center"
-    }, children: /* @__PURE__ */ s("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    }, children: /* @__PURE__ */ o("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
       /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
       /* @__PURE__ */ r("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
       /* @__PURE__ */ r("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
     ] }) }),
     /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-danger, #ef4444)", fontWeight: 500 }, children: "Error loading document requirements" }),
     /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: c.message })
-  ] }) }) }) : a ? /* @__PURE__ */ s(re, { children: [
-    /* @__PURE__ */ s(Se, { children: [
+  ] }) }) }) : a ? /* @__PURE__ */ o(re, { children: [
+    /* @__PURE__ */ o(Se, { children: [
       /* @__PURE__ */ r("h2", { style: {
         fontSize: "18px",
         fontWeight: 700,
@@ -4203,13 +4242,13 @@ const gn = ({
         color: "var(--metakyc-text-secondary, #6b7280)",
         marginTop: "4px"
       }, children: a.subtitle }),
-      M > 1 && /* @__PURE__ */ s("div", { style: {
+      M > 1 && /* @__PURE__ */ o("div", { style: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
         marginTop: "12px"
       }, children: [
-        /* @__PURE__ */ s("span", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
+        /* @__PURE__ */ o("span", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
           "Page ",
           v + 1,
           " of ",
@@ -4230,7 +4269,7 @@ const gn = ({
         )) })
       ] })
     ] }),
-    a.description && v === 0 && /* @__PURE__ */ s("div", { style: {
+    a.description && v === 0 && /* @__PURE__ */ o("div", { style: {
       margin: "0 24px",
       marginTop: "4px",
       display: "flex",
@@ -4240,7 +4279,7 @@ const gn = ({
       backgroundColor: "color-mix(in srgb, var(--metakyc-primary, #2563eb) 5%, var(--metakyc-background, #ffffff))",
       border: "1px solid color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)"
     }, children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         "svg",
         {
           width: "18",
@@ -4286,7 +4325,7 @@ const gn = ({
       },
       g.id
     )) }) }),
-    x && /* @__PURE__ */ s("div", { style: {
+    b && /* @__PURE__ */ o("div", { style: {
       margin: "0 24px",
       padding: "10px 14px",
       borderRadius: "8px",
@@ -4296,14 +4335,14 @@ const gn = ({
       alignItems: "center",
       gap: "8px"
     }, children: [
-      /* @__PURE__ */ s("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [
+      /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [
         /* @__PURE__ */ r("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
         /* @__PURE__ */ r("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
         /* @__PURE__ */ r("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
       ] }),
-      /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: x })
+      /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: b })
     ] }),
-    /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ s("div", { style: {
+    /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ o("div", { style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
@@ -4322,9 +4361,9 @@ const gn = ({
         Z,
         {
           type: "button",
-          isLoading: o,
+          isLoading: s,
           onClick: E,
-          children: o ? "Uploading..." : "Continue"
+          children: s ? "Uploading..." : "Continue"
         }
       ) : /* @__PURE__ */ r(
         Z,
@@ -4337,18 +4376,18 @@ const gn = ({
     ] }) })
   ] }) : null;
 }, bn = ({ applicantId: e, onComplete: t, onBack: n }) => {
-  const { overview: a, isLoading: i, isSubmitting: o, error: c, passOverview: d } = Qr(e), y = async () => {
+  const { overview: a, isLoading: i, isSubmitting: s, error: c, passOverview: d } = Qr(e), y = async () => {
     await d(), t == null || t();
   };
-  return i ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r(Me, { className: "my-8" }) }) }) : c ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("p", { className: "text-danger-500", children: [
+  return i ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r(Me, { className: "my-8" }) }) }) : c ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
     "Error loading overview: ",
     c.message
-  ] }) }) }) : a ? /* @__PURE__ */ s(re, { children: [
-    /* @__PURE__ */ s(Se, { children: [
+  ] }) }) }) : a ? /* @__PURE__ */ o(re, { children: [
+    /* @__PURE__ */ o(Se, { children: [
       /* @__PURE__ */ r("h2", { className: "text-lg font-bold", children: a.title || "Overview" }),
       a.description && /* @__PURE__ */ r("p", { className: "mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a.description })
     ] }),
-    /* @__PURE__ */ r(ne, { className: "space-y-8", children: a.steps && a.steps.length > 0 ? a.steps.sort((p, x) => p.order - x.order).map((p) => /* @__PURE__ */ s("div", { className: "metakyc-overview-step-item flex items-center space-x-3", children: [
+    /* @__PURE__ */ r(ne, { className: "space-y-8", children: a.steps && a.steps.length > 0 ? a.steps.sort((p, b) => p.order - b.order).map((p) => /* @__PURE__ */ o("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",
         {
@@ -4357,7 +4396,7 @@ const gn = ({
           children: p.order + 1
         }
       ) }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         "div",
         {
           className: "metakyc-step-content",
@@ -4374,9 +4413,9 @@ const gn = ({
         }
       )
     ] }, p.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(Ce, { className: "flex justify-between", children: [
+    /* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       n && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: n, children: "Back" }),
-      /* @__PURE__ */ r(Z, { onClick: y, isLoading: o, children: "Continue" })
+      /* @__PURE__ */ r(Z, { onClick: y, isLoading: s, children: "Continue" })
     ] })
   ] }) : null;
 };
@@ -4415,11 +4454,11 @@ function wn(e, t) {
       }
     const i = e.valueDataType === Ke.Integer || e.valueDataType === Ke.Money || e.valueDataType === Ke.DigitOnly;
     if (i && a.trim() !== "") {
-      const o = Number(a);
-      if (!isNaN(o)) {
-        if (e.min !== void 0 && e.min !== null && o < e.min)
+      const s = Number(a);
+      if (!isNaN(s)) {
+        if (e.min !== void 0 && e.min !== null && s < e.min)
           return `Minimum value is ${e.min}`;
-        if (e.max !== void 0 && e.max !== null && o > e.max)
+        if (e.max !== void 0 && e.max !== null && s > e.max)
           return `Maximum value is ${e.max}`;
       }
     } else if (!i && a !== "") {
@@ -4446,21 +4485,21 @@ const Nn = ({
   onComplete: t,
   onBack: n
 }) => {
-  const { config: a } = Te(), i = a.locale ?? "en", { criteria: o, initialAnswers: c, isLoading: d, isSubmitting: y, error: p, submit: x } = Jr(e), [P, v] = k({}), [A, T] = k({}), [w, N] = k(0), [z, Q] = k(!1);
+  const { config: a } = Te(), i = a.locale ?? "en", { criteria: s, initialAnswers: c, isLoading: d, isSubmitting: y, error: p, submit: b } = Jr(e), [P, v] = k({}), [A, T] = k({}), [w, N] = k(0), [z, Q] = k(!1);
   we.useEffect(() => {
     c && Object.keys(c).length > 0 && Object.keys(P).length === 0 && v(c);
   }, [c]);
   const M = De(
-    () => o && o.length > 0 ? Sn(o) : [],
-    [o]
+    () => s && s.length > 0 ? Sn(s) : [],
+    [s]
   ), j = w === M.length - 1, K = M[w] ?? [];
   we.useEffect(() => {
-    !d && o && o.length === 0 && !z && !y && (Q(!0), x({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
-  }, [d, o, z, y, x, e, t]);
+    !d && s && s.length === 0 && !z && !y && (Q(!0), b({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
+  }, [d, s, z, y, b, e, t]);
   const ee = ae((G, _) => {
     v((J) => ({ ...J, [G]: _ })), T((J) => {
-      const se = { ...J };
-      return delete se[G], se;
+      const ie = { ...J };
+      return delete ie[G], ie;
     });
   }, []), E = ae(() => {
     const G = {};
@@ -4474,32 +4513,32 @@ const Nn = ({
   }, $ = () => {
     w > 0 ? N((G) => G - 1) : n == null || n();
   }, V = async () => {
-    if (!(!E() || !o))
+    if (!(!E() || !s))
       try {
-        const G = o.map((J) => {
-          const se = (P[J.id] ?? []).filter((Y) => Y && Y.trim());
-          return se.length > 0 ? { riskCriteriaId: J.id, values: se } : null;
+        const G = s.map((J) => {
+          const ie = (P[J.id] ?? []).filter((Y) => Y && Y.trim());
+          return ie.length > 0 ? { riskCriteriaId: J.id, values: ie } : null;
         }).filter((J) => J !== null);
-        await x({ applicantId: e, criteriaValueInputs: G }), t == null || t();
+        await b({ applicantId: e, criteriaValueInputs: G }), t == null || t();
       } catch (G) {
         console.error("Risk scoring submit error:", G);
       }
   };
-  return d ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ s(ne, { children: [
+  return d ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ne, { children: [
     /* @__PURE__ */ r(Me, { className: "my-8" }),
     /* @__PURE__ */ r("p", { className: "text-center text-sm mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "Loading risk scoring criteria…" })
-  ] }) }) : !d && o && o.length === 0 ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ s(ne, { children: [
+  ] }) }) : !d && s && s.length === 0 ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ne, { children: [
     /* @__PURE__ */ r(Me, { className: "my-8" }),
     /* @__PURE__ */ r("p", { className: "text-center text-sm mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "No criteria required. Moving to next step…" })
-  ] }) }) : p ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("p", { className: "text-danger-500", children: [
+  ] }) }) : p ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
     "Error loading criteria: ",
     p.message
-  ] }) }) }) : o ? /* @__PURE__ */ s(re, { children: [
-    /* @__PURE__ */ s(Se, { children: [
+  ] }) }) }) : s ? /* @__PURE__ */ o(re, { children: [
+    /* @__PURE__ */ o(Se, { 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" }),
-      M.length > 1 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between mt-3", children: [
-        /* @__PURE__ */ s("span", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
+      M.length > 1 && /* @__PURE__ */ o("div", { className: "flex items-center justify-between mt-3", children: [
+        /* @__PURE__ */ o("span", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
           "Page ",
           w + 1,
           " of ",
@@ -4520,7 +4559,7 @@ const Nn = ({
       ] })
     ] }),
     /* @__PURE__ */ r(ne, { className: "space-y-6", children: K.map(({ criterion: G }) => /* @__PURE__ */ r(
-      Rn,
+      In,
       {
         criterion: G,
         value: P[G.id] ?? [],
@@ -4530,8 +4569,8 @@ const Nn = ({
       },
       G.id
     )) }),
-    /* @__PURE__ */ s(Ce, { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ o(Ce, { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ o(
         Z,
         {
           type: "button",
@@ -4544,7 +4583,7 @@ const Nn = ({
           ]
         }
       ),
-      j ? /* @__PURE__ */ r(Z, { type: "button", isLoading: y, onClick: V, children: "Continue" }) : /* @__PURE__ */ s(
+      j ? /* @__PURE__ */ r(Z, { type: "button", isLoading: y, onClick: V, children: "Continue" }) : /* @__PURE__ */ o(
         Z,
         {
           type: "button",
@@ -4559,16 +4598,16 @@ const Nn = ({
     ] }),
     p && /* @__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: p.message }) })
   ] }) : null;
-}, Rn = ({ criterion: e, value: t, error: n, locale: a, onChange: i }) => {
-  const o = Cn(e), c = e.valueDataType === Ke.Integer || e.valueDataType === Ke.Money || e.valueDataType === Ke.DigitOnly, d = vn(e), y = (p) => d ? kn(p, a) : p;
-  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: [
+}, In = ({ criterion: e, value: t, error: n, locale: a, onChange: i }) => {
+  const s = Cn(e), c = e.valueDataType === Ke.Integer || e.valueDataType === Ke.Money || e.valueDataType === Ke.DigitOnly, d = vn(e), y = (p) => d ? kn(p, a) : p;
+  return /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ o("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: [
       e.displayName,
       e.isRequired && /* @__PURE__ */ r("span", { className: "text-danger-500 ml-1", children: "*" })
     ] }),
     e.description && /* @__PURE__ */ r("p", { className: "text-xs", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: e.description }),
     c && (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(
+    s === "text" && /* @__PURE__ */ r(
       xe,
       {
         value: t[0] ?? "",
@@ -4584,8 +4623,8 @@ const Nn = ({
         }
       }
     ),
-    o === "radio" && /* @__PURE__ */ s("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      (e.defaultValues ?? []).map((p) => /* @__PURE__ */ s(
+    s === "radio" && /* @__PURE__ */ o("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+      (e.defaultValues ?? []).map((p) => /* @__PURE__ */ o(
         "label",
         {
           className: "metakyc-option-label",
@@ -4620,8 +4659,8 @@ const Nn = ({
       )),
       n && /* @__PURE__ */ r("p", { className: "text-sm text-danger-500", children: n })
     ] }),
-    o === "checkbox" && /* @__PURE__ */ s("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      (e.defaultValues ?? []).map((p) => /* @__PURE__ */ s(
+    s === "checkbox" && /* @__PURE__ */ o("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+      (e.defaultValues ?? []).map((p) => /* @__PURE__ */ o(
         "label",
         {
           className: "metakyc-option-label",
@@ -4632,8 +4671,8 @@ const Nn = ({
               {
                 type: "checkbox",
                 checked: t.includes(p),
-                onChange: (x) => {
-                  x.target.checked ? i([...t, p]) : i(t.filter((P) => P !== p));
+                onChange: (b) => {
+                  b.target.checked ? i([...t, p]) : i(t.filter((P) => P !== p));
                 },
                 className: "metakyc-option-input",
                 style: {
@@ -4658,7 +4697,7 @@ const Nn = ({
       )),
       n && /* @__PURE__ */ r("p", { className: "text-sm text-danger-500", children: n })
     ] }),
-    o === "country" && /* @__PURE__ */ r(
+    s === "country" && /* @__PURE__ */ r(
       Ct,
       {
         value: t[0] ?? "",
@@ -4676,12 +4715,12 @@ const Nn = ({
       }
     )
   ] });
-}, In = ({
+}, Rn = ({
   applicantId: e,
   onComplete: t,
   onBack: n
 }) => {
-  const { investorCategorizationService: a } = Te(), [i, o] = k(null), [c, d] = k(!1), [y, p] = k(null);
+  const { investorCategorizationService: a } = Te(), [i, s] = k(null), [c, d] = k(!1), [y, p] = k(null);
   return /* @__PURE__ */ r("form", { onSubmit: async (P) => {
     if (P.preventDefault(), i === null) {
       p("Please select an investor type");
@@ -4701,12 +4740,12 @@ const Nn = ({
     } finally {
       d(!1);
     }
-  }, children: /* @__PURE__ */ s(re, { children: [
-    /* @__PURE__ */ s(Se, { children: [
+  }, children: /* @__PURE__ */ o(re, { children: [
+    /* @__PURE__ */ o(Se, { 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(ne, { className: "space-y-4", children: [
+    /* @__PURE__ */ o(ne, { className: "space-y-4", children: [
       /* @__PURE__ */ r("p", { className: "text-sm font-medium mb-3", style: { color: "var(--metakyc-text-secondary, #374151)" }, children: "Choose one" }),
       /* @__PURE__ */ r(
         "label",
@@ -4716,7 +4755,7 @@ const Nn = ({
             borderColor: i === Ee.Individual ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
             backgroundColor: i === Ee.Individual ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
           },
-          children: /* @__PURE__ */ s("div", { className: "flex items-start", children: [
+          children: /* @__PURE__ */ o("div", { className: "flex items-start", children: [
             /* @__PURE__ */ r(
               "input",
               {
@@ -4724,11 +4763,11 @@ const Nn = ({
                 name: "investorType",
                 value: Ee.Individual,
                 checked: i === Ee.Individual,
-                onChange: () => o(Ee.Individual),
+                onChange: () => s(Ee.Individual),
                 className: "mt-1"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "ml-3", children: [
+            /* @__PURE__ */ o("div", { className: "ml-3", children: [
               /* @__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." })
             ] })
@@ -4743,7 +4782,7 @@ const Nn = ({
             borderColor: i === Ee.Sophisticated ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
             backgroundColor: i === Ee.Sophisticated ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
           },
-          children: /* @__PURE__ */ s("div", { className: "flex items-start", children: [
+          children: /* @__PURE__ */ o("div", { className: "flex items-start", children: [
             /* @__PURE__ */ r(
               "input",
               {
@@ -4751,14 +4790,14 @@ const Nn = ({
                 name: "investorType",
                 value: Ee.Sophisticated,
                 checked: i === Ee.Sophisticated,
-                onChange: () => o(Ee.Sophisticated),
+                onChange: () => s(Ee.Sophisticated),
                 className: "mt-1"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "ml-3", children: [
+            /* @__PURE__ */ o("div", { className: "ml-3", 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__ */ o("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." })
@@ -4775,7 +4814,7 @@ const Nn = ({
             borderColor: i === Ee.HighNetWorth ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
             backgroundColor: i === Ee.HighNetWorth ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
           },
-          children: /* @__PURE__ */ s("div", { className: "flex items-start", children: [
+          children: /* @__PURE__ */ o("div", { className: "flex items-start", children: [
             /* @__PURE__ */ r(
               "input",
               {
@@ -4783,13 +4822,13 @@ const Nn = ({
                 name: "investorType",
                 value: Ee.HighNetWorth,
                 checked: i === Ee.HighNetWorth,
-                onChange: () => o(Ee.HighNetWorth),
+                onChange: () => s(Ee.HighNetWorth),
                 className: "mt-1"
               }
             ),
-            /* @__PURE__ */ s("div", { className: "ml-3", children: [
+            /* @__PURE__ */ o("div", { className: "ml-3", 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: [
+              /* @__PURE__ */ o("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"
@@ -4798,13 +4837,13 @@ const Nn = ({
           ] })
         }
       ),
-      y && /* @__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: [
+      y && /* @__PURE__ */ r("div", { className: "p-4 rounded-lg", style: { backgroundColor: "#fee2e2", border: "1px solid #fca5a5" }, children: /* @__PURE__ */ o("p", { className: "text-sm", style: { color: "#991b1b" }, children: [
         /* @__PURE__ */ r("strong", { children: "Error:" }),
         " ",
         y
       ] }) })
     ] }),
-    /* @__PURE__ */ s(Ce, { className: "flex justify-between", children: [
+    /* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       n && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: n, children: "Back" }),
       /* @__PURE__ */ r(
         Z,
@@ -4831,13 +4870,13 @@ const En = ({
   onComplete: t,
   onBack: n
 }) => {
-  const { appropriatenessTestService: a } = Te(), [i, o] = k(null), [c, d] = k(!0), [y, p] = k(!1), [x, P] = k(null), [v, A] = k({}), [T, w] = k(0), [N, z] = k(!1), [Q, M] = k(!1), [j, K] = k(0), [ee, E] = k(0), [g, $] = k(null);
+  const { appropriatenessTestService: a } = Te(), [i, s] = k(null), [c, d] = k(!0), [y, p] = k(!1), [b, P] = k(null), [v, A] = k({}), [T, w] = k(0), [N, z] = k(!1), [Q, M] = k(!1), [j, K] = k(0), [ee, E] = k(0), [g, $] = k(null);
   ge(() => {
     (async () => {
       try {
         d(!0), P(null);
         const B = await a.getAppropriatenessTest(e);
-        if (o(B), B.waitTimeSpanForNextTry && B.waitTimeSpanForNextTry !== "00:00:00") {
+        if (s(B), B.waitTimeSpanForNextTry && B.waitTimeSpanForNextTry !== "00:00:00") {
           const H = Tt(B.waitTimeSpanForNextTry);
           H > 0 && K(H);
         }
@@ -4869,7 +4908,7 @@ const En = ({
   }, _ = ae(async () => {
     try {
       const B = await a.getAppropriatenessTest(e);
-      if (o(B), B.waitTimeSpanForNextTry && B.waitTimeSpanForNextTry !== "00:00:00") {
+      if (s(B), B.waitTimeSpanForNextTry && B.waitTimeSpanForNextTry !== "00:00:00") {
         const H = Tt(B.waitTimeSpanForNextTry);
         H > 0 && K(H);
       }
@@ -4887,45 +4926,45 @@ const En = ({
       p(!0), P(null);
       try {
         const H = i.appropriatenessQuestions.map(
-          (I) => ({ appropriatenessQuestionId: I.id, value: v[I.id] || "" })
+          (R) => ({ appropriatenessQuestionId: R.id, value: v[R.id] || "" })
         ), fe = {
           applicantId: e,
           appropriatenessTestId: i.id,
           appropriatenessQuestionResults: H
         };
         try {
-          const I = await a.fillAppropriatenessTest(fe);
-          I.isSuccess ? $({ success: !0, message: I.message || "Congratulations! You have passed the test." }) : ($({ success: !1, message: I.message || "You did not pass the test." }), setTimeout(() => _(), 1e3));
-        } catch (I) {
-          if (I.code === 400 && I.message)
-            $({ success: !1, message: I.message }), setTimeout(() => _(), 1500);
+          const R = await a.fillAppropriatenessTest(fe);
+          R.isSuccess ? $({ success: !0, message: R.message || "Congratulations! You have passed the test." }) : ($({ success: !1, message: R.message || "You did not pass the test." }), setTimeout(() => _(), 1e3));
+        } catch (R) {
+          if (R.code === 400 && R.message)
+            $({ success: !1, message: R.message }), setTimeout(() => _(), 1500);
           else
-            throw I;
+            throw R;
         }
       } catch (H) {
-        P(H.message || "Failed to submit test. Please try again."), se();
+        P(H.message || "Failed to submit test. Please try again."), ie();
       } finally {
         p(!1);
       }
     }
-  }, se = () => {
+  }, ie = () => {
     z(!1), M(!1), A({}), E(0);
   };
   if (c)
-    return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", padding: "48px 0", gap: "16px" }, children: [
+    return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", padding: "48px 0", gap: "16px" }, children: [
       /* @__PURE__ */ r(Me, { className: "my-8" }),
       /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: "Loading test..." })
     ] }) }) });
   if (!i)
-    return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("div", { style: { textAlign: "center", padding: "48px 0" }, children: [
+    return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("div", { style: { textAlign: "center", padding: "48px 0" }, children: [
       /* @__PURE__ */ r("p", { style: { fontSize: "16px", fontWeight: 600, color: "var(--metakyc-danger, #ef4444)" }, children: "No test data available" }),
-      x && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "8px" }, children: x })
+      b && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "8px" }, children: b })
     ] }) }) });
-  const Y = i.testAllowedMaxTry - i.totalFailedTries, ve = i.appropriatenessQuestions.length, ue = Object.keys(v).length;
+  const Y = i.testAllowedMaxTry - i.totalFailedTries, ve = i.appropriatenessQuestions.length, pe = Object.keys(v).length;
   if (j > 0)
-    return /* @__PURE__ */ s(re, { children: [
+    return /* @__PURE__ */ o(re, { children: [
       /* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: i.displayName }) }),
-      /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("div", { style: { textAlign: "center", padding: "32px 0" }, children: [
+      /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("div", { style: { textAlign: "center", padding: "32px 0" }, children: [
         /* @__PURE__ */ r("div", { style: {
           width: "100px",
           height: "100px",
@@ -4943,21 +4982,21 @@ const En = ({
         }, children: vt(j) }) }),
         /* @__PURE__ */ r("p", { style: { fontSize: "15px", fontWeight: 500, color: "var(--metakyc-text-primary, #111827)" }, children: "Please wait before retrying" }),
         /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "4px" }, children: "You can attempt the test again once the timer expires" }),
-        x && /* @__PURE__ */ r("div", { style: {
+        b && /* @__PURE__ */ r("div", { style: {
           marginTop: "20px",
           padding: "12px 16px",
           borderRadius: "10px",
           backgroundColor: "color-mix(in srgb, var(--metakyc-danger, #ef4444) 8%, transparent)",
           border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 20%, transparent)"
-        }, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: x }) })
+        }, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: b }) })
       ] }) })
     ] });
   if (g) {
     const B = () => {
-      $(null), se(), P(null);
+      $(null), ie(), P(null);
     };
-    return /* @__PURE__ */ s(re, { children: [
-      /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("div", { style: {
+    return /* @__PURE__ */ o(re, { children: [
+      /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("div", { style: {
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
@@ -4973,10 +5012,10 @@ const En = ({
           alignItems: "center",
           justifyContent: "center",
           backgroundColor: g.success ? "color-mix(in srgb, var(--metakyc-success, #10b981) 12%, transparent)" : "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)"
-        }, children: g.success ? /* @__PURE__ */ s("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-success, #10b981)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+        }, children: g.success ? /* @__PURE__ */ o("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-success, #10b981)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
           /* @__PURE__ */ r("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
           /* @__PURE__ */ r("polyline", { points: "22 4 12 14.01 9 11.01" })
-        ] }) : /* @__PURE__ */ s("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+        ] }) : /* @__PURE__ */ o("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
           /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
           /* @__PURE__ */ r("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
           /* @__PURE__ */ r("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
@@ -5001,7 +5040,7 @@ const En = ({
           borderRadius: "10px",
           backgroundColor: "var(--metakyc-surface, #f9fafb)",
           border: "1px solid var(--metakyc-border, #e5e7eb)"
-        }, children: /* @__PURE__ */ s("p", { style: {
+        }, children: /* @__PURE__ */ o("p", { style: {
           fontSize: "13px",
           color: "var(--metakyc-text-muted, #9ca3af)",
           margin: 0
@@ -5024,7 +5063,7 @@ const En = ({
           margin: 0
         }, children: "No attempts remaining. Please contact support for assistance." }) })
       ] }) }),
-      /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", width: "100%", gap: "12px" }, children: g.success ? /* @__PURE__ */ r(Z, { type: "button", onClick: () => t == null ? void 0 : t(), children: "Continue" }) : /* @__PURE__ */ s(lt, { children: [
+      /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", width: "100%", gap: "12px" }, children: g.success ? /* @__PURE__ */ r(Z, { type: "button", onClick: () => t == null ? void 0 : t(), children: "Continue" }) : /* @__PURE__ */ o(lt, { children: [
         Y > 0 && j <= 0 && /* @__PURE__ */ r(Z, { type: "button", onClick: B, children: "Retake Test" }),
         Y > 0 && j > 0 && /* @__PURE__ */ r(Z, { type: "button", onClick: B, children: "OK" }),
         Y <= 0 && n && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: n, children: "Back" })
@@ -5032,13 +5071,13 @@ const En = ({
     ] });
   }
   if (!N)
-    return /* @__PURE__ */ s(re, { children: [
-      /* @__PURE__ */ s(Se, { children: [
+    return /* @__PURE__ */ o(re, { children: [
+      /* @__PURE__ */ o(Se, { children: [
         /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: i.displayName }),
         i.subtitle && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-secondary, #6b7280)", marginTop: "4px" }, children: i.subtitle })
       ] }),
-      /* @__PURE__ */ s(ne, { children: [
-        i.description && /* @__PURE__ */ s("div", { style: {
+      /* @__PURE__ */ o(ne, { children: [
+        i.description && /* @__PURE__ */ o("div", { style: {
           marginBottom: "20px",
           padding: "12px 14px",
           borderRadius: "10px",
@@ -5047,14 +5086,14 @@ const En = ({
           display: "flex",
           gap: "10px"
         }, children: [
-          /* @__PURE__ */ s("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-primary, #2563eb)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0, marginTop: "1px" }, children: [
+          /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-primary, #2563eb)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0, marginTop: "1px" }, children: [
             /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
             /* @__PURE__ */ r("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
             /* @__PURE__ */ r("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
           ] }),
           /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-text-secondary, #374151)", margin: 0, lineHeight: 1.5 }, children: i.description })
         ] }),
-        /* @__PURE__ */ s("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "12px", marginBottom: "20px" }, children: [
+        /* @__PURE__ */ o("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "12px", marginBottom: "20px" }, children: [
           /* @__PURE__ */ r(ht, { icon: "questions", label: "Questions", value: String(i.totalQuestionCount) }),
           /* @__PURE__ */ r(ht, { icon: "time", label: "Time Limit", value: vt(i.testDurationSec) }),
           /* @__PURE__ */ r(ht, { icon: "target", label: "Pass Requirement", value: `${i.testCorrectAnswerPassLimit} correct` }),
@@ -5068,7 +5107,7 @@ const En = ({
             }
           )
         ] }),
-        x && /* @__PURE__ */ s("div", { style: {
+        b && /* @__PURE__ */ o("div", { style: {
           marginBottom: "16px",
           padding: "12px 14px",
           borderRadius: "10px",
@@ -5077,15 +5116,15 @@ const En = ({
           display: "flex",
           gap: "10px"
         }, children: [
-          /* @__PURE__ */ s("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0, marginTop: "1px" }, children: [
+          /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0, marginTop: "1px" }, children: [
             /* @__PURE__ */ r("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
             /* @__PURE__ */ r("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
             /* @__PURE__ */ r("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
           ] }),
-          /* @__PURE__ */ s("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0, lineHeight: 1.5 }, children: [
+          /* @__PURE__ */ o("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0, lineHeight: 1.5 }, children: [
             /* @__PURE__ */ r("strong", { children: "Previous attempt:" }),
             " ",
-            x
+            b
           ] })
         ] }),
         Y <= 0 && /* @__PURE__ */ r("div", { style: {
@@ -5095,25 +5134,25 @@ const En = ({
           border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 20%, transparent)"
         }, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: "You have used all your attempts. Please contact support for assistance." }) })
       ] }),
-      /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: n ? "space-between" : "flex-end", width: "100%" }, children: [
+      /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: n ? "space-between" : "flex-end", width: "100%" }, children: [
         n && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: n, children: "Back" }),
         /* @__PURE__ */ r(Z, { type: "button", onClick: V, disabled: Y <= 0, children: "Start Test" })
       ] }) })
     ] });
-  const me = i.appropriatenessQuestions[ee], ke = ee === ve - 1, F = ue === ve, U = T <= 60;
-  return /* @__PURE__ */ s(re, { children: [
-    /* @__PURE__ */ s(Se, { children: [
-      /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-        /* @__PURE__ */ s("div", { children: [
+  const me = i.appropriatenessQuestions[ee], ke = ee === ve - 1, F = pe === ve, U = T <= 60;
+  return /* @__PURE__ */ o(re, { children: [
+    /* @__PURE__ */ o(Se, { children: [
+      /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: i.displayName }),
-          /* @__PURE__ */ s("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "2px" }, children: [
+          /* @__PURE__ */ o("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "2px" }, children: [
             "Question ",
             ee + 1,
             " of ",
             ve
           ] })
         ] }),
-        /* @__PURE__ */ s("div", { style: {
+        /* @__PURE__ */ o("div", { style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
@@ -5122,7 +5161,7 @@ const En = ({
           backgroundColor: U ? "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)" : "var(--metakyc-surface, #f3f4f6)",
           transition: "all 0.3s ease"
         }, children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ o(
             "svg",
             {
               width: "16",
@@ -5148,7 +5187,7 @@ const En = ({
           }, children: vt(T) })
         ] })
       ] }),
-      /* @__PURE__ */ s("div", { style: { marginTop: "12px" }, children: [
+      /* @__PURE__ */ o("div", { style: { marginTop: "12px" }, children: [
         /* @__PURE__ */ r("div", { style: {
           height: "4px",
           borderRadius: "999px",
@@ -5158,19 +5197,19 @@ const En = ({
           height: "100%",
           borderRadius: "999px",
           backgroundColor: "var(--metakyc-primary, #2563eb)",
-          width: `${ue / ve * 100}%`,
+          width: `${pe / ve * 100}%`,
           transition: "width 0.3s ease"
         } }) }),
-        /* @__PURE__ */ s("div", { style: {
+        /* @__PURE__ */ o("div", { style: {
           display: "flex",
           justifyContent: "space-between",
           marginTop: "4px"
         }, children: [
-          /* @__PURE__ */ s("span", { style: { fontSize: "11px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
-            ue,
+          /* @__PURE__ */ o("span", { style: { fontSize: "11px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
+            pe,
             " answered"
           ] }),
-          /* @__PURE__ */ s("span", { style: { fontSize: "11px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
+          /* @__PURE__ */ o("span", { style: { fontSize: "11px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
             Y,
             " attempt",
             Y !== 1 ? "s" : "",
@@ -5179,7 +5218,7 @@ const En = ({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ s(ne, { children: [
+    /* @__PURE__ */ o(ne, { children: [
       me && /* @__PURE__ */ r(
         An,
         {
@@ -5221,7 +5260,7 @@ const En = ({
         },
         B.id
       )) }),
-      Q && /* @__PURE__ */ s("div", { style: {
+      Q && /* @__PURE__ */ o("div", { style: {
         marginTop: "16px",
         padding: "12px 14px",
         borderRadius: "10px",
@@ -5231,21 +5270,21 @@ const En = ({
         alignItems: "center",
         gap: "10px"
       }, children: [
-        /* @__PURE__ */ s("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "#f59e0b", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [
+        /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "#f59e0b", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [
           /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
           /* @__PURE__ */ r("polyline", { points: "12 6 12 12 16 14" })
         ] }),
         /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "#b45309", margin: 0, fontWeight: 500 }, children: "Time's up! Your answers are being submitted." })
       ] }),
-      x && !Q && /* @__PURE__ */ r("div", { style: {
+      b && !Q && /* @__PURE__ */ r("div", { style: {
         marginTop: "16px",
         padding: "12px 14px",
         borderRadius: "10px",
         backgroundColor: "color-mix(in srgb, var(--metakyc-danger, #ef4444) 8%, transparent)",
         border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 20%, transparent)"
-      }, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: x }) })
+      }, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: b }) })
     ] }),
-    /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+    /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
       /* @__PURE__ */ r(
         Z,
         {
@@ -5258,7 +5297,7 @@ const En = ({
           children: ee > 0 ? "Previous" : "Cancel"
         }
       ),
-      /* @__PURE__ */ s("div", { style: { display: "flex", gap: "8px" }, children: [
+      /* @__PURE__ */ o("div", { style: { display: "flex", gap: "8px" }, children: [
         !ke && /* @__PURE__ */ r(
           Z,
           {
@@ -5282,26 +5321,26 @@ const En = ({
     ] }) })
   ] });
 }, Fn = {
-  questions: /* @__PURE__ */ s("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  questions: /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r("path", { d: "M9 11l3 3L22 4" }),
     /* @__PURE__ */ r("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" })
   ] }),
-  time: /* @__PURE__ */ s("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  time: /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ r("polyline", { points: "12 6 12 12 16 14" })
   ] }),
-  target: /* @__PURE__ */ s("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  target: /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "6" }),
     /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "2" })
   ] }),
-  retry: /* @__PURE__ */ s("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  retry: /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r("polyline", { points: "23 4 23 10 17 10" }),
     /* @__PURE__ */ r("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
   ] })
 }, ht = ({ icon: e, label: t, value: n, variant: a = "default" }) => {
   const i = a === "warning";
-  return /* @__PURE__ */ s("div", { style: {
+  return /* @__PURE__ */ o("div", { style: {
     display: "flex",
     alignItems: "center",
     gap: "12px",
@@ -5314,7 +5353,7 @@ const En = ({
       color: i ? "#f59e0b" : "var(--metakyc-primary, #2563eb)",
       flexShrink: 0
     }, children: Fn[e] }),
-    /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ o("div", { children: [
       /* @__PURE__ */ r("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", margin: 0 }, children: t }),
       /* @__PURE__ */ r("p", { style: {
         fontSize: "15px",
@@ -5325,8 +5364,8 @@ const En = ({
       }, children: n })
     ] })
   ] });
-}, An = ({ question: e, selectedAnswer: t, onSelect: n, disabled: a }) => /* @__PURE__ */ s("div", { children: [
-  /* @__PURE__ */ s("div", { style: { marginBottom: "16px" }, children: [
+}, An = ({ question: e, selectedAnswer: t, onSelect: n, disabled: a }) => /* @__PURE__ */ o("div", { children: [
+  /* @__PURE__ */ o("div", { style: { marginBottom: "16px" }, children: [
     e.groupName && /* @__PURE__ */ r("span", { style: {
       display: "inline-block",
       fontSize: "11px",
@@ -5344,9 +5383,9 @@ const En = ({
       lineHeight: 1.5
     }, children: e.question })
   ] }),
-  /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: e.answers.map((i, o) => {
+  /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: e.answers.map((i, s) => {
     const c = t === i;
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ o(
       "label",
       {
         style: {
@@ -5404,7 +5443,7 @@ const En = ({
           }, children: i })
         ]
       },
-      o
+      s
     );
   }) })
 ] }), Tn = ({
@@ -5413,7 +5452,7 @@ const En = ({
   onBack: n
 }) => {
   var Ze, je, it, Ye;
-  const { applicantService: a, baseInformationService: i, identityService: o, config: c, currentTheme: d } = Te(), { identityData: y, provider: p, token: x, isLoading: P, error: v, requestIdentity: A, restartIdentity: T } = Gr(e), [w, N] = k(null), [z, Q] = k(null), [M, j] = k([]), [K, ee] = k([]), [E, g] = k(!0), [$, V] = k(!1), [G, _] = k(null), [J, se] = k(!1), Y = we.useRef(!1), [ve, ue] = k({}), [me, ke] = k({}), F = d != null && d.reviewPageFields && d.reviewPageFields.length > 0 ? d.reviewPageFields[0] : null, U = !!(d != null && d.reviewPageDisabled), B = de(!1);
+  const { applicantService: a, baseInformationService: i, identityService: s, config: c, currentTheme: d } = Te(), { identityData: y, provider: p, token: b, isLoading: P, error: v, requestIdentity: A, restartIdentity: T } = Gr(e), [w, N] = k(null), [z, Q] = k(null), [M, j] = k([]), [K, ee] = k([]), [E, g] = k(!0), [$, V] = k(!1), [G, _] = k(null), [J, ie] = k(!1), Y = we.useRef(!1), [ve, pe] = k({}), [me, ke] = k({}), F = d != null && d.reviewPageFields && d.reviewPageFields.length > 0 ? d.reviewPageFields[0] : null, U = !!(d != null && d.reviewPageDisabled), B = de(!1);
   B.current = U;
   const H = Gt({
     defaultValues: {
@@ -5442,10 +5481,10 @@ const En = ({
         Q(O);
         const X = /* @__PURE__ */ new Set(), m = q.map((f) => ({ value: f.abbreviation3 || f.abbreviation, label: f.name })).filter((f) => !f.value || X.has(f.value) ? !1 : (X.add(f.value), !0));
         j(m);
-        const R = /* @__PURE__ */ new Set(), L = W.filter((f) => f.countryCode).map((f) => ({ value: f.countryCode, label: `${f.countryCode} – ${f.name}` })).filter((f) => R.has(f.value) ? !1 : (R.add(f.value), !0));
+        const I = /* @__PURE__ */ new Set(), L = W.filter((f) => f.countryCode).map((f) => ({ value: f.countryCode, label: `${f.countryCode} – ${f.name}` })).filter((f) => I.has(f.value) ? !1 : (I.add(f.value), !0));
         ee(L);
         const u = O.applicantRequestData;
-        if (ue({
+        if (pe({
           firstName: (u == null ? void 0 : u.firstName) || "",
           lastName: (u == null ? void 0 : u.lastName) || "",
           email: (u == null ? void 0 : u.email) || "",
@@ -5492,80 +5531,80 @@ const En = ({
   }, [e]), ge(() => {
     y && !$ && B.current && (console.log("[Identity] Review page disabled — showing cached provider"), V(!0));
   }, [y, $]), ge(() => {
-    if (x) {
-      if (x.expiresAt) {
-        const h = new Date(x.expiresAt).getTime();
+    if (b) {
+      if (b.expiresAt) {
+        const h = new Date(b.expiresAt).getTime();
         if (Date.now() >= h) {
-          console.warn("[Identity] Token has expired (expiresAt)"), se(!0), _("Your verification session has expired. Please restart.");
+          console.warn("[Identity] Token has expired (expiresAt)"), ie(!0), _("Your verification session has expired. Please restart.");
           return;
         }
       }
-      if (x.url)
+      if (b.url)
         try {
-          const O = new URL(x.url).toString().toLowerCase();
+          const O = new URL(b.url).toString().toLowerCase();
           if (O.includes("expired") || O.includes("invalid") || O.includes("error")) {
-            console.warn("[Identity] Token URL indicates expiration"), se(!0), _("Your verification link has expired. Please restart.");
+            console.warn("[Identity] Token URL indicates expiration"), ie(!0), _("Your verification link has expired. Please restart.");
             return;
           }
         } catch {
           console.error("[Identity] Invalid token URL");
         }
-      if (x.status === "expired" || x.error === "expired" || x.expired === !0) {
-        console.warn("[Identity] Token object indicates expiration"), se(!0), _("Your verification session has expired. Please restart.");
+      if (b.status === "expired" || b.error === "expired" || b.expired === !0) {
+        console.warn("[Identity] Token object indicates expiration"), ie(!0), _("Your verification session has expired. Please restart.");
         return;
       }
     }
-  }, [x]);
+  }, [b]);
   const fe = p !== null && p === Oe.Sumsub;
   ge(() => {
-    if (p !== null && x && !w && $ && !J) {
+    if (p !== null && b && !w && $ && !J) {
       const h = p;
       if (fe) {
         console.log("[Sumsub] Fetching access token for Web SDK…"), _(null), (async () => {
           try {
-            const O = await o.refreshSumsubToken(e), q = Ge.parseProviderConfig(p, x, c);
-            q.accessToken = O, q.onTokenRefresh = () => o.refreshSumsubToken(e);
+            const O = await s.refreshSumsubToken(e), q = Ge.parseProviderConfig(p, b, c);
+            q.accessToken = O, q.onTokenRefresh = () => s.refreshSumsubToken(e);
             const W = Ge.createProvider(p, q);
             W.onComplete((X) => {
               console.log("[Sumsub] Verification complete:", X), t == null || t();
             }), W.onError((X) => {
-              console.error("[Sumsub] SDK error:", X), (typeof X == "string" ? X : (X == null ? void 0 : X.message) || "Unknown error").toLowerCase().includes("expired") && (se(!0), _("Session expired. Please restart."));
+              console.error("[Sumsub] SDK error:", X), (typeof X == "string" ? X : (X == null ? void 0 : X.message) || "Unknown error").toLowerCase().includes("expired") && (ie(!0), _("Session expired. Please restart."));
             }), await W.initialize("sumsub-websdk-container"), console.log("[Sumsub] Web SDK launched"), N(W);
           } catch (O) {
-            console.error("[Sumsub] Initialization error:", O), _(`Failed to initialize: ${O.message || O}`), String(O.message || O).toLowerCase().includes("expired") && se(!0);
+            console.error("[Sumsub] Initialization error:", O), _(`Failed to initialize: ${O.message || O}`), String(O.message || O).toLowerCase().includes("expired") && ie(!0);
           }
         })();
         return;
       }
-      if (x.url) {
-        console.log("[Identity] Loading provider URL for user verification:", x.url), _(null);
+      if (b.url) {
+        console.log("[Identity] Loading provider URL for user verification:", b.url), _(null);
         try {
-          if (new URL(x.url), h === Oe.SardinAI) {
+          if (new URL(b.url), h === Oe.SardinAI) {
             console.log("[SardinAI] Initializing Risk SDK in background...");
             try {
-              const O = Ge.parseProviderConfig(p, x, c);
+              const O = Ge.parseProviderConfig(p, b, c);
               Ge.createProvider(p, O).initialize().then(() => console.log("[SardinAI] Risk SDK initialized in background")).catch((W) => console.warn("[SardinAI] Risk SDK init failed (non-blocking):", W));
             } catch (O) {
               console.warn("[SardinAI] Risk SDK setup failed (non-blocking):", O);
             }
           }
-          N({ type: "url", url: x.url });
+          N({ type: "url", url: b.url });
         } catch (O) {
-          console.error("[Identity] Invalid URL:", O), _("Invalid verification URL. Please restart."), se(!0);
+          console.error("[Identity] Invalid URL:", O), _("Invalid verification URL. Please restart."), ie(!0);
         }
         return;
       }
       if (h === Oe.SardinAI) {
         console.log("[SardinAI] No URL provided - initializing Risk SDK only..."), _(null);
         try {
-          const O = Ge.parseProviderConfig(p, x, c), q = Ge.createProvider(p, O);
+          const O = Ge.parseProviderConfig(p, b, c), q = Ge.createProvider(p, O);
           q.initialize().then(() => {
             console.log("[SardinAI] Risk SDK initialized successfully"), N(q), setTimeout(() => t == null ? void 0 : t(), 2e3);
           }).catch((W) => {
             var m;
             console.error("[SardinAI] Failed to initialize:", W);
             const X = ((m = W.message) == null ? void 0 : m.toLowerCase()) || "";
-            X.includes("expired") || X.includes("invalid") || X.includes("401") || X.includes("400") ? (se(!0), _("Session expired or invalid. Please restart verification.")) : _(`Failed to initialize: ${W.message}`);
+            X.includes("expired") || X.includes("invalid") || X.includes("401") || X.includes("400") ? (ie(!0), _("Session expired or invalid. Please restart verification.")) : _(`Failed to initialize: ${W.message}`);
           });
         } catch (O) {
           console.error("[SardinAI] Error creating provider:", O), _(`Configuration error: ${O.message}`);
@@ -5574,7 +5613,7 @@ const En = ({
       }
       try {
         _(null);
-        const O = Ge.parseProviderConfig(p, x, c), q = Ge.createProvider(p, O);
+        const O = Ge.parseProviderConfig(p, b, c), q = Ge.createProvider(p, O);
         h === Oe.Onfido && q.initialize("identity-container").catch((W) => {
           console.error("[Onfido] Initialization error:", W), _(`Failed to initialize: ${W.message}`);
         }), N(q);
@@ -5590,35 +5629,35 @@ const En = ({
           console.error("[Identity] Error destroying provider:", h);
         }
     };
-  }, [p, x, w, $, t, J, fe, e, c, o]);
-  const I = async () => {
+  }, [p, b, w, $, t, J, fe, e, c, s]);
+  const R = async () => {
     try {
-      _(null), se(!1), await A(), V(!0);
+      _(null), ie(!1), await A(), V(!0);
     } catch (h) {
       console.error("Error starting identity verification:", h);
     }
   }, te = async () => {
     try {
-      _(null), se(!1), N(null), console.log("[Identity] Restarting verification..."), await T(), V(!0);
+      _(null), ie(!1), N(null), console.log("[Identity] Restarting verification..."), await T(), V(!0);
     } catch (h) {
       console.error("Error restarting identity verification:", h), _(h.message || "Failed to restart verification");
     }
   };
   if (E || P)
-    return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ s(ne, { children: [
+    return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ne, { children: [
       /* @__PURE__ */ r(Me, { className: "my-8" }),
       /* @__PURE__ */ r("p", { className: "text-center text-gray-600 dark:text-gray-400 mt-4", children: "Loading identity verification..." })
     ] }) });
   if (v)
-    return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("p", { className: "text-danger-500", children: [
+    return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
       "Error: ",
       v.message
     ] }) }) });
   if ($ && (G || J))
-    return /* @__PURE__ */ s(re, { children: [
+    return /* @__PURE__ */ o(re, { children: [
       /* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: "Verification Session Issue" }) }),
-      /* @__PURE__ */ s(ne, { 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__ */ o(ne, { 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__ */ o("div", { className: "flex items-start", children: [
           /* @__PURE__ */ r(
             "svg",
             {
@@ -5637,41 +5676,41 @@ const En = ({
               )
             }
           ),
-          /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ o("div", { children: [
             /* @__PURE__ */ r("h3", { className: "font-semibold text-red-900 dark:text-red-100 mb-1", children: J ? "Session Expired" : "Verification Error" }),
             /* @__PURE__ */ r("p", { className: "text-red-800 dark:text-red-200 text-sm", children: G || "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: [
+        /* @__PURE__ */ o("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4", children: [
           /* @__PURE__ */ r("h3", { className: "font-semibold text-blue-900 dark:text-blue-100 mb-2", children: "What to do next:" }),
-          /* @__PURE__ */ s("ul", { className: "text-blue-800 dark:text-blue-200 text-sm space-y-1 list-disc list-inside", children: [
+          /* @__PURE__ */ o("ul", { className: "text-blue-800 dark:text-blue-200 text-sm space-y-1 list-disc list-inside", children: [
             /* @__PURE__ */ r("li", { children: 'Click "Restart Verification" below to generate a new session' }),
             /* @__PURE__ */ r("li", { children: "Complete the verification process without delays" }),
             /* @__PURE__ */ r("li", { children: "If issues persist, contact support" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ s(Ce, { className: "flex justify-between", children: [
+      /* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
         n && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: n, children: "Back" }),
         /* @__PURE__ */ r(Z, { type: "button", onClick: te, disabled: P, children: P ? "Restarting..." : "Restart Verification" })
       ] })
     ] });
   if ($ && y) {
     const h = p;
-    return fe ? /* @__PURE__ */ s("div", { style: {
+    return fe ? /* @__PURE__ */ o("div", { style: {
       background: "var(--metakyc-background, #ffffff)",
       borderRadius: "12px",
       border: "1px solid var(--metakyc-border, #e5e7eb)",
       overflow: "hidden"
     }, children: [
-      /* @__PURE__ */ s("div", { style: {
+      /* @__PURE__ */ o("div", { style: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between",
         padding: "20px 24px",
         borderBottom: "1px solid var(--metakyc-border, #e5e7eb)"
       }, children: [
-        /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ r("h2", { style: {
             margin: 0,
             fontSize: "20px",
@@ -5721,9 +5760,9 @@ const En = ({
         padding: "16px 24px",
         borderTop: "1px solid var(--metakyc-border, #e5e7eb)"
       }, children: /* @__PURE__ */ r(Z, { variant: "outline", onClick: n, children: "Back" }) })
-    ] }) : x != null && x.url ? /* @__PURE__ */ s(re, { children: [
-      /* @__PURE__ */ r(Se, { children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ s("div", { children: [
+    ] }) : b != null && b.url ? /* @__PURE__ */ o(re, { children: [
+      /* @__PURE__ */ r(Se, { children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ o("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" })
         ] }),
@@ -5739,15 +5778,15 @@ const En = ({
           }
         )
       ] }) }),
-      /* @__PURE__ */ s(ne, { children: [
-        /* @__PURE__ */ r("div", { className: "mb-4 p-3 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg", children: /* @__PURE__ */ s("p", { className: "text-yellow-800 dark:text-yellow-200 text-sm", children: [
+      /* @__PURE__ */ o(ne, { children: [
+        /* @__PURE__ */ r("div", { className: "mb-4 p-3 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-yellow-800 dark:text-yellow-200 text-sm", children: [
           /* @__PURE__ */ r("strong", { children: "Important:" }),
           ' If you see an "expired" or "invalid link" message below, click the "Restart" button above to generate a new verification session.'
         ] }) }),
         /* @__PURE__ */ r("div", { className: "w-full", style: { height: "600px" }, children: /* @__PURE__ */ r(
           "iframe",
           {
-            src: x.url,
+            src: b.url,
             className: "w-full h-full border-0 rounded-lg",
             allow: "camera; microphone; geolocation",
             title: "Identity Verification",
@@ -5755,10 +5794,10 @@ const En = ({
               var q, W, X;
               console.log("[Identity] Iframe loaded");
               try {
-                const m = O.target, R = m.contentDocument || ((q = m.contentWindow) == null ? void 0 : q.document);
-                if (R) {
-                  const L = ((X = (W = R.body) == null ? void 0 : W.textContent) == null ? void 0 : X.toLowerCase()) || "";
-                  (L.includes("expired") || L.includes("invalid") || L.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), se(!0), _("Your verification link has expired."));
+                const m = O.target, I = m.contentDocument || ((q = m.contentWindow) == null ? void 0 : q.document);
+                if (I) {
+                  const L = ((X = (W = I.body) == null ? void 0 : W.textContent) == null ? void 0 : X.toLowerCase()) || "";
+                  (L.includes("expired") || L.includes("invalid") || L.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), ie(!0), _("Your verification link has expired."));
                 }
               } catch {
                 console.log("[Identity] Cannot check iframe content (CORS)");
@@ -5768,18 +5807,18 @@ const En = ({
         ) })
       ] }),
       n && /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(Z, { variant: "outline", onClick: n, children: "Back" }) })
-    ] }) : h === Oe.SardinAI ? /* @__PURE__ */ s(re, { children: [
-      /* @__PURE__ */ s(Se, { children: [
+    ] }) : h === Oe.SardinAI ? /* @__PURE__ */ o(re, { children: [
+      /* @__PURE__ */ o(Se, { 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..." })
       ] }),
-      /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("div", { className: "text-center py-12", children: [
+      /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("div", { className: "text-center py-12", children: [
         /* @__PURE__ */ r(Me, { className: "mb-4" }),
         /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400", children: "Please wait while we verify your device security" }),
         /* @__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(re, { children: [
-      /* @__PURE__ */ s(Se, { children: [
+    ] }) : /* @__PURE__ */ o(re, { children: [
+      /* @__PURE__ */ o(Se, { 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" })
       ] }),
@@ -5799,7 +5838,7 @@ const En = ({
     return String(O);
   }, $e = ({ helpText: h }) => {
     const [O, q] = k(!1), W = de(null), [, X] = k({ top: 0, left: 0 });
-    return /* @__PURE__ */ s(lt, { children: [
+    return /* @__PURE__ */ o(lt, { children: [
       /* @__PURE__ */ r(
         "button",
         {
@@ -5808,8 +5847,8 @@ const En = ({
           ref: W,
           onClick: () => {
             if (W.current) {
-              const R = W.current.getBoundingClientRect();
-              X({ top: R.bottom + window.scrollY + 6, left: R.left + window.scrollX });
+              const I = W.current.getBoundingClientRect();
+              X({ top: I.bottom + window.scrollY + 6, left: I.left + window.scrollX });
             }
             q(!0);
           },
@@ -5850,10 +5889,10 @@ const En = ({
               justifyContent: "center"
             },
             onClick: () => q(!1),
-            children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ o(
               "div",
               {
-                onClick: (R) => R.stopPropagation(),
+                onClick: (I) => I.stopPropagation(),
                 style: {
                   background: "var(--metakyc-surface, var(--metakyc-background, #ffffff))",
                   border: "1px solid var(--metakyc-border, #e5e7eb)",
@@ -5891,7 +5930,7 @@ const En = ({
         document.body
       )
     ] });
-  }, Re = (h, O) => O ? /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "flex-start", gap: 5, flexWrap: "nowrap" }, children: [
+  }, Ie = (h, O) => O ? /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "flex-start", gap: 5, flexWrap: "nowrap" }, children: [
     /* @__PURE__ */ r("div", { style: { flex: 1, minWidth: 0 }, children: h }),
     /* @__PURE__ */ r("div", { style: { paddingTop: 24 }, children: /* @__PURE__ */ r($e, { helpText: O }) })
   ] }) : h, _e = (h, O) => {
@@ -5917,7 +5956,7 @@ const En = ({
         q
       );
     if (h.customType === "link")
-      return /* @__PURE__ */ r("div", { style: oe(h.colSpan), children: Re(
+      return /* @__PURE__ */ r("div", { style: oe(h.colSpan), children: Ie(
         /* @__PURE__ */ r(
           "a",
           {
@@ -5933,14 +5972,14 @@ const En = ({
       ) }, q);
     if (h.customType === "checkbox" || h.customType === "link_checkbox") {
       const m = X === "true" || X === !0;
-      return /* @__PURE__ */ r("div", { style: oe(h.colSpan), children: Re(
-        /* @__PURE__ */ s("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
+      return /* @__PURE__ */ r("div", { style: oe(h.colSpan), children: Ie(
+        /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
           /* @__PURE__ */ r(
             "input",
             {
               type: "checkbox",
               checked: !!m,
-              onChange: (R) => ke((L) => ({ ...L, [W]: String(R.target.checked) })),
+              onChange: (I) => ke((L) => ({ ...L, [W]: String(I.target.checked) })),
               style: {
                 width: 16,
                 height: 16,
@@ -5950,7 +5989,7 @@ const En = ({
               }
             }
           ),
-          /* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: h.customType === "link_checkbox" && h.linkUrl ? /* @__PURE__ */ s(lt, { children: [
+          /* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: h.customType === "link_checkbox" && h.linkUrl ? /* @__PURE__ */ o(lt, { children: [
             /* @__PURE__ */ r("a", { href: h.linkUrl, target: "_blank", rel: "noopener noreferrer", style: { color: "var(--metakyc-primary, #6366f1)", textDecoration: "underline" }, children: h.linkText || h.label }),
             h.label && h.linkText ? ` ${h.label}` : ""
           ] }) : h.displayText || h.label })
@@ -5959,22 +5998,22 @@ const En = ({
       ) }, q);
     }
     if (h.customType === "group_checkbox") {
-      const m = Array.isArray(X) ? X : X ? [X] : [], R = (L) => {
+      const m = Array.isArray(X) ? X : X ? [X] : [], I = (L) => {
         h.singleSelect ? ke((u) => ({ ...u, [W]: m[0] === L ? [] : [L] })) : ke((u) => ({
           ...u,
           [W]: m.includes(L) ? m.filter((l) => l !== L) : [...m, L]
         }));
       };
-      return /* @__PURE__ */ r("div", { style: oe(h.colSpan), children: Re(
-        /* @__PURE__ */ s("div", { className: "space-y-1.5", children: [
+      return /* @__PURE__ */ r("div", { style: oe(h.colSpan), children: Ie(
+        /* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
           h.label && /* @__PURE__ */ r("p", { className: "text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: h.displayText || h.label }),
-          (h.options || []).map((L) => /* @__PURE__ */ s("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
+          (h.options || []).map((L) => /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
             /* @__PURE__ */ r(
               "input",
               {
                 type: "checkbox",
                 checked: m.includes(L.value),
-                onChange: () => R(L.value),
+                onChange: () => I(L.value),
                 style: { width: 16, height: 16, flexShrink: 0, marginTop: 2, accentColor: "var(--metakyc-primary, #6366f1)" }
               }
             ),
@@ -5984,10 +6023,10 @@ const En = ({
         h.helpText
       ) }, q);
     }
-    return h.customType === "radio_group" ? /* @__PURE__ */ r("div", { style: oe(h.colSpan), children: Re(
-      /* @__PURE__ */ s("div", { className: "space-y-1.5", children: [
+    return h.customType === "radio_group" ? /* @__PURE__ */ r("div", { style: oe(h.colSpan), children: Ie(
+      /* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
         h.label && /* @__PURE__ */ r("p", { className: "text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: h.displayText || h.label }),
-        (h.options || []).map((m) => /* @__PURE__ */ s("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
+        (h.options || []).map((m) => /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
           /* @__PURE__ */ r(
             "input",
             {
@@ -5995,7 +6034,7 @@ const En = ({
               name: `rg-${W}`,
               value: m.value,
               checked: X === m.value,
-              onChange: () => ke((R) => ({ ...R, [W]: m.value })),
+              onChange: () => ke((I) => ({ ...I, [W]: m.value })),
               style: { width: 16, height: 16, flexShrink: 0, marginTop: 2, accentColor: "var(--metakyc-primary, #6366f1)" }
             }
           ),
@@ -6003,55 +6042,55 @@ const En = ({
         ] }, m.value))
       ] }),
       h.helpText
-    ) }, q) : /* @__PURE__ */ r("div", { style: oe(h.colSpan), children: Re(
+    ) }, q) : /* @__PURE__ */ r("div", { style: oe(h.colSpan), children: Ie(
       /* @__PURE__ */ r(
         xe,
         {
           label: h.displayText || h.label || W,
           value: String(X ?? ""),
-          onChange: (m) => ke((R) => ({ ...R, [W]: m.target.value }))
+          onChange: (m) => ke((I) => ({ ...I, [W]: m.target.value }))
         }
       ),
       h.helpText
     ) }, q);
   }, at = (h, O) => {
     if (h.isCustom) return _e(h, O);
-    const q = h.name ?? "", W = nt[q], X = h.displayText || (W == null ? void 0 : W.label) || q, m = ve[q] ?? "", R = q === "mobileCountryCode", L = !!(W != null && W.countriesType) && !R;
-    return h.editable ? R ? /* @__PURE__ */ r("div", { style: oe(h.colSpan ?? 2), children: Re(
+    const q = h.name ?? "", W = nt[q], X = h.displayText || (W == null ? void 0 : W.label) || q, m = ve[q] ?? "", I = q === "mobileCountryCode", L = !!(W != null && W.countriesType) && !I;
+    return h.editable ? I ? /* @__PURE__ */ r("div", { style: oe(h.colSpan ?? 2), children: Ie(
       /* @__PURE__ */ r(
         qe,
         {
           label: X,
           value: String(m),
-          onChange: (u) => ue((l) => ({ ...l, [q]: u })),
+          onChange: (u) => pe((l) => ({ ...l, [q]: u })),
           options: [{ value: "", label: "Select country code…" }, ...K]
         }
       ),
       h.helpText
-    ) }, `epc-${O}`) : L ? /* @__PURE__ */ r("div", { style: oe(h.colSpan ?? 2), children: Re(
+    ) }, `epc-${O}`) : L ? /* @__PURE__ */ r("div", { style: oe(h.colSpan ?? 2), children: Ie(
       /* @__PURE__ */ r(
         qe,
         {
           label: X,
           value: String(m),
-          onChange: (u) => ue((l) => ({ ...l, [q]: u })),
+          onChange: (u) => pe((l) => ({ ...l, [q]: u })),
           options: [{ value: "", label: `Select ${X.toLowerCase()}…` }, ...M]
         }
       ),
       h.helpText
-    ) }, `ec-${O}`) : /* @__PURE__ */ r("div", { style: oe(h.colSpan ?? 2), children: Re(
+    ) }, `ec-${O}`) : /* @__PURE__ */ r("div", { style: oe(h.colSpan ?? 2), children: Ie(
       /* @__PURE__ */ r(
         xe,
         {
           label: X,
           type: (W == null ? void 0 : W.type) === "date" ? "date" : (W == null ? void 0 : W.type) === "email" ? "email" : "text",
           value: String(m),
-          onChange: (u) => ue((l) => ({ ...l, [q]: u.target.value }))
+          onChange: (u) => pe((l) => ({ ...l, [q]: u.target.value }))
         }
       ),
       h.helpText
-    ) }, `ei-${O}`) : /* @__PURE__ */ r("div", { style: oe(h.colSpan ?? 2), children: Re(
-      /* @__PURE__ */ s(lt, { children: [
+    ) }, `ei-${O}`) : /* @__PURE__ */ r("div", { style: oe(h.colSpan ?? 2), children: Ie(
+      /* @__PURE__ */ o(lt, { children: [
         /* @__PURE__ */ r("label", { className: "block text-sm font-medium mb-0.5", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: X }),
         /* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)", minHeight: "1.5rem" }, children: Ne(q, m) })
       ] }),
@@ -6061,36 +6100,36 @@ const En = ({
   if (F) {
     const h = F.title || "Review Your Information", O = F.subtitle || "Please review and confirm your information before starting identity verification";
     return /* @__PURE__ */ r("form", { onSubmit: (q) => {
-      q.preventDefault(), I();
-    }, children: /* @__PURE__ */ s(re, { children: [
-      /* @__PURE__ */ s(Se, { children: [
+      q.preventDefault(), R();
+    }, children: /* @__PURE__ */ o(re, { children: [
+      /* @__PURE__ */ o(Se, { children: [
         /* @__PURE__ */ r("h2", { className: "text-lg font-bold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: h }),
         /* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: O })
       ] }),
       /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: F.fields.map((q, W) => at(q, W)) }) }),
-      /* @__PURE__ */ s(Ce, { className: "flex justify-between", children: [
+      /* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
         n && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: n, children: "Back" }),
         /* @__PURE__ */ r(Z, { type: "submit", isLoading: P, children: "Confirm and Start Verification" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ r("form", { onSubmit: H.handleSubmit(I), children: /* @__PURE__ */ s(re, { children: [
-    /* @__PURE__ */ s(Se, { children: [
+  return /* @__PURE__ */ r("form", { onSubmit: H.handleSubmit(R), children: /* @__PURE__ */ o(re, { children: [
+    /* @__PURE__ */ o(Se, { 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" })
     ] }),
-    /* @__PURE__ */ s(ne, { className: "space-y-6", children: [
+    /* @__PURE__ */ o(ne, { className: "space-y-6", children: [
       /* @__PURE__ */ r("div", { className: "space-y-4 pb-4", style: { borderBottom: "1px solid var(--metakyc-border, #e5e7eb)" }, children: [
         { label: "Name", value: `${((Ze = z == null ? void 0 : z.applicantRequestData) == null ? void 0 : Ze.firstName) || ""} ${((je = z == null ? void 0 : z.applicantRequestData) == null ? void 0 : je.lastName) || ""}`.trim() },
         { label: "Email", value: (it = z == null ? void 0 : z.applicantRequestData) == null ? void 0 : it.email },
         { label: "Date of Birth", value: ((Ye = z == null ? void 0 : z.applicantRequestData) == null ? void 0 : Ye.dateOfBirth) || "Not provided" }
-      ].map(({ label: h, value: O }) => /* @__PURE__ */ s("div", { children: [
+      ].map(({ label: h, value: O }) => /* @__PURE__ */ o("div", { children: [
         /* @__PURE__ */ r("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: h }),
         /* @__PURE__ */ r("p", { className: "mt-1 text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: O })
       ] }, h)) }),
-      /* @__PURE__ */ s("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ o("div", { className: "space-y-4", children: [
         /* @__PURE__ */ r("h3", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: "Address Information" }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
           /* @__PURE__ */ r(
             et,
             {
@@ -6124,18 +6163,18 @@ const En = ({
             }
           )
         ] }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
           /* @__PURE__ */ r(et, { control: H.control, name: "street", render: ({ field: h }) => /* @__PURE__ */ r(xe, { ...h, label: "Street" }) }),
           /* @__PURE__ */ r(et, { control: H.control, name: "streetNumber", render: ({ field: h }) => /* @__PURE__ */ r(xe, { ...h, label: "Street Number" }) })
         ] }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
           /* @__PURE__ */ r(et, { control: H.control, name: "city", render: ({ field: h }) => /* @__PURE__ */ r(xe, { ...h, label: "City" }) }),
           /* @__PURE__ */ r(et, { control: H.control, name: "zip", render: ({ field: h }) => /* @__PURE__ */ r(xe, { ...h, label: "ZIP / Postal Code" }) })
         ] }),
         /* @__PURE__ */ r(et, { control: H.control, name: "phonenumber", render: ({ field: h }) => /* @__PURE__ */ r(xe, { ...h, label: "Phone Number", type: "tel" }) })
       ] })
     ] }),
-    /* @__PURE__ */ s(Ce, { className: "flex justify-between", children: [
+    /* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       n && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: n, children: "Back" }),
       /* @__PURE__ */ r(Z, { type: "submit", isLoading: P, children: "Confirm and Start Verification" })
     ] })
@@ -6146,7 +6185,7 @@ const En = ({
   workflowResult: n,
   customMessage: a,
   onContinue: i,
-  onContactSupport: o
+  onContactSupport: s
 }) => {
   const d = e === tt.Approved ? {
     type: "success",
@@ -6219,8 +6258,8 @@ const En = ({
     iconColor: "text-blue-600 dark:text-blue-400",
     message: "Your application is being reviewed."
   };
-  return /* @__PURE__ */ s(re, { children: [
-    /* @__PURE__ */ s(ne, { className: "py-12", children: [
+  return /* @__PURE__ */ o(re, { children: [
+    /* @__PURE__ */ o(ne, { className: "py-12", children: [
       /* @__PURE__ */ r("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ r(
         "div",
         {
@@ -6237,46 +6276,46 @@ const En = ({
         }
       ) }),
       /* @__PURE__ */ r("p", { className: "text-center mb-6 max-w-md mx-auto", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a || d.message }),
-      d.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: [
+      d.type === "success" && /* @__PURE__ */ o("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: [
+        /* @__PURE__ */ o("ul", { className: "text-sm text-green-800 dark:text-green-200 space-y-1", children: [
           /* @__PURE__ */ r("li", { children: "✓ Your identity has been verified" }),
           /* @__PURE__ */ r("li", { children: "✓ You can now proceed with your application" }),
           /* @__PURE__ */ r("li", { children: "✓ All features are now accessible" })
         ] })
       ] }),
-      d.type === "error" && /* @__PURE__ */ s("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mb-6", children: [
+      d.type === "error" && /* @__PURE__ */ o("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mb-6", children: [
         /* @__PURE__ */ r("h3", { className: "font-semibold text-red-900 dark:text-red-100 mb-2", children: "What Can You Do?" }),
-        /* @__PURE__ */ s("ul", { className: "text-sm text-red-800 dark:text-red-200 space-y-2", children: [
+        /* @__PURE__ */ o("ul", { className: "text-sm text-red-800 dark:text-red-200 space-y-2", children: [
           /* @__PURE__ */ r("li", { children: "• Review the requirements and ensure all information is correct" }),
           /* @__PURE__ */ r("li", { children: "• Contact our support team for assistance" }),
           /* @__PURE__ */ r("li", { children: "• You may be able to resubmit your application" })
         ] })
       ] }),
-      d.type === "pending" && /* @__PURE__ */ s("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4 mb-6", children: [
+      d.type === "pending" && /* @__PURE__ */ o("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4 mb-6", children: [
         /* @__PURE__ */ r("h3", { className: "font-semibold text-blue-900 dark:text-blue-100 mb-2", children: "What Happens Next?" }),
-        /* @__PURE__ */ s("ul", { className: "text-sm text-blue-800 dark:text-blue-200 space-y-2", children: [
+        /* @__PURE__ */ o("ul", { className: "text-sm text-blue-800 dark:text-blue-200 space-y-2", children: [
           /* @__PURE__ */ r("li", { children: "• Our team is reviewing your information" }),
           /* @__PURE__ */ r("li", { children: "• You will be notified via email once the review is complete" }),
           /* @__PURE__ */ r("li", { children: "• This typically takes 24-48 hours" }),
           /* @__PURE__ */ r("li", { children: "• No action is required from you at this time" })
         ] })
       ] }),
-      /* @__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("div", { className: "mt-6 pt-6", style: { borderTop: "1px solid var(--metakyc-border, #e5e7eb)" }, children: /* @__PURE__ */ o("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
+        /* @__PURE__ */ o("div", { children: [
           /* @__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 ? tt[e] : "Not Available" })
         ] }),
-        /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ o("div", { children: [
           /* @__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: rt[t] })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ s(Ce, { className: "flex justify-center gap-4", children: [
+    /* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "center", gap: "1rem" }, children: [
       d.type === "success" && i && /* @__PURE__ */ r(Z, { onClick: i, size: "lg", children: "Continue" }),
-      d.type === "error" && /* @__PURE__ */ s(lt, { children: [
-        o && /* @__PURE__ */ r(Z, { variant: "outline", onClick: o, children: "Contact Support" }),
+      d.type === "error" && /* @__PURE__ */ o(lt, { children: [
+        s && /* @__PURE__ */ r(Z, { variant: "outline", onClick: s, children: "Contact Support" }),
         i && /* @__PURE__ */ r(Z, { onClick: i, children: "Try Again" })
       ] }),
       d.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" }) })
@@ -6302,16 +6341,16 @@ const En = ({
   subtitle: t,
   className: n = ""
 }) => {
-  const { currentTheme: a } = Te(), i = e || (a == null ? void 0 : a.title) || "", o = !!(a != null && a.logo && a.logo.visible && a.logo.url), c = !!i;
-  return !o && !c ? null : /* @__PURE__ */ s("div", { className: `metakyc-header ${n}`, children: [
-    /* @__PURE__ */ s(
+  const { currentTheme: a } = Te(), i = e || (a == null ? void 0 : a.title) || "", s = !!(a != null && a.logo && a.logo.visible && a.logo.url), c = !!i;
+  return !s && !c ? null : /* @__PURE__ */ o("div", { className: `metakyc-header ${n}`, children: [
+    /* @__PURE__ */ o(
       "div",
       {
         className: "metakyc-header-title flex items-center text-xl font-bold",
         style: { color: "var(--metakyc-text-primary, #111827)" },
         children: [
-          o && /* @__PURE__ */ r(Pn, { config: a.logo }),
-          o && c && /* @__PURE__ */ r(
+          s && /* @__PURE__ */ r(Pn, { config: a.logo }),
+          s && c && /* @__PURE__ */ r(
             "span",
             {
               style: { fontSize: "1.5rem", fontWeight: 300, color: "var(--metakyc-text-muted, #9ca3af)", margin: "0 12px" },
@@ -6325,7 +6364,7 @@ const En = ({
     t && /* @__PURE__ */ r("p", { className: "text-sm mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: t })
   ] });
 }, ft = ["firstName", "lastName", "email", "phonenumber", "dateOfBirth"];
-function ot(e) {
+function st(e) {
   return e == null || e === "" || Array.isArray(e) && e.length === 0;
 }
 const pt = {
@@ -6361,10 +6400,10 @@ const pt = {
         justifyContent: "center",
         padding: "16px"
       },
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ o(
         "div",
         {
-          onClick: (o) => o.stopPropagation(),
+          onClick: (s) => s.stopPropagation(),
           style: {
             background: "var(--metakyc-surface, var(--metakyc-background, #ffffff))",
             border: "1px solid var(--metakyc-border, #e5e7eb)",
@@ -6420,7 +6459,7 @@ const pt = {
       )
     }
   ) : null;
-  return /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "flex-start", gap: "5px", flexWrap: "nowrap" }, children: [
+  return /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "flex-start", gap: "5px", flexWrap: "nowrap" }, children: [
     t,
     /* @__PURE__ */ r(
       "button",
@@ -6450,11 +6489,11 @@ const pt = {
           zIndex: 2,
           transition: "background 0.15s, color 0.15s"
         },
-        onMouseEnter: (o) => {
-          o.currentTarget.style.background = "var(--metakyc-primary, #2563eb)", o.currentTarget.style.color = "#ffffff";
+        onMouseEnter: (s) => {
+          s.currentTarget.style.background = "var(--metakyc-primary, #2563eb)", s.currentTarget.style.color = "#ffffff";
         },
-        onMouseLeave: (o) => {
-          o.currentTarget.style.background = "transparent", o.currentTarget.style.color = "var(--metakyc-primary, #2563eb)";
+        onMouseLeave: (s) => {
+          s.currentTarget.style.background = "transparent", s.currentTarget.style.color = "var(--metakyc-primary, #2563eb)";
         },
         children: "?"
       }
@@ -6467,13 +6506,13 @@ const pt = {
   onSuccess: n,
   onCancel: a
 }) => {
-  var q, W, X, m, R, L, u;
-  const { config: i, baseInformationService: o, currentTheme: c } = Te(), { createApplicant: d, isLoading: y } = zt(), p = e || ((q = i.applicantForm) == null ? void 0 : q.workflowKey);
+  var q, W, X, m, I, L, u;
+  const { config: i, baseInformationService: s, currentTheme: c } = Te(), { createApplicant: d, isLoading: y } = zt(), p = e || ((q = i.applicantForm) == null ? void 0 : q.workflowKey);
   if (!p)
     throw new Error(
       "workflowKey is required. Provide it either as a prop to CreateApplicantForm or set it in config.applicantForm.workflowKey"
     );
-  const x = t || ((W = i.applicantForm) == null ? void 0 : W.externalRefId) || "", P = ((X = i.applicantForm) == null ? void 0 : X.email) || "", v = ((m = i.applicantForm) == null ? void 0 : m.hiddenValues) || {}, A = ((R = i.applicantForm) == null ? void 0 : R.initialValues) || {}, w = (((L = i.applicantForm) == null ? void 0 : L.fieldLabelMode) || (c == null ? void 0 : c.fieldLabelMode) || "label") !== "placeholder", N = De(
+  const b = t || ((W = i.applicantForm) == null ? void 0 : W.externalRefId) || "", P = ((X = i.applicantForm) == null ? void 0 : X.email) || "", v = ((m = i.applicantForm) == null ? void 0 : m.hiddenValues) || {}, A = ((I = i.applicantForm) == null ? void 0 : I.initialValues) || {}, w = (((L = i.applicantForm) == null ? void 0 : L.fieldLabelMode) || (c == null ? void 0 : c.fieldLabelMode) || "label") !== "placeholder", N = De(
     () => c != null && c.applicantFormPages && c.applicantFormPages.length > 0 ? c.applicantFormPages : null,
     [c == null ? void 0 : c.applicantFormPages]
   ), z = De(() => {
@@ -6481,20 +6520,20 @@ const pt = {
     if (f) for (const D of f) l.add(D);
     if (N)
       for (const D of N)
-        for (const b of D.fields)
-          !b.isCustom && b.name && b.required && l.add(b.name);
+        for (const x of D.fields)
+          !x.isCustom && x.name && x.required && l.add(x.name);
     return Array.from(l);
   }, [c == null ? void 0 : c.applicantFormRequiredFields, N]), Q = De(() => {
     var D;
     if (N) {
-      const b = N.flatMap((S) => S.fields).filter((S) => !S.isCustom && S.name).map((S) => S.name), C = new Set(b);
+      const x = N.flatMap((S) => S.fields).filter((S) => !S.isCustom && S.name).map((S) => S.name), C = new Set(x);
       for (const S of ft) C.add(S);
       return Array.from(C);
     }
     let l;
     (D = i.applicantForm) != null && D.visibleFields ? l = i.applicantForm.visibleFields : c != null && c.applicantFormVisibleFields && c.applicantFormVisibleFields.length > 0 ? l = c.applicantFormVisibleFields : l = cr;
     const f = new Set(l);
-    for (const b of ft) f.add(b);
+    for (const x of ft) f.add(x);
     return Array.from(f);
   }, [(u = i.applicantForm) == null ? void 0 : u.visibleFields, c == null ? void 0 : c.applicantFormVisibleFields, N]), M = /* @__PURE__ */ new Set([
     "country",
@@ -6507,18 +6546,18 @@ const pt = {
     var f, D;
     const l = /* @__PURE__ */ new Set();
     if (N)
-      for (const b of N)
-        for (const C of b.fields)
+      for (const x of N)
+        for (const C of x.fields)
           !C.isCustom && C.name && M.has(C.name) && l.add(C.countriesType ?? ((f = nt[C.name]) == null ? void 0 : f.countriesType));
     else
-      for (const b of Q)
-        M.has(b) && l.add((D = nt[b]) == null ? void 0 : D.countriesType);
+      for (const x of Q)
+        M.has(x) && l.add((D = nt[x]) == null ? void 0 : D.countriesType);
     return l.size === 0 && l.add(void 0), Array.from(l);
   }, [Q, N]), [K, ee] = k({}), [E, g] = k(!0), $ = de(/* @__PURE__ */ new Set()), V = de(/* @__PURE__ */ new Set());
   ge(() => {
     if (!c) return;
-    const l = j.filter((b) => {
-      const C = b != null ? String(b) : "all";
+    const l = j.filter((x) => {
+      const C = x != null ? String(x) : "all";
       return !V.current.has(C) && !$.current.has(C);
     });
     if (l.length === 0) {
@@ -6529,21 +6568,21 @@ const pt = {
       return;
     }
     g(!0);
-    const f = l.map((b) => b != null ? String(b) : "all");
-    f.forEach((b) => $.current.add(b)), (async () => {
+    const f = l.map((x) => x != null ? String(x) : "all");
+    f.forEach((x) => $.current.add(x)), (async () => {
       try {
-        const b = await Promise.all(
+        const x = await Promise.all(
           l.map(async (C) => {
-            const S = C != null ? String(C) : "all", pe = await o.getCountries("", i.locale || "en", C), ie = C === 40, be = /* @__PURE__ */ new Set(), Pe = pe.map((le) => ie && le.countryCode ? {
+            const S = C != null ? String(C) : "all", ue = await s.getCountries("", i.locale || "en", C), se = C === 40, be = /* @__PURE__ */ new Set(), Pe = ue.map((le) => se && le.countryCode ? {
               value: le.countryCode,
               label: `${le.countryCode} – ${le.name}`
             } : { value: le.abbreviation3 || le.abbreviation, label: le.name }).filter((le) => !le.value || be.has(le.value) ? !1 : (be.add(le.value), !0));
             return V.current.add(S), $.current.delete(S), [S, Pe];
           })
         );
-        ee((C) => ({ ...C, ...Object.fromEntries(b) }));
-      } catch (b) {
-        f.forEach((C) => $.current.delete(C)), console.error("Failed to load countries:", b);
+        ee((C) => ({ ...C, ...Object.fromEntries(x) }));
+      } catch (x) {
+        f.forEach((C) => $.current.delete(C)), console.error("Failed to load countries:", x);
       } finally {
         j.every((C) => {
           const S = C != null ? String(C) : "all";
@@ -6554,8 +6593,8 @@ const pt = {
   }, [j, c]);
   const G = (l, f) => {
     var C;
-    const D = f ?? ((C = nt[l]) == null ? void 0 : C.countriesType), b = D != null ? String(D) : "all";
-    return K[b] || [];
+    const D = f ?? ((C = nt[l]) == null ? void 0 : C.countriesType), x = D != null ? String(D) : "all";
+    return K[x] || [];
   }, _ = {
     firstName: 1,
     lastName: 1,
@@ -6581,7 +6620,7 @@ const pt = {
     taxNumber: 1
   }, J = Object.fromEntries(
     Object.entries(v).filter(([l]) => l in _)
-  ), se = Object.fromEntries(
+  ), ie = Object.fromEntries(
     Object.entries(A).filter(([l]) => l in _)
   ), [Y, ve] = k({
     workflowKey: p,
@@ -6591,7 +6630,7 @@ const pt = {
     email: P,
     dateOfBirth: "",
     phonenumber: "",
-    externalRefId: x,
+    externalRefId: b,
     mobileCountryCode: "",
     street: "",
     streetNumber: "",
@@ -6609,23 +6648,23 @@ const pt = {
     occupation: "",
     taxNumber: "",
     ...J,
-    ...se
-  }), ue = Object.fromEntries(
+    ...ie
+  }), pe = Object.fromEntries(
     Object.entries(v).filter(([l]) => !(l in J) && l !== "externalRefId" && l !== "workflowKey")
-  ), [me, ke] = k({ ...ue }), [F, U] = k(0), [B, H] = k({}), [fe, I] = k(null), [te, ye] = k(!1), oe = (l, f) => ve((D) => ({ ...D, [l]: f })), Ne = (l, f) => ke((D) => ({ ...D, [l]: f })), $e = (l) => !l.conditionalOn || me[l.conditionalOn] === "true", Re = N && F < N.length - 1 ? F + 1 : -1, _e = N && F > 0 ? F - 1 : -1, at = (l) => {
+  ), [me, ke] = k({ ...pe }), [F, U] = k(0), [B, H] = k({}), [fe, R] = k(null), [te, ye] = k(!1), oe = (l, f) => ve((D) => ({ ...D, [l]: f })), Ne = (l, f) => ke((D) => ({ ...D, [l]: f })), $e = (l) => !l.conditionalOn || me[l.conditionalOn] === "true", Ie = N && F < N.length - 1 ? F + 1 : -1, _e = N && F > 0 ? F - 1 : -1, at = (l) => {
     var D;
     const f = {};
-    for (const b of l.fields)
-      if (b.isCustom) {
-        if (b.customType === "paragraph" || b.customType === "html" || b.customType === "br" || b.customType === "link") continue;
-        if (b.required && b.paramName) {
-          const C = me[b.paramName], S = b.displayText || b.label || b.paramName;
-          b.customType === "checkbox" || b.customType === "link_checkbox" ? C !== "true" && (f[b.paramName] = `${S} is required.`) : (!C || C.trim() === "") && (f[b.paramName] = `${S} is required.`);
+    for (const x of l.fields)
+      if (x.isCustom) {
+        if (x.customType === "paragraph" || x.customType === "html" || x.customType === "br" || x.customType === "link") continue;
+        if (x.required && x.paramName) {
+          const C = me[x.paramName], S = x.displayText || x.label || x.paramName;
+          x.customType === "checkbox" || x.customType === "link_checkbox" ? C !== "true" && (f[x.paramName] = `${S} is required.`) : (!C || C.trim() === "") && (f[x.paramName] = `${S} is required.`);
         }
-      } else if (b.name) {
-        const C = b.name;
-        if (z.includes(C) && ot(Y[C])) {
-          const S = b.displayText || ((D = nt[C]) == null ? void 0 : D.label) || C;
+      } else if (x.name) {
+        const C = x.name;
+        if (z.includes(C) && st(Y[C])) {
+          const S = x.displayText || ((D = nt[C]) == null ? void 0 : D.label) || C;
           f[C] = `${S} is required.`;
         }
       }
@@ -6634,7 +6673,7 @@ const pt = {
     if (!N) return;
     const l = N[F];
     if (l.conditionalOn && !$e(l)) {
-      H({}), Re >= 0 ? U(Re) : await je();
+      H({}), Ie >= 0 ? U(Ie) : await je();
       return;
     }
     const f = at(l);
@@ -6642,7 +6681,7 @@ const pt = {
       H(f);
       return;
     }
-    H({}), Re >= 0 ? U(Re) : await je();
+    H({}), Ie >= 0 ? U(Ie) : await je();
   }, je = async () => {
     if (N) {
       let l = {};
@@ -6653,10 +6692,10 @@ const pt = {
         return;
       }
     }
-    ye(!0), I(null);
+    ye(!0), R(null);
     try {
       if (!Y.externalRefId || Y.externalRefId.trim() === "") {
-        I("External Reference ID is required. Please pass it via config.applicantForm.externalRefId.");
+        R("External Reference ID is required. Please pass it via config.applicantForm.externalRefId.");
         return;
       }
       const l = {
@@ -6668,20 +6707,20 @@ const pt = {
           if ($e(C)) {
             for (const S of C.fields)
               if (!S.isCustom && S.name) {
-                const pe = S.name, ie = Y[pe];
-                ot(ie) || (l[pe] = ie);
+                const ue = S.name, se = Y[ue];
+                st(se) || (l[ue] = se);
               }
           }
         for (const C of ft)
           if (l[C] === void 0) {
             const S = Y[C];
-            ot(S) || (l[C] = S);
+            st(S) || (l[C] = S);
           }
       } else
         Q.forEach((C) => {
           if (C === "externalRefId") return;
           const S = Y[C];
-          ot(S) || (l[C] = S);
+          st(S) || (l[C] = S);
         });
       const f = [];
       if (N) {
@@ -6689,24 +6728,24 @@ const pt = {
           if ($e(C))
             for (const S of C.fields) {
               if (!S.isCustom || !S.paramName || S.customType === "paragraph" || S.customType === "html" || S.customType === "br" || S.customType === "link") continue;
-              const pe = me[S.paramName] ?? "";
-              let ie;
+              const ue = me[S.paramName] ?? "";
+              let se;
               if (S.customType === "checkbox" || S.customType === "link_checkbox")
-                ie = pe === "true" ? "yes" : "no";
-              else if (ie = pe, !ie && !S.required) continue;
-              f.push({ paramName: S.paramName, value: ie });
+                se = ue === "true" ? "yes" : "no";
+              else if (se = ue, !se && !S.required) continue;
+              f.push({ paramName: S.paramName, value: se });
             }
       }
       for (const [C, S] of Object.entries(J))
-        l[C] === void 0 && !ot(S) && (l[C] = S);
+        l[C] === void 0 && !st(S) && (l[C] = S);
       const D = new Set(f.map((C) => C.paramName));
-      for (const [C, S] of Object.entries(ue))
+      for (const [C, S] of Object.entries(pe))
         !D.has(C) && S && f.push({ paramName: C, value: S });
       f.length > 0 && (l.applicantAdditionalDatas = f);
-      const b = await d(l);
-      n(b.applicantId);
+      const x = await d(l);
+      n(x.applicantId);
     } catch (l) {
-      console.error("Error creating applicant:", l), I(l.message || "Failed to create applicant");
+      console.error("Error creating applicant:", l), R(l.message || "Failed to create applicant");
     } finally {
       ye(!1);
     }
@@ -6714,21 +6753,21 @@ const pt = {
     var f;
     l.preventDefault();
     for (const D of z)
-      if (ot(Y[D])) {
-        const b = ((f = nt[D]) == null ? void 0 : f.label) || D;
-        I(`${b} is required.`);
+      if (st(Y[D])) {
+        const x = ((f = nt[D]) == null ? void 0 : f.label) || D;
+        R(`${x} is required.`);
         return;
       }
     await je();
-  }, Ye = (l, f, D, b, C) => {
+  }, Ye = (l, f, D, x, C) => {
     var Nt;
     const S = nt[l];
     if (!S) return null;
-    const pe = z.includes(l), ie = B[l], be = D || S.label, Pe = l in se, le = f ?? l, Be = { required: pe }, He = C ? C !== "placeholder" : w, Qe = He ? be : void 0, Wt = He ? "..." : be;
+    const ue = z.includes(l), se = B[l], be = D || S.label, Pe = l in ie, le = f ?? l, Be = { required: ue }, He = C ? C !== "placeholder" : w, Qe = He ? be : void 0, Wt = He ? "..." : be;
     switch (S.type) {
       case "select":
         if (l === "country" || l === "nationality" || l === "taxCountry" || l === "countryOfBirth" || l === "mobileCountryCode") {
-          const Ie = G(l, b);
+          const Re = G(l, x);
           return /* @__PURE__ */ r(
             qe,
             {
@@ -6736,10 +6775,10 @@ const pt = {
               label: Qe,
               value: Y[l] || "",
               onChange: (Xe) => oe(l, Xe),
-              options: [{ value: "", label: `Select ${Wt.toLowerCase()}` }, ...Ie],
+              options: [{ value: "", label: `Select ${Wt.toLowerCase()}` }, ...Re],
               disabled: E,
               readOnly: Pe,
-              error: ie
+              error: se
             },
             le
           );
@@ -6751,7 +6790,7 @@ const pt = {
               ...Be,
               label: Qe,
               value: ((Nt = Y[l]) == null ? void 0 : Nt.toString()) || "",
-              onChange: (Ie) => oe(l, Ie ? Number(Ie) : null),
+              onChange: (Re) => oe(l, Re ? Number(Re) : null),
               options: [
                 { value: "", label: He ? "Select salutation..." : be },
                 { value: bt.Male.toString(), label: "Male" },
@@ -6759,12 +6798,12 @@ const pt = {
                 { value: bt.Other.toString(), label: "Other" }
               ],
               readOnly: Pe,
-              error: ie
+              error: se
             },
             le
           );
         if (l === "defaultLanguage") {
-          const Ie = c != null && c.allowedLanguages && c.allowedLanguages.length > 0 ? It.filter((Xe) => c.allowedLanguages.includes(Xe.value)) : It;
+          const Re = c != null && c.allowedLanguages && c.allowedLanguages.length > 0 ? Rt.filter((Xe) => c.allowedLanguages.includes(Xe.value)) : Rt;
           return /* @__PURE__ */ r(
             qe,
             {
@@ -6772,9 +6811,9 @@ const pt = {
               label: Qe,
               value: Y[l] || "",
               onChange: (Xe) => oe(l, Xe),
-              options: [{ value: "", label: He ? "Select language..." : be }, ...Ie],
+              options: [{ value: "", label: He ? "Select language..." : be }, ...Re],
               readOnly: Pe,
-              error: ie
+              error: se
             },
             le
           );
@@ -6782,7 +6821,7 @@ const pt = {
         return null;
       case "multiselect":
         if (l === "otherNationality") {
-          const Ie = G(l, b);
+          const Re = G(l, x);
           return /* @__PURE__ */ r(
             en,
             {
@@ -6790,7 +6829,7 @@ const pt = {
               label: Qe,
               value: Y[l] || [],
               onChange: (Xe) => oe(l, Xe),
-              options: Ie,
+              options: Re,
               placeholder: He ? "Select other nationalities..." : be,
               disabled: E,
               readOnly: Pe
@@ -6808,9 +6847,9 @@ const pt = {
             label: Qe,
             placeholder: He ? void 0 : be,
             value: Y[l] || "",
-            onChange: (Ie) => oe(l, Ie.target.value),
+            onChange: (Re) => oe(l, Re.target.value),
             readOnly: Pe,
-            error: ie
+            error: se
           },
           le
         );
@@ -6823,9 +6862,9 @@ const pt = {
             label: Qe,
             placeholder: He ? void 0 : be,
             value: Y[l] || "",
-            onChange: (Ie) => oe(l, Ie.target.value),
+            onChange: (Re) => oe(l, Re.target.value),
             readOnly: Pe,
-            error: ie
+            error: se
           },
           le
         );
@@ -6838,9 +6877,9 @@ const pt = {
             label: Qe,
             placeholder: He ? void 0 : be,
             value: Y[l] || "",
-            onChange: (Ie) => oe(l, Ie.target.value),
+            onChange: (Re) => oe(l, Re.target.value),
             readOnly: Pe,
-            error: ie
+            error: se
           },
           le
         );
@@ -6853,9 +6892,9 @@ const pt = {
             label: Qe,
             placeholder: He ? void 0 : be,
             value: Y[l] || "",
-            onChange: (Ie) => oe(l, Ie.target.value),
+            onChange: (Re) => oe(l, Re.target.value),
             readOnly: Pe,
-            error: ie
+            error: se
           },
           le
         );
@@ -6891,7 +6930,7 @@ const pt = {
       return /* @__PURE__ */ r("div", { style: { height: "12px" } }, `custom-${f}`);
     if (l.customType === "link") {
       const S = l.displayText || l.label || l.linkText || l.linkUrl || "";
-      return /* @__PURE__ */ r("div", { className: "metakyc-link-field", children: /* @__PURE__ */ s(
+      return /* @__PURE__ */ r("div", { className: "metakyc-link-field", children: /* @__PURE__ */ o(
         "a",
         {
           href: l.linkUrl || "#",
@@ -6914,10 +6953,10 @@ const pt = {
       ) }, `custom-${f}`);
     }
     if (!l.paramName) return null;
-    const b = B[l.paramName], C = l.displayText || l.label || l.paramName;
+    const x = B[l.paramName], C = l.displayText || l.label || l.paramName;
     if (l.customType === "checkbox")
-      return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ s(
+      return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ o(
           "label",
           {
             className: "metakyc-option-label",
@@ -6933,7 +6972,7 @@ const pt = {
                   style: pt
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ o(
                 "span",
                 {
                   className: "metakyc-option-text",
@@ -6947,11 +6986,11 @@ const pt = {
             ]
           }
         ),
-        b && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: b })
+        x && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: x })
       ] }, `custom-${f}`);
     if (l.customType === "link_checkbox")
-      return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ s(
+      return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ o(
           "label",
           {
             className: "metakyc-option-label",
@@ -6967,7 +7006,7 @@ const pt = {
                   style: { ...pt, alignSelf: "flex-start", marginTop: "2px" }
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ o(
                 "span",
                 {
                   className: "metakyc-option-text",
@@ -6994,12 +7033,12 @@ const pt = {
             ]
           }
         ),
-        b && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: b })
+        x && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: x })
       ] }, `custom-${f}`);
     if (l.customType === "group_checkbox") {
       const S = (me[l.paramName] || "").split(",").filter(Boolean);
-      return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [
-        D && /* @__PURE__ */ s(
+      return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
+        D && /* @__PURE__ */ o(
           "div",
           {
             className: "text-sm font-medium",
@@ -7010,9 +7049,9 @@ const pt = {
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (l.options || []).map((pe) => {
-          const ie = l.singleSelect ? me[l.paramName] === pe.value : S.includes(pe.value);
-          return /* @__PURE__ */ s(
+        /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (l.options || []).map((ue) => {
+          const se = l.singleSelect ? me[l.paramName] === ue.value : S.includes(ue.value);
+          return /* @__PURE__ */ o(
             "label",
             {
               className: "metakyc-option-label",
@@ -7022,12 +7061,12 @@ const pt = {
                   "input",
                   {
                     type: "checkbox",
-                    checked: ie,
+                    checked: se,
                     onChange: (be) => {
                       if (l.singleSelect)
-                        Ne(l.paramName, be.target.checked ? pe.value : "");
+                        Ne(l.paramName, be.target.checked ? ue.value : "");
                       else {
-                        const Pe = be.target.checked ? [...S, pe.value] : S.filter((le) => le !== pe.value);
+                        const Pe = be.target.checked ? [...S, ue.value] : S.filter((le) => le !== ue.value);
                         Ne(l.paramName, Pe.join(","));
                       }
                     },
@@ -7040,19 +7079,19 @@ const pt = {
                   {
                     className: "metakyc-option-text",
                     style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4" },
-                    children: pe.label
+                    children: ue.label
                   }
                 )
               ]
             },
-            pe.value
+            ue.value
           );
         }) }),
-        b && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: b })
+        x && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: x })
       ] }, `custom-${f}`);
     }
-    return l.customType === "radio_group" ? /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [
-      D && /* @__PURE__ */ s(
+    return l.customType === "radio_group" ? /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
+      D && /* @__PURE__ */ o(
         "div",
         {
           className: "text-sm font-medium",
@@ -7063,7 +7102,7 @@ const pt = {
           ]
         }
       ),
-      /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (l.options || []).map((S) => /* @__PURE__ */ s(
+      /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (l.options || []).map((S) => /* @__PURE__ */ o(
         "label",
         {
           className: "metakyc-option-label",
@@ -7092,7 +7131,7 @@ const pt = {
         },
         S.value
       )) }),
-      b && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: b })
+      x && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: x })
     ] }, `custom-${f}`) : /* @__PURE__ */ r(
       xe,
       {
@@ -7102,14 +7141,14 @@ const pt = {
         value: me[l.paramName] || "",
         onChange: (S) => Ne(l.paramName, S.target.value),
         required: l.required,
-        error: b
+        error: x
       },
       `custom-${f}`
     );
   }, O = (l, f) => {
     const D = $e(l);
-    return /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-      l.conditionalOn && /* @__PURE__ */ r(Lt, { helpText: l.conditionalHelpText, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+      l.conditionalOn && /* @__PURE__ */ r(Lt, { helpText: l.conditionalHelpText, children: /* @__PURE__ */ o(
         "label",
         {
           className: "metakyc-option-label",
@@ -7120,7 +7159,7 @@ const pt = {
               {
                 type: "checkbox",
                 checked: D,
-                onChange: (b) => Ne(l.conditionalOn, b.target.checked ? "true" : "false"),
+                onChange: (x) => Ne(l.conditionalOn, x.target.checked ? "true" : "false"),
                 className: "metakyc-option-input",
                 style: pt
               }
@@ -7136,23 +7175,23 @@ const pt = {
           ]
         }
       ) }),
-      D && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: l.fields.map((b, C) => {
-        const S = Math.min(4, Math.max(1, Number(b.colSpan) || 4)), pe = b.isCustom ? `custom-${C}-${b.paramName}` : `builtin-${b.name}-${C}`;
-        return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${S} / span ${S}` }, children: /* @__PURE__ */ r(Lt, { helpText: b.helpText, children: b.isCustom ? h(b, C) : Ye(b.name, pe, b.displayText, b.countriesType, b.labelMode) }) }, pe);
+      D && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: l.fields.map((x, C) => {
+        const S = Math.min(4, Math.max(1, Number(x.colSpan) || 4)), ue = x.isCustom ? `custom-${C}-${x.paramName}` : `builtin-${x.name}-${C}`;
+        return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${S} / span ${S}` }, children: /* @__PURE__ */ r(Lt, { helpText: x.helpText, children: x.isCustom ? h(x, C) : Ye(x.name, ue, x.displayText, x.countriesType, x.labelMode) }) }, ue);
       }) })
     ] });
   };
   if (!c || E)
-    return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ s(ne, { children: [
+    return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ne, { children: [
       /* @__PURE__ */ r(Me, { className: "my-8" }),
       /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: "Loading form…" })
     ] }) }) });
   if (N) {
-    const l = N[F] ?? N[0], f = _e === -1, D = Re === -1, b = N.length, C = $e(l), S = Object.values(B);
-    return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ s(re, { children: [
+    const l = N[F] ?? N[0], f = _e === -1, D = Ie === -1, x = N.length, C = $e(l), S = Object.values(B);
+    return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ o(re, { children: [
       /* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r(mt, { title: (c == null ? void 0 : c.title) || "Create Applicant" }) }),
-      /* @__PURE__ */ s(ne, { children: [
-        (l.title || l.subtitle || l.description) && /* @__PURE__ */ s("div", { className: "mb-4", children: [
+      /* @__PURE__ */ o(ne, { children: [
+        (l.title || l.subtitle || l.description) && /* @__PURE__ */ o("div", { className: "mb-4", children: [
           l.title && /* @__PURE__ */ r(
             "h3",
             {
@@ -7178,33 +7217,37 @@ const pt = {
             }
           )
         ] }),
-        (fe || S.length > 0) && /* @__PURE__ */ s("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
-          fe && /* @__PURE__ */ s("p", { className: "text-red-600 text-sm", children: [
+        (fe || S.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
+          fe && /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
             /* @__PURE__ */ r("strong", { children: "Error:" }),
             " ",
             fe
           ] }),
-          S.map((pe, ie) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: pe }, ie))
+          S.map((ue, se) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: ue }, se))
         ] }),
-        b > 1 && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mb-4", children: [
-          N.map((pe, ie) => /* @__PURE__ */ r(
+        x > 1 && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "1rem" }, children: [
+          N.map((ue, se) => /* @__PURE__ */ r(
             "div",
             {
-              className: `h-1.5 rounded-full transition-all ${ie === F ? "flex-1" : "w-8"}`,
-              style: ie === F ? { backgroundColor: "var(--metakyc-primary, #2563eb)" } : ie < F ? { backgroundColor: "var(--metakyc-primary-light, #93c5fd)", opacity: 0.7 } : { backgroundColor: "#e5e7eb" }
+              style: {
+                height: "0.375rem",
+                borderRadius: "9999px",
+                transition: "all 150ms",
+                ...se === F ? { flex: "1 1 0%", backgroundColor: "var(--metakyc-primary, #2563eb)" } : se < F ? { width: "2rem", backgroundColor: "var(--metakyc-primary-light, #93c5fd)", opacity: 0.7 } : { width: "2rem", backgroundColor: "#e5e7eb" }
+              }
             },
-            ie
+            se
           )),
-          /* @__PURE__ */ s("span", { className: "text-xs text-gray-400 flex-shrink-0", children: [
+          /* @__PURE__ */ o("span", { style: { fontSize: "0.75rem", color: "var(--metakyc-text-muted, #9ca3af)", flexShrink: 0 }, children: [
             F + 1,
             " / ",
-            b
+            x
           ] })
         ] }),
         O(l)
       ] }),
-      /* @__PURE__ */ s(Ce, { className: "flex justify-between", children: [
-        /* @__PURE__ */ s("div", { children: [
+      /* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+        /* @__PURE__ */ o("div", { children: [
           !f && /* @__PURE__ */ r(
             Z,
             {
@@ -7231,17 +7274,17 @@ const pt = {
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: it, children: /* @__PURE__ */ s(re, { children: [
+  return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: it, children: /* @__PURE__ */ o(re, { children: [
     /* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r(mt, { title: (c == null ? void 0 : c.title) || "Create Applicant" }) }),
-    /* @__PURE__ */ s(ne, { children: [
-      fe && /* @__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__ */ o(ne, { children: [
+      fe && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
         /* @__PURE__ */ r("strong", { children: "Error:" }),
         " ",
         fe
       ] }) }),
       /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: Q.map((l) => /* @__PURE__ */ r("div", { style: { gridColumn: "span 4 / span 4" }, children: Ye(l) }, l)) })
     ] }),
-    /* @__PURE__ */ s(Ce, { className: "flex justify-between", children: [
+    /* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       a && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: a, disabled: te || y, children: "Cancel" }),
       /* @__PURE__ */ r(Z, { type: "submit", isLoading: te || y, children: "Create Applicant" })
     ] })
@@ -7257,17 +7300,17 @@ const Xn = ({
   onCancel: a
 }) => {
   var Ye, h, O, q, W, X;
-  const { config: i, baseInformationService: o, currentTheme: c } = Te(), { createCompanyApplicant: d, isLoading: y } = zt(), p = e || ((Ye = i.applicantForm) == null ? void 0 : Ye.workflowKey);
+  const { config: i, baseInformationService: s, currentTheme: c } = Te(), { createCompanyApplicant: d, isLoading: y } = zt(), p = e || ((Ye = i.applicantForm) == null ? void 0 : Ye.workflowKey);
   if (!p)
     throw new Error(
       "workflowKey is required. Provide it either as a prop to CreateCompanyApplicantForm or set it in config.applicantForm.workflowKey"
     );
-  const x = t || ((h = i.applicantForm) == null ? void 0 : h.externalRefId) || "", P = ((O = i.applicantForm) == null ? void 0 : O.email) || "", v = ((q = i.applicantForm) == null ? void 0 : q.initialValues) || {}, T = (((W = i.applicantForm) == null ? void 0 : W.fieldLabelMode) || (c == null ? void 0 : c.fieldLabelMode) || "label") !== "placeholder", w = De(
+  const b = t || ((h = i.applicantForm) == null ? void 0 : h.externalRefId) || "", P = ((O = i.applicantForm) == null ? void 0 : O.email) || "", v = ((q = i.applicantForm) == null ? void 0 : q.initialValues) || {}, T = (((W = i.applicantForm) == null ? void 0 : W.fieldLabelMode) || (c == null ? void 0 : c.fieldLabelMode) || "label") !== "placeholder", w = De(
     () => c != null && c.companyFormPages && c.companyFormPages.length > 0 ? c.companyFormPages : null,
     [c == null ? void 0 : c.companyFormPages]
   ), N = De(() => {
-    const m = new Set(Dt), R = c == null ? void 0 : c.companyFormRequiredFields;
-    if (R) for (const L of R) m.add(L);
+    const m = new Set(Dt), I = c == null ? void 0 : c.companyFormRequiredFields;
+    if (I) for (const L of I) m.add(L);
     if (w)
       for (const L of w)
         for (const u of L.fields)
@@ -7276,21 +7319,21 @@ const Xn = ({
   }, [c == null ? void 0 : c.companyFormRequiredFields, w]), z = De(() => {
     var m;
     if (w) {
-      const R = w.flatMap((u) => u.fields).filter((u) => !u.isCustom && u.name).map((u) => u.name), L = new Set(R);
+      const I = w.flatMap((u) => u.fields).filter((u) => !u.isCustom && u.name).map((u) => u.name), L = new Set(I);
       for (const u of Dt) L.add(u);
       return Array.from(L);
     }
     return (m = i.applicantForm) != null && m.visibleFields ? i.applicantForm.visibleFields : c != null && c.companyFormVisibleFields && c.companyFormVisibleFields.length > 0 ? c.companyFormVisibleFields : lr;
   }, [(X = i.applicantForm) == null ? void 0 : X.visibleFields, c == null ? void 0 : c.companyFormVisibleFields, w]), Q = /* @__PURE__ */ new Set(["countryResidence", "addressCountry"]), M = De(() => {
-    var R, L;
+    var I, L;
     const m = /* @__PURE__ */ new Set();
     if (w)
       for (const u of w)
         for (const l of u.fields)
-          !l.isCustom && l.name && Q.has(l.name) && m.add(l.countriesType ?? ((R = st[l.name]) == null ? void 0 : R.countriesType));
+          !l.isCustom && l.name && Q.has(l.name) && m.add(l.countriesType ?? ((I = ot[l.name]) == null ? void 0 : I.countriesType));
     else
       for (const u of z)
-        Q.has(u) && m.add((L = st[u]) == null ? void 0 : L.countriesType);
+        Q.has(u) && m.add((L = ot[u]) == null ? void 0 : L.countriesType);
     return m.size === 0 && m.add(void 0), Array.from(m);
   }, [z, w]), [j, K] = k({}), [ee, E] = k(!0), g = de(/* @__PURE__ */ new Set()), $ = de(/* @__PURE__ */ new Set());
   ge(() => {
@@ -7304,26 +7347,26 @@ const Xn = ({
       return;
     }
     E(!0);
-    const R = m.map((u) => u != null ? String(u) : "all");
-    R.forEach((u) => g.current.add(u)), (async () => {
+    const I = m.map((u) => u != null ? String(u) : "all");
+    I.forEach((u) => g.current.add(u)), (async () => {
       try {
         const u = await Promise.all(
           m.map(async (l) => {
-            const f = l != null ? String(l) : "all", D = await o.getCountries("", i.locale || "en", l), b = /* @__PURE__ */ new Set(), C = D.map((S) => ({ value: S.abbreviation3 || S.abbreviation, label: S.name })).filter((S) => !S.value || b.has(S.value) ? !1 : (b.add(S.value), !0));
+            const f = l != null ? String(l) : "all", D = await s.getCountries("", i.locale || "en", l), x = /* @__PURE__ */ new Set(), C = D.map((S) => ({ value: S.abbreviation3 || S.abbreviation, label: S.name })).filter((S) => !S.value || x.has(S.value) ? !1 : (x.add(S.value), !0));
             return $.current.add(f), g.current.delete(f), [f, C];
           })
         );
         K((l) => ({ ...l, ...Object.fromEntries(u) }));
       } catch (u) {
-        R.forEach((l) => g.current.delete(l)), console.error("Failed to load countries:", u);
+        I.forEach((l) => g.current.delete(l)), console.error("Failed to load countries:", u);
       } finally {
         M.every((l) => $.current.has(l != null ? String(l) : "all")) && E(!1);
       }
     })();
   }, [M, c]);
-  const V = (m, R) => {
+  const V = (m, I) => {
     var l;
-    const L = R ?? ((l = st[m]) == null ? void 0 : l.countriesType), u = L != null ? String(L) : "all";
+    const L = I ?? ((l = ot[m]) == null ? void 0 : l.countriesType), u = L != null ? String(L) : "all";
     return j[u] || [];
   }, G = {
     companyName: 1,
@@ -7347,7 +7390,7 @@ const Xn = ({
     lei: 1
   }, _ = Object.fromEntries(
     Object.entries(v).filter(([m]) => m in G)
-  ), [J, se] = k({
+  ), [J, ie] = k({
     workflowKey: p,
     companyName: "",
     email: P,
@@ -7368,53 +7411,53 @@ const Xn = ({
     postalCode: "",
     addressCountry: "",
     lei: "",
-    externalRefId: x,
+    externalRefId: b,
     ..._
-  }), [Y, ve] = k({}), [ue, me] = k(0), [ke, F] = k({}), [U, B] = k(null), [H, fe] = k(!1), I = (m, R) => se((L) => ({ ...L, [m]: R })), te = (m, R) => ve((L) => ({ ...L, [m]: R })), ye = (m) => !m.conditionalOn || Y[m.conditionalOn] === "true", oe = w && ue < w.length - 1 ? ue + 1 : -1, Ne = w && ue > 0 ? ue - 1 : -1, $e = (m) => {
+  }), [Y, ve] = k({}), [pe, me] = k(0), [ke, F] = k({}), [U, B] = k(null), [H, fe] = k(!1), R = (m, I) => ie((L) => ({ ...L, [m]: I })), te = (m, I) => ve((L) => ({ ...L, [m]: I })), ye = (m) => !m.conditionalOn || Y[m.conditionalOn] === "true", oe = w && pe < w.length - 1 ? pe + 1 : -1, Ne = w && pe > 0 ? pe - 1 : -1, $e = (m) => {
     var L;
-    const R = {};
+    const I = {};
     for (const u of m.fields)
       if (u.isCustom) {
         if (u.customType === "paragraph" || u.customType === "html" || u.customType === "br" || u.customType === "link") continue;
         if (u.required && u.paramName) {
           const l = Y[u.paramName], f = u.displayText || u.label || u.paramName;
-          u.customType === "checkbox" || u.customType === "link_checkbox" ? l !== "true" && (R[u.paramName] = `${f} is required.`) : (!l || l.trim() === "") && (R[u.paramName] = `${f} is required.`);
+          u.customType === "checkbox" || u.customType === "link_checkbox" ? l !== "true" && (I[u.paramName] = `${f} is required.`) : (!l || l.trim() === "") && (I[u.paramName] = `${f} is required.`);
         }
       } else if (u.name) {
         const l = u.name;
         if (N.includes(l) && kt(J[l])) {
-          const f = u.displayText || ((L = st[l]) == null ? void 0 : L.label) || l;
-          R[l] = `${f} is required.`;
+          const f = u.displayText || ((L = ot[l]) == null ? void 0 : L.label) || l;
+          I[l] = `${f} is required.`;
         }
       }
-    return R;
-  }, Re = async () => {
+    return I;
+  }, Ie = async () => {
     if (!w) return;
-    const m = w[ue];
+    const m = w[pe];
     if (m.conditionalOn && !ye(m)) {
       F({}), oe >= 0 ? me(oe) : await _e();
       return;
     }
-    const R = $e(m);
-    if (Object.keys(R).length > 0) {
-      F(R);
+    const I = $e(m);
+    if (Object.keys(I).length > 0) {
+      F(I);
       return;
     }
     F({}), oe >= 0 ? me(oe) : await _e();
   }, _e = async () => {
     var m;
     if (w) {
-      let R = {};
+      let I = {};
       for (const L of w)
-        ye(L) && (R = { ...R, ...$e(L) });
-      if (Object.keys(R).length > 0) {
-        F(R);
+        ye(L) && (I = { ...I, ...$e(L) });
+      if (Object.keys(I).length > 0) {
+        F(I);
         return;
       }
     }
     fe(!0), B(null);
     try {
-      const R = {
+      const I = {
         workflowKey: J.workflowKey,
         externalRefId: ((m = J.externalRefId) == null ? void 0 : m.trim()) || void 0
       }, L = w ? w.filter((f) => ye(f)).flatMap((f) => f.fields).filter((f) => !f.isCustom && f.name).map((f) => f.name) : z;
@@ -7423,31 +7466,31 @@ const Xn = ({
         if (!kt(D))
           switch (f) {
             case "companyName":
-              R.companyName = D;
+              I.companyName = D;
               break;
             case "email":
-              R.companyEmail = D;
+              I.companyEmail = D;
               break;
             case "phone":
-              R.companyPhone = D;
+              I.companyPhone = D;
               break;
             case "registrationNumber":
-              R.companyRegistrationNumber = D;
+              I.companyRegistrationNumber = D;
               break;
             case "countryResidence":
-              R.companyCountry = D;
+              I.companyCountry = D;
               break;
             case "city":
-              R.companyCity = D;
+              I.companyCity = D;
               break;
             case "street":
-              R.companyStreet = D;
+              I.companyStreet = D;
               break;
             case "postalCode":
-              R.companyZip = D;
+              I.companyZip = D;
               break;
             default:
-              R[f] = D;
+              I[f] = D;
               break;
           }
       }
@@ -7457,36 +7500,36 @@ const Xn = ({
           if (ye(f))
             for (const D of f.fields) {
               if (!D.isCustom || !D.paramName || D.customType === "paragraph" || D.customType === "html" || D.customType === "br" || D.customType === "link") continue;
-              const b = Y[D.paramName] ?? "";
+              const x = Y[D.paramName] ?? "";
               let C;
               if (D.customType === "checkbox" || D.customType === "link_checkbox")
-                C = b === "true" ? "yes" : "no";
-              else if (C = b, !C && !D.required) continue;
+                C = x === "true" ? "yes" : "no";
+              else if (C = x, !C && !D.required) continue;
               u.push({ paramName: D.paramName, value: C });
             }
       }
-      u.length > 0 && (R.applicantAdditionalDatas = u);
-      const l = await d(R);
+      u.length > 0 && (I.applicantAdditionalDatas = u);
+      const l = await d(I);
       n(l.applicantId);
-    } catch (R) {
-      console.error("Error creating company applicant:", R), B(R.message || "Failed to create company applicant");
+    } catch (I) {
+      console.error("Error creating company applicant:", I), B(I.message || "Failed to create company applicant");
     } finally {
       fe(!1);
     }
   }, at = async (m) => {
-    var R;
+    var I;
     m.preventDefault();
     for (const L of N)
       if (kt(J[L])) {
-        const u = ((R = st[L]) == null ? void 0 : R.label) || L;
+        const u = ((I = ot[L]) == null ? void 0 : I.label) || L;
         B(`${u} is required.`);
         return;
       }
     await _e();
-  }, Ze = (m, R, L, u, l) => {
-    const f = st[m];
+  }, Ze = (m, I, L, u, l) => {
+    const f = ot[m];
     if (!f) return null;
-    const D = N.includes(m), b = ke[m], C = L || f.label, S = m in _, pe = R ?? m, ie = l ? l !== "placeholder" : T, be = ie ? C : void 0, Pe = ie ? "..." : C;
+    const D = N.includes(m), x = ke[m], C = L || f.label, S = m in _, ue = I ?? m, se = l ? l !== "placeholder" : T, be = se ? C : void 0, Pe = se ? "..." : C;
     switch (f.type) {
       case "select":
         if (m === "countryResidence" || m === "addressCountry") {
@@ -7497,13 +7540,13 @@ const Xn = ({
               required: D,
               label: be,
               value: J[m] || "",
-              onChange: (Be) => I(m, Be),
+              onChange: (Be) => R(m, Be),
               options: [{ value: "", label: `Select ${Pe.toLowerCase()}` }, ...le],
               disabled: ee,
               readOnly: S,
-              error: b
+              error: x
             },
-            pe
+            ue
           );
         }
         return null;
@@ -7514,13 +7557,13 @@ const Xn = ({
             required: D,
             type: "date",
             label: be,
-            placeholder: ie ? void 0 : C,
+            placeholder: se ? void 0 : C,
             value: J[m] || "",
-            onChange: (le) => I(m, le.target.value),
+            onChange: (le) => R(m, le.target.value),
             readOnly: S,
-            error: b
+            error: x
           },
-          pe
+          ue
         );
       case "email":
         return /* @__PURE__ */ r(
@@ -7529,13 +7572,13 @@ const Xn = ({
             required: D,
             type: "email",
             label: be,
-            placeholder: ie ? void 0 : C,
+            placeholder: se ? void 0 : C,
             value: J[m] || "",
-            onChange: (le) => I(m, le.target.value),
+            onChange: (le) => R(m, le.target.value),
             readOnly: S,
-            error: b
+            error: x
           },
-          pe
+          ue
         );
       case "tel":
         return /* @__PURE__ */ r(
@@ -7544,13 +7587,13 @@ const Xn = ({
             required: D,
             type: "tel",
             label: be,
-            placeholder: ie ? void 0 : C,
+            placeholder: se ? void 0 : C,
             value: J[m] || "",
-            onChange: (le) => I(m, le.target.value),
+            onChange: (le) => R(m, le.target.value),
             readOnly: S,
-            error: b
+            error: x
           },
-          pe
+          ue
         );
       default:
         return /* @__PURE__ */ r(
@@ -7559,16 +7602,16 @@ const Xn = ({
             required: D,
             type: "text",
             label: be,
-            placeholder: ie ? void 0 : C,
+            placeholder: se ? void 0 : C,
             value: J[m] || "",
-            onChange: (le) => I(m, le.target.value),
+            onChange: (le) => R(m, le.target.value),
             readOnly: S,
-            error: b
+            error: x
           },
-          pe
+          ue
         );
     }
-  }, je = (m, R) => {
+  }, je = (m, I) => {
     if (m.customType === "paragraph")
       return /* @__PURE__ */ r(
         "p",
@@ -7576,12 +7619,12 @@ const Xn = ({
           style: { fontSize: "14px", lineHeight: "1.7", margin: 0, color: "var(--metakyc-text-secondary, #6b7280)" },
           dangerouslySetInnerHTML: { __html: m.displayText || m.label || "" }
         },
-        `custom-${R}`
+        `custom-${I}`
       );
     if (m.customType === "html")
-      return /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: m.label || "" } }, `custom-${R}`);
+      return /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: m.label || "" } }, `custom-${I}`);
     if (m.customType === "br")
-      return /* @__PURE__ */ r("div", { style: { height: "12px" } }, `custom-${R}`);
+      return /* @__PURE__ */ r("div", { style: { height: "12px" } }, `custom-${I}`);
     if (m.customType === "link")
       return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
         "a",
@@ -7592,11 +7635,11 @@ const Xn = ({
           style: { color: "var(--metakyc-primary, #2563eb)", fontSize: "14px", textDecoration: "underline" },
           children: m.displayText || m.label || m.linkText || m.linkUrl || ""
         }
-      ) }, `custom-${R}`);
+      ) }, `custom-${I}`);
     if (!m.paramName) return null;
     const L = ke[m.paramName], u = m.displayText || m.label || m.paramName, l = m.labelMode ? m.labelMode !== "placeholder" : T;
-    return m.customType === "checkbox" ? /* @__PURE__ */ s("div", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ s("label", { style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer" }, children: [
+    return m.customType === "checkbox" ? /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer" }, children: [
         /* @__PURE__ */ r(
           "input",
           {
@@ -7606,13 +7649,13 @@ const Xn = ({
             style: { width: "16px", height: "16px", accentColor: "var(--metakyc-primary, #2563eb)" }
           }
         ),
-        /* @__PURE__ */ s("span", { style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)" }, children: [
+        /* @__PURE__ */ o("span", { style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)" }, children: [
           u,
           m.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
         ] })
       ] }),
       L && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: L })
-    ] }, `custom-${R}`) : /* @__PURE__ */ r(
+    ] }, `custom-${I}`) : /* @__PURE__ */ r(
       xe,
       {
         type: "text",
@@ -7623,71 +7666,75 @@ const Xn = ({
         required: m.required,
         error: L
       },
-      `custom-${R}`
+      `custom-${I}`
     );
   }, it = (m) => {
-    const R = ye(m);
-    return /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-      m.conditionalOn && /* @__PURE__ */ s("label", { style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer" }, children: [
+    const I = ye(m);
+    return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+      m.conditionalOn && /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer" }, children: [
         /* @__PURE__ */ r(
           "input",
           {
             type: "checkbox",
-            checked: R,
+            checked: I,
             onChange: (L) => te(m.conditionalOn, L.target.checked ? "true" : "false"),
             style: { width: "16px", height: "16px", accentColor: "var(--metakyc-primary, #2563eb)" }
           }
         ),
         /* @__PURE__ */ r("span", { style: { fontSize: "14px", fontWeight: 500 }, children: m.conditionalOn })
       ] }),
-      R && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: m.fields.map((L, u) => {
+      I && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: m.fields.map((L, u) => {
         const l = Math.min(4, Math.max(1, Number(L.colSpan) || 4)), f = L.isCustom ? `custom-${u}-${L.paramName}` : `builtin-${L.name}-${u}`;
         return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${l} / span ${l}` }, children: L.isCustom ? je(L, u) : Ze(L.name, f, L.displayText, L.countriesType, L.labelMode) }, f);
       }) })
     ] });
   };
   if (!c || ee)
-    return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ s(ne, { children: [
+    return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ne, { children: [
       /* @__PURE__ */ r(Me, { className: "my-8" }),
       /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: "Loading form…" })
     ] }) }) });
   if (w) {
-    const m = w[ue] ?? w[0], R = Ne === -1, L = oe === -1, u = w.length, l = ye(m), f = Object.values(ke);
-    return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ s(re, { children: [
+    const m = w[pe] ?? w[0], I = Ne === -1, L = oe === -1, u = w.length, l = ye(m), f = Object.values(ke);
+    return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ o(re, { children: [
       /* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r(mt, { title: (c == null ? void 0 : c.title) || "Company Registration" }) }),
-      /* @__PURE__ */ s(ne, { children: [
-        (m.title || m.subtitle) && /* @__PURE__ */ s("div", { className: "mb-4", children: [
+      /* @__PURE__ */ o(ne, { children: [
+        (m.title || m.subtitle) && /* @__PURE__ */ o("div", { className: "mb-4", children: [
           m.title && /* @__PURE__ */ r("h3", { className: "font-semibold text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: m.title }),
           m.subtitle && /* @__PURE__ */ r("p", { className: "text-sm mt-0.5", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: m.subtitle })
         ] }),
-        (U || f.length > 0) && /* @__PURE__ */ s("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
-          U && /* @__PURE__ */ s("p", { className: "text-red-600 text-sm", children: [
+        (U || f.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
+          U && /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
             /* @__PURE__ */ r("strong", { children: "Error:" }),
             " ",
             U
           ] }),
-          f.map((D, b) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: D }, b))
+          f.map((D, x) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: D }, x))
         ] }),
-        u > 1 && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mb-4", children: [
-          w.map((D, b) => /* @__PURE__ */ r(
+        u > 1 && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "1rem" }, children: [
+          w.map((D, x) => /* @__PURE__ */ r(
             "div",
             {
-              className: `h-1.5 rounded-full transition-all ${b === ue ? "flex-1" : "w-8"}`,
-              style: b === ue ? { backgroundColor: "var(--metakyc-primary, #2563eb)" } : b < ue ? { backgroundColor: "var(--metakyc-primary-light, #93c5fd)", opacity: 0.7 } : { backgroundColor: "#e5e7eb" }
+              style: {
+                height: "0.375rem",
+                borderRadius: "9999px",
+                transition: "all 150ms",
+                ...x === pe ? { flex: "1 1 0%", backgroundColor: "var(--metakyc-primary, #2563eb)" } : x < pe ? { width: "2rem", backgroundColor: "var(--metakyc-primary-light, #93c5fd)", opacity: 0.7 } : { width: "2rem", backgroundColor: "#e5e7eb" }
+              }
             },
-            b
+            x
           )),
-          /* @__PURE__ */ s("span", { className: "text-xs text-gray-400 flex-shrink-0", children: [
-            ue + 1,
+          /* @__PURE__ */ o("span", { style: { fontSize: "0.75rem", color: "var(--metakyc-text-muted, #9ca3af)", flexShrink: 0 }, children: [
+            pe + 1,
             " / ",
             u
           ] })
         ] }),
         it(m)
       ] }),
-      /* @__PURE__ */ s(Ce, { className: "flex justify-between", children: [
-        /* @__PURE__ */ s("div", { children: [
-          !R && /* @__PURE__ */ r(
+      /* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+        /* @__PURE__ */ o("div", { children: [
+          !I && /* @__PURE__ */ r(
             Z,
             {
               type: "button",
@@ -7699,23 +7746,23 @@ const Xn = ({
               children: "Previous"
             }
           ),
-          R && a && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: a, disabled: H || y, children: "Cancel" })
+          I && a && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: a, disabled: H || y, children: "Cancel" })
         ] }),
-        /* @__PURE__ */ r(Z, { type: "button", isLoading: H || y, onClick: L ? _e : Re, children: L ? m.conditionalOn && !l ? "Skip & Submit" : "Submit" : m.conditionalOn && !l ? "Skip" : "Next" })
+        /* @__PURE__ */ r(Z, { type: "button", isLoading: H || y, onClick: L ? _e : Ie, children: L ? m.conditionalOn && !l ? "Skip & Submit" : "Submit" : m.conditionalOn && !l ? "Skip" : "Next" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: at, children: /* @__PURE__ */ s(re, { children: [
+  return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: at, children: /* @__PURE__ */ o(re, { children: [
     /* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r(mt, { title: (c == null ? void 0 : c.title) || "Company Registration" }) }),
-    /* @__PURE__ */ s(ne, { children: [
-      U && /* @__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__ */ o(ne, { children: [
+      U && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
         /* @__PURE__ */ r("strong", { children: "Error:" }),
         " ",
         U
       ] }) }),
       /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: z.map((m) => /* @__PURE__ */ r("div", { style: { gridColumn: "span 4 / span 4" }, children: Ze(m) }, m)) })
     ] }),
-    /* @__PURE__ */ s(Ce, { className: "flex justify-between", children: [
+    /* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       a && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: a, disabled: H || y, children: "Cancel" }),
       /* @__PURE__ */ r(Z, { type: "submit", isLoading: H || y, children: "Register Company" })
     ] })
@@ -7728,12 +7775,12 @@ const Xn = ({
   className: i
 }) => {
   const {
-    progress: o,
+    progress: s,
     currentStep: c,
     steps: d,
     workflowKey: y,
     nextWorkflowKey: p,
-    hasWorkflowChanged: x,
+    hasWorkflowChanged: b,
     isLoading: P,
     error: v,
     moveBack: A,
@@ -7742,39 +7789,39 @@ const Xn = ({
   if (we.useEffect(() => {
     v && n && n(v);
   }, [v, n]), we.useEffect(() => {
-    o != null && o.workflowResult && t && t(o.workflowResult);
-  }, [o == null ? void 0 : o.workflowResult, t]), we.useEffect(() => {
+    s != null && s.workflowResult && t && t(s.workflowResult);
+  }, [s == null ? void 0 : s.workflowResult, t]), we.useEffect(() => {
     a === "dark" ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
   }, [a]), we.useEffect(() => {
-    x && N(!1);
-  }, [x]), P || !o)
-    return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ s(ne, { children: [
+    b && N(!1);
+  }, [b]), P || !s)
+    return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ne, { children: [
       /* @__PURE__ */ r(Me, { className: "my-8" }),
       /* @__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: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("div", { className: "text-center py-8", children: [
+    return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("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 (x && !w)
-    return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ s("div", { className: "text-center py-8", children: [
+  if (b && !w)
+    return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ o("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 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__ */ o("div", { className: "rounded-lg p-4 mb-6 max-w-md mx-auto", style: { backgroundColor: "var(--metakyc-surface, #f9fafb)" }, children: [
+        /* @__PURE__ */ o("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ o("div", { className: "text-left", children: [
             /* @__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: y })
           ] }),
           /* @__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__ */ o("div", { className: "text-right", children: [
             /* @__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: p })
           ] })
         ] }),
-        o.nextWorkflowName && /* @__PURE__ */ r("p", { className: "text-center mt-2 text-xs", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: o.nextWorkflowName })
+        s.nextWorkflowName && /* @__PURE__ */ r("p", { className: "text-center mt-2 text-xs", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: s.nextWorkflowName })
       ] }),
       /* @__PURE__ */ r(
         "button",
@@ -7786,24 +7833,24 @@ const Xn = ({
         }
       )
     ] }) }) }) });
-  if (o.status === ze.Finished || o.status === ze.OnHold)
+  if (s.status === ze.Finished || s.status === ze.OnHold)
     return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(
       Pt,
       {
-        kycStatus: o.kycStatus,
-        reviewStatus: o.reviewStatus,
-        workflowResult: o.workflowResult,
-        customMessage: o.customMessage,
-        onContinue: t && o.workflowResult ? () => t(o.workflowResult) : void 0,
+        kycStatus: s.kycStatus,
+        reviewStatus: s.reviewStatus,
+        workflowResult: s.workflowResult,
+        customMessage: s.customMessage,
+        onContinue: t && s.workflowResult ? () => t(s.workflowResult) : void 0,
         onContactSupport: () => {
           typeof window < "u" && (window.location.href = "mailto:support@example.com");
         }
       }
     ) });
   if (!c)
-    return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ s(ne, { children: [
+    return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ne, { children: [
       /* @__PURE__ */ r(Me, { className: "my-8" }),
-      /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: o.status === ze.IdentityPending ? "Loading identity verification..." : "Loading current step..." })
+      /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: s.status === ze.IdentityPending ? "Loading identity verification..." : "Loading current step..." })
     ] }) }) });
   const Q = (K) => {
     switch (K) {
@@ -7830,10 +7877,10 @@ const Xn = ({
     }
   }, M = () => {
     const K = d.filter((V) => V.visibility !== !1), ee = K.findIndex((V) => V.order === c.order), E = ee >= 0 ? ee + 1 : 1, g = K.length, $ = g > 1 ? ee / (g - 1) * 100 : 100;
-    return /* @__PURE__ */ s("div", { style: { marginBottom: "24px" }, children: [
-      /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: "16px" }, children: [
+    return /* @__PURE__ */ o("div", { style: { marginBottom: "24px" }, children: [
+      /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: "16px" }, children: [
         /* @__PURE__ */ r(mt, {}),
-        /* @__PURE__ */ s($t, { variant: o.status === 1 ? "info" : "success", children: [
+        /* @__PURE__ */ o($t, { variant: s.status === 1 ? "info" : "success", children: [
           "Step ",
           E,
           " of ",
@@ -7883,43 +7930,43 @@ const Xn = ({
         return /* @__PURE__ */ r(Nn, { ...K });
       case ce.AdditionalData:
       case ce.InvestorCategorization:
-        return /* @__PURE__ */ r(In, { ...K });
+        return /* @__PURE__ */ r(Rn, { ...K });
       case ce.AppropriatenessTest:
         return /* @__PURE__ */ r(En, { ...K });
       case ce.ManualReview:
         return /* @__PURE__ */ r(
           Pt,
           {
-            kycStatus: o.kycStatus,
-            reviewStatus: o.reviewStatus,
-            workflowResult: o.workflowResult,
-            customMessage: o.customMessage
+            kycStatus: s.kycStatus,
+            reviewStatus: s.reviewStatus,
+            workflowResult: s.workflowResult,
+            customMessage: s.customMessage
           }
         );
       default:
-        return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ s(ne, { className: "py-12 text-center", children: [
+        return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ne, { className: "py-12 text-center", children: [
           /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(Me, {}) }),
-          /* @__PURE__ */ s("p", { className: "text-gray-600 dark:text-gray-400 mb-2", children: [
+          /* @__PURE__ */ o("p", { className: "text-gray-600 dark:text-gray-400 mb-2", children: [
             "Processing step: ",
             c.title || c.name
           ] }),
-          /* @__PURE__ */ s("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
+          /* @__PURE__ */ o("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
             "Action type: ",
             ce[c.action]
           ] })
         ] }) });
     }
   };
-  return /* @__PURE__ */ s("div", { className: `metakyc-sdk ${i || ""}`, children: [
+  return /* @__PURE__ */ o("div", { className: `metakyc-sdk ${i || ""}`, children: [
     M(),
     j()
   ] });
 }, Ln = we.forwardRef(
   ({ visibleSteps: e, currentVisibleStepIndex: t, getStepFallbackName: n }, a) => {
-    const i = we.useRef(null), o = we.useRef(null);
+    const i = we.useRef(null), s = we.useRef(null);
     return we.useImperativeHandle(a, () => i.current), we.useEffect(() => {
-      if (o.current && i.current) {
-        const c = i.current, d = o.current, y = d.offsetLeft - c.offsetWidth / 2 + d.offsetWidth / 2;
+      if (s.current && i.current) {
+        const c = i.current, d = s.current, y = d.offsetLeft - c.offsetWidth / 2 + d.offsetWidth / 2;
         c.scrollTo({ left: Math.max(0, y), behavior: "smooth" });
       }
     }, [t]), /* @__PURE__ */ r(
@@ -7939,12 +7986,12 @@ const Xn = ({
           gap: "0"
         },
         children: e.map((c, d) => {
-          const y = d < t, p = d === t, x = y || p, P = c.displayName || c.name || n(c.action) || `Step ${d + 1}`;
-          return /* @__PURE__ */ s(we.Fragment, { children: [
-            /* @__PURE__ */ s(
+          const y = d < t, p = d === t, b = y || p, P = c.displayName || c.name || n(c.action) || `Step ${d + 1}`;
+          return /* @__PURE__ */ o(we.Fragment, { children: [
+            /* @__PURE__ */ o(
               "div",
               {
-                ref: p ? o : void 0,
+                ref: p ? s : void 0,
                 style: {
                   display: "flex",
                   alignItems: "center",
@@ -7962,7 +8009,7 @@ const Xn = ({
                     fontWeight: 600,
                     flexShrink: 0,
                     transition: "all 0.2s ease",
-                    ...x ? {
+                    ...b ? {
                       backgroundColor: "var(--metakyc-primary, #2563eb)",
                       color: "#ffffff",
                       border: "none"
@@ -8019,7 +8066,7 @@ function Dn(e) {
     const n = e.allowedTypes.split(",").map((a) => a.trim());
     t = t.refine(
       (a) => a ? a.every(
-        (i) => n.some((o) => o.endsWith("/*") ? i.type.startsWith(o.slice(0, -2)) : i.type === o)
+        (i) => n.some((s) => s.endsWith("/*") ? i.type.startsWith(s.slice(0, -2)) : i.type === s)
       ) : !0,
       { message: "Invalid file type" }
     );
@@ -8048,7 +8095,7 @@ function aa(e) {
 }
 const ia = Ve.any();
 export {
-  It as ALLOWED_LANGUAGES,
+  Rt as ALLOWED_LANGUAGES,
   Jt as ApplicantProgressOnHoldReason,
   ze as ApplicantProgressStatus,
   mr as ApplicantService,
@@ -8059,7 +8106,7 @@ export {
   $t as Badge,
   vr as BaseInformationService,
   Z as Button,
-  st as COMPANY_FIELD_METADATA,
+  ot as COMPANY_FIELD_METADATA,
   re as Card,
   ne as CardContent,
   Ce as CardFooter,
@@ -8067,7 +8114,7 @@ export {
   Je as CountriesType,
   Zn as CreateApplicantForm,
   Xn as CreateCompanyApplicantForm,
-  sr as CriteriaBuiltInType,
+  or as CriteriaBuiltInType,
   lr as DEFAULT_COMPANY_VISIBLE_FIELDS,
   cr as DEFAULT_VISIBLE_FIELDS,
   nr as DocumentReviewStatus,
@@ -8086,9 +8133,9 @@ export {
   Tn as IdentityVerificationStep,
   xe as Input,
   kr as InvestorCategorizationService,
-  In as InvestorCategorizationStep,
+  Rn as InvestorCategorizationStep,
   Ee as InvestorCategorizationType,
-  or as InvestorCategoryType,
+  sr as InvestorCategoryType,
   er as KycProcessStatus,
   tt as KycStatus,
   Pt as KycStatusDisplay,
@@ -8148,12 +8195,12 @@ export {
   Cr as healthcareTheme,
   Wn as isScriptLoaded,
   Mt as loadScript,
-  Rr as minimalTheme,
+  Ir as minimalTheme,
   Nr as modernTheme,
   Un as removeScript,
   jr as saveApplicantId,
   Ur as saveWorkflowState,
-  Ir as themePresets,
+  Rr as themePresets,
   zt as useApplicant,
   Jn as useAppropriatenessTest,
   Gr as useIdentityVerification,