@vpdev2/metakyc-sdk 1.0.99 → 1.0.100

package/dist/index.js

@@ -1,15 +1,15 @@
-var $t = Object.defineProperty;
-var Bt = (e, t, n) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var me = (e, t, n) => Bt(e, typeof t != "symbol" ? t + "" : t, n);
+var Bt = Object.defineProperty;
+var $t = (e, t, n) => t in e ? Bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var me = (e, t, n) => $t(e, typeof t != "symbol" ? t + "" : t, n);
 import _t from "axios";
 import * as vt from "react";
-import Fe, { createContext as jt, useState as k, useMemo as Ae, useEffect as ye, useContext as Ht, useRef as le, useCallback as te, forwardRef as lt, createElement as gt } from "react";
+import be, { createContext as jt, useState as k, useMemo as Ae, useEffect as ye, useContext as Ht, useRef as le, useCallback as te, forwardRef as lt, createElement as gt } from "react";
 import { jsx as r, jsxs as i, Fragment as rt } from "react/jsx-runtime";
-import Ut, { createPortal as ft } from "react-dom";
-import { useForm as Wt, Controller as qe } from "react-hook-form";
+import Wt, { createPortal as ft } from "react-dom";
+import { useForm as Ut, Controller as qe } from "react-hook-form";
 import { z as _e } from "zod";
-var se = /* @__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))(se || {}), ut = /* @__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))(ut || {}), Te = /* @__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))(Te || {}), Kt = /* @__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))(Kt || {}), qt = /* @__PURE__ */ ((e) => (e[e.LowRisk = 0] = "LowRisk", e[e.MediumRisk = 1] = "MediumRisk", e[e.HighRisk = 2] = "HighRisk", e[e.Alert = 3] = "Alert", e))(qt || {}), Ye = /* @__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))(Ye || {}), Ve = /* @__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))(Ve || {}), Yt = /* @__PURE__ */ ((e) => (e[e.ProviderResultPending = 0] = "ProviderResultPending", e[e.ProviderResultReceived = 1] = "ProviderResultReceived", e[e.Canceled = 2] = "Canceled", e[e.ExtendedToNewApplicant = 3] = "ExtendedToNewApplicant", e))(Yt || {}), Vt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.ProviderResultPending = 1] = "ProviderResultPending", e[e.ProviderResultReceived = 2] = "ProviderResultReceived", e[e.Canceled = 3] = "Canceled", e))(Vt || {}), Le = /* @__PURE__ */ ((e) => (e[e.Onfido = 0] = "Onfido", e[e.Sumsub = 2] = "Sumsub", e[e.SardinAI = 3] = "SardinAI", e))(Le || {}), Qt = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Company = 1] = "Company", e))(Qt || {}), pt = /* @__PURE__ */ ((e) => (e[e.Male = 0] = "Male", e[e.Female = 1] = "Female", e[e.Other = 2] = "Other", e))(pt || {}), Gt = /* @__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))(Gt || {}), Jt = /* @__PURE__ */ ((e) => (e[e.Pending = 0] = "Pending", e[e.Approved = 1] = "Approved", e[e.Rejected = 2] = "Rejected", e[e.RequiresRevision = 3] = "RequiresRevision", e))(Jt || {}), Zt = /* @__PURE__ */ ((e) => (e[e.SingleChoice = 0] = "SingleChoice", e[e.MultipleChoice = 1] = "MultipleChoice", e[e.Text = 2] = "Text", e))(Zt || {}), $e = /* @__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))($e || {}), Xt = /* @__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))(Xt || {}), er = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Country = 1] = "Country", e))(er || {}), Ce = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Sophisticated = 1] = "Sophisticated", e[e.HighNetWorth = 2] = "HighNetWorth", e[e.Business = 3] = "Business", e))(Ce || {}), tr = /* @__PURE__ */ ((e) => (e[e.Retail = 0] = "Retail", e[e.Professional = 1] = "Professional", e[e.EligibleCounterparty = 2] = "EligibleCounterparty", e))(tr || {});
-const Ue = {
+var se = /* @__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))(se || {}), ut = /* @__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))(ut || {}), Te = /* @__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))(Te || {}), Kt = /* @__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))(Kt || {}), qt = /* @__PURE__ */ ((e) => (e[e.LowRisk = 0] = "LowRisk", e[e.MediumRisk = 1] = "MediumRisk", e[e.HighRisk = 2] = "HighRisk", e[e.Alert = 3] = "Alert", e))(qt || {}), Ye = /* @__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))(Ye || {}), Ve = /* @__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))(Ve || {}), Yt = /* @__PURE__ */ ((e) => (e[e.ProviderResultPending = 0] = "ProviderResultPending", e[e.ProviderResultReceived = 1] = "ProviderResultReceived", e[e.Canceled = 2] = "Canceled", e[e.ExtendedToNewApplicant = 3] = "ExtendedToNewApplicant", e))(Yt || {}), Vt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.ProviderResultPending = 1] = "ProviderResultPending", e[e.ProviderResultReceived = 2] = "ProviderResultReceived", e[e.Canceled = 3] = "Canceled", e))(Vt || {}), Le = /* @__PURE__ */ ((e) => (e[e.Onfido = 0] = "Onfido", e[e.Sumsub = 2] = "Sumsub", e[e.SardinAI = 3] = "SardinAI", e))(Le || {}), Qt = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Company = 1] = "Company", e))(Qt || {}), pt = /* @__PURE__ */ ((e) => (e[e.Male = 0] = "Male", e[e.Female = 1] = "Female", e[e.Other = 2] = "Other", e))(pt || {}), Gt = /* @__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))(Gt || {}), Jt = /* @__PURE__ */ ((e) => (e[e.Pending = 0] = "Pending", e[e.Approved = 1] = "Approved", e[e.Rejected = 2] = "Rejected", e[e.RequiresRevision = 3] = "RequiresRevision", e))(Jt || {}), Zt = /* @__PURE__ */ ((e) => (e[e.SingleChoice = 0] = "SingleChoice", e[e.MultipleChoice = 1] = "MultipleChoice", e[e.Text = 2] = "Text", e))(Zt || {}), Be = /* @__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))(Be || {}), Xt = /* @__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))(Xt || {}), er = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Country = 1] = "Country", e))(er || {}), Ne = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Sophisticated = 1] = "Sophisticated", e[e.HighNetWorth = 2] = "HighNetWorth", e[e.Business = 3] = "Business", e))(Ne || {}), tr = /* @__PURE__ */ ((e) => (e[e.Retail = 0] = "Retail", e[e.Professional = 1] = "Professional", e[e.EligibleCounterparty = 2] = "EligibleCounterparty", e))(tr || {});
+const We = {
   Nationality: 10,
   Address: 20,
   CountryOfBirth: 30,
@@ -23,17 +23,17 @@ const Ue = {
   dateOfBirth: { label: "Date of Birth", type: "date" },
   salutation: { label: "Salutation", type: "select" },
   title: { label: "Title", type: "text" },
-  mobileCountryCode: { label: "Mobile Country Code", type: "select", countriesType: Ue.PhoneNumber },
+  mobileCountryCode: { label: "Mobile Country Code", type: "select", countriesType: We.PhoneNumber },
   street: { label: "Street", type: "text" },
   streetNumber: { label: "Street Number", type: "text" },
   zip: { label: "ZIP / Postal Code", type: "text" },
   city: { label: "City", type: "text" },
-  country: { label: "Country", type: "select", countriesType: Ue.Address },
-  nationality: { label: "Nationality", type: "select", countriesType: Ue.Nationality },
-  otherNationality: { label: "Other Nationalities", type: "multiselect", countriesType: Ue.Nationality },
-  countryOfBirth: { label: "Country of Birth", type: "select", countriesType: Ue.CountryOfBirth },
+  country: { label: "Country", type: "select", countriesType: We.Address },
+  nationality: { label: "Nationality", type: "select", countriesType: We.Nationality },
+  otherNationality: { label: "Other Nationalities", type: "multiselect", countriesType: We.Nationality },
+  countryOfBirth: { label: "Country of Birth", type: "select", countriesType: We.CountryOfBirth },
   placeOfBirth: { label: "Place of Birth", type: "text" },
-  taxCountry: { label: "Tax Country", type: "select", countriesType: Ue.Address },
+  taxCountry: { label: "Tax Country", type: "select", countriesType: We.Address },
   taxNumber: { label: "Tax Number", type: "text" },
   defaultLanguage: { label: "Default Language", type: "select" },
   educationLevel: { label: "Education Level", type: "text" },
@@ -43,7 +43,7 @@ const Ue = {
   email: { label: "Email", type: "email" },
   phone: { label: "Phone", type: "tel" },
   registrationNumber: { label: "Registration Number", type: "text" },
-  countryResidence: { label: "Country of Residence", type: "select", countriesType: Ue.Address },
+  countryResidence: { label: "Country of Residence", type: "select", countriesType: We.Address },
   legalAddress: { label: "Legal Address", type: "text" },
   incorporatedOn: { label: "Incorporation Date", type: "date" },
   controlScheme: { label: "Control Scheme", type: "text" },
@@ -56,7 +56,7 @@ const Ue = {
   city: { label: "City", type: "text" },
   state: { label: "State / Province", type: "text" },
   postalCode: { label: "Postal Code", type: "text" },
-  addressCountry: { label: "Address Country", type: "select", countriesType: Ue.Address },
+  addressCountry: { label: "Address Country", type: "select", countriesType: We.Address },
   lei: { label: "LEI", type: "text" }
 }, rr = [
   "companyName",
@@ -88,7 +88,7 @@ const Ue = {
   { value: "FI", label: "Finnish" },
   { value: "NO", label: "Norwegian" }
 ];
-var Ne = /* @__PURE__ */ ((e) => (e.Default = "default", e.Corporate = "corporate", e.Fintech = "fintech", e.Healthcare = "healthcare", e.Modern = "modern", e.Minimal = "minimal", e))(Ne || {});
+var Re = /* @__PURE__ */ ((e) => (e.Default = "default", e.Corporate = "corporate", e.Fintech = "fintech", e.Healthcare = "healthcare", e.Modern = "modern", e.Minimal = "minimal", e))(Re || {});
 const ar = {
   timeout: 3e4,
   retries: 3,
@@ -663,7 +663,7 @@ class hr {
     )).result;
   }
 }
-const Ee = {
+const Fe = {
   name: "Default",
   title: "KYC Verification",
   logo: {
@@ -897,15 +897,15 @@ const Ee = {
     inputHeight: "2.25rem"
   }
 }, kr = {
-  [Ne.Default]: Ee,
-  [Ne.Corporate]: gr,
-  [Ne.Fintech]: fr,
-  [Ne.Healthcare]: br,
-  [Ne.Modern]: xr,
-  [Ne.Minimal]: vr
+  [Re.Default]: Fe,
+  [Re.Corporate]: gr,
+  [Re.Fintech]: fr,
+  [Re.Healthcare]: br,
+  [Re.Modern]: xr,
+  [Re.Minimal]: vr
 };
 function it(e) {
-  return kr[e] || Ee;
+  return kr[e] || Fe;
 }
 class wr {
   constructor(t) {
@@ -922,8 +922,8 @@ class wr {
         "GetThemeConfiguration"
       );
       if (!n.result.isEnabled)
-        return it(Ne.Default);
-      let a = n.result.preset ? it(n.result.preset) : it(Ne.Default);
+        return it(Re.Default);
+      let a = n.result.preset ? it(n.result.preset) : it(Re.Default);
       if (n.result.title && (a.title = n.result.title), n.result.logo && (a.logo = { ...a.logo, ...n.result.logo }), n.result.colors && (a.colors = { ...a.colors, ...n.result.colors }), n.result.typography && (a.typography = { ...a.typography, ...n.result.typography }), n.result.spacing && (a.spacing = { ...a.spacing, ...n.result.spacing }), n.result.customCSS && (a.customCSS = n.result.customCSS), n.result.darkMode && (a.darkMode = {
         colors: {
           ...(t = a.darkMode) == null ? void 0 : t.colors,
@@ -973,7 +973,7 @@ class wr {
         }
       return a;
     } catch (n) {
-      return console.warn("[ThemeService] Failed to fetch theme configuration:", n), it(Ne.Default);
+      return console.warn("[ThemeService] Failed to fetch theme configuration:", n), it(Re.Default);
     }
   }
   /**
@@ -987,12 +987,12 @@ class wr {
    */
   getAvailablePresets() {
     return [
-      { id: Ne.Default, name: "Default" },
-      { id: Ne.Corporate, name: "Corporate" },
-      { id: Ne.Fintech, name: "Fintech" },
-      { id: Ne.Healthcare, name: "Healthcare" },
-      { id: Ne.Modern, name: "Modern" },
-      { id: Ne.Minimal, name: "Minimal" }
+      { id: Re.Default, name: "Default" },
+      { id: Re.Corporate, name: "Corporate" },
+      { id: Re.Fintech, name: "Fintech" },
+      { id: Re.Healthcare, name: "Healthcare" },
+      { id: Re.Modern, name: "Modern" },
+      { id: Re.Minimal, name: "Minimal" }
     ];
   }
   /**
@@ -1236,11 +1236,11 @@ class Nr {
     return a.submitData(n);
   }
 }
-class Ir {
-  constructor(t, n, a, s, l, c, u, h) {
+class Rr {
+  constructor(t, n, a, s, l, c, u, y) {
     me(this, "state");
     me(this, "stepRouter");
-    this.applicantService = t, this.questionnaireService = n, this.uploadDocumentService = a, this.appropriatenessTestService = s, this.overviewService = l, this.riskScoringService = c, this.investorCategorizationService = h, this.state = new Cr(), this.stepRouter = new Nr(), this.registerStepHandlers();
+    this.applicantService = t, this.questionnaireService = n, this.uploadDocumentService = a, this.appropriatenessTestService = s, this.overviewService = l, this.riskScoringService = c, this.investorCategorizationService = y, this.state = new Cr(), this.stepRouter = new Nr(), this.registerStepHandlers();
   }
   /**
    * Register all step handlers
@@ -1390,14 +1390,14 @@ function Ft(e, t) {
     s.src = e, t && (s.id = t), s.async = !0, s.onload = () => n(), s.onerror = () => a(new Error(`Failed to load script: ${e}`)), document.head.appendChild(s);
   });
 }
-function Dn(e) {
+function Mn(e) {
   return !!document.getElementById(e);
 }
-function Mn(e) {
+function zn(e) {
   const t = document.getElementById(e);
   t && t.remove();
 }
-class Rr {
+class Ir {
   constructor(t) {
     me(this, "sdk", null);
     me(this, "config");
@@ -1597,13 +1597,13 @@ class Fr {
           console.log(`[SardinAI] Device ID: ${u.deviceId}`);
         },
         // New callback for session updates
-        onConfigUpdate: (u, h, m) => {
+        onConfigUpdate: (u, y, m) => {
           switch (u) {
             case "SESSION_UPDATE_FAILED":
               console.error("[SardinAI] Session update failed:", m);
               break;
             case "SESSION_UPDATED":
-              console.log("[SardinAI] Session updated:", h);
+              console.log("[SardinAI] Session updated:", y);
               break;
             case "SESSION_NO_UPDATE":
               console.log("[SardinAI] No session update");
@@ -1669,7 +1669,7 @@ class et {
   static createProvider(t, n) {
     switch (t) {
       case Le.Sumsub:
-        return new Rr(n);
+        return new Ir(n);
       case Le.Onfido:
         return new Er(n);
       case Le.SardinAI:
@@ -1748,7 +1748,7 @@ function Ar() {
 }
 class Pr {
   constructor(t) {
-    me(this, "currentTheme", Ee);
+    me(this, "currentTheme", Fe);
     me(this, "customStyleElement", null);
     me(this, "inputStyleElement", null);
     me(this, "container");
@@ -1843,19 +1843,19 @@ class Pr {
   mergeWithDefault(t) {
     var n;
     return {
-      name: t.name || Ee.name,
-      title: t.title || Ee.title,
-      logo: { ...Ee.logo, ...t.logo },
-      colors: { ...Ee.colors, ...t.colors },
-      typography: t.typography ? { ...Ee.typography, ...t.typography } : Ee.typography,
-      spacing: t.spacing ? { ...Ee.spacing, ...t.spacing } : Ee.spacing,
+      name: t.name || Fe.name,
+      title: t.title || Fe.title,
+      logo: { ...Fe.logo, ...t.logo },
+      colors: { ...Fe.colors, ...t.colors },
+      typography: t.typography ? { ...Fe.typography, ...t.typography } : Fe.typography,
+      spacing: t.spacing ? { ...Fe.spacing, ...t.spacing } : Fe.spacing,
       customCSS: t.customCSS,
       darkMode: t.darkMode ? {
         colors: {
-          ...(n = Ee.darkMode) == null ? void 0 : n.colors,
+          ...(n = Fe.darkMode) == null ? void 0 : n.colors,
           ...t.darkMode.colors
         }
-      } : Ee.darkMode,
+      } : Fe.darkMode,
       applicantFormVisibleFields: t.applicantFormVisibleFields,
       applicantFormRequiredFields: t.applicantFormRequiredFields,
       allowedLanguages: t.allowedLanguages,
@@ -1879,7 +1879,7 @@ class Pr {
    * Reset to default theme
    */
   resetTheme() {
-    this.applyTheme(Ee);
+    this.applyTheme(Fe);
   }
   /**
    * Remove all custom styles
@@ -1894,20 +1894,20 @@ class Pr {
     return t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
   }
 }
-const At = jt(null), zn = ({ config: e, children: t }) => {
-  const [n, a] = k(null), s = Fe.useRef(!1), l = Fe.useRef(!1), c = Ae(() => {
-    const h = new sr(e), m = new or(h), I = new lr(h), T = new cr(h), R = new dr(h), L = new ur(h), f = new pr(h), S = new mr(h), D = new yr(h), U = new hr(h), W = new wr(h), M = new Pr();
+const At = jt(null), On = ({ config: e, children: t }) => {
+  const [n, a] = k(null), s = be.useRef(!1), l = be.useRef(!1), c = Ae(() => {
+    const y = new sr(e), m = new or(y), N = new lr(y), T = new cr(y), I = new dr(y), L = new ur(y), f = new pr(y), S = new mr(y), D = new yr(y), H = new hr(y), W = new wr(y), M = new Pr();
     return {
-      httpClient: h,
+      httpClient: y,
       applicantService: m,
-      questionnaireService: I,
+      questionnaireService: N,
       uploadDocumentService: T,
-      appropriatenessTestService: R,
+      appropriatenessTestService: I,
       overviewService: L,
       riskScoringService: f,
       identityService: S,
       baseInformationService: D,
-      investorCategorizationService: U,
+      investorCategorizationService: H,
       themeService: W,
       themeManager: M
     };
@@ -1915,7 +1915,7 @@ const At = jt(null), zn = ({ config: e, children: t }) => {
     config: e,
     ...c,
     currentTheme: n,
-    createOrchestrator: () => new Ir(
+    createOrchestrator: () => new Rr(
       c.applicantService,
       c.questionnaireService,
       c.uploadDocumentService,
@@ -1949,7 +1949,7 @@ const At = jt(null), zn = ({ config: e, children: t }) => {
     c.themeManager.cleanup();
   }), []), /* @__PURE__ */ r(At.Provider, { value: u, children: t });
 };
-function Re() {
+function Ee() {
   const e = Ht(At);
   if (!e)
     throw new Error("useMetaKYC must be used within a MetaKYCProvider");
@@ -1964,7 +1964,7 @@ async function Lr(e) {
     }, a.onerror = (s) => n(s);
   });
 }
-function On(e, t) {
+function Bn(e, t) {
   return e.size <= t;
 }
 function $n(e, t) {
@@ -1981,7 +1981,7 @@ function mt(e) {
   const t = 1024, n = ["Bytes", "KB", "MB", "GB"], a = Math.floor(Math.log(e) / Math.log(t));
   return Math.round(e / Math.pow(t, a) * 100) / 100 + " " + n[a];
 }
-function Bn(e) {
+function _n(e) {
   return e;
 }
 function Ie(...e) {
@@ -2020,7 +2020,7 @@ function zr(e) {
     console.warn("Failed to save workflow state to storage:", t);
   }
 }
-function _n() {
+function jn() {
   try {
     const e = localStorage.getItem(nt.WORKFLOW_STATE);
     return e ? JSON.parse(e) : null;
@@ -2035,13 +2035,13 @@ function Or() {
     console.warn("Failed to clear workflow state from storage:", e);
   }
 }
-function jn() {
+function Hn() {
   Mr(), Or();
 }
-function $r(e) {
-  const { createOrchestrator: t } = Re(), [n, a] = k(null), [s, l] = k(!1), [c, u] = k(null), h = le(null), m = e || Dr();
+function Br(e) {
+  const { createOrchestrator: t } = Ee(), [n, a] = k(null), [s, l] = k(!1), [c, u] = k(null), y = le(null), m = e || Dr();
   ye(() => {
-    h.current || (h.current = t());
+    y.current || (y.current = t());
   }, [t]), ye(() => {
     var M;
     n && m && (Tr(m), zr({
@@ -2053,47 +2053,47 @@ function $r(e) {
       nextWorkflowKey: n.nextWorkflowKey
     }));
   }, [n, m]);
-  const I = le(!1), T = le(!1), R = te(async () => {
-    if (!(!m || !h.current)) {
-      if (I.current) {
+  const N = le(!1), T = le(!1), I = te(async () => {
+    if (!(!m || !y.current)) {
+      if (N.current) {
         console.log("[Workflow] Load already in progress, skipping...");
         return;
       }
-      I.current = !0, l(!0), u(null);
+      N.current = !0, l(!0), u(null);
       try {
-        const M = await h.current.initialize(m);
+        const M = await y.current.initialize(m);
         a(M), T.current = !0;
       } catch (M) {
         u(M);
       } finally {
-        l(!1), I.current = !1;
+        l(!1), N.current = !1;
       }
     }
   }, [m]);
   ye(() => {
-    m && !T.current && R();
-  }, [m, R]);
+    m && !T.current && I();
+  }, [m, I]);
   const L = te(async () => {
-    if (h.current) {
-      if (I.current) {
+    if (y.current) {
+      if (N.current) {
         console.log("[Workflow] Refresh already in progress, skipping...");
         return;
       }
-      I.current = !0, l(!0), u(null);
+      N.current = !0, l(!0), u(null);
       try {
-        const M = await h.current.refreshProgress();
+        const M = await y.current.refreshProgress();
         a(M);
       } catch (M) {
         u(M);
       } finally {
-        l(!1), I.current = !1;
+        l(!1), N.current = !1;
       }
     }
   }, []), f = te(async () => {
-    if (h.current) {
+    if (y.current) {
       l(!0), u(null);
       try {
-        const M = await h.current.moveToNextStep();
+        const M = await y.current.moveToNextStep();
         a(M);
       } catch (M) {
         u(M);
@@ -2102,10 +2102,10 @@ function $r(e) {
       }
     }
   }, []), S = te(async () => {
-    if (h.current) {
+    if (y.current) {
       l(!0), u(null);
       try {
-        const M = await h.current.moveToPreviousStep();
+        const M = await y.current.moveToPreviousStep();
         a(M);
       } catch (M) {
         u(M);
@@ -2114,24 +2114,24 @@ function $r(e) {
       }
     }
   }, []), D = te(async (M) => {
-    if (h.current) {
+    if (y.current) {
       l(!0), u(null);
       try {
-        await h.current.submitCurrentStep(M);
-        const B = await h.current.refreshProgress();
-        a(B);
-      } catch (B) {
-        throw u(B), B;
+        await y.current.submitCurrentStep(M);
+        const q = await y.current.refreshProgress();
+        a(q);
+      } catch (q) {
+        throw u(q), q;
       } finally {
         l(!1);
       }
     }
-  }, []), U = vt.useMemo(() => n != null && n.stepInfoList ? [...n.stepInfoList].sort((M, B) => M.order - B.order) : [], [n == null ? void 0 : n.stepInfoList]), W = vt.useMemo(() => n ? n.nextWorkflowKey && n.nextWorkflowKey !== n.workFlowKey : !1, [n]);
+  }, []), H = vt.useMemo(() => n != null && n.stepInfoList ? [...n.stepInfoList].sort((M, q) => M.order - q.order) : [], [n == null ? void 0 : n.stepInfoList]), W = vt.useMemo(() => n ? n.nextWorkflowKey && n.nextWorkflowKey !== n.workFlowKey : !1, [n]);
   return {
     progress: n,
     applicantId: m,
     currentStep: (n == null ? void 0 : n.currentStep) || null,
-    steps: U,
+    steps: H,
     status: (n == null ? void 0 : n.status) || Te.None,
     workflowResult: (n == null ? void 0 : n.workflowResult) || null,
     workflowKey: n == null ? void 0 : n.workFlowKey,
@@ -2145,39 +2145,39 @@ function $r(e) {
     moveToNext: f,
     moveBack: S,
     submitCurrentStep: D,
-    orchestrator: h.current
+    orchestrator: y.current
   };
 }
-function Br(e) {
-  const { questionnaireService: t, applicantService: n } = Re(), [a, s] = k(null), [l, c] = k({}), [u, h] = k(!1), [m, I] = k(!1), [T, R] = k(null), L = le(!1), f = le(null), S = te(async () => {
-    var U, W;
+function $r(e) {
+  const { questionnaireService: t, applicantService: n } = Ee(), [a, s] = k(null), [l, c] = k({}), [u, y] = k(!1), [m, N] = k(!1), [T, I] = k(null), L = le(!1), f = le(null), S = te(async () => {
+    var H, W;
     if (e) {
       if (L.current) {
         console.log("[Questionnaire] Load already in progress, skipping...");
         return;
       }
-      L.current = !0, h(!0), R(null);
+      L.current = !0, y(!0), I(null);
       try {
-        const [M, B] = await Promise.all([
+        const [M, q] = await Promise.all([
           t.getQuestionnaire(e),
           n.getApplicantData(e).catch(() => null)
         ]);
-        if (s(M), (U = B == null ? void 0 : B.questionnaireResults) != null && U.length && M) {
-          const G = /* @__PURE__ */ new Map();
-          for (const b of B.questionnaireResults)
-            b.question && ((W = b.answers) != null && W.length) && G.set(b.question.trim().toLowerCase(), b.answers);
-          const J = {}, F = M.questionGroups.flatMap((b) => b.questions ?? []);
+        if (s(M), (H = q == null ? void 0 : q.questionnaireResults) != null && H.length && M) {
+          const U = /* @__PURE__ */ new Map();
+          for (const b of q.questionnaireResults)
+            b.question && ((W = b.answers) != null && W.length) && U.set(b.question.trim().toLowerCase(), b.answers);
+          const V = {}, F = M.questionGroups.flatMap((b) => b.questions ?? []);
           for (const b of F) {
-            const $ = b.text.trim().toLowerCase();
-            G.has($) && (J[b.id] = G.get($));
+            const B = b.text.trim().toLowerCase();
+            U.has(B) && (V[b.id] = U.get(B));
           }
-          c(J);
+          c(V);
         }
         f.current = e;
       } catch (M) {
-        R(M);
+        I(M);
       } finally {
-        h(!1), L.current = !1;
+        y(!1), L.current = !1;
       }
     }
   }, [e, t, n]);
@@ -2185,14 +2185,14 @@ function Br(e) {
     e && f.current !== e && S();
   }, [e]);
   const D = te(
-    async (U) => {
-      I(!0), R(null);
+    async (H) => {
+      N(!0), I(null);
       try {
-        return await t.fillQuestionnaire(U);
+        return await t.fillQuestionnaire(H);
       } catch (W) {
-        throw R(W), W;
+        throw I(W), W;
       } finally {
-        I(!1);
+        N(!1);
       }
     },
     [t]
@@ -2208,20 +2208,20 @@ function Br(e) {
   };
 }
 function _r(e) {
-  const { uploadDocumentService: t } = Re(), [n, a] = k(null), [s, l] = k(!1), [c, u] = k(!1), [h, m] = k(0), [I, T] = k(null), R = le(!1), L = le(null), f = te(async () => {
+  const { uploadDocumentService: t } = Ee(), [n, a] = k(null), [s, l] = k(!1), [c, u] = k(!1), [y, m] = k(0), [N, T] = k(null), I = le(!1), L = le(null), f = te(async () => {
     if (e) {
-      if (R.current) {
+      if (I.current) {
         console.log("[UploadDocument] Load already in progress, skipping...");
         return;
       }
-      R.current = !0, l(!0), T(null);
+      I.current = !0, l(!0), T(null);
       try {
         const D = await t.getUploadDocument(e);
         a(D), L.current = e;
       } catch (D) {
         T(D);
       } finally {
-        l(!1), R.current = !1;
+        l(!1), I.current = !1;
       }
     }
   }, [e, t]);
@@ -2233,8 +2233,8 @@ function _r(e) {
       u(!0), m(0), T(null);
       try {
         await t.fillUploadDocument(D), m(100);
-      } catch (U) {
-        throw T(U), U;
+      } catch (H) {
+        throw T(H), H;
       } finally {
         u(!1);
       }
@@ -2245,27 +2245,27 @@ function _r(e) {
     uploadDocument: n,
     isLoading: s,
     isSubmitting: c,
-    uploadProgress: h,
-    error: I,
+    uploadProgress: y,
+    error: N,
     load: f,
     submit: S
   };
 }
-function Hn(e) {
-  const { appropriatenessTestService: t } = Re(), [n, a] = k(null), [s, l] = k(!1), [c, u] = k(!1), [h, m] = k(null), [I, T] = k(null), R = le(!1), L = le(null), f = te(async () => {
+function Wn(e) {
+  const { appropriatenessTestService: t } = Ee(), [n, a] = k(null), [s, l] = k(!1), [c, u] = k(!1), [y, m] = k(null), [N, T] = k(null), I = le(!1), L = le(null), f = te(async () => {
     if (e) {
-      if (R.current) {
+      if (I.current) {
         console.log("[AppropriatenessTest] Load already in progress, skipping...");
         return;
       }
-      R.current = !0, l(!0), m(null);
+      I.current = !0, l(!0), m(null);
       try {
         const D = await t.getAppropriatenessTest(e);
         a(D), L.current = e;
       } catch (D) {
         m(D);
       } finally {
-        l(!1), R.current = !1;
+        l(!1), I.current = !1;
       }
     }
   }, [e, t]);
@@ -2276,10 +2276,10 @@ function Hn(e) {
     async (D) => {
       u(!0), m(null);
       try {
-        const U = await t.fillAppropriatenessTest(D);
-        return T(U), U;
-      } catch (U) {
-        throw m(U), U;
+        const H = await t.fillAppropriatenessTest(D);
+        return T(H), H;
+      } catch (H) {
+        throw m(H), H;
       } finally {
         u(!1);
       }
@@ -2288,34 +2288,34 @@ function Hn(e) {
   );
   return {
     test: n,
-    result: I,
+    result: N,
     isLoading: s,
     isSubmitting: c,
-    error: h,
+    error: y,
     load: f,
     submit: S
   };
 }
 function jr(e) {
-  const { overviewService: t } = Re(), [n, a] = k(null), [s, l] = k(!1), [c, u] = k(!1), [h, m] = k(null), I = le(!1), T = le(null), R = te(async () => {
+  const { overviewService: t } = Ee(), [n, a] = k(null), [s, l] = k(!1), [c, u] = k(!1), [y, m] = k(null), N = le(!1), T = le(null), I = te(async () => {
     if (e) {
-      if (I.current) {
+      if (N.current) {
         console.log("[Overview] Load already in progress, skipping...");
         return;
       }
-      I.current = !0, l(!0), m(null);
+      N.current = !0, l(!0), m(null);
       try {
         const f = await t.getOverviewData(e);
         a(f), T.current = e;
       } catch (f) {
         m(f);
       } finally {
-        l(!1), I.current = !1;
+        l(!1), N.current = !1;
       }
     }
   }, [e, t]);
   ye(() => {
-    e && T.current !== e && R();
+    e && T.current !== e && I();
   }, [e]);
   const L = te(async () => {
     if (e) {
@@ -2333,27 +2333,27 @@ function jr(e) {
     overview: n,
     isLoading: s,
     isSubmitting: c,
-    error: h,
-    load: R,
+    error: y,
+    load: I,
     passOverview: L
   };
 }
 function Hr(e) {
-  const { identityService: t } = Re(), [n, a] = k(
+  const { identityService: t } = Ee(), [n, a] = k(
     null
-  ), [s, l] = k(!1), [c, u] = k(null), h = le(!1), m = te(
-    async (R, L) => {
+  ), [s, l] = k(!1), [c, u] = k(null), y = le(!1), m = te(
+    async (I, L) => {
       if (e) {
-        if (h.current) {
+        if (y.current) {
           console.log("[Identity] Request already in progress, skipping...");
           return;
         }
-        h.current = !0, l(!0), u(null);
+        y.current = !0, l(!0), u(null);
         try {
           const f = {
             applicantId: e,
             restart: !1,
-            redirectUrl: R || "",
+            redirectUrl: I || "",
             ttl: L || 604800
             // Default: 7 days
           };
@@ -2363,20 +2363,20 @@ function Hr(e) {
         } catch (f) {
           throw u(f), f;
         } finally {
-          l(!1), h.current = !1;
+          l(!1), y.current = !1;
         }
       }
     },
     [e, t]
-  ), I = te(
-    async (R, L) => {
+  ), N = te(
+    async (I, L) => {
       if (e) {
         l(!0), u(null);
         try {
           const f = {
             applicantId: e,
             restart: !1,
-            redirectUrl: R,
+            redirectUrl: I,
             ttl: L
           }, S = await t.identityCompanyRequest(f);
           return a(S), S;
@@ -2390,26 +2390,26 @@ function Hr(e) {
     [e, t]
   ), T = te(async () => {
     if (e) {
-      if (h.current) {
+      if (y.current) {
         console.log("[Identity] Restart already in progress, skipping...");
         return;
       }
-      h.current = !0, l(!0), u(null);
+      y.current = !0, l(!0), u(null);
       try {
-        const R = {
+        const I = {
           applicantId: e,
           restart: !0,
           redirectUrl: "",
           ttl: 604800
           // 7 days
         };
-        console.log("Restarting identity with input:", R);
-        const L = await t.identityRequest(R);
+        console.log("Restarting identity with input:", I);
+        const L = await t.identityRequest(I);
         return console.log("Restart identity result:", L), a(L), L;
-      } catch (R) {
-        throw u(R), R;
+      } catch (I) {
+        throw u(I), I;
       } finally {
-        l(!1), h.current = !1;
+        l(!1), y.current = !1;
       }
     }
   }, [e, t]);
@@ -2420,56 +2420,56 @@ function Hr(e) {
     isLoading: s,
     error: c,
     requestIdentity: m,
-    requestCompanyIdentity: I,
+    requestCompanyIdentity: N,
     restartIdentity: T
   };
 }
-function Ur(e) {
-  const { riskScoringService: t, applicantService: n } = Re(), [a, s] = k(null), [l, c] = k({}), [u, h] = k(!1), [m, I] = k(!1), [T, R] = k(null), [L, f] = k(null), S = le(!1), D = le(null), U = te(async () => {
+function Wr(e) {
+  const { riskScoringService: t, applicantService: n } = Ee(), [a, s] = k(null), [l, c] = k({}), [u, y] = k(!1), [m, N] = k(!1), [T, I] = k(null), [L, f] = k(null), S = le(!1), D = le(null), H = te(async () => {
     var M;
     if (e) {
       if (S.current) {
         console.log("[RiskScoring] Load already in progress, skipping...");
         return;
       }
-      S.current = !0, h(!0), R(null);
+      S.current = !0, y(!0), I(null);
       try {
-        const [B, G] = await Promise.all([
+        const [q, U] = await Promise.all([
           t.getRiskCriterias(e),
           n.getApplicantData(e).catch(() => null)
         ]);
-        if (s(B), (M = G == null ? void 0 : G.riskScoringResults) != null && M.length) {
-          const J = G.riskScoringResults[0], F = {};
-          for (const b of J.riskCriteriaResults ?? [])
+        if (s(q), (M = U == null ? void 0 : U.riskScoringResults) != null && M.length) {
+          const V = U.riskScoringResults[0], F = {};
+          for (const b of V.riskCriteriaResults ?? [])
             if (b.riskCriteriaId != null && b.answer != null && b.answer !== "") {
-              const $ = [...new Set(
-                b.answer.split(",").map((H) => H.trim()).filter((H) => H !== "")
+              const B = [...new Set(
+                b.answer.split(",").map((j) => j.trim()).filter((j) => j !== "")
               )];
-              $.length > 0 && (F[b.riskCriteriaId] = $);
+              B.length > 0 && (F[b.riskCriteriaId] = B);
             }
           c(F);
         }
         D.current = e;
-      } catch (B) {
-        R(B);
+      } catch (q) {
+        I(q);
       } finally {
-        h(!1), S.current = !1;
+        y(!1), S.current = !1;
       }
     }
   }, [e, t, n]);
   ye(() => {
-    e && D.current !== e && U();
+    e && D.current !== e && H();
   }, [e]);
   const W = te(
     async (M) => {
-      I(!0), R(null);
+      N(!0), I(null);
       try {
-        const B = await t.submitRiskScoring(M);
-        return f(B), B;
-      } catch (B) {
-        throw R(B), B;
+        const q = await t.submitRiskScoring(M);
+        return f(q), q;
+      } catch (q) {
+        throw I(q), q;
       } finally {
-        I(!1);
+        N(!1);
       }
     },
     [t]
@@ -2481,12 +2481,12 @@ function Ur(e) {
     isLoading: u,
     isSubmitting: m,
     error: T,
-    load: U,
+    load: H,
     submit: W
   };
 }
 function Pt() {
-  const { applicantService: e, config: t } = Re(), [n, a] = k(!1), [s, l] = k(null), c = le(!1), u = le(!1), h = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(L) {
+  const { applicantService: e, config: t } = Ee(), [n, a] = k(!1), [s, l] = k(null), c = le(!1), u = le(!1), y = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(L) {
     const f = Math.random() * 16 | 0;
     return (L === "x" ? f : f & 3 | 8).toString(16);
   }), m = te(
@@ -2497,7 +2497,7 @@ function Pt() {
       c.current = !0, a(!0), l(null);
       try {
         if (L.applicantAdditionalDatas || (L.applicantAdditionalDatas = []), (f = t.identityProviders) != null && f.sardinai) {
-          const D = h();
+          const D = y();
           console.log("[SardinAI] Generated session key:", D), L.applicantAdditionalDatas.push({
             paramName: "sessionKey",
             value: D
@@ -2511,7 +2511,7 @@ function Pt() {
       }
     },
     [e, t]
-  ), I = te(
+  ), N = te(
     async (L) => {
       a(!0), l(null);
       try {
@@ -2537,7 +2537,7 @@ function Pt() {
       }
     },
     [e]
-  ), R = te(
+  ), I = te(
     async (L) => {
       a(!0), l(null);
       try {
@@ -2554,12 +2554,12 @@ function Pt() {
     isLoading: n,
     error: s,
     createApplicant: m,
-    createCompanyApplicant: I,
+    createCompanyApplicant: N,
     getApplicantData: T,
-    stopProgress: R
+    stopProgress: I
   };
 }
-const Wr = {
+const Ur = {
   primary: {
     backgroundColor: "var(--metakyc-primary, #2563eb)",
     color: "#ffffff",
@@ -2585,7 +2585,7 @@ const Wr = {
     color: "var(--metakyc-text-secondary, #6b7280)",
     borderColor: "transparent"
   }
-}, V = ({
+}, G = ({
   children: e,
   variant: t = "primary",
   size: n = "md",
@@ -2602,7 +2602,7 @@ const Wr = {
       md: "px-4 py-2 text-sm",
       lg: "px-6 py-3 text-base"
     }[n], l),
-    style: { ...Wr[t], ...c },
+    style: { ...Ur[t], ...c },
     disabled: s || a,
     ...u,
     children: [
@@ -2640,7 +2640,7 @@ const Wr = {
     ]
   }
 ), fe = lt(
-  ({ label: e, error: t, helperText: n, leftIcon: a, rightIcon: s, className: l, style: c, ...u }, h) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+  ({ label: e, error: t, helperText: n, leftIcon: a, rightIcon: s, className: l, style: c, ...u }, y) => /* @__PURE__ */ i("div", { className: "w-full", children: [
     e && /* @__PURE__ */ i(
       "label",
       {
@@ -2657,7 +2657,7 @@ const Wr = {
       /* @__PURE__ */ r(
         "input",
         {
-          ref: h,
+          ref: y,
           className: Ie(
             "block w-full rounded-lg border px-3 py-2 text-sm transition-colors",
             "focus:outline-none focus:ring-2 focus:ring-offset-0",
@@ -2697,7 +2697,7 @@ const X = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
     ...n,
     children: e
   }
-), be = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
+), xe = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
   "div",
   {
     className: Ie("px-6 py-4 border-b", t),
@@ -2707,7 +2707,7 @@ const X = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
     ...n,
     children: e
   }
-), ee = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r("div", { className: Ie("px-6 py-4", t), ...n, children: e }), xe = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
+), ee = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r("div", { className: Ie("px-6 py-4", t), ...n, children: e }), ve = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
   "div",
   {
     className: Ie("px-6 py-4 border-t", t),
@@ -2788,7 +2788,7 @@ const X = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
     }
   ) });
 }, bt = lt(
-  ({ label: e, error: t, helperText: n, options: a, placeholder: s, className: l, style: c, ...u }, h) => /* @__PURE__ */ i("div", { className: "w-full", children: [
+  ({ label: e, error: t, helperText: n, options: a, placeholder: s, className: l, style: c, ...u }, y) => /* @__PURE__ */ i("div", { className: "w-full", children: [
     e && /* @__PURE__ */ i(
       "label",
       {
@@ -2803,7 +2803,7 @@ const X = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
     /* @__PURE__ */ i(
       "select",
       {
-        ref: h,
+        ref: y,
         className: Ie(
           "block w-full rounded-lg border px-3 py-2 text-sm transition-colors",
           "focus:outline-none focus:ring-2 focus:ring-offset-0",
@@ -2832,7 +2832,7 @@ const X = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
             },
             "__placeholder__"
           ),
-          a.map((m, I) => /* @__PURE__ */ r(
+          a.map((m, N) => /* @__PURE__ */ r(
             "option",
             {
               value: m.value,
@@ -2843,7 +2843,7 @@ const X = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r(
               },
               children: m.label
             },
-            m.value || `option-${I}`
+            m.value || `option-${N}`
           ))
         ]
       }
@@ -2862,7 +2862,7 @@ const wt = 280, qr = ({
   disabled: l = !1,
   required: c = !1
 }) => {
-  const [u, h] = k(!1), [m, I] = k(""), [T, R] = k(null), [L, f] = k({
+  const [u, y] = k(!1), [m, N] = k(""), [T, I] = k(null), [L, f] = k({
     bg: "#ffffff",
     borderColor: "#d1d5db",
     textPrimary: "#111827",
@@ -2870,12 +2870,12 @@ const wt = 280, qr = ({
     primaryColor: "#2563eb",
     primaryLight: "#eff6ff",
     hoverBg: "#f9fafb"
-  }), S = le(null), D = le(null), U = le(null), W = te(() => {
+  }), S = le(null), D = le(null), H = le(null), W = te(() => {
     if (!D.current) return null;
     const P = D.current.getBoundingClientRect(), Z = window.innerHeight - P.bottom < wt && P.top > wt;
     return { top: Z ? P.top : P.bottom + 4, left: P.left, width: P.width, openUp: Z };
   }, []), M = te(() => {
-    const P = getComputedStyle(document.documentElement), K = (ue, j) => P.getPropertyValue(ue).trim() || j, Z = K("--metakyc-input-bg", K("--metakyc-background", "#ffffff"));
+    const P = getComputedStyle(document.documentElement), K = (ue, _) => P.getPropertyValue(ue).trim() || _, Z = K("--metakyc-input-bg", K("--metakyc-background", "#ffffff"));
     f({
       bg: Z,
       borderColor: K("--metakyc-input-border", K("--metakyc-border", "#d1d5db")),
@@ -2885,45 +2885,45 @@ const wt = 280, qr = ({
       primaryLight: K("--metakyc-primary-light", "#eff6ff"),
       hoverBg: K("--metakyc-surface", Z)
     });
-  }, []), B = te(() => {
+  }, []), q = te(() => {
     if (l) return;
     M();
     const P = W();
-    P && R(P), h(!0);
-  }, [l, W, M]), G = te(() => {
-    h(!1), I("");
+    P && I(P), y(!0);
+  }, [l, W, M]), U = te(() => {
+    y(!1), N("");
   }, []);
   ye(() => {
     if (!u) return;
     const P = (K) => {
-      var ue, j;
+      var ue, _;
       const Z = K.target;
-      !((ue = S.current) != null && ue.contains(Z)) && !((j = U.current) != null && j.contains(Z)) && G();
+      !((ue = S.current) != null && ue.contains(Z)) && !((_ = H.current) != null && _.contains(Z)) && U();
     };
     return document.addEventListener("mousedown", P), () => document.removeEventListener("mousedown", P);
-  }, [u, G]), ye(() => {
+  }, [u, U]), ye(() => {
     if (!u) return;
     const P = () => {
       const K = W();
-      K && R(K);
+      K && I(K);
     };
     return window.addEventListener("scroll", P, !0), window.addEventListener("resize", P), () => {
       window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", P);
     };
   }, [u, W]);
-  const J = a.filter(
+  const V = a.filter(
     (P) => P.label.toLowerCase().includes(m.toLowerCase())
   ), F = (P) => {
     l || n(t.includes(P) ? t.filter((K) => K !== P) : [...t, P]);
   }, b = (P, K) => {
     K.stopPropagation(), l || n(t.filter((Z) => Z !== P));
-  }, $ = (P) => {
+  }, B = (P) => {
     var K;
     return ((K = a.find((Z) => Z.value === P)) == null ? void 0 : K.label) || P;
-  }, { bg: H, borderColor: z, textPrimary: O, textSecondary: ne, primaryColor: ae, primaryLight: re, hoverBg: he } = L, de = u && T && /* @__PURE__ */ i(
+  }, { bg: j, borderColor: z, textPrimary: O, textSecondary: ne, primaryColor: ae, primaryLight: re, hoverBg: he } = L, de = u && T && /* @__PURE__ */ i(
     "div",
     {
-      ref: U,
+      ref: H,
       className: "metakyc-multiselect-dropdown",
       style: {
         position: "fixed",
@@ -2935,7 +2935,7 @@ const wt = 280, qr = ({
         borderRadius: "8px",
         boxShadow: "0 4px 16px rgba(0,0,0,0.18)",
         border: `1px solid ${z}`,
-        backgroundColor: H,
+        backgroundColor: j,
         overflow: "hidden"
       },
       children: [
@@ -2944,7 +2944,7 @@ const wt = 280, qr = ({
           {
             type: "text",
             value: m,
-            onChange: (P) => I(P.target.value),
+            onChange: (P) => N(P.target.value),
             placeholder: "Search...",
             autoFocus: !0,
             onClick: (P) => P.stopPropagation(),
@@ -2956,21 +2956,21 @@ const wt = 280, qr = ({
               fontSize: "13px",
               borderRadius: "6px",
               border: `1px solid ${z}`,
-              backgroundColor: H,
+              backgroundColor: j,
               color: O,
               outline: "none",
               boxSizing: "border-box"
             },
             onFocus: (P) => {
               const K = getComputedStyle(document.documentElement), Z = K.getPropertyValue("--metakyc-input-border-focus").trim() || K.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
-              P.currentTarget.style.backgroundColor = H, P.currentTarget.style.color = O, P.currentTarget.style.borderColor = Z, P.currentTarget.style.outline = "none", P.currentTarget.style.boxShadow = `0 0 0 2px ${Z}33`;
+              P.currentTarget.style.backgroundColor = j, P.currentTarget.style.color = O, P.currentTarget.style.borderColor = Z, P.currentTarget.style.outline = "none", P.currentTarget.style.boxShadow = `0 0 0 2px ${Z}33`;
             },
             onBlur: (P) => {
-              P.currentTarget.style.backgroundColor = H, P.currentTarget.style.color = O, P.currentTarget.style.borderColor = z, P.currentTarget.style.outline = "none", P.currentTarget.style.boxShadow = "none";
+              P.currentTarget.style.backgroundColor = j, P.currentTarget.style.color = O, P.currentTarget.style.borderColor = z, P.currentTarget.style.outline = "none", P.currentTarget.style.boxShadow = "none";
             }
           }
         ) }),
-        /* @__PURE__ */ r("ul", { style: { listStyle: "none", margin: 0, padding: "4px 0", maxHeight: "192px", overflowY: "auto" }, children: J.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: ne }, children: "No results" }) : J.map((P) => {
+        /* @__PURE__ */ r("ul", { style: { listStyle: "none", margin: 0, padding: "4px 0", maxHeight: "192px", overflowY: "auto" }, children: V.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: ne }, children: "No results" }) : V.map((P) => {
           const K = t.includes(P.value);
           return /* @__PURE__ */ i(
             "li",
@@ -3015,7 +3015,7 @@ const wt = 280, qr = ({
           {
             type: "button",
             onClick: () => {
-              n([]), I("");
+              n([]), N("");
             },
             style: { fontSize: "12px", color: "#ef4444", background: "none", border: "none", cursor: "pointer", padding: 0 },
             children: [
@@ -3044,7 +3044,7 @@ const wt = 280, qr = ({
       "div",
       {
         ref: D,
-        onClick: () => u ? G() : B(),
+        onClick: () => u ? U() : q(),
         className: Ie(
           "metakyc-multiselect-trigger",
           "min-h-[42px] w-full px-3 py-2 rounded-lg border text-sm transition-colors relative",
@@ -3073,7 +3073,7 @@ const wt = 280, qr = ({
                 color: "var(--metakyc-primary, #2563eb)"
               },
               children: [
-                $(P),
+                B(P),
                 !l && /* @__PURE__ */ r(
                   "button",
                   {
@@ -3119,7 +3119,7 @@ const wt = 280, qr = ({
     ),
     typeof document < "u" && de ? ft(de, document.body) : null
   ] });
-}, St = 260, Be = ({
+}, St = 260, $e = ({
   label: e,
   error: t,
   helperText: n,
@@ -3128,11 +3128,11 @@ const wt = 280, qr = ({
   value: l,
   onChange: c,
   disabled: u = !1,
-  required: h = !1,
+  required: y = !1,
   className: m
 }) => {
-  var j;
-  const [I, T] = k(!1), [R, L] = k(""), [f, S] = k(null), [D, U] = k({
+  var _;
+  const [N, T] = k(!1), [I, L] = k(""), [f, S] = k(null), [D, H] = k({
     bg: "#ffffff",
     border: "#d1d5db",
     text: "#111827",
@@ -3141,64 +3141,64 @@ const wt = 280, qr = ({
     primaryLight: "#eff6ff",
     hoverBg: "#f9fafb"
   }), W = te(() => {
-    const x = getComputedStyle(document.documentElement), Q = (ce, we) => x.getPropertyValue(ce).trim() || we, Y = Q("--metakyc-input-bg", Q("--metakyc-background", "#ffffff"));
-    U({
-      bg: Y,
-      border: Q("--metakyc-input-border", Q("--metakyc-border", "#d1d5db")),
-      text: Q("--metakyc-input-text", Q("--metakyc-text-primary", "#111827")),
-      textSecondary: Q("--metakyc-text-secondary", "#6b7280"),
-      primary: Q("--metakyc-primary", "#2563eb"),
-      primaryLight: Q("--metakyc-primary-light", "#eff6ff"),
-      hoverBg: Q("--metakyc-surface", Y)
+    const x = getComputedStyle(document.documentElement), J = (ce, Se) => x.getPropertyValue(ce).trim() || Se, Q = J("--metakyc-input-bg", J("--metakyc-background", "#ffffff"));
+    H({
+      bg: Q,
+      border: J("--metakyc-input-border", J("--metakyc-border", "#d1d5db")),
+      text: J("--metakyc-input-text", J("--metakyc-text-primary", "#111827")),
+      textSecondary: J("--metakyc-text-secondary", "#6b7280"),
+      primary: J("--metakyc-primary", "#2563eb"),
+      primaryLight: J("--metakyc-primary-light", "#eff6ff"),
+      hoverBg: J("--metakyc-surface", Q)
     });
-  }, []), M = le(null), B = le(null), G = le(null), J = le(null), F = te(() => {
-    if (!B.current) return null;
-    const x = B.current.getBoundingClientRect(), Y = window.innerHeight - x.bottom < St && x.top > St;
+  }, []), M = le(null), q = le(null), U = le(null), V = le(null), F = te(() => {
+    if (!q.current) return null;
+    const x = q.current.getBoundingClientRect(), Q = window.innerHeight - x.bottom < St && x.top > St;
     return {
-      top: Y ? x.top : x.bottom + 4,
+      top: Q ? x.top : x.bottom + 4,
       left: x.left,
       width: x.width,
-      openUp: Y
+      openUp: Q
     };
   }, []), b = te(() => {
     if (u) return;
     W();
     const x = F();
     x && S(x), T(!0);
-  }, [u, F, W]), $ = te(() => {
+  }, [u, F, W]), B = te(() => {
     T(!1), L("");
-  }, []), H = () => I ? $() : b();
+  }, []), j = () => N ? B() : b();
   ye(() => {
-    if (!I) return;
-    const x = (Q) => {
-      var ce, we;
-      const Y = Q.target;
-      !((ce = M.current) != null && ce.contains(Y)) && !((we = G.current) != null && we.contains(Y)) && $();
+    if (!N) return;
+    const x = (J) => {
+      var ce, Se;
+      const Q = J.target;
+      !((ce = M.current) != null && ce.contains(Q)) && !((Se = U.current) != null && Se.contains(Q)) && B();
     };
     return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
-  }, [I, $]), ye(() => {
-    if (!I) return;
+  }, [N, B]), ye(() => {
+    if (!N) return;
     const x = () => {
-      const Q = F();
-      Q && S(Q);
+      const J = F();
+      J && S(J);
     };
     return window.addEventListener("scroll", x, !0), window.addEventListener("resize", x), () => {
       window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x);
     };
-  }, [I, F]), ye(() => {
-    I && J.current && setTimeout(() => {
+  }, [N, F]), ye(() => {
+    N && V.current && setTimeout(() => {
       var x;
-      return (x = J.current) == null ? void 0 : x.focus();
+      return (x = V.current) == null ? void 0 : x.focus();
     }, 0);
-  }, [I]);
+  }, [N]);
   const z = a.filter(
-    (x) => x.label.toLowerCase().includes(R.toLowerCase()) || x.value.toLowerCase().includes(R.toLowerCase())
-  ), O = (j = a.find((x) => x.value === l)) == null ? void 0 : j.label, ne = (x, Q) => {
-    u || Q || (c(x), $());
-  }, { bg: ae, border: re, text: he, textSecondary: de, primary: P, primaryLight: K, hoverBg: Z } = D, ue = I && f && /* @__PURE__ */ i(
+    (x) => x.label.toLowerCase().includes(I.toLowerCase()) || x.value.toLowerCase().includes(I.toLowerCase())
+  ), O = (_ = a.find((x) => x.value === l)) == null ? void 0 : _.label, ne = (x, J) => {
+    u || J || (c(x), B());
+  }, { bg: ae, border: re, text: he, textSecondary: de, primary: P, primaryLight: K, hoverBg: Z } = D, ue = N && f && /* @__PURE__ */ i(
     "div",
     {
-      ref: G,
+      ref: U,
       className: "metakyc-searchable-select-dropdown",
       style: {
         position: "fixed",
@@ -3217,9 +3217,9 @@ const wt = 280, qr = ({
         /* @__PURE__ */ r("div", { style: { padding: "8px", borderBottom: `1px solid ${re}` }, children: /* @__PURE__ */ r(
           "input",
           {
-            ref: J,
+            ref: V,
             type: "text",
-            value: R,
+            value: I,
             onChange: (x) => L(x.target.value),
             placeholder: "Search...",
             onClick: (x) => x.stopPropagation(),
@@ -3237,8 +3237,8 @@ const wt = 280, qr = ({
               boxSizing: "border-box"
             },
             onFocus: (x) => {
-              const Q = getComputedStyle(document.documentElement), Y = Q.getPropertyValue("--metakyc-input-border-focus").trim() || Q.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
-              x.currentTarget.style.backgroundColor = ae, x.currentTarget.style.color = he, x.currentTarget.style.borderColor = Y, x.currentTarget.style.outline = "none", x.currentTarget.style.boxShadow = `0 0 0 2px ${Y}33`;
+              const J = getComputedStyle(document.documentElement), Q = J.getPropertyValue("--metakyc-input-border-focus").trim() || J.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
+              x.currentTarget.style.backgroundColor = ae, x.currentTarget.style.color = he, x.currentTarget.style.borderColor = Q, x.currentTarget.style.outline = "none", x.currentTarget.style.boxShadow = `0 0 0 2px ${Q}33`;
             },
             onBlur: (x) => {
               x.currentTarget.style.backgroundColor = ae, x.currentTarget.style.color = he, x.currentTarget.style.borderColor = re, x.currentTarget.style.outline = "none", x.currentTarget.style.boxShadow = "none";
@@ -3256,7 +3256,7 @@ const wt = 280, qr = ({
               overflowY: "auto"
             },
             children: z.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: de }, children: "No results" }) : z.map((x) => {
-              const Q = x.value === l;
+              const J = x.value === l;
               return /* @__PURE__ */ r(
                 "li",
                 {
@@ -3267,15 +3267,15 @@ const wt = 280, qr = ({
                     fontSize: "13px",
                     cursor: x.disabled ? "not-allowed" : "pointer",
                     opacity: x.disabled ? 0.4 : 1,
-                    backgroundColor: Q ? K : "transparent",
-                    color: Q ? P : he,
+                    backgroundColor: J ? K : "transparent",
+                    color: J ? P : he,
                     userSelect: "none"
                   },
-                  onMouseEnter: (Y) => {
-                    !Q && !x.disabled && (Y.currentTarget.style.backgroundColor = Z);
+                  onMouseEnter: (Q) => {
+                    !J && !x.disabled && (Q.currentTarget.style.backgroundColor = Z);
                   },
-                  onMouseLeave: (Y) => {
-                    Q || (Y.currentTarget.style.backgroundColor = "transparent");
+                  onMouseLeave: (Q) => {
+                    J || (Q.currentTarget.style.backgroundColor = "transparent");
                   },
                   children: x.label
                 },
@@ -3300,19 +3300,19 @@ const wt = 280, qr = ({
             style: { color: "var(--metakyc-text-primary, #374151)" },
             children: [
               e,
-              h && /* @__PURE__ */ r("span", { style: { color: "var(--metakyc-error, #ef4444)", marginLeft: "4px" }, children: "*" })
+              y && /* @__PURE__ */ r("span", { style: { color: "var(--metakyc-error, #ef4444)", marginLeft: "4px" }, children: "*" })
             ]
           }
         ),
         /* @__PURE__ */ i(
           "div",
           {
-            ref: B,
+            ref: q,
             role: "button",
             tabIndex: u ? -1 : 0,
-            onClick: H,
+            onClick: j,
             onKeyDown: (x) => {
-              (x.key === "Enter" || x.key === " ") && (x.preventDefault(), H()), x.key === "Escape" && $();
+              (x.key === "Enter" || x.key === " ") && (x.preventDefault(), j()), x.key === "Escape" && B();
             },
             className: Ie(
               "metakyc-searchable-select-trigger",
@@ -3324,9 +3324,9 @@ const wt = 280, qr = ({
             style: {
               backgroundColor: "var(--metakyc-input-bg, #ffffff)",
               color: O ? "var(--metakyc-input-text, var(--metakyc-text-primary, #111827))" : "var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))",
-              borderColor: t ? "var(--metakyc-danger, #ef4444)" : I ? "var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))",
+              borderColor: t ? "var(--metakyc-danger, #ef4444)" : N ? "var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))",
               minHeight: "42px",
-              outline: I ? "2px solid var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "none",
+              outline: N ? "2px solid var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "none",
               outlineOffset: "-1px"
             },
             children: [
@@ -3336,7 +3336,7 @@ const wt = 280, qr = ({
                 {
                   className: "flex-shrink-0 text-xs pointer-events-none",
                   style: { color: "var(--metakyc-text-secondary, #6b7280)" },
-                  children: I ? "▲" : "▼"
+                  children: N ? "▲" : "▼"
                 }
               )
             ]
@@ -3349,7 +3349,7 @@ const wt = 280, qr = ({
     }
   );
 };
-Be.displayName = "SearchableSelect";
+$e.displayName = "SearchableSelect";
 function Yr(e) {
   const t = e.type;
   return t.startsWith("image/") ? "image" : t === "application/pdf" ? "pdf" : "file";
@@ -3363,32 +3363,32 @@ const Vr = ({
   maxSize: l,
   required: c,
   onChange: u,
-  value: h = [],
+  value: y = [],
   className: m
 }) => {
-  const [I, T] = k(!1), [R, L] = k(null), f = le(null), S = te((F) => {
+  const [N, T] = k(!1), [I, L] = k(null), f = le(null), S = te((F) => {
     if (!F) return;
     L(null);
     const b = Array.from(F);
-    if (l && b.filter((H) => H.size > l).length > 0) {
+    if (l && b.filter((j) => j.size > l).length > 0) {
       L(`File exceeds the maximum size of ${mt(l)}`);
       return;
     }
-    u == null || u(s ? [...h, ...b] : [b[0]]);
-  }, [l, s, u, h]), D = te((F) => {
+    u == null || u(s ? [...y, ...b] : [b[0]]);
+  }, [l, s, u, y]), D = te((F) => {
     F.preventDefault(), F.stopPropagation(), T(!0);
-  }, []), U = te((F) => {
+  }, []), H = te((F) => {
     F.preventDefault(), F.stopPropagation(), T(!1);
   }, []), W = te((F) => {
     F.preventDefault(), F.stopPropagation(), T(!1), S(F.dataTransfer.files);
   }, [S]), M = () => {
     var F;
     (F = f.current) == null || F.click();
-  }, B = (F) => {
+  }, q = (F) => {
     L(null);
-    const b = h.filter(($, H) => H !== F);
+    const b = y.filter((B, j) => j !== F);
     u == null || u(b);
-  }, G = n || R, J = h.length > 0;
+  }, U = n || I, V = y.length > 0;
   return /* @__PURE__ */ i("div", { className: Ie("metakyc-file-upload", m), style: { width: "100%" }, children: [
     e && /* @__PURE__ */ i("div", { style: { marginBottom: "8px" }, children: [
       /* @__PURE__ */ i(
@@ -3414,16 +3414,16 @@ const Vr = ({
         className: "metakyc-file-dropzone",
         onClick: M,
         onDragOver: D,
-        onDragLeave: U,
+        onDragLeave: H,
         onDrop: W,
         style: {
-          border: `2px dashed ${G ? "var(--metakyc-danger, #ef4444)" : I ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #d1d5db)"}`,
+          border: `2px dashed ${U ? "var(--metakyc-danger, #ef4444)" : N ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #d1d5db)"}`,
           borderRadius: "12px",
-          padding: J ? "20px" : "32px 20px",
+          padding: V ? "20px" : "32px 20px",
           textAlign: "center",
           cursor: "pointer",
           transition: "all 0.2s ease",
-          backgroundColor: I ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 5%, var(--metakyc-background, #ffffff))" : "var(--metakyc-background, #ffffff)"
+          backgroundColor: N ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 5%, var(--metakyc-background, #ffffff))" : "var(--metakyc-background, #ffffff)"
         },
         children: [
           /* @__PURE__ */ r(
@@ -3450,7 +3450,7 @@ const Vr = ({
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
-                  backgroundColor: I ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "var(--metakyc-surface, #f9fafb)",
+                  backgroundColor: N ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "var(--metakyc-surface, #f9fafb)",
                   transition: "background-color 0.2s ease"
                 },
                 children: /* @__PURE__ */ i(
@@ -3460,7 +3460,7 @@ const Vr = ({
                     height: "24",
                     viewBox: "0 0 24 24",
                     fill: "none",
-                    stroke: I ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
+                    stroke: N ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
                     strokeWidth: "2",
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
@@ -3493,8 +3493,8 @@ const Vr = ({
         ]
       }
     ),
-    J && /* @__PURE__ */ r("div", { style: { marginTop: "12px", display: "flex", flexDirection: "column", gap: "8px" }, children: h.map((F, b) => {
-      const $ = Yr(F), H = $ === "image", z = H ? URL.createObjectURL(F) : null;
+    V && /* @__PURE__ */ r("div", { style: { marginTop: "12px", display: "flex", flexDirection: "column", gap: "8px" }, children: y.map((F, b) => {
+      const B = Yr(F), j = B === "image", z = j ? URL.createObjectURL(F) : null;
       return /* @__PURE__ */ i(
         "div",
         {
@@ -3522,16 +3522,16 @@ const Vr = ({
                   alignItems: "center",
                   justifyContent: "center",
                   overflow: "hidden",
-                  backgroundColor: H ? "transparent" : "color-mix(in srgb, var(--metakyc-primary, #2563eb) 10%, transparent)"
+                  backgroundColor: j ? "transparent" : "color-mix(in srgb, var(--metakyc-primary, #2563eb) 10%, transparent)"
                 },
-                children: H && z ? /* @__PURE__ */ r(
+                children: j && z ? /* @__PURE__ */ r(
                   "img",
                   {
                     src: z,
                     alt: F.name,
                     style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "8px" }
                   }
-                ) : $ === "pdf" ? /* @__PURE__ */ i("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                ) : B === "pdf" ? /* @__PURE__ */ i("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" }),
@@ -3560,7 +3560,7 @@ const Vr = ({
               {
                 type: "button",
                 onClick: (O) => {
-                  O.stopPropagation(), B(b);
+                  O.stopPropagation(), q(b);
                 },
                 style: {
                   display: "flex",
@@ -3594,7 +3594,7 @@ const Vr = ({
         `${F.name}-${b}`
       );
     }) }),
-    G && /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", marginTop: "6px" }, children: G })
+    U && /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", marginTop: "6px" }, children: U })
   ] });
 }, Qr = lt(
   ({ countryCode: e = "+1", onCountryCodeChange: t, className: n, ...a }, s) => /* @__PURE__ */ i("div", { className: "w-full", children: [
@@ -3722,10 +3722,10 @@ const en = lt(
     children: l,
     iconNode: c,
     ...u
-  }, h) => gt(
+  }, y) => gt(
     "svg",
     {
-      ref: h,
+      ref: y,
       ...Zr,
       width: t,
       height: t,
@@ -3736,7 +3736,7 @@ const en = lt(
       ...u
     },
     [
-      ...c.map(([m, I]) => gt(m, I)),
+      ...c.map(([m, N]) => gt(m, N)),
       ...Array.isArray(l) ? l : [l]
     ]
   )
@@ -3820,43 +3820,43 @@ const sn = ({
   onComplete: t,
   onBack: n
 }) => {
-  const { questionnaire: a, initialAnswers: s, isLoading: l, isSubmitting: c, error: u, submit: h } = Br(e), [m, I] = k({}), [T, R] = k({}), [L, f] = k(0);
-  Fe.useEffect(() => {
-    s && Object.keys(s).length > 0 && Object.keys(m).length === 0 && I(s);
+  const { questionnaire: a, initialAnswers: s, isLoading: l, isSubmitting: c, error: u, submit: y } = $r(e), [m, N] = k({}), [T, I] = k({}), [L, f] = k(0);
+  be.useEffect(() => {
+    s && Object.keys(s).length > 0 && Object.keys(m).length === 0 && N(s);
   }, [s]);
   const S = Ae(
     () => a ? an(a.questionGroups) : [],
     [a]
-  ), D = L === S.length - 1, U = S[L] ?? [], W = te((F, b) => {
-    I(($) => ({ ...$, [F]: b })), R(($) => {
-      const H = { ...$ };
-      return delete H[F], H;
+  ), D = L === S.length - 1, H = S[L] ?? [], W = te((F, b) => {
+    N((B) => ({ ...B, [F]: b })), I((B) => {
+      const j = { ...B };
+      return delete j[F], j;
     });
   }, []), M = te(() => {
     const F = {};
-    for (const { question: b } of U) {
-      const $ = nn(b, m[b.id] ?? []);
-      $ && (F[b.id] = $);
+    for (const { question: b } of H) {
+      const B = nn(b, m[b.id] ?? []);
+      B && (F[b.id] = B);
     }
-    return R((b) => ({ ...b, ...F })), Object.keys(F).length === 0;
-  }, [U, m]), B = () => {
+    return I((b) => ({ ...b, ...F })), Object.keys(F).length === 0;
+  }, [H, m]), q = () => {
     M() && f((F) => F + 1);
-  }, G = () => {
+  }, U = () => {
     L > 0 ? f((F) => F - 1) : n == null || n();
-  }, J = async () => {
+  }, V = async () => {
     if (!(!M() || !a))
       try {
         const F = a.questionGroups.flatMap(
-          ($) => ($.questions ?? []).map((H) => ({
-            questionId: H.id,
-            values: m[H.id] ?? []
+          (B) => (B.questions ?? []).map((j) => ({
+            questionId: j.id,
+            values: m[j.id] ?? []
           }))
         ), b = {
           applicantId: e,
           questionnarieId: a.id,
           questionResults: F
         };
-        await h(b), t == null || t();
+        await y(b), t == null || t();
       } catch (F) {
         console.error("Questionnaire submit error:", F);
       }
@@ -3865,7 +3865,7 @@ const sn = ({
     "Error loading questionnaire: ",
     u.message
   ] }) }) }) : a ? /* @__PURE__ */ i(X, { children: [
-    /* @__PURE__ */ i(be, { children: [
+    /* @__PURE__ */ i(xe, { 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 }),
       S.length > 1 && /* @__PURE__ */ i("div", { className: "flex items-center justify-between mt-3", children: [
@@ -3889,7 +3889,7 @@ const sn = ({
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ r(ee, { className: "space-y-6", children: U.map(({ question: F }) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(ee, { className: "space-y-6", children: H.map(({ question: F }) => /* @__PURE__ */ r(
       on,
       {
         question: F,
@@ -3899,13 +3899,13 @@ const sn = ({
       },
       F.id
     )) }),
-    /* @__PURE__ */ i(xe, { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ i(ve, { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ i(
-        V,
+        G,
         {
           type: "button",
           variant: "outline",
-          onClick: G,
+          onClick: U,
           style: { display: "flex", alignItems: "center", gap: "4px" },
           children: [
             /* @__PURE__ */ r(Mt, { size: 14 }),
@@ -3914,18 +3914,18 @@ const sn = ({
         }
       ),
       D ? /* @__PURE__ */ r(
-        V,
+        G,
         {
           type: "button",
           isLoading: c,
-          onClick: J,
+          onClick: V,
           children: "Continue"
         }
       ) : /* @__PURE__ */ i(
-        V,
+        G,
         {
           type: "button",
-          onClick: B,
+          onClick: q,
           style: { display: "flex", alignItems: "center", gap: "4px" },
           children: [
             "Next",
@@ -4015,8 +4015,8 @@ const sn = ({
               {
                 type: "checkbox",
                 checked: t.includes(u),
-                onChange: (h) => {
-                  h.target.checked ? a([...t, u]) : a(t.filter((m) => m !== u));
+                onChange: (y) => {
+                  y.target.checked ? a([...t, u]) : a(t.filter((m) => m !== u));
                 },
                 className: "metakyc-option-input",
                 style: {
@@ -4057,41 +4057,41 @@ const cn = ({
   onComplete: t,
   onBack: n
 }) => {
-  const { uploadDocument: a, isLoading: s, isSubmitting: l, error: c, submit: u } = _r(e), [h, m] = k({}), [I, T] = k(null), [R, L] = k(0), [f, S] = k({}), D = Ae(
+  const { uploadDocument: a, isLoading: s, isSubmitting: l, error: c, submit: u } = _r(e), [y, m] = k({}), [N, T] = k(null), [I, L] = k(0), [f, S] = k({}), D = Ae(
     () => a ? ln(a.uploadDocumentFiles) : [],
     [a]
-  ), U = D[R] ?? [], W = R === D.length - 1, M = D.length, B = te(() => {
+  ), H = D[I] ?? [], W = I === D.length - 1, M = D.length, q = te(() => {
     const b = {};
-    for (const $ of U)
-      $.isRequired && (h[$.id] || []).length === 0 && (b[$.id] = `${$.displayName} is required`);
+    for (const B of H)
+      B.isRequired && (y[B.id] || []).length === 0 && (b[B.id] = `${B.displayName} is required`);
     return S(b), Object.keys(b).length === 0;
-  }, [U, h]), G = () => {
-    B() && (L((b) => b + 1), S({}));
-  }, J = () => {
-    R > 0 ? (L((b) => b - 1), S({})) : n == null || n();
+  }, [H, y]), U = () => {
+    q() && (L((b) => b + 1), S({}));
+  }, V = () => {
+    I > 0 ? (L((b) => b - 1), S({})) : n == null || n();
   }, F = async () => {
-    if (!(!B() || !a)) {
+    if (!(!q() || !a)) {
       T(null);
       try {
         const b = await Promise.all(
-          a.uploadDocumentFiles.map(async (H) => {
-            const z = h[H.id] || [], O = await Promise.all(
+          a.uploadDocumentFiles.map(async (j) => {
+            const z = y[j.id] || [], O = await Promise.all(
               z.map(async (ne) => ({
                 fileName: ne.name,
                 fileData: await Lr(ne)
               }))
             );
             return {
-              uploadDocumentFileId: H.id,
+              uploadDocumentFileId: j.id,
               valueList: O
             };
           })
-        ), $ = {
+        ), B = {
           applicantId: e,
           uploadDocumentId: a.id,
           uploadDocumentResults: b
         };
-        await u($), t == null || t();
+        await u(B), t == null || t();
       } catch (b) {
         T((b == null ? void 0 : b.message) || "Failed to submit documents. Please try again.");
       }
@@ -4124,7 +4124,7 @@ const cn = ({
     /* @__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__ */ i(X, { children: [
-    /* @__PURE__ */ i(be, { children: [
+    /* @__PURE__ */ i(xe, { children: [
       /* @__PURE__ */ r("h2", { style: {
         fontSize: "18px",
         fontWeight: 700,
@@ -4144,26 +4144,26 @@ const cn = ({
       }, children: [
         /* @__PURE__ */ i("span", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
           "Page ",
-          R + 1,
+          I + 1,
           " of ",
           M
         ] }),
-        /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: D.map((b, $) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: D.map((b, B) => /* @__PURE__ */ r(
           "div",
           {
             style: {
               height: "6px",
-              width: $ === R ? "20px" : "6px",
+              width: B === I ? "20px" : "6px",
               borderRadius: "999px",
               transition: "all 0.2s ease",
-              backgroundColor: $ <= R ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)"
+              backgroundColor: B <= I ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)"
             }
           },
-          $
+          B
         )) })
       ] })
     ] }),
-    a.description && R === 0 && /* @__PURE__ */ i("div", { style: {
+    a.description && I === 0 && /* @__PURE__ */ i("div", { style: {
       margin: "0 24px",
       marginTop: "4px",
       display: "flex",
@@ -4199,7 +4199,7 @@ const cn = ({
         lineHeight: 1.5
       }, children: a.description })
     ] }),
-    /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "24px" }, children: U.map((b) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "24px" }, children: H.map((b) => /* @__PURE__ */ r(
       Vr,
       {
         label: b.displayName,
@@ -4209,17 +4209,17 @@ const cn = ({
         maxSize: b.maxEachFileSizeByte,
         required: b.isRequired,
         error: f[b.id],
-        value: h[b.id] || [],
-        onChange: ($) => {
-          T(null), S((H) => {
-            const z = { ...H };
+        value: y[b.id] || [],
+        onChange: (B) => {
+          T(null), S((j) => {
+            const z = { ...j };
             return delete z[b.id], z;
-          }), m((H) => ({ ...H, [b.id]: $ }));
+          }), m((j) => ({ ...j, [b.id]: B }));
         }
       },
       b.id
     )) }) }),
-    I && /* @__PURE__ */ i("div", { style: {
+    N && /* @__PURE__ */ i("div", { style: {
       margin: "0 24px",
       padding: "10px 14px",
       borderRadius: "8px",
@@ -4234,25 +4234,25 @@ const cn = ({
         /* @__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: I })
+      /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: N })
     ] }),
-    /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ i("div", { style: {
+    /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ i("div", { style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between",
       width: "100%"
     }, children: [
       /* @__PURE__ */ r(
-        V,
+        G,
         {
           type: "button",
           variant: "outline",
-          onClick: J,
-          children: R > 0 ? "Previous" : "Back"
+          onClick: V,
+          children: I > 0 ? "Previous" : "Back"
         }
       ),
       W ? /* @__PURE__ */ r(
-        V,
+        G,
         {
           type: "button",
           isLoading: l,
@@ -4260,28 +4260,28 @@ const cn = ({
           children: l ? "Uploading..." : "Continue"
         }
       ) : /* @__PURE__ */ r(
-        V,
+        G,
         {
           type: "button",
-          onClick: G,
+          onClick: U,
           children: "Next"
         }
       )
     ] }) })
   ] }) : null;
 }, dn = ({ applicantId: e, onComplete: t, onBack: n }) => {
-  const { overview: a, isLoading: s, isSubmitting: l, error: c, passOverview: u } = jr(e), h = async () => {
+  const { overview: a, isLoading: s, isSubmitting: l, error: c, passOverview: u } = jr(e), y = async () => {
     await u(), t == null || t();
   };
   return s ? /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(Pe, { className: "my-8" }) }) }) : c ? /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ i("p", { className: "text-danger-500", children: [
     "Error loading overview: ",
     c.message
   ] }) }) }) : a ? /* @__PURE__ */ i(X, { children: [
-    /* @__PURE__ */ i(be, { children: [
+    /* @__PURE__ */ i(xe, { 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(ee, { className: "space-y-8", children: a.steps && a.steps.length > 0 ? a.steps.sort((m, I) => m.order - I.order).map((m) => /* @__PURE__ */ i("div", { className: "metakyc-overview-step-item flex items-center space-x-3", children: [
+    /* @__PURE__ */ r(ee, { className: "space-y-8", children: a.steps && a.steps.length > 0 ? a.steps.sort((m, N) => m.order - N.order).map((m) => /* @__PURE__ */ i("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",
         {
@@ -4307,9 +4307,9 @@ const cn = ({
         }
       )
     ] }, m.order)) : /* @__PURE__ */ r("div", { className: "text-center py-8", children: /* @__PURE__ */ r("p", { style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "Loading overview data..." }) }) }),
-    /* @__PURE__ */ i(xe, { className: "flex justify-between", children: [
-      n && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: n, children: "Back" }),
-      /* @__PURE__ */ r(V, { onClick: h, isLoading: l, children: "Continue" })
+    /* @__PURE__ */ i(ve, { className: "flex justify-between", children: [
+      n && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: n, children: "Back" }),
+      /* @__PURE__ */ r(G, { onClick: y, isLoading: l, children: "Continue" })
     ] })
   ] }) : null;
 };
@@ -4322,7 +4322,7 @@ function un(e) {
   }
 }
 function pn(e) {
-  return e.valueDataType === $e.Money && Array.isArray(e.defaultValues) && e.defaultValues.length > 0;
+  return e.valueDataType === Be.Money && Array.isArray(e.defaultValues) && e.defaultValues.length > 0;
 }
 function mn(e, t) {
   const n = new Intl.NumberFormat(un(t), {
@@ -4346,7 +4346,7 @@ function yn(e, t) {
           return e.errorMessage || "Invalid format";
       } catch {
       }
-    const s = e.valueDataType === $e.Integer || e.valueDataType === $e.Money || e.valueDataType === $e.DigitOnly;
+    const s = e.valueDataType === Be.Integer || e.valueDataType === Be.Money || e.valueDataType === Be.DigitOnly;
     if (s && a.trim() !== "") {
       const l = Number(a);
       if (!isNaN(l)) {
@@ -4379,41 +4379,41 @@ const fn = ({
   onComplete: t,
   onBack: n
 }) => {
-  const { config: a } = Re(), s = a.locale ?? "en", { criteria: l, initialAnswers: c, isLoading: u, isSubmitting: h, error: m, submit: I } = Ur(e), [T, R] = k({}), [L, f] = k({}), [S, D] = k(0), [U, W] = k(!1);
-  Fe.useEffect(() => {
-    c && Object.keys(c).length > 0 && Object.keys(T).length === 0 && R(c);
+  const { config: a } = Ee(), s = a.locale ?? "en", { criteria: l, initialAnswers: c, isLoading: u, isSubmitting: y, error: m, submit: N } = Wr(e), [T, I] = k({}), [L, f] = k({}), [S, D] = k(0), [H, W] = k(!1);
+  be.useEffect(() => {
+    c && Object.keys(c).length > 0 && Object.keys(T).length === 0 && I(c);
   }, [c]);
   const M = Ae(
     () => l && l.length > 0 ? hn(l) : [],
     [l]
-  ), B = S === M.length - 1, G = M[S] ?? [];
-  Fe.useEffect(() => {
-    !u && l && l.length === 0 && !U && !h && (W(!0), I({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
-  }, [u, l, U, h, I, e, t]);
-  const J = te((z, O) => {
-    R((ne) => ({ ...ne, [z]: O })), f((ne) => {
+  ), q = S === M.length - 1, U = M[S] ?? [];
+  be.useEffect(() => {
+    !u && l && l.length === 0 && !H && !y && (W(!0), N({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
+  }, [u, l, H, y, N, e, t]);
+  const V = te((z, O) => {
+    I((ne) => ({ ...ne, [z]: O })), f((ne) => {
       const ae = { ...ne };
       return delete ae[z], ae;
     });
   }, []), F = te(() => {
     const z = {};
-    for (const { criterion: O } of G) {
+    for (const { criterion: O } of U) {
       const ne = yn(O, T[O.id] ?? []);
       ne && (z[O.id] = ne);
     }
     return f((O) => ({ ...O, ...z })), Object.keys(z).length === 0;
-  }, [G, T]), b = () => {
+  }, [U, T]), b = () => {
     F() && D((z) => z + 1);
-  }, $ = () => {
+  }, B = () => {
     S > 0 ? D((z) => z - 1) : n == null || n();
-  }, H = async () => {
+  }, j = async () => {
     if (!(!F() || !l))
       try {
         const z = l.map((ne) => {
           const ae = (T[ne.id] ?? []).filter((re) => re && re.trim());
           return ae.length > 0 ? { riskCriteriaId: ne.id, values: ae } : null;
         }).filter((ne) => ne !== null);
-        await I({ applicantId: e, criteriaValueInputs: z }), t == null || t();
+        await N({ applicantId: e, criteriaValueInputs: z }), t == null || t();
       } catch (z) {
         console.error("Risk scoring submit error:", z);
       }
@@ -4428,7 +4428,7 @@ const fn = ({
     "Error loading criteria: ",
     m.message
   ] }) }) }) : l ? /* @__PURE__ */ i(X, { children: [
-    /* @__PURE__ */ i(be, { children: [
+    /* @__PURE__ */ i(xe, { 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__ */ i("div", { className: "flex items-center justify-between mt-3", children: [
@@ -4452,24 +4452,24 @@ const fn = ({
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ r(ee, { className: "space-y-6", children: G.map(({ criterion: z }) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(ee, { className: "space-y-6", children: U.map(({ criterion: z }) => /* @__PURE__ */ r(
       bn,
       {
         criterion: z,
         value: T[z.id] ?? [],
         error: L[z.id],
         locale: s,
-        onChange: (O) => J(z.id, O)
+        onChange: (O) => V(z.id, O)
       },
       z.id
     )) }),
-    /* @__PURE__ */ i(xe, { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ i(ve, { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ i(
-        V,
+        G,
         {
           type: "button",
           variant: "outline",
-          onClick: $,
+          onClick: B,
           style: { display: "flex", alignItems: "center", gap: "4px" },
           children: [
             /* @__PURE__ */ r(Mt, { size: 14 }),
@@ -4477,8 +4477,8 @@ const fn = ({
           ]
         }
       ),
-      B ? /* @__PURE__ */ r(V, { type: "button", isLoading: h, onClick: H, children: "Continue" }) : /* @__PURE__ */ i(
-        V,
+      q ? /* @__PURE__ */ r(G, { type: "button", isLoading: y, onClick: j, children: "Continue" }) : /* @__PURE__ */ i(
+        G,
         {
           type: "button",
           onClick: b,
@@ -4493,7 +4493,7 @@ const fn = ({
     m && /* @__PURE__ */ r("div", { className: "mx-6 mb-4 p-3 bg-red-50 border border-red-200 rounded", children: /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: m.message }) })
   ] }) : null;
 }, bn = ({ criterion: e, value: t, error: n, locale: a, onChange: s }) => {
-  const l = gn(e), c = e.valueDataType === $e.Integer || e.valueDataType === $e.Money || e.valueDataType === $e.DigitOnly, u = pn(e), h = (m) => u ? mn(m, a) : m;
+  const l = gn(e), c = e.valueDataType === Be.Integer || e.valueDataType === Be.Money || e.valueDataType === Be.DigitOnly, u = pn(e), y = (m) => u ? mn(m, a) : m;
   return /* @__PURE__ */ i("div", { className: "space-y-2", children: [
     /* @__PURE__ */ i("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: [
       e.displayName,
@@ -4513,7 +4513,7 @@ const fn = ({
         min: e.min,
         max: e.max,
         onKeyDown: (m) => {
-          e.valueDataType === $e.DigitOnly && ["e", "E", "+", "-", "."].includes(m.key) && m.preventDefault();
+          e.valueDataType === Be.DigitOnly && ["e", "E", "+", "-", "."].includes(m.key) && m.preventDefault();
         }
       }
     ),
@@ -4546,7 +4546,7 @@ const fn = ({
                 }
               }
             ),
-            /* @__PURE__ */ r("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: h(m) })
+            /* @__PURE__ */ r("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: y(m) })
           ]
         },
         m
@@ -4565,8 +4565,8 @@ const fn = ({
               {
                 type: "checkbox",
                 checked: t.includes(m),
-                onChange: (I) => {
-                  I.target.checked ? s([...t, m]) : s(t.filter((T) => T !== m));
+                onChange: (N) => {
+                  N.target.checked ? s([...t, m]) : s(t.filter((T) => T !== m));
                 },
                 className: "metakyc-option-input",
                 style: {
@@ -4584,7 +4584,7 @@ const fn = ({
                 }
               }
             ),
-            /* @__PURE__ */ r("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: h(m) })
+            /* @__PURE__ */ r("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: y(m) })
           ]
         },
         m
@@ -4614,7 +4614,7 @@ const fn = ({
   onComplete: t,
   onBack: n
 }) => {
-  const { investorCategorizationService: a } = Re(), [s, l] = k(null), [c, u] = k(!1), [h, m] = k(null);
+  const { investorCategorizationService: a } = Ee(), [s, l] = k(null), [c, u] = k(!1), [y, m] = k(null);
   return /* @__PURE__ */ r("form", { onSubmit: async (T) => {
     if (T.preventDefault(), s === null) {
       m("Please select an investor type");
@@ -4622,20 +4622,20 @@ const fn = ({
     }
     u(!0), m(null);
     try {
-      const R = {
+      const I = {
         applicantId: e,
         investorType: s
       };
-      console.log("Submitting investor categorization:", R);
-      const L = await a.setInvestorCategorization(R);
+      console.log("Submitting investor categorization:", I);
+      const L = await a.setInvestorCategorization(I);
       console.log("Investor categorization result:", L), t == null || t();
-    } catch (R) {
-      console.error("Error submitting investor categorization:", R), m(R.message || "Failed to submit investor categorization");
+    } catch (I) {
+      console.error("Error submitting investor categorization:", I), m(I.message || "Failed to submit investor categorization");
     } finally {
       u(!1);
     }
   }, children: /* @__PURE__ */ i(X, { children: [
-    /* @__PURE__ */ i(be, { children: [
+    /* @__PURE__ */ i(xe, { 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" })
     ] }),
@@ -4646,8 +4646,8 @@ const fn = ({
         {
           className: "block p-4 border-2 rounded-lg cursor-pointer transition-all",
           style: {
-            borderColor: s === Ce.Individual ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
-            backgroundColor: s === Ce.Individual ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
+            borderColor: s === Ne.Individual ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
+            backgroundColor: s === Ne.Individual ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
           },
           children: /* @__PURE__ */ i("div", { className: "flex items-start", children: [
             /* @__PURE__ */ r(
@@ -4655,9 +4655,9 @@ const fn = ({
               {
                 type: "radio",
                 name: "investorType",
-                value: Ce.Individual,
-                checked: s === Ce.Individual,
-                onChange: () => l(Ce.Individual),
+                value: Ne.Individual,
+                checked: s === Ne.Individual,
+                onChange: () => l(Ne.Individual),
                 className: "mt-1"
               }
             ),
@@ -4673,8 +4673,8 @@ const fn = ({
         {
           className: "block p-4 border-2 rounded-lg cursor-pointer transition-all",
           style: {
-            borderColor: s === Ce.Sophisticated ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
-            backgroundColor: s === Ce.Sophisticated ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
+            borderColor: s === Ne.Sophisticated ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
+            backgroundColor: s === Ne.Sophisticated ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
           },
           children: /* @__PURE__ */ i("div", { className: "flex items-start", children: [
             /* @__PURE__ */ r(
@@ -4682,9 +4682,9 @@ const fn = ({
               {
                 type: "radio",
                 name: "investorType",
-                value: Ce.Sophisticated,
-                checked: s === Ce.Sophisticated,
-                onChange: () => l(Ce.Sophisticated),
+                value: Ne.Sophisticated,
+                checked: s === Ne.Sophisticated,
+                onChange: () => l(Ne.Sophisticated),
                 className: "mt-1"
               }
             ),
@@ -4705,8 +4705,8 @@ const fn = ({
         {
           className: "block p-4 border-2 rounded-lg cursor-pointer transition-all",
           style: {
-            borderColor: s === Ce.HighNetWorth ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
-            backgroundColor: s === Ce.HighNetWorth ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
+            borderColor: s === Ne.HighNetWorth ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
+            backgroundColor: s === Ne.HighNetWorth ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
           },
           children: /* @__PURE__ */ i("div", { className: "flex items-start", children: [
             /* @__PURE__ */ r(
@@ -4714,9 +4714,9 @@ const fn = ({
               {
                 type: "radio",
                 name: "investorType",
-                value: Ce.HighNetWorth,
-                checked: s === Ce.HighNetWorth,
-                onChange: () => l(Ce.HighNetWorth),
+                value: Ne.HighNetWorth,
+                checked: s === Ne.HighNetWorth,
+                onChange: () => l(Ne.HighNetWorth),
                 className: "mt-1"
               }
             ),
@@ -4731,16 +4731,16 @@ const fn = ({
           ] })
         }
       ),
-      h && /* @__PURE__ */ r("div", { className: "p-4 rounded-lg", style: { backgroundColor: "#fee2e2", border: "1px solid #fca5a5" }, children: /* @__PURE__ */ i("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__ */ i("p", { className: "text-sm", style: { color: "#991b1b" }, children: [
         /* @__PURE__ */ r("strong", { children: "Error:" }),
         " ",
-        h
+        y
       ] }) })
     ] }),
-    /* @__PURE__ */ i(xe, { className: "flex justify-between", children: [
-      n && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: n, children: "Back" }),
+    /* @__PURE__ */ i(ve, { className: "flex justify-between", children: [
+      n && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: n, children: "Back" }),
       /* @__PURE__ */ r(
-        V,
+        G,
         {
           type: "submit",
           isLoading: c,
@@ -4764,54 +4764,54 @@ const vn = ({
   onComplete: t,
   onBack: n
 }) => {
-  const { appropriatenessTestService: a } = Re(), [s, l] = k(null), [c, u] = k(!0), [h, m] = k(!1), [I, T] = k(null), [R, L] = k({}), [f, S] = k(0), [D, U] = k(!1), [W, M] = k(!1), [B, G] = k(0), [J, F] = k(0), [b, $] = k(null);
+  const { appropriatenessTestService: a } = Ee(), [s, l] = k(null), [c, u] = k(!0), [y, m] = k(!1), [N, T] = k(null), [I, L] = k({}), [f, S] = k(0), [D, H] = k(!1), [W, M] = k(!1), [q, U] = k(0), [V, F] = k(0), [b, B] = k(null);
   ye(() => {
     (async () => {
       try {
         u(!0), T(null);
-        const j = await a.getAppropriatenessTest(e);
-        if (l(j), j.waitTimeSpanForNextTry && j.waitTimeSpanForNextTry !== "00:00:00") {
-          const x = Nt(j.waitTimeSpanForNextTry);
-          x > 0 && G(x);
+        const _ = await a.getAppropriatenessTest(e);
+        if (l(_), _.waitTimeSpanForNextTry && _.waitTimeSpanForNextTry !== "00:00:00") {
+          const x = Nt(_.waitTimeSpanForNextTry);
+          x > 0 && U(x);
         }
-      } catch (j) {
-        T(j.message || "Failed to load appropriateness test");
+      } catch (_) {
+        T(_.message || "Failed to load appropriateness test");
       } finally {
         u(!1);
       }
     })();
   }, [e, a]), ye(() => {
     if (!D || f <= 0) return;
-    const j = setInterval(() => {
+    const _ = setInterval(() => {
       S((x) => x <= 1 ? (M(!0), 0) : x - 1);
     }, 1e3);
-    return () => clearInterval(j);
+    return () => clearInterval(_);
   }, [D, f]), ye(() => {
-    if (B <= 0) return;
-    const j = setInterval(() => {
-      G((x) => x <= 1 ? 0 : x - 1);
+    if (q <= 0) return;
+    const _ = setInterval(() => {
+      U((x) => x <= 1 ? 0 : x - 1);
     }, 1e3);
-    return () => clearInterval(j);
-  }, [B]), ye(() => {
-    W && !h && ne();
+    return () => clearInterval(_);
+  }, [q]), ye(() => {
+    W && !y && ne();
   }, [W]);
-  const H = () => {
-    s && (U(!0), S(s.testDurationSec), F(0), L({}), T(null));
-  }, z = (j, x) => {
-    L((Q) => ({ ...Q, [j]: x }));
+  const j = () => {
+    s && (H(!0), S(s.testDurationSec), F(0), L({}), T(null));
+  }, z = (_, x) => {
+    L((J) => ({ ...J, [_]: x }));
   }, O = te(async () => {
     try {
-      const j = await a.getAppropriatenessTest(e);
-      if (l(j), j.waitTimeSpanForNextTry && j.waitTimeSpanForNextTry !== "00:00:00") {
-        const x = Nt(j.waitTimeSpanForNextTry);
-        x > 0 && G(x);
+      const _ = await a.getAppropriatenessTest(e);
+      if (l(_), _.waitTimeSpanForNextTry && _.waitTimeSpanForNextTry !== "00:00:00") {
+        const x = Nt(_.waitTimeSpanForNextTry);
+        x > 0 && U(x);
       }
     } catch {
     }
-  }, [e, a]), ne = async (j) => {
+  }, [e, a]), ne = async (_) => {
     if (s) {
       if (!W) {
-        const x = s.appropriatenessQuestions.length - Object.keys(R).length;
+        const x = s.appropriatenessQuestions.length - Object.keys(I).length;
         if (x > 0) {
           T(`Please answer all questions. ${x} remaining.`);
           return;
@@ -4820,20 +4820,20 @@ const vn = ({
       m(!0), T(null);
       try {
         const x = s.appropriatenessQuestions.map(
-          (Y) => ({ appropriatenessQuestionId: Y.id, value: R[Y.id] || "" })
-        ), Q = {
+          (Q) => ({ appropriatenessQuestionId: Q.id, value: I[Q.id] || "" })
+        ), J = {
           applicantId: e,
           appropriatenessTestId: s.id,
           appropriatenessQuestionResults: x
         };
         try {
-          const Y = await a.fillAppropriatenessTest(Q);
-          Y.isSuccess ? $({ success: !0, message: Y.message || "Congratulations! You have passed the test." }) : ($({ success: !1, message: Y.message || "You did not pass the test." }), setTimeout(() => O(), 1e3));
-        } catch (Y) {
-          if (Y.code === 400 && Y.message)
-            $({ success: !1, message: Y.message }), setTimeout(() => O(), 1500);
+          const Q = await a.fillAppropriatenessTest(J);
+          Q.isSuccess ? B({ success: !0, message: Q.message || "Congratulations! You have passed the test." }) : (B({ success: !1, message: Q.message || "You did not pass the test." }), setTimeout(() => O(), 1e3));
+        } catch (Q) {
+          if (Q.code === 400 && Q.message)
+            B({ success: !1, message: Q.message }), setTimeout(() => O(), 1500);
           else
-            throw Y;
+            throw Q;
         }
       } catch (x) {
         T(x.message || "Failed to submit test. Please try again."), ae();
@@ -4842,7 +4842,7 @@ const vn = ({
       }
     }
   }, ae = () => {
-    U(!1), M(!1), L({}), F(0);
+    H(!1), M(!1), L({}), F(0);
   };
   if (c)
     return /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ i("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", padding: "48px 0", gap: "16px" }, children: [
@@ -4852,12 +4852,12 @@ const vn = ({
   if (!s)
     return /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ i("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" }),
-      I && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "8px" }, children: I })
+      N && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "8px" }, children: N })
     ] }) }) });
-  const re = s.testAllowedMaxTry - s.totalFailedTries, he = s.appropriatenessQuestions.length, de = Object.keys(R).length;
-  if (B > 0)
+  const re = s.testAllowedMaxTry - s.totalFailedTries, he = s.appropriatenessQuestions.length, de = Object.keys(I).length;
+  if (q > 0)
     return /* @__PURE__ */ i(X, { children: [
-      /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: s.displayName }) }),
+      /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: s.displayName }) }),
       /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ i("div", { style: { textAlign: "center", padding: "32px 0" }, children: [
         /* @__PURE__ */ r("div", { style: {
           width: "100px",
@@ -4873,21 +4873,21 @@ const vn = ({
           fontWeight: 700,
           color: "var(--metakyc-primary, #2563eb)",
           fontVariantNumeric: "tabular-nums"
-        }, children: yt(B) }) }),
+        }, children: yt(q) }) }),
         /* @__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" }),
-        I && /* @__PURE__ */ r("div", { style: {
+        N && /* @__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: I }) })
+        }, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: N }) })
       ] }) })
     ] });
   if (b) {
-    const j = () => {
-      $(null), ae(), T(null);
+    const _ = () => {
+      B(null), ae(), T(null);
     };
     return /* @__PURE__ */ i(X, { children: [
       /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ i("div", { style: {
@@ -4957,16 +4957,16 @@ const vn = ({
           margin: 0
         }, children: "No attempts remaining. Please contact support for assistance." }) })
       ] }) }),
-      /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", width: "100%", gap: "12px" }, children: b.success ? /* @__PURE__ */ r(V, { type: "button", onClick: () => t == null ? void 0 : t(), children: "Continue" }) : /* @__PURE__ */ i(rt, { children: [
-        re > 0 && B <= 0 && /* @__PURE__ */ r(V, { type: "button", onClick: j, children: "Retake Test" }),
-        re > 0 && B > 0 && /* @__PURE__ */ r(V, { type: "button", onClick: j, children: "OK" }),
-        re <= 0 && n && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: n, children: "Back" })
+      /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", width: "100%", gap: "12px" }, children: b.success ? /* @__PURE__ */ r(G, { type: "button", onClick: () => t == null ? void 0 : t(), children: "Continue" }) : /* @__PURE__ */ i(rt, { children: [
+        re > 0 && q <= 0 && /* @__PURE__ */ r(G, { type: "button", onClick: _, children: "Retake Test" }),
+        re > 0 && q > 0 && /* @__PURE__ */ r(G, { type: "button", onClick: _, children: "OK" }),
+        re <= 0 && n && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: n, children: "Back" })
       ] }) }) })
     ] });
   }
   if (!D)
     return /* @__PURE__ */ i(X, { children: [
-      /* @__PURE__ */ i(be, { children: [
+      /* @__PURE__ */ i(xe, { children: [
         /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: s.displayName }),
         s.subtitle && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-secondary, #6b7280)", marginTop: "4px" }, children: s.subtitle })
       ] }),
@@ -5001,7 +5001,7 @@ const vn = ({
             }
           )
         ] }),
-        I && /* @__PURE__ */ i("div", { style: {
+        N && /* @__PURE__ */ i("div", { style: {
           marginBottom: "16px",
           padding: "12px 14px",
           borderRadius: "10px",
@@ -5018,7 +5018,7 @@ const vn = ({
           /* @__PURE__ */ i("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0, lineHeight: 1.5 }, children: [
             /* @__PURE__ */ r("strong", { children: "Previous attempt:" }),
             " ",
-            I
+            N
           ] })
         ] }),
         re <= 0 && /* @__PURE__ */ r("div", { style: {
@@ -5028,20 +5028,20 @@ const vn = ({
           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(xe, { children: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", justifyContent: n ? "space-between" : "flex-end", width: "100%" }, children: [
-        n && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: n, children: "Back" }),
-        /* @__PURE__ */ r(V, { type: "button", onClick: H, disabled: re <= 0, children: "Start Test" })
+      /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", justifyContent: n ? "space-between" : "flex-end", width: "100%" }, children: [
+        n && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: n, children: "Back" }),
+        /* @__PURE__ */ r(G, { type: "button", onClick: j, disabled: re <= 0, children: "Start Test" })
       ] }) })
     ] });
-  const P = s.appropriatenessQuestions[J], K = J === he - 1, Z = de === he, ue = f <= 60;
+  const P = s.appropriatenessQuestions[V], K = V === he - 1, Z = de === he, ue = f <= 60;
   return /* @__PURE__ */ i(X, { children: [
-    /* @__PURE__ */ i(be, { children: [
+    /* @__PURE__ */ i(xe, { children: [
       /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
         /* @__PURE__ */ i("div", { children: [
           /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: s.displayName }),
           /* @__PURE__ */ i("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "2px" }, children: [
             "Question ",
-            J + 1,
+            V + 1,
             " of ",
             he
           ] })
@@ -5117,10 +5117,10 @@ const vn = ({
         wn,
         {
           question: P,
-          index: J,
-          selectedAnswer: R[P.id],
-          onSelect: (j) => z(P.id, j),
-          disabled: h
+          index: V,
+          selectedAnswer: I[P.id],
+          onSelect: (_) => z(P.id, _),
+          disabled: y
         }
       ),
       he > 1 && /* @__PURE__ */ r("div", { style: {
@@ -5129,7 +5129,7 @@ const vn = ({
         gap: "6px",
         marginTop: "20px",
         flexWrap: "wrap"
-      }, children: s.appropriatenessQuestions.map((j, x) => /* @__PURE__ */ r(
+      }, children: s.appropriatenessQuestions.map((_, x) => /* @__PURE__ */ r(
         "button",
         {
           type: "button",
@@ -5138,9 +5138,9 @@ const vn = ({
             width: "28px",
             height: "28px",
             borderRadius: "8px",
-            border: x === J ? "2px solid var(--metakyc-primary, #2563eb)" : "1px solid var(--metakyc-border, #e5e7eb)",
-            backgroundColor: R[j.id] ? x === J ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "color-mix(in srgb, var(--metakyc-primary, #2563eb) 8%, transparent)" : x === J ? "var(--metakyc-surface, #f9fafb)" : "var(--metakyc-background, #ffffff)",
-            color: R[j.id] ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
+            border: x === V ? "2px solid var(--metakyc-primary, #2563eb)" : "1px solid var(--metakyc-border, #e5e7eb)",
+            backgroundColor: I[_.id] ? x === V ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "color-mix(in srgb, var(--metakyc-primary, #2563eb) 8%, transparent)" : x === V ? "var(--metakyc-surface, #f9fafb)" : "var(--metakyc-background, #ffffff)",
+            color: I[_.id] ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
             fontSize: "12px",
             fontWeight: 600,
             cursor: "pointer",
@@ -5152,7 +5152,7 @@ const vn = ({
           },
           children: x + 1
         },
-        j.id
+        _.id
       )) }),
       W && /* @__PURE__ */ i("div", { style: {
         marginTop: "16px",
@@ -5170,41 +5170,41 @@ const vn = ({
         ] }),
         /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "#b45309", margin: 0, fontWeight: 500 }, children: "Time's up! Your answers are being submitted." })
       ] }),
-      I && !W && /* @__PURE__ */ r("div", { style: {
+      N && !W && /* @__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: I }) })
+      }, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: N }) })
     ] }),
-    /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
+    /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
       /* @__PURE__ */ r(
-        V,
+        G,
         {
           type: "button",
           variant: "outline",
           onClick: () => {
-            J > 0 ? F((j) => j - 1) : n == null || n();
+            V > 0 ? F((_) => _ - 1) : n == null || n();
           },
-          disabled: h,
-          children: J > 0 ? "Previous" : "Cancel"
+          disabled: y,
+          children: V > 0 ? "Previous" : "Cancel"
         }
       ),
       /* @__PURE__ */ i("div", { style: { display: "flex", gap: "8px" }, children: [
         !K && /* @__PURE__ */ r(
-          V,
+          G,
           {
             type: "button",
-            onClick: () => F((j) => j + 1),
+            onClick: () => F((_) => _ + 1),
             children: "Next"
           }
         ),
         (K || Z) && /* @__PURE__ */ r(
-          V,
+          G,
           {
             type: "button",
-            isLoading: h,
+            isLoading: y,
             onClick: () => ne(),
             disabled: !Z && !W,
             style: { opacity: Z || W ? 1 : 0.5 },
@@ -5345,10 +5345,10 @@ const vn = ({
   onComplete: t,
   onBack: n
 }) => {
-  var Me, Ze, je, We;
-  const { applicantService: a, baseInformationService: s, config: l, currentTheme: c } = Re(), { identityData: u, provider: h, token: m, isLoading: I, error: T, requestIdentity: R, restartIdentity: L } = Hr(e), [f, S] = k(null), [D, U] = k(null), [W, M] = k([]), [B, G] = k([]), [J, F] = k(!0), [b, $] = k(!1), [H, z] = k(null), [O, ne] = k(!1), ae = Fe.useRef(!1), [re, he] = k({}), [de, P] = k({}), K = c != null && c.reviewPageFields && c.reviewPageFields.length > 0 ? c.reviewPageFields[0] : null, Z = !!(c != null && c.reviewPageDisabled), ue = le(!1);
+  var Me, Ze, je, Ue;
+  const { applicantService: a, baseInformationService: s, config: l, currentTheme: c } = Ee(), { identityData: u, provider: y, token: m, isLoading: N, error: T, requestIdentity: I, restartIdentity: L } = Hr(e), [f, S] = k(null), [D, H] = k(null), [W, M] = k([]), [q, U] = k([]), [V, F] = k(!0), [b, B] = k(!1), [j, z] = k(null), [O, ne] = k(!1), ae = be.useRef(!1), [re, he] = k({}), [de, P] = k({}), K = c != null && c.reviewPageFields && c.reviewPageFields.length > 0 ? c.reviewPageFields[0] : null, Z = !!(c != null && c.reviewPageDisabled), ue = le(!1);
   ue.current = Z;
-  const j = Wt({
+  const _ = Ut({
     defaultValues: {
       street: "",
       streetNumber: "",
@@ -5361,23 +5361,23 @@ const vn = ({
   });
   ye(() => {
     if (Z) {
-      ae.current || (ae.current = !0, R().then(() => $(!0)).catch((_) => console.error("[Identity] Auto-request failed:", _)).finally(() => F(!1)));
+      ae.current || (ae.current = !0, I().then(() => B(!0)).catch(($) => console.error("[Identity] Auto-request failed:", $)).finally(() => F(!1)));
       return;
     }
     (async () => {
       try {
-        const [_, q, p] = await Promise.all([
+        const [$, Y, p] = await Promise.all([
           a.getApplicantData(e),
           s.getCountries("", "en"),
           s.getCountries("", "en", 40)
           // CountriesType.PhoneNumber
         ]);
-        U(_);
-        const w = /* @__PURE__ */ new Set(), E = q.map((y) => ({ value: y.abbreviation3 || y.abbreviation, label: y.name })).filter((y) => !y.value || w.has(y.value) ? !1 : (w.add(y.value), !0));
+        H($);
+        const w = /* @__PURE__ */ new Set(), E = Y.map((h) => ({ value: h.abbreviation3 || h.abbreviation, label: h.name })).filter((h) => !h.value || w.has(h.value) ? !1 : (w.add(h.value), !0));
         M(E);
-        const v = /* @__PURE__ */ new Set(), o = p.filter((y) => y.countryCode).map((y) => ({ value: y.countryCode, label: `${y.countryCode} – ${y.name}` })).filter((y) => v.has(y.value) ? !1 : (v.add(y.value), !0));
-        G(o);
-        const d = _.applicantRequestData;
+        const v = /* @__PURE__ */ new Set(), o = p.filter((h) => h.countryCode).map((h) => ({ value: h.countryCode, label: `${h.countryCode} – ${h.name}` })).filter((h) => v.has(h.value) ? !1 : (v.add(h.value), !0));
+        U(o);
+        const d = $.applicantRequestData;
         if (he({
           firstName: (d == null ? void 0 : d.firstName) || "",
           lastName: (d == null ? void 0 : d.lastName) || "",
@@ -5400,7 +5400,7 @@ const vn = ({
           occupation: (d == null ? void 0 : d.occupation) || "",
           taxNumber: (d == null ? void 0 : d.taxNumber) || "",
           defaultLanguage: (d == null ? void 0 : d.defaultLanguage) || ""
-        }), j.reset({
+        }), _.reset({
           street: (d == null ? void 0 : d.street) || "",
           streetNumber: (d == null ? void 0 : d.streetNumber) || "",
           city: (d == null ? void 0 : d.city) || "",
@@ -5408,22 +5408,22 @@ const vn = ({
           country: (d == null ? void 0 : d.country) || "",
           nationality: (d == null ? void 0 : d.nationality) || "",
           phonenumber: (d == null ? void 0 : d.phonenumber) || ""
-        }), _.kycRecords && _.kycRecords.length > 0 && _.kycRecords[0].providerTokenObject !== null && !ae.current && ue.current) {
+        }), $.kycRecords && $.kycRecords.length > 0 && $.kycRecords[0].providerTokenObject !== null && !ae.current && ue.current) {
           console.log("[Identity] Review page disabled + existing identity — auto-requesting..."), ae.current = !0;
           try {
-            await R(), $(!0);
-          } catch (y) {
-            console.error("[Identity] Auto-request failed:", y);
+            await I(), B(!0);
+          } catch (h) {
+            console.error("[Identity] Auto-request failed:", h);
           }
         }
-      } catch (_) {
-        console.error("Error loading applicant data:", _);
+      } catch ($) {
+        console.error("Error loading applicant data:", $);
       } finally {
         F(!1);
       }
     })();
   }, [e]), ye(() => {
-    u && !b && ue.current && (console.log("[Identity] Review page disabled — showing cached provider"), $(!0));
+    u && !b && ue.current && (console.log("[Identity] Review page disabled — showing cached provider"), B(!0));
   }, [u, b]), ye(() => {
     if (m) {
       if (m.expiresAt) {
@@ -5435,8 +5435,8 @@ const vn = ({
       }
       if (m.url)
         try {
-          const _ = new URL(m.url).toString().toLowerCase();
-          if (_.includes("expired") || _.includes("invalid") || _.includes("error")) {
+          const $ = new URL(m.url).toString().toLowerCase();
+          if ($.includes("expired") || $.includes("invalid") || $.includes("error")) {
             console.warn("[Identity] Token URL indicates expiration"), ne(!0), z("Your verification link has expired. Please restart.");
             return;
           }
@@ -5449,36 +5449,36 @@ const vn = ({
       }
     }
   }, [m]), ye(() => {
-    if (h !== null && m && !f && b && !O) {
-      const g = h;
+    if (y !== null && m && !f && b && !O) {
+      const g = y;
       if (m.url) {
         console.log("[Identity] Loading provider URL for user verification:", m.url), z(null);
         try {
           if (new URL(m.url), g === Le.SardinAI) {
             console.log("[SardinAI] Initializing Risk SDK in background...");
             try {
-              const _ = et.parseProviderConfig(h, m, l);
-              et.createProvider(h, _).initialize().then(() => {
+              const $ = et.parseProviderConfig(y, m, l);
+              et.createProvider(y, $).initialize().then(() => {
                 console.log("[SardinAI] Risk SDK initialized successfully in background");
               }).catch((p) => {
                 console.warn("[SardinAI] Risk SDK initialization failed (non-blocking):", p);
               });
-            } catch (_) {
-              console.warn("[SardinAI] Risk SDK setup failed (non-blocking):", _);
+            } catch ($) {
+              console.warn("[SardinAI] Risk SDK setup failed (non-blocking):", $);
             }
           }
           S({ type: "url", url: m.url });
-        } catch (_) {
-          console.error("[Identity] Invalid URL:", _), z("Invalid verification URL. Please restart."), ne(!0);
+        } catch ($) {
+          console.error("[Identity] Invalid URL:", $), z("Invalid verification URL. Please restart."), ne(!0);
         }
         return;
       }
       if (g === Le.SardinAI) {
         console.log("[SardinAI] No URL provided - initializing Risk SDK only..."), z(null);
         try {
-          const _ = et.parseProviderConfig(h, m, l), q = et.createProvider(h, _);
-          q.initialize().then(() => {
-            console.log("[SardinAI] Risk SDK initialized successfully"), S(q), setTimeout(() => {
+          const $ = et.parseProviderConfig(y, m, l), Y = et.createProvider(y, $);
+          Y.initialize().then(() => {
+            console.log("[SardinAI] Risk SDK initialized successfully"), S(Y), setTimeout(() => {
               t == null || t();
             }, 2e3);
           }).catch((p) => {
@@ -5487,24 +5487,24 @@ const vn = ({
             const w = ((E = p.message) == null ? void 0 : E.toLowerCase()) || "";
             w.includes("expired") || w.includes("invalid") || w.includes("401") || w.includes("400") ? (ne(!0), z("Session expired or invalid. Please restart verification.")) : z(`Failed to initialize: ${p.message}`);
           });
-        } catch (_) {
-          console.error("[SardinAI] Error creating provider:", _), z(`Configuration error: ${_.message}`);
+        } catch ($) {
+          console.error("[SardinAI] Error creating provider:", $), z(`Configuration error: ${$.message}`);
         }
         return;
       }
       try {
         z(null);
-        const _ = et.parseProviderConfig(h, m, l), q = et.createProvider(h, _);
-        g === Le.Sumsub ? (q.initialize("identity-container").catch((p) => {
+        const $ = et.parseProviderConfig(y, m, l), Y = et.createProvider(y, $);
+        g === Le.Sumsub ? (Y.initialize("identity-container").catch((p) => {
           var w;
           console.error("[Sumsub] Initialization error:", p), z(`Failed to initialize: ${p.message}`), (w = p.message) != null && w.toLowerCase().includes("expired") && ne(!0);
-        }), q.onComplete && q.onComplete(() => {
+        }), Y.onComplete && Y.onComplete(() => {
           t == null || t();
-        })) : g === Le.Onfido && q.initialize("identity-container").catch((p) => {
+        })) : g === Le.Onfido && Y.initialize("identity-container").catch((p) => {
           console.error("[Onfido] Initialization error:", p), z(`Failed to initialize: ${p.message}`);
-        }), S(q);
-      } catch (_) {
-        console.error("[Identity] Provider setup error:", _), z(`Setup error: ${_.message}`);
+        }), S(Y);
+      } catch ($) {
+        console.error("[Identity] Provider setup error:", $), z(`Setup error: ${$.message}`);
       }
     }
     return () => {
@@ -5515,21 +5515,21 @@ const vn = ({
           console.error("[Identity] Error destroying provider:", g);
         }
     };
-  }, [h, m, f, b, t, O]);
+  }, [y, m, f, b, t, O]);
   const x = async () => {
     try {
-      z(null), ne(!1), await R(), $(!0);
+      z(null), ne(!1), await I(), B(!0);
     } catch (g) {
       console.error("Error starting identity verification:", g);
     }
-  }, Q = async () => {
+  }, J = async () => {
     try {
-      z(null), ne(!1), S(null), console.log("[Identity] Restarting verification..."), await L(), $(!0);
+      z(null), ne(!1), S(null), console.log("[Identity] Restarting verification..."), await L(), B(!0);
     } catch (g) {
       console.error("Error restarting identity verification:", g), z(g.message || "Failed to restart verification");
     }
   };
-  if (J || I)
+  if (V || N)
     return /* @__PURE__ */ r(X, { children: /* @__PURE__ */ i(ee, { children: [
       /* @__PURE__ */ r(Pe, { className: "my-8" }),
       /* @__PURE__ */ r("p", { className: "text-center text-gray-600 dark:text-gray-400 mt-4", children: "Loading identity verification..." })
@@ -5539,9 +5539,9 @@ const vn = ({
       "Error: ",
       T.message
     ] }) }) });
-  if (b && (H || O))
+  if (b && (j || O))
     return /* @__PURE__ */ i(X, { children: [
-      /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: "Verification Session Issue" }) }),
+      /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ r("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: "Verification Session Issue" }) }),
       /* @__PURE__ */ i(ee, { 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__ */ i("div", { className: "flex items-start", children: [
           /* @__PURE__ */ r(
@@ -5564,7 +5564,7 @@ const vn = ({
           ),
           /* @__PURE__ */ i("div", { children: [
             /* @__PURE__ */ r("h3", { className: "font-semibold text-red-900 dark:text-red-100 mb-1", children: O ? "Session Expired" : "Verification Error" }),
-            /* @__PURE__ */ r("p", { className: "text-red-800 dark:text-red-200 text-sm", children: H || "Your verification session has expired and needs to be restarted." })
+            /* @__PURE__ */ r("p", { className: "text-red-800 dark:text-red-200 text-sm", children: j || "Your verification session has expired and needs to be restarted." })
           ] })
         ] }) }),
         /* @__PURE__ */ i("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4", children: [
@@ -5576,27 +5576,27 @@ const vn = ({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ i(xe, { className: "flex justify-between", children: [
-        n && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: n, children: "Back" }),
-        /* @__PURE__ */ r(V, { type: "button", onClick: Q, disabled: I, children: I ? "Restarting..." : "Restart Verification" })
+      /* @__PURE__ */ i(ve, { className: "flex justify-between", children: [
+        n && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: n, children: "Back" }),
+        /* @__PURE__ */ r(G, { type: "button", onClick: J, disabled: N, children: N ? "Restarting..." : "Restart Verification" })
       ] })
     ] });
   if (b && u) {
-    const g = h;
+    const g = y;
     return m != null && m.url ? /* @__PURE__ */ i(X, { children: [
-      /* @__PURE__ */ r(be, { children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ i("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" })
         ] }),
         /* @__PURE__ */ r(
-          V,
+          G,
           {
             type: "button",
             variant: "outline",
             size: "sm",
-            onClick: Q,
-            disabled: I,
+            onClick: J,
+            disabled: N,
             children: "Restart"
           }
         )
@@ -5613,11 +5613,11 @@ const vn = ({
             className: "w-full h-full border-0 rounded-lg",
             allow: "camera; microphone; geolocation",
             title: "Identity Verification",
-            onLoad: (_) => {
-              var q, p, w;
+            onLoad: ($) => {
+              var Y, p, w;
               console.log("[Identity] Iframe loaded");
               try {
-                const E = _.target, v = E.contentDocument || ((q = E.contentWindow) == null ? void 0 : q.document);
+                const E = $.target, v = E.contentDocument || ((Y = E.contentWindow) == null ? void 0 : Y.document);
                 if (v) {
                   const o = ((w = (p = v.body) == null ? void 0 : p.textContent) == null ? void 0 : w.toLowerCase()) || "";
                   (o.includes("expired") || o.includes("invalid") || o.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), ne(!0), z("Your verification link has expired."));
@@ -5629,9 +5629,9 @@ const vn = ({
           }
         ) })
       ] }),
-      n && /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ r(V, { variant: "outline", onClick: n, children: "Back" }) })
+      n && /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r(G, { variant: "outline", onClick: n, children: "Back" }) })
     ] }) : g === Le.SardinAI ? /* @__PURE__ */ i(X, { children: [
-      /* @__PURE__ */ i(be, { children: [
+      /* @__PURE__ */ i(xe, { 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..." })
       ] }),
@@ -5641,23 +5641,23 @@ const vn = ({
         /* @__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__ */ i(X, { children: [
-      /* @__PURE__ */ i(be, { children: [
+      /* @__PURE__ */ i(xe, { children: [
         /* @__PURE__ */ r("h2", { className: "text-2xl font-bold", children: "Identity Verification" }),
         /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: "Please complete the identity verification process" })
       ] }),
       /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r("div", { id: "identity-container", className: "min-h-[400px]" }) }),
-      n && /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ r(V, { variant: "outline", onClick: n, children: "Back" }) })
+      n && /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r(G, { variant: "outline", onClick: n, children: "Back" }) })
     ] });
   }
-  const Y = /* @__PURE__ */ new Set(["country", "nationality", "taxCountry", "countryOfBirth", "mobileCountryCode", "otherNationality"]), ce = (g = 4) => ({ 1: "col-span-1", 2: "col-span-2", 3: "col-span-3", 4: "col-span-4" })[g] || "col-span-4", we = (g, _) => {
-    if (!_ && _ !== 0) return "—";
-    if (Y.has(g) && g !== "mobileCountryCode") {
-      const q = W.find((p) => p.value === _);
-      return q ? q.label : String(_);
+  const Q = /* @__PURE__ */ new Set(["country", "nationality", "taxCountry", "countryOfBirth", "mobileCountryCode", "otherNationality"]), ce = (g = 4) => ({ 1: "col-span-1", 2: "col-span-2", 3: "col-span-3", 4: "col-span-4" })[g] || "col-span-4", Se = (g, $) => {
+    if (!$ && $ !== 0) return "—";
+    if (Q.has(g) && g !== "mobileCountryCode") {
+      const Y = W.find((p) => p.value === $);
+      return Y ? Y.label : String($);
     }
-    return String(_);
+    return String($);
   }, De = ({ helpText: g }) => {
-    const [_, q] = k(!1), p = le(null), [, w] = k({ top: 0, left: 0 });
+    const [$, Y] = k(!1), p = le(null), [, w] = k({ top: 0, left: 0 });
     return /* @__PURE__ */ i(rt, { children: [
       /* @__PURE__ */ r(
         "button",
@@ -5670,7 +5670,7 @@ const vn = ({
               const v = p.current.getBoundingClientRect();
               w({ top: v.bottom + window.scrollY + 6, left: v.left + window.scrollX });
             }
-            q(!0);
+            Y(!0);
           },
           style: {
             width: 18,
@@ -5693,7 +5693,7 @@ const vn = ({
           children: "?"
         }
       ),
-      _ && Ut.createPortal(
+      $ && Wt.createPortal(
         /* @__PURE__ */ r(
           "div",
           {
@@ -5708,7 +5708,7 @@ const vn = ({
               alignItems: "center",
               justifyContent: "center"
             },
-            onClick: () => q(!1),
+            onClick: () => Y(!1),
             children: /* @__PURE__ */ i(
               "div",
               {
@@ -5728,7 +5728,7 @@ const vn = ({
                     "button",
                     {
                       type: "button",
-                      onClick: () => q(!1),
+                      onClick: () => Y(!1),
                       style: {
                         marginTop: 12,
                         padding: "4px 12px",
@@ -5750,13 +5750,13 @@ const vn = ({
         document.body
       )
     ] });
-  }, ve = (g, _) => _ ? /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "flex-start", gap: 5, flexWrap: "nowrap" }, children: [
+  }, ke = (g, $) => $ ? /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "flex-start", gap: 5, flexWrap: "nowrap" }, children: [
     /* @__PURE__ */ r("div", { style: { flex: 1, minWidth: 0 }, children: g }),
-    /* @__PURE__ */ r("div", { style: { paddingTop: 24 }, children: /* @__PURE__ */ r(De, { helpText: _ }) })
-  ] }) : g, Ge = (g, _) => {
-    const q = `cf-${_}`, p = g.paramName ?? "", w = de[p];
+    /* @__PURE__ */ r("div", { style: { paddingTop: 24 }, children: /* @__PURE__ */ r(De, { helpText: $ }) })
+  ] }) : g, Ge = (g, $) => {
+    const Y = `cf-${$}`, p = g.paramName ?? "", w = de[p];
     if (g.customType === "br")
-      return /* @__PURE__ */ r("div", { className: ce(g.colSpan), style: { minHeight: "0.5rem" } }, q);
+      return /* @__PURE__ */ r("div", { className: ce(g.colSpan), style: { minHeight: "0.5rem" } }, Y);
     if (g.customType === "paragraph")
       return /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: /* @__PURE__ */ r(
         "div",
@@ -5765,7 +5765,7 @@ const vn = ({
           style: { color: "var(--metakyc-text-secondary, #6b7280)" },
           dangerouslySetInnerHTML: { __html: g.label || "" }
         }
-      ) }, q);
+      ) }, Y);
     if (g.customType === "html")
       return /* @__PURE__ */ r(
         "div",
@@ -5773,10 +5773,10 @@ const vn = ({
           className: ce(g.colSpan),
           dangerouslySetInnerHTML: { __html: g.label || "" }
         },
-        q
+        Y
       );
     if (g.customType === "link")
-      return /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: ve(
+      return /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: ke(
         /* @__PURE__ */ r(
           "a",
           {
@@ -5789,10 +5789,10 @@ const vn = ({
           }
         ),
         g.helpText
-      ) }, q);
+      ) }, Y);
     if (g.customType === "checkbox" || g.customType === "link_checkbox") {
       const E = w === "true" || w === !0;
-      return /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: ve(
+      return /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: ke(
         /* @__PURE__ */ i("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
           /* @__PURE__ */ r(
             "input",
@@ -5815,7 +5815,7 @@ const vn = ({
           ] }) : g.displayText || g.label })
         ] }),
         g.helpText
-      ) }, q);
+      ) }, Y);
     }
     if (g.customType === "group_checkbox") {
       const E = Array.isArray(w) ? w : w ? [w] : [], v = (o) => {
@@ -5824,7 +5824,7 @@ const vn = ({
           [p]: E.includes(o) ? E.filter((A) => A !== o) : [...E, o]
         }));
       };
-      return /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: ve(
+      return /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: ke(
         /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
           g.label && /* @__PURE__ */ r("p", { className: "text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: g.displayText || g.label }),
           (g.options || []).map((o) => /* @__PURE__ */ i("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
@@ -5841,9 +5841,9 @@ const vn = ({
           ] }, o.value))
         ] }),
         g.helpText
-      ) }, q);
+      ) }, Y);
     }
-    return g.customType === "radio_group" ? /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: ve(
+    return g.customType === "radio_group" ? /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: ke(
       /* @__PURE__ */ i("div", { className: "space-y-1.5", children: [
         g.label && /* @__PURE__ */ r("p", { className: "text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: g.displayText || g.label }),
         (g.options || []).map((E) => /* @__PURE__ */ i("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
@@ -5862,7 +5862,7 @@ const vn = ({
         ] }, E.value))
       ] }),
       g.helpText
-    ) }, q) : /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: ve(
+    ) }, Y) : /* @__PURE__ */ r("div", { className: ce(g.colSpan), children: ke(
       /* @__PURE__ */ r(
         fe,
         {
@@ -5872,69 +5872,69 @@ const vn = ({
         }
       ),
       g.helpText
-    ) }, q);
-  }, Je = (g, _) => {
-    if (g.isCustom) return Ge(g, _);
-    const q = g.name ?? "", p = Qe[q], w = g.displayText || (p == null ? void 0 : p.label) || q, E = re[q] ?? "", v = q === "mobileCountryCode", o = !!(p != null && p.countriesType) && !v;
-    return g.editable ? v ? /* @__PURE__ */ r("div", { className: ce(g.colSpan ?? 2), children: ve(
+    ) }, Y);
+  }, Je = (g, $) => {
+    if (g.isCustom) return Ge(g, $);
+    const Y = g.name ?? "", p = Qe[Y], w = g.displayText || (p == null ? void 0 : p.label) || Y, E = re[Y] ?? "", v = Y === "mobileCountryCode", o = !!(p != null && p.countriesType) && !v;
+    return g.editable ? v ? /* @__PURE__ */ r("div", { className: ce(g.colSpan ?? 2), children: ke(
       /* @__PURE__ */ r(
-        Be,
+        $e,
         {
           label: w,
           value: String(E),
-          onChange: (d) => he((A) => ({ ...A, [q]: d })),
-          options: [{ value: "", label: "Select country code…" }, ...B]
+          onChange: (d) => he((A) => ({ ...A, [Y]: d })),
+          options: [{ value: "", label: "Select country code…" }, ...q]
         }
       ),
       g.helpText
-    ) }, `epc-${_}`) : o ? /* @__PURE__ */ r("div", { className: ce(g.colSpan ?? 2), children: ve(
+    ) }, `epc-${$}`) : o ? /* @__PURE__ */ r("div", { className: ce(g.colSpan ?? 2), children: ke(
       /* @__PURE__ */ r(
-        Be,
+        $e,
         {
           label: w,
           value: String(E),
-          onChange: (d) => he((A) => ({ ...A, [q]: d })),
+          onChange: (d) => he((A) => ({ ...A, [Y]: d })),
           options: [{ value: "", label: `Select ${w.toLowerCase()}…` }, ...W]
         }
       ),
       g.helpText
-    ) }, `ec-${_}`) : /* @__PURE__ */ r("div", { className: ce(g.colSpan ?? 2), children: ve(
+    ) }, `ec-${$}`) : /* @__PURE__ */ r("div", { className: ce(g.colSpan ?? 2), children: ke(
       /* @__PURE__ */ r(
         fe,
         {
           label: w,
           type: (p == null ? void 0 : p.type) === "date" ? "date" : (p == null ? void 0 : p.type) === "email" ? "email" : "text",
           value: String(E),
-          onChange: (d) => he((A) => ({ ...A, [q]: d.target.value }))
+          onChange: (d) => he((A) => ({ ...A, [Y]: d.target.value }))
         }
       ),
       g.helpText
-    ) }, `ei-${_}`) : /* @__PURE__ */ r("div", { className: ce(g.colSpan ?? 2), children: ve(
+    ) }, `ei-${$}`) : /* @__PURE__ */ r("div", { className: ce(g.colSpan ?? 2), children: ke(
       /* @__PURE__ */ i(rt, { children: [
         /* @__PURE__ */ r("label", { className: "block text-sm font-medium mb-0.5", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: w }),
-        /* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)", minHeight: "1.5rem" }, children: we(q, E) })
+        /* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)", minHeight: "1.5rem" }, children: Se(Y, E) })
       ] }),
       g.helpText
-    ) }, `ro-${_}`);
+    ) }, `ro-${$}`);
   };
   if (K) {
-    const g = K.title || "Review Your Information", _ = K.subtitle || "Please review and confirm your information before starting identity verification";
-    return /* @__PURE__ */ r("form", { onSubmit: (q) => {
-      q.preventDefault(), x();
+    const g = K.title || "Review Your Information", $ = K.subtitle || "Please review and confirm your information before starting identity verification";
+    return /* @__PURE__ */ r("form", { onSubmit: (Y) => {
+      Y.preventDefault(), x();
     }, children: /* @__PURE__ */ i(X, { children: [
-      /* @__PURE__ */ i(be, { children: [
+      /* @__PURE__ */ i(xe, { children: [
         /* @__PURE__ */ r("h2", { className: "text-lg font-bold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: g }),
-        /* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: _ })
+        /* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: $ })
       ] }),
-      /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: K.fields.map((q, p) => Je(q, p)) }) }),
-      /* @__PURE__ */ i(xe, { className: "flex justify-between", children: [
-        n && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: n, children: "Back" }),
-        /* @__PURE__ */ r(V, { type: "submit", isLoading: I, children: "Confirm and Start Verification" })
+      /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: K.fields.map((Y, p) => Je(Y, p)) }) }),
+      /* @__PURE__ */ i(ve, { className: "flex justify-between", children: [
+        n && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: n, children: "Back" }),
+        /* @__PURE__ */ r(G, { type: "submit", isLoading: N, children: "Confirm and Start Verification" })
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ r("form", { onSubmit: j.handleSubmit(x), children: /* @__PURE__ */ i(X, { children: [
-    /* @__PURE__ */ i(be, { children: [
+  return /* @__PURE__ */ r("form", { onSubmit: _.handleSubmit(x), children: /* @__PURE__ */ i(X, { children: [
+    /* @__PURE__ */ i(xe, { 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" })
     ] }),
@@ -5942,10 +5942,10 @@ const vn = ({
       /* @__PURE__ */ r("div", { className: "space-y-4 pb-4", style: { borderBottom: "1px solid var(--metakyc-border, #e5e7eb)" }, children: [
         { label: "Name", value: `${((Me = D == null ? void 0 : D.applicantRequestData) == null ? void 0 : Me.firstName) || ""} ${((Ze = D == null ? void 0 : D.applicantRequestData) == null ? void 0 : Ze.lastName) || ""}`.trim() },
         { label: "Email", value: (je = D == null ? void 0 : D.applicantRequestData) == null ? void 0 : je.email },
-        { label: "Date of Birth", value: ((We = D == null ? void 0 : D.applicantRequestData) == null ? void 0 : We.dateOfBirth) || "Not provided" }
-      ].map(({ label: g, value: _ }) => /* @__PURE__ */ i("div", { children: [
+        { label: "Date of Birth", value: ((Ue = D == null ? void 0 : D.applicantRequestData) == null ? void 0 : Ue.dateOfBirth) || "Not provided" }
+      ].map(({ label: g, value: $ }) => /* @__PURE__ */ i("div", { children: [
         /* @__PURE__ */ r("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: g }),
-        /* @__PURE__ */ r("p", { className: "mt-1 text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: _ })
+        /* @__PURE__ */ r("p", { className: "mt-1 text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: $ })
       ] }, g)) }),
       /* @__PURE__ */ i("div", { className: "space-y-4", children: [
         /* @__PURE__ */ r("h3", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: "Address Information" }),
@@ -5953,10 +5953,10 @@ const vn = ({
           /* @__PURE__ */ r(
             qe,
             {
-              control: j.control,
+              control: _.control,
               name: "country",
               render: ({ field: g }) => /* @__PURE__ */ r(
-                Be,
+                $e,
                 {
                   label: "Country",
                   value: g.value,
@@ -5969,10 +5969,10 @@ const vn = ({
           /* @__PURE__ */ r(
             qe,
             {
-              control: j.control,
+              control: _.control,
               name: "nationality",
               render: ({ field: g }) => /* @__PURE__ */ r(
-                Be,
+                $e,
                 {
                   label: "Nationality",
                   value: g.value,
@@ -5984,22 +5984,22 @@ const vn = ({
           )
         ] }),
         /* @__PURE__ */ i("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ r(qe, { control: j.control, name: "street", render: ({ field: g }) => /* @__PURE__ */ r(fe, { ...g, label: "Street" }) }),
-          /* @__PURE__ */ r(qe, { control: j.control, name: "streetNumber", render: ({ field: g }) => /* @__PURE__ */ r(fe, { ...g, label: "Street Number" }) })
+          /* @__PURE__ */ r(qe, { control: _.control, name: "street", render: ({ field: g }) => /* @__PURE__ */ r(fe, { ...g, label: "Street" }) }),
+          /* @__PURE__ */ r(qe, { control: _.control, name: "streetNumber", render: ({ field: g }) => /* @__PURE__ */ r(fe, { ...g, label: "Street Number" }) })
         ] }),
         /* @__PURE__ */ i("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ r(qe, { control: j.control, name: "city", render: ({ field: g }) => /* @__PURE__ */ r(fe, { ...g, label: "City" }) }),
-          /* @__PURE__ */ r(qe, { control: j.control, name: "zip", render: ({ field: g }) => /* @__PURE__ */ r(fe, { ...g, label: "ZIP / Postal Code" }) })
+          /* @__PURE__ */ r(qe, { control: _.control, name: "city", render: ({ field: g }) => /* @__PURE__ */ r(fe, { ...g, label: "City" }) }),
+          /* @__PURE__ */ r(qe, { control: _.control, name: "zip", render: ({ field: g }) => /* @__PURE__ */ r(fe, { ...g, label: "ZIP / Postal Code" }) })
         ] }),
-        /* @__PURE__ */ r(qe, { control: j.control, name: "phonenumber", render: ({ field: g }) => /* @__PURE__ */ r(fe, { ...g, label: "Phone Number", type: "tel" }) })
+        /* @__PURE__ */ r(qe, { control: _.control, name: "phonenumber", render: ({ field: g }) => /* @__PURE__ */ r(fe, { ...g, label: "Phone Number", type: "tel" }) })
       ] })
     ] }),
-    /* @__PURE__ */ i(xe, { className: "flex justify-between", children: [
-      n && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: n, children: "Back" }),
-      /* @__PURE__ */ r(V, { type: "submit", isLoading: I, children: "Confirm and Start Verification" })
+    /* @__PURE__ */ i(ve, { className: "flex justify-between", children: [
+      n && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: n, children: "Back" }),
+      /* @__PURE__ */ r(G, { type: "submit", isLoading: N, children: "Confirm and Start Verification" })
     ] })
   ] }) });
-}, It = ({
+}, Rt = ({
   kycStatus: e,
   reviewStatus: t,
   workflowResult: n,
@@ -6132,11 +6132,11 @@ const vn = ({
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ i(xe, { className: "flex justify-center gap-4", children: [
-      u.type === "success" && s && /* @__PURE__ */ r(V, { onClick: s, size: "lg", children: "Continue" }),
+    /* @__PURE__ */ i(ve, { className: "flex justify-center gap-4", children: [
+      u.type === "success" && s && /* @__PURE__ */ r(G, { onClick: s, size: "lg", children: "Continue" }),
       u.type === "error" && /* @__PURE__ */ i(rt, { children: [
-        l && /* @__PURE__ */ r(V, { variant: "outline", onClick: l, children: "Contact Support" }),
-        s && /* @__PURE__ */ r(V, { onClick: s, children: "Try Again" })
+        l && /* @__PURE__ */ r(G, { variant: "outline", onClick: l, children: "Contact Support" }),
+        s && /* @__PURE__ */ r(G, { onClick: s, children: "Try Again" })
       ] }),
       u.type === "pending" && /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Please check back later or wait for our email notification" }) })
     ] })
@@ -6161,7 +6161,7 @@ const vn = ({
   subtitle: t,
   className: n = ""
 }) => {
-  const { currentTheme: a } = Re(), s = e || (a == null ? void 0 : a.title) || "", l = !!(a != null && a.logo && a.logo.visible && a.logo.url), c = !!s;
+  const { currentTheme: a } = Ee(), s = e || (a == null ? void 0 : a.title) || "", l = !!(a != null && a.logo && a.logo.visible && a.logo.url), c = !!s;
   return !l && !c ? null : /* @__PURE__ */ i("div", { className: `metakyc-header ${n}`, children: [
     /* @__PURE__ */ i(
       "div",
@@ -6199,8 +6199,8 @@ const st = {
   padding: 0,
   display: "inline-block",
   verticalAlign: "middle"
-}, Rt = ({ helpText: e, children: t }) => {
-  const [n, a] = Fe.useState(!1);
+}, It = ({ helpText: e, children: t }) => {
+  const [n, a] = be.useState(!1);
   if (!e) return /* @__PURE__ */ r(rt, { children: t });
   const s = n ? /* @__PURE__ */ r(
     "div",
@@ -6326,13 +6326,13 @@ const st = {
   onSuccess: n,
   onCancel: a
 }) => {
-  var _, q, p, w, E, v;
-  const { config: s, baseInformationService: l, currentTheme: c } = Re(), { createApplicant: u, isLoading: h } = Pt(), m = e || ((_ = s.applicantForm) == null ? void 0 : _.workflowKey);
+  var $, Y, p, w, E, v;
+  const { config: s, baseInformationService: l, currentTheme: c } = Ee(), { createApplicant: u, isLoading: y } = Pt(), m = e || (($ = s.applicantForm) == null ? void 0 : $.workflowKey);
   if (!m)
     throw new Error(
       "workflowKey is required. Provide it either as a prop to CreateApplicantForm or set it in config.applicantForm.workflowKey"
     );
-  const I = t || ((q = s.applicantForm) == null ? void 0 : q.externalRefId) || "", T = ((p = s.applicantForm) == null ? void 0 : p.email) || "", R = ((w = s.applicantForm) == null ? void 0 : w.hiddenValues) || {}, f = (((E = s.applicantForm) == null ? void 0 : E.fieldLabelMode) || (c == null ? void 0 : c.fieldLabelMode) || "label") !== "placeholder", S = Ae(
+  const N = t || ((Y = s.applicantForm) == null ? void 0 : Y.externalRefId) || "", T = ((p = s.applicantForm) == null ? void 0 : p.email) || "", I = ((w = s.applicantForm) == null ? void 0 : w.hiddenValues) || {}, f = (((E = s.applicantForm) == null ? void 0 : E.fieldLabelMode) || (c == null ? void 0 : c.fieldLabelMode) || "label") !== "placeholder", S = Ae(
     () => c != null && c.applicantFormPages && c.applicantFormPages.length > 0 ? c.applicantFormPages : null,
     [c == null ? void 0 : c.applicantFormPages]
   ), D = Ae(() => {
@@ -6340,20 +6340,20 @@ const st = {
     if (d) for (const A of d) o.add(A);
     if (S)
       for (const A of S)
-        for (const y of A.fields)
-          !y.isCustom && y.name && y.required && o.add(y.name);
+        for (const h of A.fields)
+          !h.isCustom && h.name && h.required && o.add(h.name);
     return Array.from(o);
-  }, [c == null ? void 0 : c.applicantFormRequiredFields, S]), U = Ae(() => {
+  }, [c == null ? void 0 : c.applicantFormRequiredFields, S]), H = Ae(() => {
     var A;
     if (S) {
-      const y = S.flatMap((C) => C.fields).filter((C) => !C.isCustom && C.name).map((C) => C.name), N = new Set(y);
-      for (const C of dt) N.add(C);
-      return Array.from(N);
+      const h = S.flatMap((C) => C.fields).filter((C) => !C.isCustom && C.name).map((C) => C.name), R = new Set(h);
+      for (const C of dt) R.add(C);
+      return Array.from(R);
     }
     let o;
     (A = s.applicantForm) != null && A.visibleFields ? o = s.applicantForm.visibleFields : c != null && c.applicantFormVisibleFields && c.applicantFormVisibleFields.length > 0 ? o = c.applicantFormVisibleFields : o = nr;
     const d = new Set(o);
-    for (const y of dt) d.add(y);
+    for (const h of dt) d.add(h);
     return Array.from(d);
   }, [(v = s.applicantForm) == null ? void 0 : v.visibleFields, c == null ? void 0 : c.applicantFormVisibleFields, S]), W = /* @__PURE__ */ new Set([
     "country",
@@ -6366,57 +6366,57 @@ const st = {
     var d, A;
     const o = /* @__PURE__ */ new Set();
     if (S)
-      for (const y of S)
-        for (const N of y.fields)
-          !N.isCustom && N.name && W.has(N.name) && o.add(N.countriesType ?? ((d = Qe[N.name]) == null ? void 0 : d.countriesType));
+      for (const h of S)
+        for (const R of h.fields)
+          !R.isCustom && R.name && W.has(R.name) && o.add(R.countriesType ?? ((d = Qe[R.name]) == null ? void 0 : d.countriesType));
     else
-      for (const y of U)
-        W.has(y) && o.add((A = Qe[y]) == null ? void 0 : A.countriesType);
+      for (const h of H)
+        W.has(h) && o.add((A = Qe[h]) == null ? void 0 : A.countriesType);
     return o.size === 0 && o.add(void 0), Array.from(o);
-  }, [U, S]), [B, G] = k({}), [J, F] = k(!0), b = le(/* @__PURE__ */ new Set()), $ = le(/* @__PURE__ */ new Set());
+  }, [H, S]), [q, U] = k({}), [V, F] = k(!0), b = le(/* @__PURE__ */ new Set()), B = le(/* @__PURE__ */ new Set());
   ye(() => {
     if (!c) return;
-    const o = M.filter((y) => {
-      const N = y != null ? String(y) : "all";
-      return !$.current.has(N) && !b.current.has(N);
+    const o = M.filter((h) => {
+      const R = h != null ? String(h) : "all";
+      return !B.current.has(R) && !b.current.has(R);
     });
     if (o.length === 0) {
-      M.every((N) => {
-        const C = N != null ? String(N) : "all";
-        return $.current.has(C);
+      M.every((R) => {
+        const C = R != null ? String(R) : "all";
+        return B.current.has(C);
       }) && F(!1);
       return;
     }
     F(!0);
-    const d = o.map((y) => y != null ? String(y) : "all");
-    d.forEach((y) => b.current.add(y)), (async () => {
+    const d = o.map((h) => h != null ? String(h) : "all");
+    d.forEach((h) => b.current.add(h)), (async () => {
       try {
-        const y = await Promise.all(
-          o.map(async (N) => {
-            const C = N != null ? String(N) : "all", oe = await l.getCountries("", s.locale || "en", N), ie = N === 40, ke = /* @__PURE__ */ new Set(), ge = oe.map((pe) => ie && pe.countryCode ? {
+        const h = await Promise.all(
+          o.map(async (R) => {
+            const C = R != null ? String(R) : "all", oe = await l.getCountries("", s.locale || "en", R), ie = R === 40, we = /* @__PURE__ */ new Set(), ge = oe.map((pe) => ie && pe.countryCode ? {
               value: pe.countryCode,
               label: `${pe.countryCode} – ${pe.name}`
-            } : { value: pe.abbreviation3 || pe.abbreviation, label: pe.name }).filter((pe) => !pe.value || ke.has(pe.value) ? !1 : (ke.add(pe.value), !0));
-            return $.current.add(C), b.current.delete(C), [C, ge];
+            } : { value: pe.abbreviation3 || pe.abbreviation, label: pe.name }).filter((pe) => !pe.value || we.has(pe.value) ? !1 : (we.add(pe.value), !0));
+            return B.current.add(C), b.current.delete(C), [C, ge];
           })
         );
-        G((N) => ({ ...N, ...Object.fromEntries(y) }));
-      } catch (y) {
-        d.forEach((N) => b.current.delete(N)), console.error("Failed to load countries:", y);
+        U((R) => ({ ...R, ...Object.fromEntries(h) }));
+      } catch (h) {
+        d.forEach((R) => b.current.delete(R)), console.error("Failed to load countries:", h);
       } finally {
-        M.every((N) => {
-          const C = N != null ? String(N) : "all";
-          return $.current.has(C);
+        M.every((R) => {
+          const C = R != null ? String(R) : "all";
+          return B.current.has(C);
         }) && F(!1);
       }
     })();
   }, [M, c]);
-  const H = (o, d) => {
-    var N;
-    const A = d ?? ((N = Qe[o]) == null ? void 0 : N.countriesType), y = A != null ? String(A) : "all";
-    return B[y] || [];
+  const j = (o, d) => {
+    var R;
+    const A = d ?? ((R = Qe[o]) == null ? void 0 : R.countriesType), h = A != null ? String(A) : "all";
+    return q[h] || [];
   }, z = Object.fromEntries(
-    Object.entries(R).filter(([o]) => o in {
+    Object.entries(I).filter(([o]) => o in {
       firstName: 1,
       lastName: 1,
       title: 1,
@@ -6448,7 +6448,7 @@ const st = {
     email: T,
     dateOfBirth: "",
     phonenumber: "",
-    externalRefId: I,
+    externalRefId: N,
     mobileCountryCode: "",
     street: "",
     streetNumber: "",
@@ -6467,29 +6467,29 @@ const st = {
     taxNumber: "",
     ...z
   }), ae = Object.fromEntries(
-    Object.entries(R).filter(([o]) => !(o in z) && o !== "externalRefId" && o !== "workflowKey")
-  ), [re, he] = k({ ...ae }), [de, P] = k(0), [K, Z] = k({}), [ue, j] = k(null), [x, Q] = k(!1), Y = (o, d) => ne((A) => ({ ...A, [o]: d })), ce = (o, d) => he((A) => ({ ...A, [o]: d })), we = (o) => !o.conditionalOn || re[o.conditionalOn] === "true", De = S && de < S.length - 1 ? de + 1 : -1, ve = S && de > 0 ? de - 1 : -1, Ge = (o) => {
+    Object.entries(I).filter(([o]) => !(o in z) && o !== "externalRefId" && o !== "workflowKey")
+  ), [re, he] = k({ ...ae }), [de, P] = k(0), [K, Z] = k({}), [ue, _] = k(null), [x, J] = k(!1), Q = (o, d) => ne((A) => ({ ...A, [o]: d })), ce = (o, d) => he((A) => ({ ...A, [o]: d })), Se = (o) => !o.conditionalOn || re[o.conditionalOn] === "true", De = S && de < S.length - 1 ? de + 1 : -1, ke = S && de > 0 ? de - 1 : -1, Ge = (o) => {
     var A;
     const d = {};
-    for (const y of o.fields)
-      if (y.isCustom) {
-        if (y.customType === "paragraph" || y.customType === "html" || y.customType === "br" || y.customType === "link") continue;
-        if (y.required && y.paramName) {
-          const N = re[y.paramName], C = y.displayText || y.label || y.paramName;
-          y.customType === "checkbox" || y.customType === "link_checkbox" ? N !== "true" && (d[y.paramName] = `${C} is required.`) : (!N || N.trim() === "") && (d[y.paramName] = `${C} is required.`);
+    for (const h of o.fields)
+      if (h.isCustom) {
+        if (h.customType === "paragraph" || h.customType === "html" || h.customType === "br" || h.customType === "link") continue;
+        if (h.required && h.paramName) {
+          const R = re[h.paramName], C = h.displayText || h.label || h.paramName;
+          h.customType === "checkbox" || h.customType === "link_checkbox" ? R !== "true" && (d[h.paramName] = `${C} is required.`) : (!R || R.trim() === "") && (d[h.paramName] = `${C} is required.`);
         }
-      } else if (y.name) {
-        const N = y.name;
-        if (D.includes(N) && tt(O[N])) {
-          const C = y.displayText || ((A = Qe[N]) == null ? void 0 : A.label) || N;
-          d[N] = `${C} is required.`;
+      } else if (h.name) {
+        const R = h.name;
+        if (D.includes(R) && tt(O[R])) {
+          const C = h.displayText || ((A = Qe[R]) == null ? void 0 : A.label) || R;
+          d[R] = `${C} is required.`;
         }
       }
     return d;
   }, Je = async () => {
     if (!S) return;
     const o = S[de];
-    if (o.conditionalOn && !we(o)) {
+    if (o.conditionalOn && !Se(o)) {
       Z({}), De >= 0 ? P(De) : await Me();
       return;
     }
@@ -6503,16 +6503,16 @@ const st = {
     if (S) {
       let o = {};
       for (const d of S)
-        we(d) && (o = { ...o, ...Ge(d) });
+        Se(d) && (o = { ...o, ...Ge(d) });
       if (Object.keys(o).length > 0) {
         Z(o);
         return;
       }
     }
-    Q(!0), j(null);
+    J(!0), _(null);
     try {
       if (!O.externalRefId || O.externalRefId.trim() === "") {
-        j("External Reference ID is required. Please pass it via config.applicantForm.externalRefId.");
+        _("External Reference ID is required. Please pass it via config.applicantForm.externalRefId.");
         return;
       }
       const o = {
@@ -6520,30 +6520,30 @@ const st = {
         externalRefId: O.externalRefId.trim()
       };
       if (S) {
-        for (const N of S)
-          if (we(N)) {
-            for (const C of N.fields)
+        for (const R of S)
+          if (Se(R)) {
+            for (const C of R.fields)
               if (!C.isCustom && C.name) {
                 const oe = C.name, ie = O[oe];
                 tt(ie) || (o[oe] = ie);
               }
           }
-        for (const N of dt)
-          if (o[N] === void 0) {
-            const C = O[N];
-            tt(C) || (o[N] = C);
+        for (const R of dt)
+          if (o[R] === void 0) {
+            const C = O[R];
+            tt(C) || (o[R] = C);
           }
       } else
-        U.forEach((N) => {
-          if (N === "externalRefId") return;
-          const C = O[N];
-          tt(C) || (o[N] = C);
+        H.forEach((R) => {
+          if (R === "externalRefId") return;
+          const C = O[R];
+          tt(C) || (o[R] = C);
         });
       const d = [];
       if (S) {
-        for (const N of S)
-          if (we(N))
-            for (const C of N.fields) {
+        for (const R of S)
+          if (Se(R))
+            for (const C of R.fields) {
               if (!C.isCustom || !C.paramName || C.customType === "paragraph" || C.customType === "html" || C.customType === "br" || C.customType === "link") continue;
               const oe = re[C.paramName] ?? "";
               let ie;
@@ -6553,47 +6553,47 @@ const st = {
               d.push({ paramName: C.paramName, value: ie });
             }
       }
-      for (const [N, C] of Object.entries(z))
-        o[N] === void 0 && !tt(C) && (o[N] = C);
-      const A = new Set(d.map((N) => N.paramName));
-      for (const [N, C] of Object.entries(ae))
-        !A.has(N) && C && d.push({ paramName: N, value: C });
+      for (const [R, C] of Object.entries(z))
+        o[R] === void 0 && !tt(C) && (o[R] = C);
+      const A = new Set(d.map((R) => R.paramName));
+      for (const [R, C] of Object.entries(ae))
+        !A.has(R) && C && d.push({ paramName: R, value: C });
       d.length > 0 && (o.applicantAdditionalDatas = d);
-      const y = await u(o);
-      n(y.applicantId);
+      const h = await u(o);
+      n(h.applicantId);
     } catch (o) {
-      console.error("Error creating applicant:", o), j(o.message || "Failed to create applicant");
+      console.error("Error creating applicant:", o), _(o.message || "Failed to create applicant");
     } finally {
-      Q(!1);
+      J(!1);
     }
   }, Ze = async (o) => {
     var d;
     o.preventDefault();
     for (const A of D)
       if (tt(O[A])) {
-        const y = ((d = Qe[A]) == null ? void 0 : d.label) || A;
-        j(`${y} is required.`);
+        const h = ((d = Qe[A]) == null ? void 0 : d.label) || A;
+        _(`${h} is required.`);
         return;
       }
     await Me();
-  }, je = (o, d, A, y, N) => {
+  }, je = (o, d, A, h, R) => {
     var xt;
     const C = Qe[o];
     if (!C) return null;
-    const oe = D.includes(o), ie = K[o], ke = A || C.label, ge = d ?? o, pe = { required: oe }, ze = N ? N !== "placeholder" : f, He = ze ? ke : void 0, Ot = ze ? "..." : ke;
+    const oe = D.includes(o), ie = K[o], we = A || C.label, ge = d ?? o, pe = { required: oe }, ze = R ? R !== "placeholder" : f, He = ze ? we : void 0, Ot = ze ? "..." : we;
     switch (C.type) {
       case "select":
         if (o === "country" || o === "nationality" || o === "taxCountry" || o === "countryOfBirth" || o === "mobileCountryCode") {
-          const Se = H(o, y);
+          const Ce = j(o, h);
           return /* @__PURE__ */ r(
-            Be,
+            $e,
             {
               ...pe,
               label: He,
               value: O[o] || "",
-              onChange: (Ke) => Y(o, Ke),
-              options: [{ value: "", label: `Select ${Ot.toLowerCase()}` }, ...Se],
-              disabled: J,
+              onChange: (Ke) => Q(o, Ke),
+              options: [{ value: "", label: `Select ${Ot.toLowerCase()}` }, ...Ce],
+              disabled: V,
               error: ie
             },
             ge
@@ -6601,14 +6601,14 @@ const st = {
         }
         if (o === "salutation")
           return /* @__PURE__ */ r(
-            Be,
+            $e,
             {
               ...pe,
               label: He,
               value: ((xt = O[o]) == null ? void 0 : xt.toString()) || "",
-              onChange: (Se) => Y(o, Se ? Number(Se) : null),
+              onChange: (Ce) => Q(o, Ce ? Number(Ce) : null),
               options: [
-                { value: "", label: ze ? "Select salutation..." : ke },
+                { value: "", label: ze ? "Select salutation..." : we },
                 { value: pt.Male.toString(), label: "Male" },
                 { value: pt.Female.toString(), label: "Female" },
                 { value: pt.Other.toString(), label: "Other" }
@@ -6618,15 +6618,15 @@ const st = {
             ge
           );
         if (o === "defaultLanguage") {
-          const Se = c != null && c.allowedLanguages && c.allowedLanguages.length > 0 ? kt.filter((Ke) => c.allowedLanguages.includes(Ke.value)) : kt;
+          const Ce = c != null && c.allowedLanguages && c.allowedLanguages.length > 0 ? kt.filter((Ke) => c.allowedLanguages.includes(Ke.value)) : kt;
           return /* @__PURE__ */ r(
-            Be,
+            $e,
             {
               ...pe,
               label: He,
               value: O[o] || "",
-              onChange: (Ke) => Y(o, Ke),
-              options: [{ value: "", label: ze ? "Select language..." : ke }, ...Se],
+              onChange: (Ke) => Q(o, Ke),
+              options: [{ value: "", label: ze ? "Select language..." : we }, ...Ce],
               error: ie
             },
             ge
@@ -6635,17 +6635,17 @@ const st = {
         return null;
       case "multiselect":
         if (o === "otherNationality") {
-          const Se = H(o, y);
+          const Ce = j(o, h);
           return /* @__PURE__ */ r(
             qr,
             {
               ...pe,
               label: He,
               value: O[o] || [],
-              onChange: (Ke) => Y(o, Ke),
-              options: Se,
-              placeholder: ze ? "Select other nationalities..." : ke,
-              disabled: J
+              onChange: (Ke) => Q(o, Ke),
+              options: Ce,
+              placeholder: ze ? "Select other nationalities..." : we,
+              disabled: V
             },
             ge
           );
@@ -6658,9 +6658,9 @@ const st = {
             ...pe,
             type: "date",
             label: He,
-            placeholder: ze ? void 0 : ke,
+            placeholder: ze ? void 0 : we,
             value: O[o] || "",
-            onChange: (Se) => Y(o, Se.target.value),
+            onChange: (Ce) => Q(o, Ce.target.value),
             error: ie
           },
           ge
@@ -6672,9 +6672,9 @@ const st = {
             ...pe,
             type: "email",
             label: He,
-            placeholder: ze ? void 0 : ke,
+            placeholder: ze ? void 0 : we,
             value: O[o] || "",
-            onChange: (Se) => Y(o, Se.target.value),
+            onChange: (Ce) => Q(o, Ce.target.value),
             error: ie
           },
           ge
@@ -6686,9 +6686,9 @@ const st = {
             ...pe,
             type: "tel",
             label: He,
-            placeholder: ze ? void 0 : ke,
+            placeholder: ze ? void 0 : we,
             value: O[o] || "",
-            onChange: (Se) => Y(o, Se.target.value),
+            onChange: (Ce) => Q(o, Ce.target.value),
             error: ie
           },
           ge
@@ -6700,15 +6700,15 @@ const st = {
             ...pe,
             type: "text",
             label: He,
-            placeholder: ze ? void 0 : ke,
+            placeholder: ze ? void 0 : we,
             value: O[o] || "",
-            onChange: (Se) => Y(o, Se.target.value),
+            onChange: (Ce) => Q(o, Ce.target.value),
             error: ie
           },
           ge
         );
     }
-  }, We = (o, d) => {
+  }, Ue = (o, d) => {
     const A = o.labelMode ? o.labelMode !== "placeholder" : f;
     if (o.customType === "paragraph") {
       const C = o.displayText || o.label || "";
@@ -6762,7 +6762,7 @@ const st = {
       ) }, `custom-${d}`);
     }
     if (!o.paramName) return null;
-    const y = K[o.paramName], N = o.displayText || o.label || o.paramName;
+    const h = K[o.paramName], R = o.displayText || o.label || o.paramName;
     if (o.customType === "checkbox")
       return /* @__PURE__ */ i("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ i(
@@ -6787,7 +6787,7 @@ const st = {
                   className: "metakyc-option-text",
                   style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4" },
                   children: [
-                    N,
+                    R,
                     o.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
                   ]
                 }
@@ -6795,7 +6795,7 @@ const st = {
             ]
           }
         ),
-        y && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: y })
+        h && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: h })
       ] }, `custom-${d}`);
     if (o.customType === "link_checkbox")
       return /* @__PURE__ */ i("div", { className: "flex flex-col gap-1", children: [
@@ -6821,7 +6821,7 @@ const st = {
                   className: "metakyc-option-text",
                   style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4" },
                   children: [
-                    N,
+                    R,
                     " ",
                     o.linkUrl && /* @__PURE__ */ r(
                       "a",
@@ -6842,7 +6842,7 @@ const st = {
             ]
           }
         ),
-        y && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: y })
+        h && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: h })
       ] }, `custom-${d}`);
     if (o.customType === "group_checkbox") {
       const C = (re[o.paramName] || "").split(",").filter(Boolean);
@@ -6853,7 +6853,7 @@ const st = {
             className: "text-sm font-medium",
             style: { color: "var(--metakyc-text-primary, #111827)" },
             children: [
-              N,
+              R,
               o.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
             ]
           }
@@ -6871,11 +6871,11 @@ const st = {
                   {
                     type: "checkbox",
                     checked: ie,
-                    onChange: (ke) => {
+                    onChange: (we) => {
                       if (o.singleSelect)
-                        ce(o.paramName, ke.target.checked ? oe.value : "");
+                        ce(o.paramName, we.target.checked ? oe.value : "");
                       else {
-                        const ge = ke.target.checked ? [...C, oe.value] : C.filter((pe) => pe !== oe.value);
+                        const ge = we.target.checked ? [...C, oe.value] : C.filter((pe) => pe !== oe.value);
                         ce(o.paramName, ge.join(","));
                       }
                     },
@@ -6896,7 +6896,7 @@ const st = {
             oe.value
           );
         }) }),
-        y && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: y })
+        h && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: h })
       ] }, `custom-${d}`);
     }
     return o.customType === "radio_group" ? /* @__PURE__ */ i("div", { className: "flex flex-col gap-1.5", children: [
@@ -6906,7 +6906,7 @@ const st = {
           className: "text-sm font-medium",
           style: { color: "var(--metakyc-text-primary, #111827)" },
           children: [
-            N,
+            R,
             o.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
           ]
         }
@@ -6940,24 +6940,24 @@ const st = {
         },
         C.value
       )) }),
-      y && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: y })
+      h && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: h })
     ] }, `custom-${d}`) : /* @__PURE__ */ r(
       fe,
       {
         type: "text",
-        label: A ? `${N}${o.required ? " *" : ""}` : void 0,
-        placeholder: A ? void 0 : N,
+        label: A ? `${R}${o.required ? " *" : ""}` : void 0,
+        placeholder: A ? void 0 : R,
         value: re[o.paramName] || "",
         onChange: (C) => ce(o.paramName, C.target.value),
         required: o.required,
-        error: y
+        error: h
       },
       `custom-${d}`
     );
   }, g = (o, d) => {
-    const A = we(o);
+    const A = Se(o);
     return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
-      o.conditionalOn && /* @__PURE__ */ r(Rt, { helpText: o.conditionalHelpText, children: /* @__PURE__ */ i(
+      o.conditionalOn && /* @__PURE__ */ r(It, { helpText: o.conditionalHelpText, children: /* @__PURE__ */ i(
         "label",
         {
           className: "metakyc-option-label",
@@ -6968,7 +6968,7 @@ const st = {
               {
                 type: "checkbox",
                 checked: A,
-                onChange: (y) => ce(o.conditionalOn, y.target.checked ? "true" : "false"),
+                onChange: (h) => ce(o.conditionalOn, h.target.checked ? "true" : "false"),
                 className: "metakyc-option-input",
                 style: st
               }
@@ -6984,21 +6984,21 @@ const st = {
           ]
         }
       ) }),
-      A && /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: o.fields.map((y, N) => {
-        const C = y.colSpan === 1 ? "col-span-1" : y.colSpan === 2 ? "col-span-2" : y.colSpan === 3 ? "col-span-3" : "col-span-4", oe = y.isCustom ? `custom-${N}-${y.paramName}` : `builtin-${y.name}-${N}`;
-        return /* @__PURE__ */ r("div", { className: C, children: /* @__PURE__ */ r(Rt, { helpText: y.helpText, children: y.isCustom ? We(y, N) : je(y.name, oe, y.displayText, y.countriesType, y.labelMode) }) }, oe);
+      A && /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: o.fields.map((h, R) => {
+        const C = h.colSpan === 1 ? "col-span-1" : h.colSpan === 2 ? "col-span-2" : h.colSpan === 3 ? "col-span-3" : "col-span-4", oe = h.isCustom ? `custom-${R}-${h.paramName}` : `builtin-${h.name}-${R}`;
+        return /* @__PURE__ */ r("div", { className: C, children: /* @__PURE__ */ r(It, { helpText: h.helpText, children: h.isCustom ? Ue(h, R) : je(h.name, oe, h.displayText, h.countriesType, h.labelMode) }) }, oe);
       }) })
     ] });
   };
-  if (!c || J)
+  if (!c || V)
     return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ i(ee, { children: [
       /* @__PURE__ */ r(Pe, { 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 (S) {
-    const o = S[de] ?? S[0], d = ve === -1, A = De === -1, y = S.length, N = we(o), C = Object.values(K);
+    const o = S[de] ?? S[0], d = ke === -1, A = De === -1, h = S.length, R = Se(o), C = Object.values(K);
     return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ i(X, { children: [
-      /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r(ot, { title: (c == null ? void 0 : c.title) || "Create Applicant" }) }),
+      /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ r(ot, { title: (c == null ? void 0 : c.title) || "Create Applicant" }) }),
       /* @__PURE__ */ i(ee, { children: [
         (o.title || o.subtitle || o.description) && /* @__PURE__ */ i("div", { className: "mb-4", children: [
           o.title && /* @__PURE__ */ r(
@@ -7034,7 +7034,7 @@ const st = {
           ] }),
           C.map((oe, ie) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: oe }, ie))
         ] }),
-        y > 1 && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 mb-4", children: [
+        h > 1 && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 mb-4", children: [
           S.map((oe, ie) => /* @__PURE__ */ r(
             "div",
             {
@@ -7046,71 +7046,71 @@ const st = {
           /* @__PURE__ */ i("span", { className: "text-xs text-gray-400 flex-shrink-0", children: [
             de + 1,
             " / ",
-            y
+            h
           ] })
         ] }),
         g(o)
       ] }),
-      /* @__PURE__ */ i(xe, { className: "flex justify-between", children: [
+      /* @__PURE__ */ i(ve, { className: "flex justify-between", children: [
         /* @__PURE__ */ i("div", { children: [
           !d && /* @__PURE__ */ r(
-            V,
+            G,
             {
               type: "button",
               variant: "outline",
               onClick: () => {
-                P(ve), Z({});
+                P(ke), Z({});
               },
-              disabled: x || h,
+              disabled: x || y,
               children: "Previous"
             }
           ),
-          d && a && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: a, disabled: x || h, children: "Cancel" })
+          d && a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: x || y, children: "Cancel" })
         ] }),
         /* @__PURE__ */ r(
-          V,
+          G,
           {
             type: "button",
-            isLoading: x || h,
+            isLoading: x || y,
             onClick: A ? Me : Je,
-            children: A ? o.conditionalOn && !N ? "Skip & Submit" : "Submit" : o.conditionalOn && !N ? "Skip" : "Next"
+            children: A ? o.conditionalOn && !R ? "Skip & Submit" : "Submit" : o.conditionalOn && !R ? "Skip" : "Next"
           }
         )
       ] })
     ] }) });
   }
   return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: Ze, children: /* @__PURE__ */ i(X, { children: [
-    /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r(ot, { title: (c == null ? void 0 : c.title) || "Create Applicant" }) }),
+    /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ r(ot, { title: (c == null ? void 0 : c.title) || "Create Applicant" }) }),
     /* @__PURE__ */ i(ee, { children: [
       ue && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ i("p", { className: "text-red-600 text-sm", children: [
         /* @__PURE__ */ r("strong", { children: "Error:" }),
         " ",
         ue
       ] }) }),
-      /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: U.map((o) => /* @__PURE__ */ r("div", { className: "col-span-4", children: je(o) }, o)) })
+      /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: H.map((o) => /* @__PURE__ */ r("div", { className: "col-span-4", children: je(o) }, o)) })
     ] }),
-    /* @__PURE__ */ i(xe, { className: "flex justify-between", children: [
-      a && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: a, disabled: x || h, children: "Cancel" }),
-      /* @__PURE__ */ r(V, { type: "submit", isLoading: x || h, children: "Create Applicant" })
+    /* @__PURE__ */ i(ve, { className: "flex justify-between", children: [
+      a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: x || y, children: "Cancel" }),
+      /* @__PURE__ */ r(G, { type: "submit", isLoading: x || y, children: "Create Applicant" })
     ] })
   ] }) }) });
 }, Et = ["companyName", "email"];
 function ht(e) {
   return e == null || e === "" || Array.isArray(e) && e.length === 0;
 }
-const Wn = ({
+const Kn = ({
   workflowKey: e,
   externalRefId: t,
   onSuccess: n,
   onCancel: a
 }) => {
-  var je, We, g, _, q;
-  const { config: s, baseInformationService: l, currentTheme: c } = Re(), { createCompanyApplicant: u, isLoading: h } = Pt(), m = e || ((je = s.applicantForm) == null ? void 0 : je.workflowKey);
+  var je, Ue, g, $, Y;
+  const { config: s, baseInformationService: l, currentTheme: c } = Ee(), { createCompanyApplicant: u, isLoading: y } = Pt(), m = e || ((je = s.applicantForm) == null ? void 0 : je.workflowKey);
   if (!m)
     throw new Error(
       "workflowKey is required. Provide it either as a prop to CreateCompanyApplicantForm or set it in config.applicantForm.workflowKey"
     );
-  const I = t || ((We = s.applicantForm) == null ? void 0 : We.externalRefId) || "", T = ((g = s.applicantForm) == null ? void 0 : g.email) || "", L = (((_ = s.applicantForm) == null ? void 0 : _.fieldLabelMode) || (c == null ? void 0 : c.fieldLabelMode) || "label") !== "placeholder", f = Ae(
+  const N = t || ((Ue = s.applicantForm) == null ? void 0 : Ue.externalRefId) || "", T = ((g = s.applicantForm) == null ? void 0 : g.email) || "", L = ((($ = s.applicantForm) == null ? void 0 : $.fieldLabelMode) || (c == null ? void 0 : c.fieldLabelMode) || "label") !== "placeholder", f = Ae(
     () => c != null && c.companyFormPages && c.companyFormPages.length > 0 ? c.companyFormPages : null,
     [c == null ? void 0 : c.companyFormPages]
   ), S = Ae(() => {
@@ -7129,18 +7129,18 @@ const Wn = ({
       return Array.from(E);
     }
     return (p = s.applicantForm) != null && p.visibleFields ? s.applicantForm.visibleFields : c != null && c.companyFormVisibleFields && c.companyFormVisibleFields.length > 0 ? c.companyFormVisibleFields : rr;
-  }, [(q = s.applicantForm) == null ? void 0 : q.visibleFields, c == null ? void 0 : c.companyFormVisibleFields, f]), U = /* @__PURE__ */ new Set(["countryResidence", "addressCountry"]), W = Ae(() => {
+  }, [(Y = s.applicantForm) == null ? void 0 : Y.visibleFields, c == null ? void 0 : c.companyFormVisibleFields, f]), H = /* @__PURE__ */ new Set(["countryResidence", "addressCountry"]), W = Ae(() => {
     var w, E;
     const p = /* @__PURE__ */ new Set();
     if (f)
       for (const v of f)
         for (const o of v.fields)
-          !o.isCustom && o.name && U.has(o.name) && p.add(o.countriesType ?? ((w = Xe[o.name]) == null ? void 0 : w.countriesType));
+          !o.isCustom && o.name && H.has(o.name) && p.add(o.countriesType ?? ((w = Xe[o.name]) == null ? void 0 : w.countriesType));
     else
       for (const v of D)
-        U.has(v) && p.add((E = Xe[v]) == null ? void 0 : E.countriesType);
+        H.has(v) && p.add((E = Xe[v]) == null ? void 0 : E.countriesType);
     return p.size === 0 && p.add(void 0), Array.from(p);
-  }, [D, f]), [M, B] = k({}), [G, J] = k(!0), F = le(/* @__PURE__ */ new Set()), b = le(/* @__PURE__ */ new Set());
+  }, [D, f]), [M, q] = k({}), [U, V] = k(!0), F = le(/* @__PURE__ */ new Set()), b = le(/* @__PURE__ */ new Set());
   ye(() => {
     if (!c) return;
     const p = W.filter((v) => {
@@ -7148,32 +7148,32 @@ const Wn = ({
       return !b.current.has(o) && !F.current.has(o);
     });
     if (p.length === 0) {
-      W.every((o) => b.current.has(o != null ? String(o) : "all")) && J(!1);
+      W.every((o) => b.current.has(o != null ? String(o) : "all")) && V(!1);
       return;
     }
-    J(!0);
+    V(!0);
     const w = p.map((v) => v != null ? String(v) : "all");
     w.forEach((v) => F.current.add(v)), (async () => {
       try {
         const v = await Promise.all(
           p.map(async (o) => {
-            const d = o != null ? String(o) : "all", A = await l.getCountries("", s.locale || "en", o), y = /* @__PURE__ */ new Set(), N = A.map((C) => ({ value: C.abbreviation3 || C.abbreviation, label: C.name })).filter((C) => !C.value || y.has(C.value) ? !1 : (y.add(C.value), !0));
-            return b.current.add(d), F.current.delete(d), [d, N];
+            const d = o != null ? String(o) : "all", A = await l.getCountries("", s.locale || "en", o), h = /* @__PURE__ */ new Set(), R = A.map((C) => ({ value: C.abbreviation3 || C.abbreviation, label: C.name })).filter((C) => !C.value || h.has(C.value) ? !1 : (h.add(C.value), !0));
+            return b.current.add(d), F.current.delete(d), [d, R];
           })
         );
-        B((o) => ({ ...o, ...Object.fromEntries(v) }));
+        q((o) => ({ ...o, ...Object.fromEntries(v) }));
       } catch (v) {
         w.forEach((o) => F.current.delete(o)), console.error("Failed to load countries:", v);
       } finally {
-        W.every((o) => b.current.has(o != null ? String(o) : "all")) && J(!1);
+        W.every((o) => b.current.has(o != null ? String(o) : "all")) && V(!1);
       }
     })();
   }, [W, c]);
-  const $ = (p, w) => {
+  const B = (p, w) => {
     var o;
     const E = w ?? ((o = Xe[p]) == null ? void 0 : o.countriesType), v = E != null ? String(E) : "all";
     return M[v] || [];
-  }, [H, z] = k({
+  }, [j, z] = k({
     workflowKey: m,
     companyName: "",
     email: T,
@@ -7194,8 +7194,8 @@ const Wn = ({
     postalCode: "",
     addressCountry: "",
     lei: "",
-    externalRefId: I
-  }), [O, ne] = k({}), [ae, re] = k(0), [he, de] = k({}), [P, K] = k(null), [Z, ue] = k(!1), j = (p, w) => z((E) => ({ ...E, [p]: w })), x = (p, w) => ne((E) => ({ ...E, [p]: w })), Q = (p) => !p.conditionalOn || O[p.conditionalOn] === "true", Y = f && ae < f.length - 1 ? ae + 1 : -1, ce = f && ae > 0 ? ae - 1 : -1, we = (p) => {
+    externalRefId: N
+  }), [O, ne] = k({}), [ae, re] = k(0), [he, de] = k({}), [P, K] = k(null), [Z, ue] = k(!1), _ = (p, w) => z((E) => ({ ...E, [p]: w })), x = (p, w) => ne((E) => ({ ...E, [p]: w })), J = (p) => !p.conditionalOn || O[p.conditionalOn] === "true", Q = f && ae < f.length - 1 ? ae + 1 : -1, ce = f && ae > 0 ? ae - 1 : -1, Se = (p) => {
     var E;
     const w = {};
     for (const v of p.fields)
@@ -7207,7 +7207,7 @@ const Wn = ({
         }
       } else if (v.name) {
         const o = v.name;
-        if (S.includes(o) && ht(H[o])) {
+        if (S.includes(o) && ht(j[o])) {
           const d = v.displayText || ((E = Xe[o]) == null ? void 0 : E.label) || o;
           w[o] = `${d} is required.`;
         }
@@ -7216,22 +7216,22 @@ const Wn = ({
   }, De = async () => {
     if (!f) return;
     const p = f[ae];
-    if (p.conditionalOn && !Q(p)) {
-      de({}), Y >= 0 ? re(Y) : await ve();
+    if (p.conditionalOn && !J(p)) {
+      de({}), Q >= 0 ? re(Q) : await ke();
       return;
     }
-    const w = we(p);
+    const w = Se(p);
     if (Object.keys(w).length > 0) {
       de(w);
       return;
     }
-    de({}), Y >= 0 ? re(Y) : await ve();
-  }, ve = async () => {
+    de({}), Q >= 0 ? re(Q) : await ke();
+  }, ke = async () => {
     var p;
     if (f) {
       let w = {};
       for (const E of f)
-        Q(E) && (w = { ...w, ...we(E) });
+        J(E) && (w = { ...w, ...Se(E) });
       if (Object.keys(w).length > 0) {
         de(w);
         return;
@@ -7240,11 +7240,11 @@ const Wn = ({
     ue(!0), K(null);
     try {
       const w = {
-        workflowKey: H.workflowKey,
-        externalRefId: ((p = H.externalRefId) == null ? void 0 : p.trim()) || void 0
-      }, E = f ? f.filter((d) => Q(d)).flatMap((d) => d.fields).filter((d) => !d.isCustom && d.name).map((d) => d.name) : D;
+        workflowKey: j.workflowKey,
+        externalRefId: ((p = j.externalRefId) == null ? void 0 : p.trim()) || void 0
+      }, E = f ? f.filter((d) => J(d)).flatMap((d) => d.fields).filter((d) => !d.isCustom && d.name).map((d) => d.name) : D;
       for (const d of E) {
-        const A = H[d];
+        const A = j[d];
         if (!ht(A))
           switch (d) {
             case "companyName":
@@ -7279,15 +7279,15 @@ const Wn = ({
       const v = [];
       if (f) {
         for (const d of f)
-          if (Q(d))
+          if (J(d))
             for (const A of d.fields) {
               if (!A.isCustom || !A.paramName || A.customType === "paragraph" || A.customType === "html" || A.customType === "br" || A.customType === "link") continue;
-              const y = O[A.paramName] ?? "";
-              let N;
+              const h = O[A.paramName] ?? "";
+              let R;
               if (A.customType === "checkbox" || A.customType === "link_checkbox")
-                N = y === "true" ? "yes" : "no";
-              else if (N = y, !N && !A.required) continue;
-              v.push({ paramName: A.paramName, value: N });
+                R = h === "true" ? "yes" : "no";
+              else if (R = h, !R && !A.required) continue;
+              v.push({ paramName: A.paramName, value: R });
             }
       }
       v.length > 0 && (w.applicantAdditionalDatas = v);
@@ -7302,30 +7302,30 @@ const Wn = ({
     var w;
     p.preventDefault();
     for (const E of S)
-      if (ht(H[E])) {
+      if (ht(j[E])) {
         const v = ((w = Xe[E]) == null ? void 0 : w.label) || E;
         K(`${v} is required.`);
         return;
       }
-    await ve();
+    await ke();
   }, Je = (p, w, E, v, o) => {
     const d = Xe[p];
     if (!d) return null;
-    const A = S.includes(p), y = he[p], N = E || d.label, C = w ?? p, oe = o ? o !== "placeholder" : L, ie = oe ? N : void 0, ke = oe ? "..." : N;
+    const A = S.includes(p), h = he[p], R = E || d.label, C = w ?? p, oe = o ? o !== "placeholder" : L, ie = oe ? R : void 0, we = oe ? "..." : R;
     switch (d.type) {
       case "select":
         if (p === "countryResidence" || p === "addressCountry") {
-          const ge = $(p, v);
+          const ge = B(p, v);
           return /* @__PURE__ */ r(
-            Be,
+            $e,
             {
               required: A,
               label: ie,
-              value: H[p] || "",
-              onChange: (pe) => j(p, pe),
-              options: [{ value: "", label: `Select ${ke.toLowerCase()}` }, ...ge],
-              disabled: G,
-              error: y
+              value: j[p] || "",
+              onChange: (pe) => _(p, pe),
+              options: [{ value: "", label: `Select ${we.toLowerCase()}` }, ...ge],
+              disabled: U,
+              error: h
             },
             C
           );
@@ -7338,10 +7338,10 @@ const Wn = ({
             required: A,
             type: "date",
             label: ie,
-            placeholder: oe ? void 0 : N,
-            value: H[p] || "",
-            onChange: (ge) => j(p, ge.target.value),
-            error: y
+            placeholder: oe ? void 0 : R,
+            value: j[p] || "",
+            onChange: (ge) => _(p, ge.target.value),
+            error: h
           },
           C
         );
@@ -7352,10 +7352,10 @@ const Wn = ({
             required: A,
             type: "email",
             label: ie,
-            placeholder: oe ? void 0 : N,
-            value: H[p] || "",
-            onChange: (ge) => j(p, ge.target.value),
-            error: y
+            placeholder: oe ? void 0 : R,
+            value: j[p] || "",
+            onChange: (ge) => _(p, ge.target.value),
+            error: h
           },
           C
         );
@@ -7366,10 +7366,10 @@ const Wn = ({
             required: A,
             type: "tel",
             label: ie,
-            placeholder: oe ? void 0 : N,
-            value: H[p] || "",
-            onChange: (ge) => j(p, ge.target.value),
-            error: y
+            placeholder: oe ? void 0 : R,
+            value: j[p] || "",
+            onChange: (ge) => _(p, ge.target.value),
+            error: h
           },
           C
         );
@@ -7380,10 +7380,10 @@ const Wn = ({
             required: A,
             type: "text",
             label: ie,
-            placeholder: oe ? void 0 : N,
-            value: H[p] || "",
-            onChange: (ge) => j(p, ge.target.value),
-            error: y
+            placeholder: oe ? void 0 : R,
+            value: j[p] || "",
+            onChange: (ge) => _(p, ge.target.value),
+            error: h
           },
           C
         );
@@ -7446,7 +7446,7 @@ const Wn = ({
       `custom-${w}`
     );
   }, Ze = (p) => {
-    const w = Q(p);
+    const w = J(p);
     return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
       p.conditionalOn && /* @__PURE__ */ i("label", { style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer" }, children: [
         /* @__PURE__ */ r(
@@ -7466,15 +7466,15 @@ const Wn = ({
       }) })
     ] });
   };
-  if (!c || G)
+  if (!c || U)
     return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ i(ee, { children: [
       /* @__PURE__ */ r(Pe, { 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 (f) {
-    const p = f[ae] ?? f[0], w = ce === -1, E = Y === -1, v = f.length, o = Q(p), d = Object.values(he);
+    const p = f[ae] ?? f[0], w = ce === -1, E = Q === -1, v = f.length, o = J(p), d = Object.values(he);
     return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ i(X, { children: [
-      /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r(ot, { title: (c == null ? void 0 : c.title) || "Company Registration" }) }),
+      /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ r(ot, { title: (c == null ? void 0 : c.title) || "Company Registration" }) }),
       /* @__PURE__ */ i(ee, { children: [
         (p.title || p.subtitle) && /* @__PURE__ */ i("div", { className: "mb-4", children: [
           p.title && /* @__PURE__ */ r("h3", { className: "font-semibold text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: p.title }),
@@ -7486,16 +7486,16 @@ const Wn = ({
             " ",
             P
           ] }),
-          d.map((A, y) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: A }, y))
+          d.map((A, h) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: A }, h))
         ] }),
         v > 1 && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 mb-4", children: [
-          f.map((A, y) => /* @__PURE__ */ r(
+          f.map((A, h) => /* @__PURE__ */ r(
             "div",
             {
-              className: `h-1.5 rounded-full transition-all ${y === ae ? "flex-1" : "w-8"}`,
-              style: y === ae ? { backgroundColor: "var(--metakyc-primary, #2563eb)" } : y < ae ? { backgroundColor: "var(--metakyc-primary-light, #93c5fd)", opacity: 0.7 } : { backgroundColor: "#e5e7eb" }
+              className: `h-1.5 rounded-full transition-all ${h === ae ? "flex-1" : "w-8"}`,
+              style: h === ae ? { backgroundColor: "var(--metakyc-primary, #2563eb)" } : h < ae ? { backgroundColor: "var(--metakyc-primary-light, #93c5fd)", opacity: 0.7 } : { backgroundColor: "#e5e7eb" }
             },
-            y
+            h
           )),
           /* @__PURE__ */ i("span", { className: "text-xs text-gray-400 flex-shrink-0", children: [
             ae + 1,
@@ -7505,28 +7505,28 @@ const Wn = ({
         ] }),
         Ze(p)
       ] }),
-      /* @__PURE__ */ i(xe, { className: "flex justify-between", children: [
+      /* @__PURE__ */ i(ve, { className: "flex justify-between", children: [
         /* @__PURE__ */ i("div", { children: [
           !w && /* @__PURE__ */ r(
-            V,
+            G,
             {
               type: "button",
               variant: "outline",
               onClick: () => {
                 re(ce), de({});
               },
-              disabled: Z || h,
+              disabled: Z || y,
               children: "Previous"
             }
           ),
-          w && a && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: a, disabled: Z || h, children: "Cancel" })
+          w && a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: Z || y, children: "Cancel" })
         ] }),
-        /* @__PURE__ */ r(V, { type: "button", isLoading: Z || h, onClick: E ? ve : De, children: E ? p.conditionalOn && !o ? "Skip & Submit" : "Submit" : p.conditionalOn && !o ? "Skip" : "Next" })
+        /* @__PURE__ */ r(G, { type: "button", isLoading: Z || y, onClick: E ? ke : De, children: E ? p.conditionalOn && !o ? "Skip & Submit" : "Submit" : p.conditionalOn && !o ? "Skip" : "Next" })
       ] })
     ] }) });
   }
   return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: Ge, children: /* @__PURE__ */ i(X, { children: [
-    /* @__PURE__ */ r(be, { children: /* @__PURE__ */ r(ot, { title: (c == null ? void 0 : c.title) || "Company Registration" }) }),
+    /* @__PURE__ */ r(xe, { children: /* @__PURE__ */ r(ot, { title: (c == null ? void 0 : c.title) || "Company Registration" }) }),
     /* @__PURE__ */ i(ee, { children: [
       P && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ i("p", { className: "text-red-600 text-sm", children: [
         /* @__PURE__ */ r("strong", { children: "Error:" }),
@@ -7535,12 +7535,12 @@ const Wn = ({
       ] }) }),
       /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: D.map((p) => /* @__PURE__ */ r("div", { className: "col-span-4", children: Je(p) }, p)) })
     ] }),
-    /* @__PURE__ */ i(xe, { className: "flex justify-between", children: [
-      a && /* @__PURE__ */ r(V, { type: "button", variant: "outline", onClick: a, disabled: Z || h, children: "Cancel" }),
-      /* @__PURE__ */ r(V, { type: "submit", isLoading: Z || h, children: "Register Company" })
+    /* @__PURE__ */ i(ve, { className: "flex justify-between", children: [
+      a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: Z || y, children: "Cancel" }),
+      /* @__PURE__ */ r(G, { type: "submit", isLoading: Z || y, children: "Register Company" })
     ] })
   ] }) }) });
-}, Kn = ({
+}, qn = ({
   applicantId: e,
   onComplete: t,
   onError: n,
@@ -7551,33 +7551,33 @@ const Wn = ({
     progress: l,
     currentStep: c,
     steps: u,
-    workflowKey: h,
+    workflowKey: y,
     nextWorkflowKey: m,
-    hasWorkflowChanged: I,
+    hasWorkflowChanged: N,
     isLoading: T,
-    error: R,
+    error: I,
     moveBack: L,
     refreshProgress: f
-  } = $r(e), [S, D] = Fe.useState(!1);
-  if (Fe.useEffect(() => {
-    R && n && n(R);
-  }, [R, n]), Fe.useEffect(() => {
+  } = Br(e), [S, D] = be.useState(!1);
+  if (be.useEffect(() => {
+    I && n && n(I);
+  }, [I, n]), be.useEffect(() => {
     l != null && l.workflowResult && t && t(l.workflowResult);
-  }, [l == null ? void 0 : l.workflowResult, t]), Fe.useEffect(() => {
+  }, [l == null ? void 0 : l.workflowResult, t]), be.useEffect(() => {
     a === "dark" ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
-  }, [a]), Fe.useEffect(() => {
-    I && D(!1);
-  }, [I]), T || !l)
+  }, [a]), be.useEffect(() => {
+    N && D(!1);
+  }, [N]), T || !l)
     return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${s || ""}`, children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ i(ee, { children: [
       /* @__PURE__ */ r(Pe, { className: "my-8" }),
       /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "Loading workflow..." })
     ] }) }) });
-  if (R)
+  if (I)
     return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${s || ""}`, children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ i("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: R.message })
+      /* @__PURE__ */ r("p", { style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: I.message })
     ] }) }) }) });
-  if (I && !S)
+  if (N && !S)
     return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${s || ""}`, children: /* @__PURE__ */ r(X, { children: /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ i("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" }),
@@ -7586,7 +7586,7 @@ const Wn = ({
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between text-sm", children: [
           /* @__PURE__ */ i("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: h })
+            /* @__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__ */ i("div", { className: "text-right", children: [
@@ -7608,7 +7608,7 @@ const Wn = ({
     ] }) }) }) });
   if (l.status === Te.Finished || l.status === Te.OnHold)
     return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${s || ""}`, children: /* @__PURE__ */ r(
-      It,
+      Rt,
       {
         kycStatus: l.kycStatus,
         reviewStatus: l.reviewStatus,
@@ -7625,8 +7625,8 @@ const Wn = ({
       /* @__PURE__ */ r(Pe, { className: "my-8" }),
       /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: l.status === Te.IdentityPending ? "Loading identity verification..." : "Loading current step..." })
     ] }) }) });
-  const U = (B) => {
-    switch (B) {
+  const H = (U) => {
+    switch (U) {
       case se.Overview:
         return "Overview";
       case se.Questionaries:
@@ -7648,64 +7648,42 @@ const Wn = ({
       default:
         return "";
     }
-  }, W = () => {
-    const B = u.filter((b) => b.visibility !== !1), G = B.findIndex((b) => b.order === c.order), J = G >= 0 ? G + 1 : 1, F = B.length;
-    return /* @__PURE__ */ i("div", { className: "mb-6", children: [
-      /* @__PURE__ */ i("div", { className: "flex items-start justify-between mb-4", children: [
+  }, W = be.useRef(null), M = () => {
+    const U = u.filter((j) => j.visibility !== !1), V = U.findIndex((j) => j.order === c.order), F = V >= 0 ? V + 1 : 1, b = U.length, B = b > 1 ? V / (b - 1) * 100 : 100;
+    return /* @__PURE__ */ i("div", { style: { marginBottom: "24px" }, children: [
+      /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: "16px" }, children: [
         /* @__PURE__ */ r(ot, {}),
         /* @__PURE__ */ i(Lt, { variant: l.status === 1 ? "info" : "success", children: [
           "Step ",
-          J,
+          F,
           " of ",
-          F
+          b
         ] })
       ] }),
-      /* @__PURE__ */ r("div", { className: "flex items-center", children: B.map((b, $) => {
-        const H = $ < G, z = b.order === c.order, O = H || z;
-        return /* @__PURE__ */ i(Fe.Fragment, { children: [
-          /* @__PURE__ */ i("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ r(
-              "div",
-              {
-                className: "w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium flex-shrink-0",
-                style: O ? {
-                  backgroundColor: "var(--metakyc-primary, #2563eb)",
-                  color: "#ffffff",
-                  border: "none"
-                } : {
-                  backgroundColor: "transparent",
-                  color: "var(--metakyc-text-muted, #9ca3af)",
-                  border: "2px solid var(--metakyc-border, #e5e7eb)"
-                },
-                children: H ? /* @__PURE__ */ r("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", strokeWidth: 2.5, viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) : $ + 1
-              }
-            ),
-            /* @__PURE__ */ r(
-              "span",
-              {
-                className: "ml-2 text-sm whitespace-nowrap",
-                style: {
-                  fontWeight: z ? 600 : 400,
-                  color: z ? "var(--metakyc-text-primary, #111827)" : "var(--metakyc-text-muted, #9ca3af)"
-                },
-                children: b.displayName || b.name || U(b.action) || `Step ${$ + 1}`
-              }
-            )
-          ] }),
-          $ < B.length - 1 && /* @__PURE__ */ r(
-            "div",
-            {
-              className: "flex-1 h-0.5 mx-3",
-              style: {
-                backgroundColor: H ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)"
-              }
-            }
-          )
-        ] }, b.order);
-      }) })
+      /* @__PURE__ */ r("div", { style: { marginBottom: "16px" }, children: /* @__PURE__ */ r("div", { style: {
+        height: "4px",
+        borderRadius: "999px",
+        backgroundColor: "var(--metakyc-border, #e5e7eb)",
+        overflow: "hidden"
+      }, children: /* @__PURE__ */ r("div", { style: {
+        height: "100%",
+        borderRadius: "999px",
+        backgroundColor: "var(--metakyc-primary, #2563eb)",
+        width: `${B}%`,
+        transition: "width 0.4s ease"
+      } }) }) }),
+      /* @__PURE__ */ r(
+        Nn,
+        {
+          ref: W,
+          visibleSteps: U,
+          currentVisibleStepIndex: V,
+          getStepFallbackName: H
+        }
+      )
     ] });
-  }, M = () => {
-    const B = {
+  }, q = () => {
+    const U = {
       applicantId: e,
       onComplete: async () => {
         await f();
@@ -7714,23 +7692,23 @@ const Wn = ({
     };
     switch (c.action) {
       case se.Questionaries:
-        return /* @__PURE__ */ r(sn, { ...B });
+        return /* @__PURE__ */ r(sn, { ...U });
       case se.UploadDocument:
-        return /* @__PURE__ */ r(cn, { ...B });
+        return /* @__PURE__ */ r(cn, { ...U });
       case se.Overview:
-        return /* @__PURE__ */ r(dn, { ...B });
+        return /* @__PURE__ */ r(dn, { ...U });
       case se.IdentitySdk:
-        return /* @__PURE__ */ r(Sn, { ...B });
+        return /* @__PURE__ */ r(Sn, { ...U });
       case se.RiskScoring:
-        return /* @__PURE__ */ r(fn, { ...B });
+        return /* @__PURE__ */ r(fn, { ...U });
       case se.AdditionalData:
       case se.InvestorCategorization:
-        return /* @__PURE__ */ r(xn, { ...B });
+        return /* @__PURE__ */ r(xn, { ...U });
       case se.AppropriatenessTest:
-        return /* @__PURE__ */ r(vn, { ...B });
+        return /* @__PURE__ */ r(vn, { ...U });
       case se.ManualReview:
         return /* @__PURE__ */ r(
-          It,
+          Rt,
           {
             kycStatus: l.kycStatus,
             reviewStatus: l.reviewStatus,
@@ -7753,16 +7731,100 @@ const Wn = ({
     }
   };
   return /* @__PURE__ */ i("div", { className: `metakyc-sdk ${s || ""}`, children: [
-    W(),
-    M()
+    M(),
+    q()
   ] });
-};
-function qn(e) {
+}, Nn = be.forwardRef(
+  ({ visibleSteps: e, currentVisibleStepIndex: t, getStepFallbackName: n }, a) => {
+    const s = be.useRef(null), l = be.useRef(null);
+    return be.useImperativeHandle(a, () => s.current), be.useEffect(() => {
+      if (l.current && s.current) {
+        const c = s.current, u = l.current, y = u.offsetLeft - c.offsetWidth / 2 + u.offsetWidth / 2;
+        c.scrollTo({ left: Math.max(0, y), behavior: "smooth" });
+      }
+    }, [t]), /* @__PURE__ */ r(
+      "div",
+      {
+        ref: s,
+        className: "metakyc-stepper-scroll",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          overflowX: "auto",
+          overflowY: "hidden",
+          scrollbarWidth: "none",
+          msOverflowStyle: "none",
+          WebkitOverflowScrolling: "touch",
+          padding: "4px 0",
+          gap: "0"
+        },
+        children: e.map((c, u) => {
+          const y = u < t, m = u === t, N = y || m, T = c.displayName || c.name || n(c.action) || `Step ${u + 1}`;
+          return /* @__PURE__ */ i(be.Fragment, { children: [
+            /* @__PURE__ */ i(
+              "div",
+              {
+                ref: m ? l : void 0,
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  flexShrink: 0
+                },
+                children: [
+                  /* @__PURE__ */ r("div", { style: {
+                    width: "28px",
+                    height: "28px",
+                    borderRadius: "50%",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    fontSize: "12px",
+                    fontWeight: 600,
+                    flexShrink: 0,
+                    transition: "all 0.2s ease",
+                    ...N ? {
+                      backgroundColor: "var(--metakyc-primary, #2563eb)",
+                      color: "#ffffff",
+                      border: "none"
+                    } : {
+                      backgroundColor: "transparent",
+                      color: "var(--metakyc-text-muted, #9ca3af)",
+                      border: "2px solid var(--metakyc-border, #e5e7eb)"
+                    }
+                  }, children: y ? /* @__PURE__ */ r("svg", { width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: 2.5, viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) }) : u + 1 }),
+                  /* @__PURE__ */ r("span", { style: {
+                    marginLeft: "6px",
+                    fontSize: "13px",
+                    whiteSpace: "nowrap",
+                    fontWeight: m ? 600 : 400,
+                    color: m ? "var(--metakyc-text-primary, #111827)" : y ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
+                    transition: "color 0.2s ease"
+                  }, children: T })
+                ]
+              }
+            ),
+            u < e.length - 1 && /* @__PURE__ */ r("div", { style: {
+              width: "32px",
+              minWidth: "16px",
+              height: "2px",
+              margin: "0 8px",
+              flexShrink: 0,
+              borderRadius: "999px",
+              backgroundColor: y ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
+              transition: "background-color 0.2s ease"
+            } })
+          ] }, c.order);
+        })
+      }
+    );
+  }
+);
+function Yn(e) {
   return _e.object({
     questionResults: _e.any()
   }).passthrough();
 }
-function Nn(e) {
+function Rn(e) {
   let t = _e.array(_e.instanceof(File));
   if (e.isRequired ? t = t.min(
     1,
@@ -7784,27 +7846,27 @@ function Nn(e) {
   }
   return t;
 }
-function Yn(e) {
+function Vn(e) {
   const t = {};
   return e.uploadDocumentFiles.forEach((n) => {
     const a = `file_${n.id}`;
-    t[a] = Nn(n);
+    t[a] = Rn(n);
   }), _e.object(t);
 }
-function Vn(e) {
+function Qn(e) {
   return _e.any();
 }
 function In(e) {
   return _e.string().min(1, "This question is required");
 }
-function Qn(e) {
+function Gn(e) {
   const t = {};
   return e.appropriatenessQuestions.forEach((n) => {
     const a = `question_${n.id}`;
     t[a] = In();
   }), _e.object(t);
 }
-const Gn = _e.any();
+const Jn = _e.any();
 export {
   kt as ALLOWED_LANGUAGES,
   Kt as ApplicantProgressOnHoldReason,
@@ -7816,15 +7878,15 @@ export {
   vn as AppropriatenessTestStep,
   Lt as Badge,
   yr as BaseInformationService,
-  V as Button,
+  G as Button,
   Xe as COMPANY_FIELD_METADATA,
   X as Card,
   ee as CardContent,
-  xe as CardFooter,
-  be as CardHeader,
-  Ue as CountriesType,
+  ve as CardFooter,
+  xe as CardHeader,
+  We as CountriesType,
   Un as CreateApplicantForm,
-  Wn as CreateCompanyApplicantForm,
+  Kn as CreateCompanyApplicantForm,
   er as CriteriaBuiltInType,
   rr as DEFAULT_COMPANY_VISIBLE_FIELDS,
   nr as DEFAULT_VISIBLE_FIELDS,
@@ -7845,16 +7907,16 @@ export {
   fe as Input,
   hr as InvestorCategorizationService,
   xn as InvestorCategorizationStep,
-  Ce as InvestorCategorizationType,
+  Ne as InvestorCategorizationType,
   tr as InvestorCategoryType,
   Vt as KycProcessStatus,
   Ye as KycStatus,
-  It as KycStatusDisplay,
-  Kn as KycWorkflow,
+  Rt as KycStatusDisplay,
+  qn as KycWorkflow,
   Cn as Logo,
   At as MetaKYCContext,
   Oe as MetaKYCError,
-  zn as MetaKYCProvider,
+  On as MetaKYCProvider,
   qr as MultiSelect,
   Er as OnfidoProvider,
   ur as OverviewService,
@@ -7868,60 +7930,60 @@ export {
   pr as RiskScoringService,
   fn as RiskScoringStep,
   Fr as SardinAIProvider,
-  Be as SearchableSelect,
+  $e as SearchableSelect,
   bt as Select,
   Pe as Spinner,
   Nr as StepRouter,
-  Rr as SumsubProvider,
+  Ir as SumsubProvider,
   Pr as ThemeManager,
-  Ne as ThemePreset,
+  Re as ThemePreset,
   wr as ThemeService,
   cr as UploadDocumentService,
   cn as UploadDocumentStep,
   Qt as UserType,
-  $e as ValueDataType,
-  Ir as WorkflowOrchestrator,
+  Be as ValueDataType,
+  Rr as WorkflowOrchestrator,
   ut as WorkflowResultType,
   Cr as WorkflowState,
   se as WorkflowStepAction,
-  Gn as appropriatenessTestSchema,
-  jn as clearAllStorage,
+  Jn as appropriatenessTestSchema,
+  Hn as clearAllStorage,
   Mr as clearApplicantId,
   Or as clearWorkflowState,
   Ie as cn,
   gr as corporateTheme,
   ar as defaultConfig,
-  Ee as defaultTheme,
+  Fe as defaultTheme,
   Lr as fileToBase64,
   fr as fintechTheme,
   mt as formatFileSize,
-  Qn as generateAppropriatenessSchema,
-  qn as generateQuestionnaireSchema,
-  Vn as generateRiskScoringSchema,
-  Yn as generateUploadDocumentSchema,
-  Bn as getAcceptString,
+  Gn as generateAppropriatenessSchema,
+  Yn as generateQuestionnaireSchema,
+  Qn as generateRiskScoringSchema,
+  Vn as generateUploadDocumentSchema,
+  _n as getAcceptString,
   Dr as getApplicantId,
   it as getThemePreset,
-  _n as getWorkflowState,
+  jn as getWorkflowState,
   br as healthcareTheme,
-  Dn as isScriptLoaded,
+  Mn as isScriptLoaded,
   Ft as loadScript,
   vr as minimalTheme,
   xr as modernTheme,
-  Mn as removeScript,
+  zn as removeScript,
   Tr as saveApplicantId,
   zr as saveWorkflowState,
   kr as themePresets,
   Pt as useApplicant,
-  Hn as useAppropriatenessTest,
+  Wn as useAppropriatenessTest,
   Hr as useIdentityVerification,
-  $r as useKycWorkflow,
-  Re as useMetaKYC,
+  Br as useKycWorkflow,
+  Ee as useMetaKYC,
   jr as useOverview,
-  Br as useQuestionnaire,
-  Ur as useRiskScoring,
+  $r as useQuestionnaire,
+  Wr as useRiskScoring,
   _r as useUploadDocument,
-  On as validateFileSize,
+  Bn as validateFileSize,
   $n as validateFileType
 };
 //# sourceMappingURL=index.js.map