@vpdev2/metakyc 1.0.31 → 1.0.32

package/dist/index.js

@@ -4,7 +4,7 @@ var ye = (e, t, i) => lr(e, typeof t != "symbol" ? t + "" : t, i);
 import cr from "axios";
 import { jsx as r, jsxs as o, Fragment as ut } from "react/jsx-runtime";
 import * as Et from "react";
-import Ce, { createContext as _t, useMemo as Fe, useState as b, useEffect as fe, useContext as Gt, useCallback as te, useRef as de, forwardRef as kt, createElement as Tt } from "react";
+import Ce, { createContext as _t, useMemo as Fe, useState as v, useEffect as fe, useContext as Gt, useCallback as te, useRef as de, forwardRef as kt, createElement as Tt } from "react";
 import dr, { createPortal as zt } from "react-dom";
 import { useForm as mr, Controller as at } from "react-hook-form";
 import { z as Qe } from "zod";
@@ -16,48 +16,48 @@ const tt = {
   PhoneNumber: 40,
   UboAddress: 50
 }, st = {
-  firstName: { label: "First Name", type: "text" },
-  lastName: { label: "Last Name", type: "text" },
-  email: { label: "Email", type: "email" },
-  phonenumber: { label: "Phone Number", type: "tel" },
-  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: tt.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: tt.Address },
-  nationality: { label: "Nationality", type: "select", countriesType: tt.Nationality },
-  otherNationality: { label: "Other Nationalities", type: "multiselect", countriesType: tt.Nationality },
-  countryOfBirth: { label: "Country of Birth", type: "select", countriesType: tt.CountryOfBirth },
-  placeOfBirth: { label: "Place of Birth", type: "text" },
-  taxCountry: { label: "Tax Country", type: "select", countriesType: tt.Address },
-  taxNumber: { label: "Tax Number", type: "text" },
-  defaultLanguage: { label: "Default Language", type: "select" },
-  educationLevel: { label: "Education Level", type: "text" },
-  occupation: { label: "Occupation", type: "text" }
+  firstName: { label: "First Name", translationKey: "firstName", type: "text" },
+  lastName: { label: "Last Name", translationKey: "lastName", type: "text" },
+  email: { label: "Email", translationKey: "email", type: "email" },
+  phonenumber: { label: "Phone Number", translationKey: "phoneNumber", type: "tel" },
+  dateOfBirth: { label: "Date of Birth", translationKey: "dateOfBirth", type: "date" },
+  salutation: { label: "Salutation", translationKey: "salutation", type: "select" },
+  title: { label: "Title", translationKey: "title", type: "text" },
+  mobileCountryCode: { label: "Mobile Country Code", translationKey: "mobileCountryCode", type: "select", countriesType: tt.PhoneNumber },
+  street: { label: "Street", translationKey: "street", type: "text" },
+  streetNumber: { label: "Street Number", translationKey: "streetNumber", type: "text" },
+  zip: { label: "ZIP / Postal Code", translationKey: "zip", type: "text" },
+  city: { label: "City", translationKey: "city", type: "text" },
+  country: { label: "Country", translationKey: "country", type: "select", countriesType: tt.Address },
+  nationality: { label: "Nationality", translationKey: "nationality", type: "select", countriesType: tt.Nationality },
+  otherNationality: { label: "Other Nationalities", translationKey: "otherNationalities", type: "multiselect", countriesType: tt.Nationality },
+  countryOfBirth: { label: "Country of Birth", translationKey: "countryOfBirth", type: "select", countriesType: tt.CountryOfBirth },
+  placeOfBirth: { label: "Place of Birth", translationKey: "placeOfBirth", type: "text" },
+  taxCountry: { label: "Tax Country", translationKey: "taxCountry", type: "select", countriesType: tt.Address },
+  taxNumber: { label: "Tax Number", translationKey: "taxNumber", type: "text" },
+  defaultLanguage: { label: "Default Language", translationKey: "defaultLanguage", type: "select" },
+  educationLevel: { label: "Education Level", translationKey: "educationLevel", type: "text" },
+  occupation: { label: "Occupation", translationKey: "occupation", type: "text" }
 }, dt = {
-  companyName: { label: "Company Name", type: "text" },
-  email: { label: "Email", type: "email" },
-  phone: { label: "Phone", type: "tel" },
-  registrationNumber: { label: "Registration Number", type: "text" },
-  countryResidence: { label: "Country of Residence", type: "select", countriesType: tt.Address },
-  legalAddress: { label: "Legal Address", type: "text" },
-  incorporatedOn: { label: "Incorporation Date", type: "date" },
-  controlScheme: { label: "Control Scheme", type: "text" },
-  taxId: { label: "Tax ID", type: "text" },
-  registrationLocation: { label: "Registration Location", type: "text" },
-  website: { label: "Website", type: "text" },
-  postalAddress: { label: "Postal Address", type: "text" },
-  street: { label: "Street", type: "text" },
-  streetNumber: { label: "Street Number", type: "text" },
-  city: { label: "City", type: "text" },
-  state: { label: "State / Province", type: "text" },
-  postalCode: { label: "Postal Code", type: "text" },
-  addressCountry: { label: "Address Country", type: "select", countriesType: tt.Address },
-  lei: { label: "LEI", type: "text" }
+  companyName: { label: "Company Name", translationKey: "companyName", type: "text" },
+  email: { label: "Email", translationKey: "companyEmail", type: "email" },
+  phone: { label: "Phone", translationKey: "companyPhone", type: "tel" },
+  registrationNumber: { label: "Registration Number", translationKey: "registrationNumber", type: "text" },
+  countryResidence: { label: "Country of Residence", translationKey: "countryOfResidence", type: "select", countriesType: tt.Address },
+  legalAddress: { label: "Legal Address", translationKey: "legalAddress", type: "text" },
+  incorporatedOn: { label: "Incorporation Date", translationKey: "incorporationDate", type: "date" },
+  controlScheme: { label: "Control Scheme", translationKey: "controlScheme", type: "text" },
+  taxId: { label: "Tax ID", translationKey: "taxNumber", type: "text" },
+  registrationLocation: { label: "Registration Location", translationKey: "street", type: "text" },
+  website: { label: "Website", translationKey: "website", type: "text" },
+  postalAddress: { label: "Postal Address", translationKey: "legalAddress", type: "text" },
+  street: { label: "Street", translationKey: "street", type: "text" },
+  streetNumber: { label: "Street Number", translationKey: "streetNumber", type: "text" },
+  city: { label: "City", translationKey: "city", type: "text" },
+  state: { label: "State / Province", translationKey: "state", type: "text" },
+  postalCode: { label: "Postal Code", translationKey: "zip", type: "text" },
+  addressCountry: { label: "Address Country", translationKey: "country", type: "select", countriesType: tt.Address },
+  lei: { label: "LEI", translationKey: "lei", type: "text" }
 }, Sr = [
   "companyName",
   "email",
@@ -1273,10 +1273,10 @@ class $r {
   }
 }
 class _r {
-  constructor(t, i, a, n, l, s, p, u) {
+  constructor(t, i, a, n, l, s, p, m) {
     ye(this, "state");
     ye(this, "stepRouter");
-    this.applicantService = t, this.questionnaireService = i, this.uploadDocumentService = a, this.appropriatenessTestService = n, this.overviewService = l, this.riskScoringService = s, this.investorCategorizationService = u, this.state = new Hr(), this.stepRouter = new $r(), this.registerStepHandlers();
+    this.applicantService = t, this.questionnaireService = i, this.uploadDocumentService = a, this.appropriatenessTestService = n, this.overviewService = l, this.riskScoringService = s, this.investorCategorizationService = m, this.state = new Hr(), this.stepRouter = new $r(), this.registerStepHandlers();
   }
   /**
    * Register all step handlers
@@ -1671,13 +1671,13 @@ class Jr {
           console.log(`[SardinAI] Device ID: ${p.deviceId}`);
         },
         // New callback for session updates
-        onConfigUpdate: (p, u, d) => {
+        onConfigUpdate: (p, m, d) => {
           switch (p) {
             case "SESSION_UPDATE_FAILED":
               console.error("[SardinAI] Session update failed:", d);
               break;
             case "SESSION_UPDATED":
-              console.log("[SardinAI] Session updated:", u);
+              console.log("[SardinAI] Session updated:", m);
               break;
             case "SESSION_NO_UPDATE":
               console.log("[SardinAI] No session update");
@@ -1834,19 +1834,19 @@ class ei {
       "input-border-focus": t.inputBorderFocus || t.primary,
       "input-placeholder": t.inputPlaceholder || t.textMuted
     };
-    i != null && i.fontFamily && (n["font-family"] = i.fontFamily), i != null && i.headingFont && (n["heading-font"] = i.headingFont), i != null && i.fontSize && Object.entries(i.fontSize).forEach(([u, d]) => {
-      n[`font-size-${u}`] = d;
-    }), i != null && i.fontWeight && Object.entries(i.fontWeight).forEach(([u, d]) => {
-      n[`font-weight-${u}`] = String(d);
-    }), a && Object.entries(a).forEach(([u, d]) => {
-      n[this.kebabCase(u)] = d;
+    i != null && i.fontFamily && (n["font-family"] = i.fontFamily), i != null && i.headingFont && (n["heading-font"] = i.headingFont), i != null && i.fontSize && Object.entries(i.fontSize).forEach(([m, d]) => {
+      n[`font-size-${m}`] = d;
+    }), i != null && i.fontWeight && Object.entries(i.fontWeight).forEach(([m, d]) => {
+      n[`font-weight-${m}`] = String(d);
+    }), a && Object.entries(a).forEach(([m, d]) => {
+      n[this.kebabCase(m)] = d;
     });
     const s = `
 /* ── metakyc-theme-vars: scoped CSS variables ──────────────────────────────── */
 .metakyc-sdk,
 .metakyc-searchable-select-dropdown,
 .metakyc-multiselect-dropdown {
-${Object.entries(n).filter(([, u]) => !!u).map(([u, d]) => `  --metakyc-${u}: ${d} !important;`).join(`
+${Object.entries(n).filter(([, m]) => !!m).map(([m, d]) => `  --metakyc-${m}: ${d} !important;`).join(`
 `)}
 }
 
@@ -6738,33 +6738,33 @@ function ve(e, t) {
   const a = vi.exec(i);
   return a ? t(a[1]) : e;
 }
-const Zt = "1.0.31", Jt = _t(null), Ot = `metakyc-translations-${Zt}-`, bi = ({
+const Zt = "1.0.32", Jt = _t(null), Ot = `metakyc-translations-${Zt}-`, bi = ({
   locale: e,
   fetchTranslations: t,
   children: i
 }) => {
   const a = e.toLowerCase().split(/[-_]/)[0], n = Fe(() => {
-    const u = It(a);
-    if (typeof window > "u") return u;
+    const m = It(a);
+    if (typeof window > "u") return m;
     try {
       const d = localStorage.getItem(Ot + a);
-      if (d) return jt(u, JSON.parse(d));
+      if (d) return jt(m, JSON.parse(d));
     } catch {
     }
-    return u;
-  }, [a]), [l, s] = b(n);
+    return m;
+  }, [a]), [l, s] = v(n);
   fe(() => {
     if (!t) return;
-    let u = !1;
+    let m = !1;
     return t(a).then((d) => {
-      if (u) return;
+      if (m) return;
       if (!d || Object.keys(d).length === 0) {
         console.debug("[MetaKYC i18n] No remote overrides for locale:", a);
         return;
       }
       console.debug("[MetaKYC i18n] Remote overrides loaded for locale:", a, d);
-      const y = It(a), v = jt(y, d);
-      s(v);
+      const y = It(a), h = jt(y, d);
+      s(h);
       try {
         localStorage.setItem(Ot + a, JSON.stringify(d));
       } catch {
@@ -6772,7 +6772,7 @@ const Zt = "1.0.31", Jt = _t(null), Ot = `metakyc-translations-${Zt}-`, bi = ({
     }).catch((d) => {
       console.warn("[MetaKYC i18n] Failed to fetch remote translations:", d);
     }), () => {
-      u = !0;
+      m = !0;
     };
   }, [a, t]);
   const p = Fe(() => ({
@@ -6803,8 +6803,8 @@ function wi() {
 }
 const Bt = "metakyc-theme-cache", za = ({ config: e, children: t }) => {
   wi();
-  const [i, a] = b(null), n = Ce.useRef(!1), l = Ce.useRef(!1), s = Fe(() => {
-    const d = new Rr(e), y = new Ir(d), v = new zr(d), T = new Ar(d), I = new Lr(d), x = new Er(d), q = new Pr(d), S = new Dr(d), L = new jr(d), B = new Mr(d), F = new Wr(d), U = new Kr(d), K = new ei();
+  const [i, a] = v(null), n = Ce.useRef(!1), l = Ce.useRef(!1), s = Fe(() => {
+    const d = new Rr(e), y = new Ir(d), h = new zr(d), R = new Ar(d), L = new Lr(d), b = new Er(d), q = new Pr(d), S = new Dr(d), P = new jr(d), B = new Mr(d), F = new Wr(d), U = new Kr(d), K = new ei();
     if (typeof document < "u")
       if (e.theme)
         K.applyTheme(e.theme);
@@ -6818,13 +6818,13 @@ const Bt = "metakyc-theme-cache", za = ({ config: e, children: t }) => {
     return {
       httpClient: d,
       applicantService: y,
-      questionnaireService: v,
-      uploadDocumentService: T,
-      appropriatenessTestService: I,
-      overviewService: x,
+      questionnaireService: h,
+      uploadDocumentService: R,
+      appropriatenessTestService: L,
+      overviewService: b,
       riskScoringService: q,
       identityService: S,
-      baseInformationService: L,
+      baseInformationService: P,
       investorCategorizationService: B,
       themeService: F,
       translationService: U,
@@ -6872,7 +6872,7 @@ const Bt = "metakyc-theme-cache", za = ({ config: e, children: t }) => {
   })(), () => {
     s.themeManager.cleanup();
   }), []);
-  const u = te(
+  const m = te(
     (d) => s.translationService.getTranslations(d),
     [s.translationService]
   );
@@ -6880,7 +6880,7 @@ const Bt = "metakyc-theme-cache", za = ({ config: e, children: t }) => {
     bi,
     {
       locale: e.locale || "en",
-      fetchTranslations: u,
+      fetchTranslations: m,
       children: [
         e.showVersion && /* @__PURE__ */ o(
           "div",
@@ -6997,9 +6997,9 @@ function Da() {
   Ti(), Ii();
 }
 function zi(e) {
-  const { createOrchestrator: t } = Oe(), [i, a] = b(null), [n, l] = b(!1), [s, p] = b(null), u = de(null), d = e || Ni();
+  const { createOrchestrator: t } = Oe(), [i, a] = v(null), [n, l] = v(!1), [s, p] = v(null), m = de(null), d = e || Ni();
   fe(() => {
-    u.current || (u.current = t());
+    m.current || (m.current = t());
   }, [t]), fe(() => {
     var F;
     i && d && (Ci(d), Ri({
@@ -7011,16 +7011,16 @@ function zi(e) {
       nextWorkflowKey: i.nextWorkflowKey
     }));
   }, [i, d]);
-  const y = de(!1), v = de(!1), T = te(async () => {
-    if (!(!d || !u.current)) {
+  const y = de(!1), h = de(!1), R = te(async () => {
+    if (!(!d || !m.current)) {
       if (y.current) {
         console.log("[Workflow] Load already in progress, skipping...");
         return;
       }
       y.current = !0, l(!0), p(null);
       try {
-        const F = await u.current.initialize(d);
-        a(F), v.current = !0;
+        const F = await m.current.initialize(d);
+        a(F), h.current = !0;
       } catch (F) {
         p(F);
       } finally {
@@ -7029,17 +7029,17 @@ function zi(e) {
     }
   }, [d]);
   fe(() => {
-    d && !v.current && T();
-  }, [d, T]);
-  const I = te(async () => {
-    if (u.current) {
+    d && !h.current && R();
+  }, [d, R]);
+  const L = te(async () => {
+    if (m.current) {
       if (y.current) {
         console.log("[Workflow] Refresh already in progress, skipping...");
         return;
       }
       y.current = !0, l(!0), p(null);
       try {
-        const F = await u.current.refreshProgress();
+        const F = await m.current.refreshProgress();
         a(F);
       } catch (F) {
         p(F);
@@ -7047,11 +7047,11 @@ function zi(e) {
         l(!1), y.current = !1;
       }
     }
-  }, []), x = te(async () => {
-    if (u.current) {
+  }, []), b = te(async () => {
+    if (m.current) {
       l(!0), p(null);
       try {
-        const F = await u.current.moveToNextStep();
+        const F = await m.current.moveToNextStep();
         a(F);
       } catch (F) {
         p(F);
@@ -7060,10 +7060,10 @@ function zi(e) {
       }
     }
   }, []), q = te(async () => {
-    if (u.current) {
+    if (m.current) {
       l(!0), p(null);
       try {
-        const F = await u.current.moveToPreviousStep();
+        const F = await m.current.moveToPreviousStep();
         a(F);
       } catch (F) {
         p(F);
@@ -7072,11 +7072,11 @@ function zi(e) {
       }
     }
   }, []), S = te(async (F) => {
-    if (u.current) {
+    if (m.current) {
       l(!0), p(null);
       try {
-        await u.current.submitCurrentStep(F);
-        const U = await u.current.refreshProgress();
+        await m.current.submitCurrentStep(F);
+        const U = await m.current.refreshProgress();
         a(U);
       } catch (U) {
         throw p(U), U;
@@ -7084,12 +7084,12 @@ function zi(e) {
         l(!1);
       }
     }
-  }, []), L = Et.useMemo(() => i != null && i.stepInfoList ? [...i.stepInfoList].sort((F, U) => F.order - U.order) : [], [i == null ? void 0 : i.stepInfoList]), B = Et.useMemo(() => i ? i.nextWorkflowKey && i.nextWorkflowKey !== i.workFlowKey : !1, [i]);
+  }, []), P = Et.useMemo(() => i != null && i.stepInfoList ? [...i.stepInfoList].sort((F, U) => F.order - U.order) : [], [i == null ? void 0 : i.stepInfoList]), B = Et.useMemo(() => i ? i.nextWorkflowKey && i.nextWorkflowKey !== i.workFlowKey : !1, [i]);
   return {
     progress: i,
     applicantId: d,
     currentStep: (i == null ? void 0 : i.currentStep) || null,
-    steps: L,
+    steps: P,
     status: (i == null ? void 0 : i.status) || qe.None,
     workflowResult: (i == null ? void 0 : i.workflowResult) || null,
     workflowKey: i == null ? void 0 : i.workFlowKey,
@@ -7099,56 +7099,56 @@ function zi(e) {
     error: s,
     isComplete: (i == null ? void 0 : i.status) === qe.Finished,
     isOnHold: (i == null ? void 0 : i.status) === qe.OnHold,
-    refreshProgress: I,
-    moveToNext: x,
+    refreshProgress: L,
+    moveToNext: b,
     moveBack: q,
     submitCurrentStep: S,
-    orchestrator: u.current
+    orchestrator: m.current
   };
 }
 function Ai(e) {
-  const { questionnaireService: t, applicantService: i } = Oe(), [a, n] = b(null), [l, s] = b({}), [p, u] = b(!1), [d, y] = b(!1), [v, T] = b(null), I = de(!1), x = de(null), q = te(async () => {
-    var L, B;
+  const { questionnaireService: t, applicantService: i } = Oe(), [a, n] = v(null), [l, s] = v({}), [p, m] = v(!1), [d, y] = v(!1), [h, R] = v(null), L = de(!1), b = de(null), q = te(async () => {
+    var P, B;
     if (e) {
-      if (I.current) {
+      if (L.current) {
         console.log("[Questionnaire] Load already in progress, skipping...");
         return;
       }
-      I.current = !0, u(!0), T(null);
+      L.current = !0, m(!0), R(null);
       try {
         const [F, U] = await Promise.all([
           t.getQuestionnaire(e),
           i.getApplicantData(e).catch(() => null)
         ]);
-        if (n(F), (L = U == null ? void 0 : U.questionnaireResults) != null && L.length && F) {
+        if (n(F), (P = U == null ? void 0 : U.questionnaireResults) != null && P.length && F) {
           const K = /* @__PURE__ */ new Map();
-          for (const w of U.questionnaireResults)
-            w.question && ((B = w.answers) != null && B.length) && K.set(w.question.trim().toLowerCase(), w.answers);
-          const J = {}, ae = F.questionGroups.flatMap((w) => w.questions ?? []);
-          for (const w of ae) {
-            const R = w.text.trim().toLowerCase();
-            K.has(R) && (J[w.id] = K.get(R));
+          for (const x of U.questionnaireResults)
+            x.question && ((B = x.answers) != null && B.length) && K.set(x.question.trim().toLowerCase(), x.answers);
+          const J = {}, ae = F.questionGroups.flatMap((x) => x.questions ?? []);
+          for (const x of ae) {
+            const z = x.text.trim().toLowerCase();
+            K.has(z) && (J[x.id] = K.get(z));
           }
           s(J);
         }
-        x.current = e;
+        b.current = e;
       } catch (F) {
-        T(F);
+        R(F);
       } finally {
-        u(!1), I.current = !1;
+        m(!1), L.current = !1;
       }
     }
   }, [e, t, i]);
   fe(() => {
-    e && x.current !== e && q();
+    e && b.current !== e && q();
   }, [e]);
   const S = te(
-    async (L) => {
-      y(!0), T(null);
+    async (P) => {
+      y(!0), R(null);
       try {
-        return await t.fillQuestionnaire(L);
+        return await t.fillQuestionnaire(P);
       } catch (B) {
-        throw T(B), B;
+        throw R(B), B;
       } finally {
         y(!1);
       }
@@ -7160,39 +7160,39 @@ function Ai(e) {
     initialAnswers: l,
     isLoading: p,
     isSubmitting: d,
-    error: v,
+    error: h,
     load: q,
     submit: S
   };
 }
 function Li(e) {
-  const { uploadDocumentService: t } = Oe(), [i, a] = b(null), [n, l] = b(!1), [s, p] = b(!1), [u, d] = b(0), [y, v] = b(null), T = de(!1), I = de(null), x = te(async () => {
+  const { uploadDocumentService: t } = Oe(), [i, a] = v(null), [n, l] = v(!1), [s, p] = v(!1), [m, d] = v(0), [y, h] = v(null), R = de(!1), L = de(null), b = te(async () => {
     if (e) {
-      if (T.current) {
+      if (R.current) {
         console.log("[UploadDocument] Load already in progress, skipping...");
         return;
       }
-      T.current = !0, l(!0), v(null);
+      R.current = !0, l(!0), h(null);
       try {
         const S = await t.getUploadDocument(e);
-        a(S), I.current = e;
+        a(S), L.current = e;
       } catch (S) {
-        v(S);
+        h(S);
       } finally {
-        l(!1), T.current = !1;
+        l(!1), R.current = !1;
       }
     }
   }, [e, t]);
   fe(() => {
-    e && I.current !== e && x();
+    e && L.current !== e && b();
   }, [e]);
   const q = te(
     async (S) => {
-      p(!0), d(0), v(null);
+      p(!0), d(0), h(null);
       try {
         await t.fillUploadDocument(S), d(100);
-      } catch (L) {
-        throw v(L), L;
+      } catch (P) {
+        throw h(P), P;
       } finally {
         p(!1);
       }
@@ -7203,41 +7203,41 @@ function Li(e) {
     uploadDocument: i,
     isLoading: n,
     isSubmitting: s,
-    uploadProgress: u,
+    uploadProgress: m,
     error: y,
-    load: x,
+    load: b,
     submit: q
   };
 }
 function ja(e) {
-  const { appropriatenessTestService: t } = Oe(), [i, a] = b(null), [n, l] = b(!1), [s, p] = b(!1), [u, d] = b(null), [y, v] = b(null), T = de(!1), I = de(null), x = te(async () => {
+  const { appropriatenessTestService: t } = Oe(), [i, a] = v(null), [n, l] = v(!1), [s, p] = v(!1), [m, d] = v(null), [y, h] = v(null), R = de(!1), L = de(null), b = te(async () => {
     if (e) {
-      if (T.current) {
+      if (R.current) {
         console.log("[AppropriatenessTest] Load already in progress, skipping...");
         return;
       }
-      T.current = !0, l(!0), d(null);
+      R.current = !0, l(!0), d(null);
       try {
         const S = await t.getAppropriatenessTest(e);
-        a(S), I.current = e;
+        a(S), L.current = e;
       } catch (S) {
         d(S);
       } finally {
-        l(!1), T.current = !1;
+        l(!1), R.current = !1;
       }
     }
   }, [e, t]);
   fe(() => {
-    e && I.current !== e && x();
+    e && L.current !== e && b();
   }, [e]);
   const q = te(
     async (S) => {
       p(!0), d(null);
       try {
-        const L = await t.fillAppropriatenessTest(S);
-        return v(L), L;
-      } catch (L) {
-        throw d(L), L;
+        const P = await t.fillAppropriatenessTest(S);
+        return h(P), P;
+      } catch (P) {
+        throw d(P), P;
       } finally {
         p(!1);
       }
@@ -7249,13 +7249,13 @@ function ja(e) {
     result: y,
     isLoading: n,
     isSubmitting: s,
-    error: u,
-    load: x,
+    error: m,
+    load: b,
     submit: q
   };
 }
 function Ei(e) {
-  const { overviewService: t } = Oe(), [i, a] = b(null), [n, l] = b(!1), [s, p] = b(!1), [u, d] = b(null), y = de(!1), v = de(null), T = te(async () => {
+  const { overviewService: t } = Oe(), [i, a] = v(null), [n, l] = v(!1), [s, p] = v(!1), [m, d] = v(null), y = de(!1), h = de(null), R = te(async () => {
     if (e) {
       if (y.current) {
         console.log("[Overview] Load already in progress, skipping...");
@@ -7263,25 +7263,25 @@ function Ei(e) {
       }
       y.current = !0, l(!0), d(null);
       try {
-        const x = await t.getOverviewData(e);
-        a(x), v.current = e;
-      } catch (x) {
-        d(x);
+        const b = await t.getOverviewData(e);
+        a(b), h.current = e;
+      } catch (b) {
+        d(b);
       } finally {
         l(!1), y.current = !1;
       }
     }
   }, [e, t]);
   fe(() => {
-    e && v.current !== e && T();
+    e && h.current !== e && R();
   }, [e]);
-  const I = te(async () => {
+  const L = te(async () => {
     if (e) {
       p(!0), d(null);
       try {
         await t.passOverview(e);
-      } catch (x) {
-        throw d(x), x;
+      } catch (b) {
+        throw d(b), b;
       } finally {
         p(!1);
       }
@@ -7291,83 +7291,83 @@ function Ei(e) {
     overview: i,
     isLoading: n,
     isSubmitting: s,
-    error: u,
-    load: T,
-    passOverview: I
+    error: m,
+    load: R,
+    passOverview: L
   };
 }
 function Pi(e) {
-  const { identityService: t } = Oe(), [i, a] = b(
+  const { identityService: t } = Oe(), [i, a] = v(
     null
-  ), [n, l] = b(!1), [s, p] = b(null), u = de(!1), d = te(
-    async (T, I) => {
+  ), [n, l] = v(!1), [s, p] = v(null), m = de(!1), d = te(
+    async (R, L) => {
       if (e) {
-        if (u.current) {
+        if (m.current) {
           console.log("[Identity] Request already in progress, skipping...");
           return;
         }
-        u.current = !0, l(!0), p(null);
+        m.current = !0, l(!0), p(null);
         try {
-          const x = {
+          const b = {
             applicantId: e,
             restart: !1,
-            redirectUrl: T || "",
-            ttl: I || 604800
+            redirectUrl: R || "",
+            ttl: L || 604800
             // Default: 7 days
           };
-          console.log("Identity request input:", x);
-          const q = await t.identityRequest(x);
+          console.log("Identity request input:", b);
+          const q = await t.identityRequest(b);
           return console.log("Identity request result:", q), a(q), q;
-        } catch (x) {
-          throw p(x), x;
+        } catch (b) {
+          throw p(b), b;
         } finally {
-          l(!1), u.current = !1;
+          l(!1), m.current = !1;
         }
       }
     },
     [e, t]
   ), y = te(
-    async (T, I) => {
+    async (R, L) => {
       if (e) {
         l(!0), p(null);
         try {
-          const x = {
+          const b = {
             applicantId: e,
             restart: !1,
-            redirectUrl: T,
-            ttl: I
-          }, q = await t.identityCompanyRequest(x);
+            redirectUrl: R,
+            ttl: L
+          }, q = await t.identityCompanyRequest(b);
           return a(q), q;
-        } catch (x) {
-          throw p(x), x;
+        } catch (b) {
+          throw p(b), b;
         } finally {
           l(!1);
         }
       }
     },
     [e, t]
-  ), v = te(async () => {
+  ), h = te(async () => {
     if (e) {
-      if (u.current) {
+      if (m.current) {
         console.log("[Identity] Restart already in progress, skipping...");
         return;
       }
-      u.current = !0, l(!0), p(null);
+      m.current = !0, l(!0), p(null);
       try {
-        const T = {
+        const R = {
           applicantId: e,
           restart: !0,
           redirectUrl: "",
           ttl: 604800
           // 7 days
         };
-        console.log("Restarting identity with input:", T);
-        const I = await t.identityRequest(T);
-        return console.log("Restart identity result:", I), a(I), I;
-      } catch (T) {
-        throw p(T), T;
+        console.log("Restarting identity with input:", R);
+        const L = await t.identityRequest(R);
+        return console.log("Restart identity result:", L), a(L), L;
+      } catch (R) {
+        throw p(R), R;
       } finally {
-        l(!1), u.current = !1;
+        l(!1), m.current = !1;
       }
     }
   }, [e, t]);
@@ -7379,18 +7379,18 @@ function Pi(e) {
     error: s,
     requestIdentity: d,
     requestCompanyIdentity: y,
-    restartIdentity: v
+    restartIdentity: h
   };
 }
 function Di(e) {
-  const { riskScoringService: t, applicantService: i } = Oe(), [a, n] = b(null), [l, s] = b({}), [p, u] = b(!1), [d, y] = b(!1), [v, T] = b(null), [I, x] = b(null), q = de(!1), S = de(null), L = te(async () => {
+  const { riskScoringService: t, applicantService: i } = Oe(), [a, n] = v(null), [l, s] = v({}), [p, m] = v(!1), [d, y] = v(!1), [h, R] = v(null), [L, b] = v(null), q = de(!1), S = de(null), P = te(async () => {
     var F;
     if (e) {
       if (q.current) {
         console.log("[RiskScoring] Load already in progress, skipping...");
         return;
       }
-      q.current = !0, u(!0), T(null);
+      q.current = !0, m(!0), R(null);
       try {
         const [U, K] = await Promise.all([
           t.getRiskCriterias(e),
@@ -7398,34 +7398,34 @@ function Di(e) {
         ]);
         if (n(U), (F = K == null ? void 0 : K.riskScoringResults) != null && F.length) {
           const J = K.riskScoringResults[0], ae = {};
-          for (const w of J.riskCriteriaResults ?? [])
-            if (w.riskCriteriaId != null && w.answer != null && w.answer !== "") {
-              const R = [...new Set(
-                w.answer.split(",").map((V) => V.trim()).filter((V) => V !== "")
+          for (const x of J.riskCriteriaResults ?? [])
+            if (x.riskCriteriaId != null && x.answer != null && x.answer !== "") {
+              const z = [...new Set(
+                x.answer.split(",").map((V) => V.trim()).filter((V) => V !== "")
               )];
-              R.length > 0 && (ae[w.riskCriteriaId] = R);
+              z.length > 0 && (ae[x.riskCriteriaId] = z);
             }
           s(ae);
         }
         S.current = e;
       } catch (U) {
-        T(U);
+        R(U);
       } finally {
-        u(!1), q.current = !1;
+        m(!1), q.current = !1;
       }
     }
   }, [e, t, i]);
   fe(() => {
-    e && S.current !== e && L();
+    e && S.current !== e && P();
   }, [e]);
   const B = te(
     async (F) => {
-      y(!0), T(null);
+      y(!0), R(null);
       try {
         const U = await t.submitRiskScoring(F);
-        return x(U), U;
+        return b(U), U;
       } catch (U) {
-        throw T(U), U;
+        throw R(U), U;
       } finally {
         y(!1);
       }
@@ -7435,33 +7435,33 @@ function Di(e) {
   return {
     criteria: a,
     initialAnswers: l,
-    result: I,
+    result: L,
     isLoading: p,
     isSubmitting: d,
-    error: v,
-    load: L,
+    error: h,
+    load: P,
     submit: B
   };
 }
 function tr() {
-  const { applicantService: e, config: t } = Oe(), [i, a] = b(!1), [n, l] = b(null), s = de(!1), p = de(!1), u = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(I) {
-    const x = Math.random() * 16 | 0;
-    return (I === "x" ? x : x & 3 | 8).toString(16);
+  const { applicantService: e, config: t } = Oe(), [i, a] = v(!1), [n, l] = v(null), s = de(!1), p = de(!1), m = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(L) {
+    const b = Math.random() * 16 | 0;
+    return (L === "x" ? b : b & 3 | 8).toString(16);
   }), d = te(
-    async (I) => {
-      var x;
+    async (L) => {
+      var b;
       if (s.current)
         throw console.log("[Applicant] Create already in progress, skipping..."), new Error("Creation already in progress");
       s.current = !0, a(!0), l(null);
       try {
-        if (I.applicantAdditionalDatas || (I.applicantAdditionalDatas = []), (x = t.identityProviders) != null && x.sardinai) {
-          const S = u();
-          console.log("[SardinAI] Generated session key:", S), I.applicantAdditionalDatas.push({
+        if (L.applicantAdditionalDatas || (L.applicantAdditionalDatas = []), (b = t.identityProviders) != null && b.sardinai) {
+          const S = m();
+          console.log("[SardinAI] Generated session key:", S), L.applicantAdditionalDatas.push({
             paramName: "sessionKey",
             value: S
           });
         }
-        return await e.createApplicant(I);
+        return await e.createApplicant(L);
       } catch (q) {
         throw l(q), q;
       } finally {
@@ -7470,38 +7470,38 @@ function tr() {
     },
     [e, t]
   ), y = te(
-    async (I) => {
+    async (L) => {
       a(!0), l(null);
       try {
-        return await e.createCompanyApplicant(I);
-      } catch (x) {
-        throw l(x), x;
+        return await e.createCompanyApplicant(L);
+      } catch (b) {
+        throw l(b), b;
       } finally {
         a(!1);
       }
     },
     [e]
-  ), v = te(
-    async (I) => {
+  ), h = te(
+    async (L) => {
       if (p.current)
         throw console.log("[Applicant] Data load already in progress, skipping..."), new Error("Data load already in progress");
       p.current = !0, a(!0), l(null);
       try {
-        return await e.getApplicantData(I);
-      } catch (x) {
-        throw l(x), x;
+        return await e.getApplicantData(L);
+      } catch (b) {
+        throw l(b), b;
       } finally {
         a(!1), p.current = !1;
       }
     },
     [e]
-  ), T = te(
-    async (I) => {
+  ), R = te(
+    async (L) => {
       a(!0), l(null);
       try {
-        await e.stopProgress(I);
-      } catch (x) {
-        throw l(x), x;
+        await e.stopProgress(L);
+      } catch (b) {
+        throw l(b), b;
       } finally {
         a(!1);
       }
@@ -7513,8 +7513,8 @@ function tr() {
     error: n,
     createApplicant: d,
     createCompanyApplicant: y,
-    getApplicantData: v,
-    stopProgress: T
+    getApplicantData: h,
+    stopProgress: R
   };
 }
 const ji = {
@@ -7553,7 +7553,7 @@ const ji = {
   style: s,
   ...p
 }) => {
-  const u = "inline-flex items-center justify-center rounded-lg font-medium transition-opacity border focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed", d = {
+  const m = "inline-flex items-center justify-center rounded-lg font-medium transition-opacity border focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed", d = {
     sm: "px-3 py-1.5 text-sm",
     md: "px-4 py-2 text-sm",
     lg: "px-6 py-3 text-base"
@@ -7565,7 +7565,7 @@ const ji = {
   return /* @__PURE__ */ o(
     "button",
     {
-      className: je(u, d[i], l),
+      className: je(m, d[i], l),
       style: {
         display: "inline-flex",
         alignItems: "center",
@@ -7619,7 +7619,7 @@ const ji = {
     }
   );
 }, Se = kt(
-  ({ label: e, error: t, helperText: i, leftIcon: a, rightIcon: n, className: l, style: s, ...p }, u) => /* @__PURE__ */ o("div", { className: "w-full", children: [
+  ({ label: e, error: t, helperText: i, leftIcon: a, rightIcon: n, className: l, style: s, ...p }, m) => /* @__PURE__ */ o("div", { className: "w-full", children: [
     e && /* @__PURE__ */ o(
       "label",
       {
@@ -7636,7 +7636,7 @@ const ji = {
       /* @__PURE__ */ r(
         "input",
         {
-          ref: u,
+          ref: m,
           className: je(
             "block w-full rounded-lg border px-3 py-2 text-sm transition-colors",
             "focus:outline-none focus:ring-2 focus:ring-offset-0",
@@ -7850,7 +7850,7 @@ const re = ({ children: e, className: t, style: i, ...a }) => /* @__PURE__ */ r(
     }
   ) });
 }, At = kt(
-  ({ label: e, error: t, helperText: i, options: a, placeholder: n, className: l, style: s, ...p }, u) => /* @__PURE__ */ o("div", { className: "w-full", children: [
+  ({ label: e, error: t, helperText: i, options: a, placeholder: n, className: l, style: s, ...p }, m) => /* @__PURE__ */ o("div", { className: "w-full", children: [
     e && /* @__PURE__ */ o(
       "label",
       {
@@ -7865,7 +7865,7 @@ const re = ({ children: e, className: t, style: i, ...a }) => /* @__PURE__ */ r(
     /* @__PURE__ */ o(
       "select",
       {
-        ref: u,
+        ref: m,
         className: je(
           "block w-full rounded-lg border px-3 py-2 text-sm transition-colors",
           "focus:outline-none focus:ring-2 focus:ring-offset-0",
@@ -7926,7 +7926,7 @@ const qt = 280, Oi = ({
   readOnly: s = !1,
   required: p = !1
 }) => {
-  const { t: u } = Re(), d = n ?? u("common.select"), y = l || s, [v, T] = b(!1), [I, x] = b(""), [q, S] = b(null), [L, B] = b({
+  const { t: m } = Re(), d = n ?? m("common.select"), y = l || s, [h, R] = v(!1), [L, b] = v(""), [q, S] = v(null), [P, B] = v({
     bg: "#ffffff",
     borderColor: "#d1d5db",
     textPrimary: "#111827",
@@ -7936,55 +7936,55 @@ const qt = 280, Oi = ({
     hoverBg: "#f9fafb"
   }), F = de(null), U = de(null), K = de(null), J = te(() => {
     if (!U.current) return null;
-    const P = U.current.getBoundingClientRect(), O = window.innerHeight - P.bottom < qt && P.top > qt;
-    return { top: O ? P.top : P.bottom + 4, left: P.left, width: P.width, openUp: O };
+    const D = U.current.getBoundingClientRect(), O = window.innerHeight - D.bottom < qt && D.top > qt;
+    return { top: O ? D.top : D.bottom + 4, left: D.left, width: D.width, openUp: O };
   }, []), ae = te(() => {
-    const P = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), A = (ke, se) => P.getPropertyValue(ke).trim() || se, O = A("--metakyc-input-bg", A("--metakyc-background", "#ffffff"));
+    const D = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), E = (ke, se) => D.getPropertyValue(ke).trim() || se, O = E("--metakyc-input-bg", E("--metakyc-background", "#ffffff"));
     B({
       bg: O,
-      borderColor: A("--metakyc-input-border", A("--metakyc-border", "#d1d5db")),
-      textPrimary: A("--metakyc-input-text", A("--metakyc-text-primary", "#111827")),
-      textSecondary: A("--metakyc-text-secondary", "#6b7280"),
-      primaryColor: A("--metakyc-primary", "#2563eb"),
-      primaryLight: A("--metakyc-primary-light", "#eff6ff"),
-      hoverBg: A("--metakyc-surface", O)
+      borderColor: E("--metakyc-input-border", E("--metakyc-border", "#d1d5db")),
+      textPrimary: E("--metakyc-input-text", E("--metakyc-text-primary", "#111827")),
+      textSecondary: E("--metakyc-text-secondary", "#6b7280"),
+      primaryColor: E("--metakyc-primary", "#2563eb"),
+      primaryLight: E("--metakyc-primary-light", "#eff6ff"),
+      hoverBg: E("--metakyc-surface", O)
     });
-  }, []), w = te(() => {
+  }, []), x = te(() => {
     if (y) return;
     ae();
-    const P = J();
-    P && S(P), T(!0);
-  }, [y, J, ae]), R = te(() => {
-    T(!1), x("");
+    const D = J();
+    D && S(D), R(!0);
+  }, [y, J, ae]), z = te(() => {
+    R(!1), b("");
   }, []);
   fe(() => {
-    if (!v) return;
-    const P = (A) => {
+    if (!h) return;
+    const D = (E) => {
       var ke, se;
-      const O = A.target;
-      !((ke = F.current) != null && ke.contains(O)) && !((se = K.current) != null && se.contains(O)) && R();
+      const O = E.target;
+      !((ke = F.current) != null && ke.contains(O)) && !((se = K.current) != null && se.contains(O)) && z();
     };
-    return document.addEventListener("mousedown", P), () => document.removeEventListener("mousedown", P);
-  }, [v, R]), fe(() => {
-    if (!v) return;
-    const P = () => {
-      const A = J();
-      A && S(A);
+    return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
+  }, [h, z]), fe(() => {
+    if (!h) return;
+    const D = () => {
+      const E = J();
+      E && S(E);
     };
-    return window.addEventListener("scroll", P, !0), window.addEventListener("resize", P), () => {
-      window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", P);
+    return window.addEventListener("scroll", D, !0), window.addEventListener("resize", D), () => {
+      window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D);
     };
-  }, [v, J]);
+  }, [h, J]);
   const V = a.filter(
-    (P) => P.label.toLowerCase().includes(I.toLowerCase())
-  ), Q = (P) => {
-    y || i(t.includes(P) ? t.filter((A) => A !== P) : [...t, P]);
-  }, X = (P, A) => {
-    A.stopPropagation(), y || i(t.filter((O) => O !== P));
-  }, W = (P) => {
-    var A;
-    return ((A = a.find((O) => O.value === P)) == null ? void 0 : A.label) || P;
-  }, { bg: _, borderColor: oe, textPrimary: H, textSecondary: Me, primaryColor: pe, primaryLight: ge, hoverBg: xe } = L, me = v && q && /* @__PURE__ */ o(
+    (D) => D.label.toLowerCase().includes(L.toLowerCase())
+  ), Q = (D) => {
+    y || i(t.includes(D) ? t.filter((E) => E !== D) : [...t, D]);
+  }, X = (D, E) => {
+    E.stopPropagation(), y || i(t.filter((O) => O !== D));
+  }, W = (D) => {
+    var E;
+    return ((E = a.find((O) => O.value === D)) == null ? void 0 : E.label) || D;
+  }, { bg: _, borderColor: oe, textPrimary: H, textSecondary: Me, primaryColor: pe, primaryLight: ge, hoverBg: xe } = P, me = h && q && /* @__PURE__ */ o(
     "div",
     {
       ref: K,
@@ -8007,11 +8007,11 @@ const qt = 280, Oi = ({
           "input",
           {
             type: "text",
-            value: I,
-            onChange: (P) => x(P.target.value),
-            placeholder: u("common.search"),
+            value: L,
+            onChange: (D) => b(D.target.value),
+            placeholder: m("common.search"),
             autoFocus: !0,
-            onClick: (P) => P.stopPropagation(),
+            onClick: (D) => D.stopPropagation(),
             className: "metakyc-multiselect-search w-full",
             style: {
               display: "block",
@@ -8025,21 +8025,21 @@ const qt = 280, Oi = ({
               outline: "none",
               boxSizing: "border-box"
             },
-            onFocus: (P) => {
-              const A = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), O = A.getPropertyValue("--metakyc-input-border-focus").trim() || A.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
-              P.currentTarget.style.backgroundColor = _, P.currentTarget.style.color = H, P.currentTarget.style.borderColor = O, P.currentTarget.style.outline = "none", P.currentTarget.style.boxShadow = `0 0 0 2px ${O}33`;
+            onFocus: (D) => {
+              const E = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), O = E.getPropertyValue("--metakyc-input-border-focus").trim() || E.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
+              D.currentTarget.style.backgroundColor = _, D.currentTarget.style.color = H, D.currentTarget.style.borderColor = O, D.currentTarget.style.outline = "none", D.currentTarget.style.boxShadow = `0 0 0 2px ${O}33`;
             },
-            onBlur: (P) => {
-              P.currentTarget.style.backgroundColor = _, P.currentTarget.style.color = H, P.currentTarget.style.borderColor = oe, P.currentTarget.style.outline = "none", P.currentTarget.style.boxShadow = "none";
+            onBlur: (D) => {
+              D.currentTarget.style.backgroundColor = _, D.currentTarget.style.color = H, D.currentTarget.style.borderColor = oe, D.currentTarget.style.outline = "none", D.currentTarget.style.boxShadow = "none";
             }
           }
         ) }),
-        /* @__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: Me }, children: u("common.noResults") }) : V.map((P) => {
-          const A = t.includes(P.value);
+        /* @__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: Me }, children: m("common.noResults") }) : V.map((D) => {
+          const E = t.includes(D.value);
           return /* @__PURE__ */ o(
             "li",
             {
-              onClick: () => Q(P.value),
+              onClick: () => Q(D.value),
               className: "metakyc-multiselect-option",
               style: {
                 display: "flex",
@@ -8048,29 +8048,29 @@ const qt = 280, Oi = ({
                 padding: "8px 12px",
                 fontSize: "13px",
                 cursor: "pointer",
-                backgroundColor: A ? ge : "transparent",
-                color: A ? pe : H,
+                backgroundColor: E ? ge : "transparent",
+                color: E ? pe : H,
                 userSelect: "none"
               },
               onMouseEnter: (O) => {
-                A || (O.currentTarget.style.backgroundColor = xe);
+                E || (O.currentTarget.style.backgroundColor = xe);
               },
               onMouseLeave: (O) => {
-                A || (O.currentTarget.style.backgroundColor = "transparent");
+                E || (O.currentTarget.style.backgroundColor = "transparent");
               },
               children: [
                 /* @__PURE__ */ r(
                   Ue,
                   {
-                    checked: A,
+                    checked: E,
                     onChange: () => {
                     }
                   }
                 ),
-                /* @__PURE__ */ r("span", { children: P.label })
+                /* @__PURE__ */ r("span", { children: D.label })
               ]
             },
-            P.value
+            D.value
           );
         }) }),
         t.length > 0 && /* @__PURE__ */ r("div", { style: { padding: "6px 12px", borderTop: `1px solid ${oe}` }, children: /* @__PURE__ */ o(
@@ -8078,11 +8078,11 @@ const qt = 280, Oi = ({
           {
             type: "button",
             onClick: () => {
-              i([]), x("");
+              i([]), b("");
             },
             style: { fontSize: "12px", color: "#ef4444", background: "none", border: "none", cursor: "pointer", padding: 0 },
             children: [
-              u("common.clearAll"),
+              m("common.clearAll"),
               " (",
               t.length,
               ")"
@@ -8108,7 +8108,7 @@ const qt = 280, Oi = ({
       "div",
       {
         ref: U,
-        onClick: () => v ? R() : w(),
+        onClick: () => h ? z() : x(),
         className: je(
           "metakyc-multiselect-trigger",
           "w-full px-3 py-2 rounded-lg border text-sm transition-colors relative",
@@ -8117,8 +8117,8 @@ const qt = 280, Oi = ({
         style: {
           minHeight: "38px",
           backgroundColor: "var(--metakyc-input-bg, #ffffff)",
-          borderColor: v ? "var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))",
-          outline: v ? "2px solid var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "none",
+          borderColor: h ? "var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))",
+          outline: h ? "2px solid var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "none",
           outlineOffset: "-1px"
         },
         children: [
@@ -8129,7 +8129,7 @@ const qt = 280, Oi = ({
               style: { color: "var(--metakyc-text-secondary, #9ca3af)" },
               children: d
             }
-          ) : /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1 pr-6", children: t.map((P) => /* @__PURE__ */ o(
+          ) : /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1 pr-6", children: t.map((D) => /* @__PURE__ */ o(
             "span",
             {
               className: "metakyc-multiselect-chip inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium",
@@ -8138,12 +8138,12 @@ const qt = 280, Oi = ({
                 color: "var(--metakyc-primary, #2563eb)"
               },
               children: [
-                W(P),
+                W(D),
                 !y && /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
-                    onClick: (A) => X(P, A),
+                    onClick: (E) => X(D, E),
                     className: "metakyc-multiselect-chip-remove",
                     style: {
                       background: "transparent",
@@ -8169,14 +8169,14 @@ const qt = 280, Oi = ({
                 )
               ]
             },
-            P
+            D
           )) }),
           /* @__PURE__ */ r(
             "span",
             {
               className: "metakyc-multiselect-arrow absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-xs",
               style: { color: "var(--metakyc-text-secondary, #6b7280)" },
-              children: v ? "▲" : "▼"
+              children: h ? "▲" : "▼"
             }
           )
         ]
@@ -8193,12 +8193,12 @@ const qt = 280, Oi = ({
   value: l,
   onChange: s,
   disabled: p = !1,
-  readOnly: u = !1,
+  readOnly: m = !1,
   required: d = !1,
   className: y
 }) => {
   var se;
-  const { t: v } = Re(), T = n ?? v("common.select"), I = p || u, [x, q] = b(!1), [S, L] = b(""), [B, F] = b(null), [U, K] = b({
+  const { t: h } = Re(), R = n ?? h("common.select"), L = p || m, [b, q] = v(!1), [S, P] = v(""), [B, F] = v(null), [U, K] = v({
     bg: "#ffffff",
     border: "#d1d5db",
     text: "#111827",
@@ -8207,7 +8207,7 @@ const qt = 280, Oi = ({
     primaryLight: "#eff6ff",
     hoverBg: "#f9fafb"
   }), J = te(() => {
-    const D = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), ne = (Ie, Ae) => D.getPropertyValue(Ie).trim() || Ae, Z = ne("--metakyc-input-bg", ne("--metakyc-background", "#ffffff"));
+    const j = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), ne = (Ie, Ae) => j.getPropertyValue(Ie).trim() || Ae, Z = ne("--metakyc-input-bg", ne("--metakyc-background", "#ffffff"));
     K({
       bg: Z,
       border: ne("--metakyc-input-border", ne("--metakyc-border", "#d1d5db")),
@@ -8217,54 +8217,54 @@ const qt = 280, Oi = ({
       primaryLight: ne("--metakyc-primary-light", "#eff6ff"),
       hoverBg: ne("--metakyc-surface", Z)
     });
-  }, []), ae = de(null), w = de(null), R = de(null), V = de(null), Q = te(() => {
-    if (!w.current) return null;
-    const D = w.current.getBoundingClientRect(), Z = window.innerHeight - D.bottom < Ut && D.top > Ut;
+  }, []), ae = de(null), x = de(null), z = de(null), V = de(null), Q = te(() => {
+    if (!x.current) return null;
+    const j = x.current.getBoundingClientRect(), Z = window.innerHeight - j.bottom < Ut && j.top > Ut;
     return {
-      top: Z ? D.top : D.bottom + 4,
-      left: D.left,
-      width: D.width,
+      top: Z ? j.top : j.bottom + 4,
+      left: j.left,
+      width: j.width,
       openUp: Z
     };
   }, []), X = te(() => {
-    if (I) return;
+    if (L) return;
     J();
-    const D = Q();
-    D && F(D), q(!0);
-  }, [I, Q, J]), W = te(() => {
-    q(!1), L("");
-  }, []), _ = () => x ? W() : X();
+    const j = Q();
+    j && F(j), q(!0);
+  }, [L, Q, J]), W = te(() => {
+    q(!1), P("");
+  }, []), _ = () => b ? W() : X();
   fe(() => {
-    if (!x) return;
-    const D = (ne) => {
+    if (!b) return;
+    const j = (ne) => {
       var Ie, Ae;
       const Z = ne.target;
-      !((Ie = ae.current) != null && Ie.contains(Z)) && !((Ae = R.current) != null && Ae.contains(Z)) && W();
+      !((Ie = ae.current) != null && Ie.contains(Z)) && !((Ae = z.current) != null && Ae.contains(Z)) && W();
     };
-    return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
-  }, [x, W]), fe(() => {
-    if (!x) return;
-    const D = () => {
+    return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
+  }, [b, W]), fe(() => {
+    if (!b) return;
+    const j = () => {
       const ne = Q();
       ne && F(ne);
     };
-    return window.addEventListener("scroll", D, !0), window.addEventListener("resize", D), () => {
-      window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D);
+    return window.addEventListener("scroll", j, !0), window.addEventListener("resize", j), () => {
+      window.removeEventListener("scroll", j, !0), window.removeEventListener("resize", j);
     };
-  }, [x, Q]), fe(() => {
-    x && V.current && setTimeout(() => {
-      var D;
-      return (D = V.current) == null ? void 0 : D.focus();
+  }, [b, Q]), fe(() => {
+    b && V.current && setTimeout(() => {
+      var j;
+      return (j = V.current) == null ? void 0 : j.focus();
     }, 0);
-  }, [x]);
+  }, [b]);
   const oe = a.filter(
-    (D) => D.label.toLowerCase().includes(S.toLowerCase()) || D.value.toLowerCase().includes(S.toLowerCase())
-  ), H = (se = a.find((D) => D.value === l)) == null ? void 0 : se.label, Me = (D, ne) => {
-    I || ne || (s(D), W());
-  }, { bg: pe, border: ge, text: xe, textSecondary: me, primary: P, primaryLight: A, hoverBg: O } = U, ke = x && B && /* @__PURE__ */ o(
+    (j) => j.label.toLowerCase().includes(S.toLowerCase()) || j.value.toLowerCase().includes(S.toLowerCase())
+  ), H = (se = a.find((j) => j.value === l)) == null ? void 0 : se.label, Me = (j, ne) => {
+    L || ne || (s(j), W());
+  }, { bg: pe, border: ge, text: xe, textSecondary: me, primary: D, primaryLight: E, hoverBg: O } = U, ke = b && B && /* @__PURE__ */ o(
     "div",
     {
-      ref: R,
+      ref: z,
       className: "metakyc-searchable-select-dropdown",
       style: {
         position: "fixed",
@@ -8286,9 +8286,9 @@ const qt = 280, Oi = ({
             ref: V,
             type: "text",
             value: S,
-            onChange: (D) => L(D.target.value),
-            placeholder: v("common.search"),
-            onClick: (D) => D.stopPropagation(),
+            onChange: (j) => P(j.target.value),
+            placeholder: h("common.search"),
+            onClick: (j) => j.stopPropagation(),
             className: "metakyc-searchable-select-search w-full",
             style: {
               display: "block",
@@ -8302,12 +8302,12 @@ const qt = 280, Oi = ({
               outline: "none",
               boxSizing: "border-box"
             },
-            onFocus: (D) => {
+            onFocus: (j) => {
               const ne = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), Z = ne.getPropertyValue("--metakyc-input-border-focus").trim() || ne.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
-              D.currentTarget.style.backgroundColor = pe, D.currentTarget.style.color = xe, D.currentTarget.style.borderColor = Z, D.currentTarget.style.outline = "none", D.currentTarget.style.boxShadow = `0 0 0 2px ${Z}33`;
+              j.currentTarget.style.backgroundColor = pe, j.currentTarget.style.color = xe, j.currentTarget.style.borderColor = Z, j.currentTarget.style.outline = "none", j.currentTarget.style.boxShadow = `0 0 0 2px ${Z}33`;
             },
-            onBlur: (D) => {
-              D.currentTarget.style.backgroundColor = pe, D.currentTarget.style.color = xe, D.currentTarget.style.borderColor = ge, D.currentTarget.style.outline = "none", D.currentTarget.style.boxShadow = "none";
+            onBlur: (j) => {
+              j.currentTarget.style.backgroundColor = pe, j.currentTarget.style.color = xe, j.currentTarget.style.borderColor = ge, j.currentTarget.style.outline = "none", j.currentTarget.style.boxShadow = "none";
             }
           }
         ) }),
@@ -8321,31 +8321,31 @@ const qt = 280, Oi = ({
               maxHeight: "208px",
               overflowY: "auto"
             },
-            children: oe.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: me }, children: v("common.noResults") }) : oe.map((D) => {
-              const ne = D.value === l;
+            children: oe.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: me }, children: h("common.noResults") }) : oe.map((j) => {
+              const ne = j.value === l;
               return /* @__PURE__ */ r(
                 "li",
                 {
                   className: "metakyc-searchable-select-option",
-                  onClick: () => Me(D.value, D.disabled),
+                  onClick: () => Me(j.value, j.disabled),
                   style: {
                     padding: "8px 12px",
                     fontSize: "13px",
-                    cursor: D.disabled ? "not-allowed" : "pointer",
-                    opacity: D.disabled ? 0.4 : 1,
-                    backgroundColor: ne ? A : "transparent",
-                    color: ne ? P : xe,
+                    cursor: j.disabled ? "not-allowed" : "pointer",
+                    opacity: j.disabled ? 0.4 : 1,
+                    backgroundColor: ne ? E : "transparent",
+                    color: ne ? D : xe,
                     userSelect: "none"
                   },
                   onMouseEnter: (Z) => {
-                    !ne && !D.disabled && (Z.currentTarget.style.backgroundColor = O);
+                    !ne && !j.disabled && (Z.currentTarget.style.backgroundColor = O);
                   },
                   onMouseLeave: (Z) => {
                     ne || (Z.currentTarget.style.backgroundColor = "transparent");
                   },
-                  children: D.label
+                  children: j.label
                 },
-                D.value
+                j.value
               );
             })
           }
@@ -8373,36 +8373,36 @@ const qt = 280, Oi = ({
         /* @__PURE__ */ o(
           "div",
           {
-            ref: w,
+            ref: x,
             role: "button",
-            tabIndex: I ? -1 : 0,
+            tabIndex: L ? -1 : 0,
             onClick: _,
-            onKeyDown: (D) => {
-              (D.key === "Enter" || D.key === " ") && (D.preventDefault(), _()), D.key === "Escape" && W();
+            onKeyDown: (j) => {
+              (j.key === "Enter" || j.key === " ") && (j.preventDefault(), _()), j.key === "Escape" && W();
             },
             className: je(
               "metakyc-searchable-select-trigger",
               "w-full px-3 py-2 rounded-lg border text-sm transition-colors text-left",
               "flex items-center justify-between gap-2",
               "focus:outline-none",
-              I ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
+              L ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
             ),
             style: {
               backgroundColor: "var(--metakyc-input-bg, #ffffff)",
               color: H ? "var(--metakyc-input-text, var(--metakyc-text-primary, #111827))" : "var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))",
-              borderColor: t ? "var(--metakyc-danger, #ef4444)" : x ? "var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))",
+              borderColor: t ? "var(--metakyc-danger, #ef4444)" : b ? "var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))",
               minHeight: "38px",
-              outline: x ? "2px solid var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "none",
+              outline: b ? "2px solid var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "none",
               outlineOffset: "-1px"
             },
             children: [
-              /* @__PURE__ */ r("span", { className: "truncate flex-1", children: H || T }),
+              /* @__PURE__ */ r("span", { className: "truncate flex-1", children: H || R }),
               /* @__PURE__ */ r(
                 "span",
                 {
                   className: "flex-shrink-0 text-xs pointer-events-none",
                   style: { color: "var(--metakyc-text-secondary, #6b7280)" },
-                  children: x ? "▲" : "▼"
+                  children: b ? "▲" : "▼"
                 }
               )
             ]
@@ -8429,32 +8429,32 @@ const Bi = ({
   maxSize: l,
   required: s,
   onChange: p,
-  value: u = [],
+  value: m = [],
   className: d
 }) => {
-  const { t: y } = Re(), [v, T] = b(!1), [I, x] = b(null), q = de(null), S = te((w) => {
-    if (!w) return;
-    x(null);
-    const R = Array.from(w);
-    if (l && R.filter((Q) => Q.size > l).length > 0) {
-      x(`File exceeds the maximum size of ${St(l)}`);
+  const { t: y } = Re(), [h, R] = v(!1), [L, b] = v(null), q = de(null), S = te((x) => {
+    if (!x) return;
+    b(null);
+    const z = Array.from(x);
+    if (l && z.filter((Q) => Q.size > l).length > 0) {
+      b(`File exceeds the maximum size of ${St(l)}`);
       return;
     }
-    p == null || p(n ? [...u, ...R] : [R[0]]);
-  }, [l, n, p, u]), L = te((w) => {
-    w.preventDefault(), w.stopPropagation(), T(!0);
-  }, []), B = te((w) => {
-    w.preventDefault(), w.stopPropagation(), T(!1);
-  }, []), F = te((w) => {
-    w.preventDefault(), w.stopPropagation(), T(!1), S(w.dataTransfer.files);
+    p == null || p(n ? [...m, ...z] : [z[0]]);
+  }, [l, n, p, m]), P = te((x) => {
+    x.preventDefault(), x.stopPropagation(), R(!0);
+  }, []), B = te((x) => {
+    x.preventDefault(), x.stopPropagation(), R(!1);
+  }, []), F = te((x) => {
+    x.preventDefault(), x.stopPropagation(), R(!1), S(x.dataTransfer.files);
   }, [S]), U = () => {
-    var w;
-    (w = q.current) == null || w.click();
-  }, K = (w) => {
-    x(null);
-    const R = u.filter((V, Q) => Q !== w);
-    p == null || p(R);
-  }, J = i || I, ae = u.length > 0;
+    var x;
+    (x = q.current) == null || x.click();
+  }, K = (x) => {
+    b(null);
+    const z = m.filter((V, Q) => Q !== x);
+    p == null || p(z);
+  }, J = i || L, ae = m.length > 0;
   return /* @__PURE__ */ o("div", { className: je("metakyc-file-upload", d), style: { width: "100%" }, children: [
     e && /* @__PURE__ */ o("div", { style: { marginBottom: "8px" }, children: [
       /* @__PURE__ */ o(
@@ -8479,17 +8479,17 @@ const Bi = ({
       {
         className: "metakyc-file-dropzone",
         onClick: U,
-        onDragOver: L,
+        onDragOver: P,
         onDragLeave: B,
         onDrop: F,
         style: {
-          border: `2px dashed ${J ? "var(--metakyc-danger, #ef4444)" : v ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #d1d5db)"}`,
+          border: `2px dashed ${J ? "var(--metakyc-danger, #ef4444)" : h ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #d1d5db)"}`,
           borderRadius: "12px",
           padding: ae ? "20px" : "32px 20px",
           textAlign: "center",
           cursor: "pointer",
           transition: "all 0.2s ease",
-          backgroundColor: v ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 5%, var(--metakyc-background, #ffffff))" : "var(--metakyc-background, #ffffff)"
+          backgroundColor: h ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 5%, var(--metakyc-background, #ffffff))" : "var(--metakyc-background, #ffffff)"
         },
         children: [
           /* @__PURE__ */ r(
@@ -8500,8 +8500,8 @@ const Bi = ({
               style: { display: "none" },
               accept: a,
               multiple: n,
-              onChange: (w) => {
-                S(w.target.files), w.target.value = "";
+              onChange: (x) => {
+                S(x.target.files), x.target.value = "";
               }
             }
           ),
@@ -8516,7 +8516,7 @@ const Bi = ({
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
-                  backgroundColor: v ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "var(--metakyc-surface, #f9fafb)",
+                  backgroundColor: h ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "var(--metakyc-surface, #f9fafb)",
                   transition: "background-color 0.2s ease"
                 },
                 children: /* @__PURE__ */ o(
@@ -8526,7 +8526,7 @@ const Bi = ({
                     height: "24",
                     viewBox: "0 0 24 24",
                     fill: "none",
-                    stroke: v ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
+                    stroke: h ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
                     strokeWidth: "2",
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
@@ -8556,8 +8556,8 @@ const Bi = ({
         ]
       }
     ),
-    ae && /* @__PURE__ */ r("div", { style: { marginTop: "12px", display: "flex", flexDirection: "column", gap: "8px" }, children: u.map((w, R) => {
-      const V = Vi(w), Q = V === "image", X = Q ? URL.createObjectURL(w) : null;
+    ae && /* @__PURE__ */ r("div", { style: { marginTop: "12px", display: "flex", flexDirection: "column", gap: "8px" }, children: m.map((x, z) => {
+      const V = Vi(x), Q = V === "image", X = Q ? URL.createObjectURL(x) : null;
       return /* @__PURE__ */ o(
         "div",
         {
@@ -8591,7 +8591,7 @@ const Bi = ({
                   "img",
                   {
                     src: X,
-                    alt: w.name,
+                    alt: x.name,
                     style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "8px" }
                   }
                 ) : V === "pdf" ? /* @__PURE__ */ o("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -8615,15 +8615,15 @@ const Bi = ({
                 overflow: "hidden",
                 textOverflow: "ellipsis",
                 whiteSpace: "nowrap"
-              }, children: w.name }),
-              /* @__PURE__ */ r("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", margin: 0, marginTop: "2px" }, children: St(w.size) })
+              }, children: x.name }),
+              /* @__PURE__ */ r("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", margin: 0, marginTop: "2px" }, children: St(x.size) })
             ] }),
             /* @__PURE__ */ r(
               "button",
               {
                 type: "button",
                 onClick: (W) => {
-                  W.stopPropagation(), K(R);
+                  W.stopPropagation(), K(z);
                 },
                 style: {
                   display: "flex",
@@ -8654,7 +8654,7 @@ const Bi = ({
             )
           ]
         },
-        `${w.name}-${R}`
+        `${x.name}-${z}`
       );
     }) }),
     J && /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", marginTop: "6px" }, children: J })
@@ -8786,10 +8786,10 @@ const Hi = kt(
     children: l,
     iconNode: s,
     ...p
-  }, u) => Tt(
+  }, m) => Tt(
     "svg",
     {
-      ref: u,
+      ref: m,
       ...Ki,
       width: t,
       height: t,
@@ -8884,80 +8884,80 @@ const Xi = ({
   onComplete: t,
   onBack: i
 }) => {
-  const { t: a } = Re(), { questionnaire: n, initialAnswers: l, isLoading: s, isSubmitting: p, error: u, submit: d } = Ai(e), [y, v] = b({}), [T, I] = b({}), [x, q] = b(0);
+  const { t: a } = Re(), { questionnaire: n, initialAnswers: l, isLoading: s, isSubmitting: p, error: m, submit: d } = Ai(e), [y, h] = v({}), [R, L] = v({}), [b, q] = v(0);
   Ce.useEffect(() => {
-    l && Object.keys(l).length > 0 && Object.keys(y).length === 0 && v(l);
+    l && Object.keys(l).length > 0 && Object.keys(y).length === 0 && h(l);
   }, [l]);
   const S = Fe(
     () => n ? Qi(n.questionGroups) : [],
     [n]
-  ), L = x === S.length - 1, B = S[x] ?? [], F = te((w, R) => {
-    v((V) => ({ ...V, [w]: R })), I((V) => {
+  ), P = b === S.length - 1, B = S[b] ?? [], F = te((x, z) => {
+    h((V) => ({ ...V, [x]: z })), L((V) => {
       const Q = { ...V };
-      return delete Q[w], Q;
+      return delete Q[x], Q;
     });
   }, []), U = te(() => {
-    const w = {};
-    for (const { question: R } of B) {
-      const V = Gi(R, y[R.id] ?? []);
-      V && (w[R.id] = V);
+    const x = {};
+    for (const { question: z } of B) {
+      const V = Gi(z, y[z.id] ?? []);
+      V && (x[z.id] = V);
     }
-    return I((R) => ({ ...R, ...w })), Object.keys(w).length === 0;
+    return L((z) => ({ ...z, ...x })), Object.keys(x).length === 0;
   }, [B, y]), K = () => {
-    U() && q((w) => w + 1);
+    U() && q((x) => x + 1);
   }, J = () => {
-    x > 0 ? q((w) => w - 1) : i == null || i();
+    b > 0 ? q((x) => x - 1) : i == null || i();
   }, ae = async () => {
     if (!(!U() || !n))
       try {
-        const w = n.questionGroups.flatMap(
+        const x = n.questionGroups.flatMap(
           (V) => (V.questions ?? []).map((Q) => ({
             questionId: Q.id,
             values: y[Q.id] ?? []
           }))
-        ), R = {
+        ), z = {
           applicantId: e,
           questionnarieId: n.id,
-          questionResults: w
+          questionResults: x
         };
-        await d(R), t == null || t();
-      } catch (w) {
-        console.error("Questionnaire submit error:", w);
+        await d(z), t == null || t();
+      } catch (x) {
+        console.error("Questionnaire submit error:", x);
       }
   };
-  return s ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(Ve, { className: "my-8" }) }) }) : u ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
+  return s ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(Ve, { className: "my-8" }) }) }) : m ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
     a("questionnaire.errorLoading"),
     " ",
-    u.message
+    m.message
   ] }) }) }) : n ? /* @__PURE__ */ o(re, { children: [
     /* @__PURE__ */ o(Ne, { children: [
       /* @__PURE__ */ r("h2", { className: "text-lg font-bold", children: n.displayName }),
       n.subtitle && /* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n.subtitle }),
       S.length > 1 && /* @__PURE__ */ o("div", { className: "flex items-center justify-between mt-3", children: [
-        /* @__PURE__ */ r("span", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: a("common.pageXofY", { current: x + 1, total: S.length }) }),
-        /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: S.map((w, R) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("span", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: a("common.pageXofY", { current: b + 1, total: S.length }) }),
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: S.map((x, z) => /* @__PURE__ */ r(
           "div",
           {
             className: "rounded-full transition-all duration-200",
             style: {
               height: "6px",
-              width: R === x ? "20px" : "6px",
-              backgroundColor: R <= x ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)"
+              width: z === b ? "20px" : "6px",
+              backgroundColor: z <= b ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)"
             }
           },
-          R
+          z
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ r(ie, { className: "space-y-6", children: B.map(({ question: w }) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(ie, { className: "space-y-6", children: B.map(({ question: x }) => /* @__PURE__ */ r(
       Zi,
       {
-        question: w,
-        value: y[w.id] ?? [],
-        error: T[w.id],
-        onChange: (R) => F(w.id, R)
+        question: x,
+        value: y[x.id] ?? [],
+        error: R[x.id],
+        onChange: (z) => F(x.id, z)
       },
-      w.id
+      x.id
     )) }),
     /* @__PURE__ */ o(Te, { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
       /* @__PURE__ */ o(
@@ -8969,11 +8969,11 @@ const Xi = ({
           style: { display: "flex", alignItems: "center", gap: "4px" },
           children: [
             /* @__PURE__ */ r(nr, { size: 14 }),
-            x > 0 ? a("common.previous") : a("common.back")
+            b > 0 ? a("common.previous") : a("common.back")
           ]
         }
       ),
-      L ? /* @__PURE__ */ r(
+      P ? /* @__PURE__ */ r(
         G,
         {
           type: "button",
@@ -8994,7 +8994,7 @@ const Xi = ({
         }
       )
     ] }),
-    u && /* @__PURE__ */ r("div", { className: "mx-6 mb-4 p-3 bg-red-50 border border-red-200 rounded", children: /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: u.message }) })
+    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;
 }, Zi = ({ question: e, value: t, error: i, onChange: a }) => {
   var p;
@@ -9010,7 +9010,7 @@ const Xi = ({
       Se,
       {
         value: t[0] ?? "",
-        onChange: (u) => a([u.target.value]),
+        onChange: (m) => a([m.target.value]),
         placeholder: e.subtitle ? void 0 : n("placeholders.enterAnswer"),
         error: i,
         required: e.isRequired
@@ -9020,15 +9020,15 @@ const Xi = ({
       At,
       {
         value: t[0] ?? "",
-        onChange: (u) => a([u.target.value]),
-        options: (e.defaultAnswers ?? []).map((u) => ({ value: u, label: u })),
+        onChange: (m) => a([m.target.value]),
+        options: (e.defaultAnswers ?? []).map((m) => ({ value: m, label: m })),
         placeholder: n("placeholders.selectOption"),
         error: i,
         required: e.isRequired
       }
     ),
     s === "radio" && /* @__PURE__ */ o("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      (e.defaultAnswers ?? []).map((u) => /* @__PURE__ */ o(
+      (e.defaultAnswers ?? []).map((m) => /* @__PURE__ */ o(
         "label",
         {
           className: "metakyc-option-label",
@@ -9038,8 +9038,8 @@ const Xi = ({
               "input",
               {
                 type: "radio",
-                checked: t[0] === u,
-                onChange: () => a([u]),
+                checked: t[0] === m,
+                onChange: () => a([m]),
                 className: "metakyc-option-input",
                 style: {
                   width: "16px",
@@ -9056,15 +9056,15 @@ const Xi = ({
                 }
               }
             ),
-            /* @__PURE__ */ r("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: u })
+            /* @__PURE__ */ r("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: m })
           ]
         },
-        u
+        m
       )),
       i && /* @__PURE__ */ r("p", { className: "text-sm text-danger-500", children: i })
     ] }),
     (s === "checkbox" || s === "multi-select") && /* @__PURE__ */ o("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      (e.defaultAnswers ?? []).map((u) => /* @__PURE__ */ o(
+      (e.defaultAnswers ?? []).map((m) => /* @__PURE__ */ o(
         "label",
         {
           className: "metakyc-option-label",
@@ -9073,16 +9073,16 @@ const Xi = ({
             /* @__PURE__ */ r(
               Ue,
               {
-                checked: t.includes(u),
+                checked: t.includes(m),
                 onChange: (d) => {
-                  a(d ? [...t, u] : t.filter((y) => y !== u));
+                  a(d ? [...t, m] : t.filter((y) => y !== m));
                 }
               }
             ),
-            /* @__PURE__ */ r("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: u })
+            /* @__PURE__ */ r("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: m })
           ]
         },
-        u
+        m
       )),
       i && /* @__PURE__ */ r("p", { className: "text-sm text-danger-500", children: i })
     ] }),
@@ -9102,23 +9102,23 @@ const ea = ({
   onComplete: t,
   onBack: i
 }) => {
-  const { t: a } = Re(), { uploadDocument: n, isLoading: l, isSubmitting: s, error: p, submit: u } = Li(e), [d, y] = b({}), [v, T] = b(null), [I, x] = b(0), [q, S] = b({}), L = Fe(
+  const { t: a } = Re(), { uploadDocument: n, isLoading: l, isSubmitting: s, error: p, submit: m } = Li(e), [d, y] = v({}), [h, R] = v(null), [L, b] = v(0), [q, S] = v({}), P = Fe(
     () => n ? Ji(n.uploadDocumentFiles) : [],
     [n]
-  ), B = L[I] ?? [], F = I === L.length - 1, U = L.length, K = te(() => {
-    const R = {};
+  ), B = P[L] ?? [], F = L === P.length - 1, U = P.length, K = te(() => {
+    const z = {};
     for (const V of B)
-      V.isRequired && (d[V.id] || []).length === 0 && (R[V.id] = `${V.displayName} is required`);
-    return S(R), Object.keys(R).length === 0;
+      V.isRequired && (d[V.id] || []).length === 0 && (z[V.id] = `${V.displayName} is required`);
+    return S(z), Object.keys(z).length === 0;
   }, [B, d]), J = () => {
-    K() && (x((R) => R + 1), S({}));
+    K() && (b((z) => z + 1), S({}));
   }, ae = () => {
-    I > 0 ? (x((R) => R - 1), S({})) : i == null || i();
-  }, w = async () => {
+    L > 0 ? (b((z) => z - 1), S({})) : i == null || i();
+  }, x = async () => {
     if (!(!K() || !n)) {
-      T(null);
+      R(null);
       try {
-        const R = await Promise.all(
+        const z = await Promise.all(
           n.uploadDocumentFiles.map(async (Q) => {
             const X = d[Q.id] || [], W = await Promise.all(
               X.map(async (_) => ({
@@ -9134,11 +9134,11 @@ const ea = ({
         ), V = {
           applicantId: e,
           uploadDocumentId: n.id,
-          uploadDocumentResults: R
+          uploadDocumentResults: z
         };
-        await u(V), t == null || t();
-      } catch (R) {
-        T((R == null ? void 0 : R.message) || a("uploadDocument.failedToSubmit"));
+        await m(V), t == null || t();
+      } catch (z) {
+        R((z == null ? void 0 : z.message) || a("uploadDocument.failedToSubmit"));
       }
     }
   };
@@ -9187,23 +9187,23 @@ const ea = ({
         justifyContent: "space-between",
         marginTop: "12px"
       }, children: [
-        /* @__PURE__ */ r("span", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: a("common.pageXofY", { current: I + 1, total: U }) }),
-        /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: L.map((R, V) => /* @__PURE__ */ r(
+        /* @__PURE__ */ r("span", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: a("common.pageXofY", { current: L + 1, total: U }) }),
+        /* @__PURE__ */ r("div", { style: { display: "flex", alignItems: "center", gap: "6px" }, children: P.map((z, V) => /* @__PURE__ */ r(
           "div",
           {
             style: {
               height: "6px",
-              width: V === I ? "20px" : "6px",
+              width: V === L ? "20px" : "6px",
               borderRadius: "999px",
               transition: "all 0.2s ease",
-              backgroundColor: V <= I ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)"
+              backgroundColor: V <= L ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)"
             }
           },
           V
         )) })
       ] })
     ] }),
-    n.description && I === 0 && /* @__PURE__ */ o("div", { style: {
+    n.description && L === 0 && /* @__PURE__ */ o("div", { style: {
       margin: "0 24px",
       marginTop: "4px",
       display: "flex",
@@ -9239,27 +9239,27 @@ const ea = ({
         lineHeight: 1.5
       }, children: n.description })
     ] }),
-    /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "24px" }, children: B.map((R) => /* @__PURE__ */ r(
+    /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "24px" }, children: B.map((z) => /* @__PURE__ */ r(
       Bi,
       {
-        label: R.displayName,
-        subtitle: R.subtitle,
-        accept: R.allowedTypes,
-        multiple: R.multipleFile,
-        maxSize: R.maxEachFileSizeByte,
-        required: R.isRequired,
-        error: q[R.id],
-        value: d[R.id] || [],
+        label: z.displayName,
+        subtitle: z.subtitle,
+        accept: z.allowedTypes,
+        multiple: z.multipleFile,
+        maxSize: z.maxEachFileSizeByte,
+        required: z.isRequired,
+        error: q[z.id],
+        value: d[z.id] || [],
         onChange: (V) => {
-          T(null), S((Q) => {
+          R(null), S((Q) => {
             const X = { ...Q };
-            return delete X[R.id], X;
-          }), y((Q) => ({ ...Q, [R.id]: V }));
+            return delete X[z.id], X;
+          }), y((Q) => ({ ...Q, [z.id]: V }));
         }
       },
-      R.id
+      z.id
     )) }) }),
-    v && /* @__PURE__ */ o("div", { style: {
+    h && /* @__PURE__ */ o("div", { style: {
       margin: "0 24px",
       padding: "10px 14px",
       borderRadius: "8px",
@@ -9274,7 +9274,7 @@ const ea = ({
         /* @__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: v })
+      /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: h })
     ] }),
     /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ o("div", { style: {
       display: "flex",
@@ -9288,7 +9288,7 @@ const ea = ({
           type: "button",
           variant: "outline",
           onClick: ae,
-          children: I > 0 ? a("common.previous") : a("common.back")
+          children: L > 0 ? a("common.previous") : a("common.back")
         }
       ),
       F ? /* @__PURE__ */ r(
@@ -9296,7 +9296,7 @@ const ea = ({
         {
           type: "button",
           isLoading: s,
-          onClick: w,
+          onClick: x,
           children: a(s ? "uploadDocument.uploading" : "common.continue")
         }
       ) : /* @__PURE__ */ r(
@@ -9310,8 +9310,8 @@ const ea = ({
     ] }) })
   ] }) : null;
 }, ta = ({ applicantId: e, onComplete: t, onBack: i }) => {
-  const { t: a } = Re(), { overview: n, isLoading: l, isSubmitting: s, error: p, passOverview: u } = Ei(e), d = async () => {
-    await u(), t == null || t();
+  const { t: a } = Re(), { overview: n, isLoading: l, isSubmitting: s, error: p, passOverview: m } = Ei(e), d = async () => {
+    await m(), t == null || t();
   };
   return l ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(Ve, { className: "my-8" }) }) }) : p ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
     a("overview.errorLoading"),
@@ -9322,7 +9322,7 @@ const ea = ({
       /* @__PURE__ */ r("h2", { className: "text-lg font-bold", children: n.title || a("overview.title") }),
       n.description && /* @__PURE__ */ r("p", { className: "mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n.description })
     ] }),
-    /* @__PURE__ */ r(ie, { className: "space-y-8", children: n.steps && n.steps.length > 0 ? n.steps.sort((y, v) => y.order - v.order).map((y) => /* @__PURE__ */ o("div", { className: "metakyc-overview-step-item flex items-center space-x-3", children: [
+    /* @__PURE__ */ r(ie, { className: "space-y-8", children: n.steps && n.steps.length > 0 ? n.steps.sort((y, h) => y.order - h.order).map((y) => /* @__PURE__ */ o("div", { className: "metakyc-overview-step-item flex items-center space-x-3", children: [
       /* @__PURE__ */ r("div", { className: "metakyc-step-icon flex-shrink-0", children: /* @__PURE__ */ r(
         "div",
         {
@@ -9420,49 +9420,49 @@ const la = ({
   onComplete: t,
   onBack: i
 }) => {
-  const { t: a } = Re(), { config: n } = Oe(), l = n.locale ?? "en", { criteria: s, initialAnswers: p, isLoading: u, isSubmitting: d, error: y, submit: v } = Di(e), [T, I] = b({}), [x, q] = b({}), [S, L] = b(0), [B, F] = b(!1);
+  const { t: a } = Re(), { config: n } = Oe(), l = n.locale ?? "en", { criteria: s, initialAnswers: p, isLoading: m, isSubmitting: d, error: y, submit: h } = Di(e), [R, L] = v({}), [b, q] = v({}), [S, P] = v(0), [B, F] = v(!1);
   Ce.useEffect(() => {
-    p && Object.keys(p).length > 0 && Object.keys(T).length === 0 && I(p);
+    p && Object.keys(p).length > 0 && Object.keys(R).length === 0 && L(p);
   }, [p]);
   const U = Fe(
     () => s && s.length > 0 ? oa(s) : [],
     [s]
   ), K = S === U.length - 1, J = U[S] ?? [];
   Ce.useEffect(() => {
-    !u && s && s.length === 0 && !B && !d && (F(!0), v({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
-  }, [u, s, B, d, v, e, t]);
+    !m && s && s.length === 0 && !B && !d && (F(!0), h({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
+  }, [m, s, B, d, h, e, t]);
   const ae = te((X, W) => {
-    I((_) => ({ ..._, [X]: W })), q((_) => {
+    L((_) => ({ ..._, [X]: W })), q((_) => {
       const oe = { ..._ };
       return delete oe[X], oe;
     });
-  }, []), w = te(() => {
+  }, []), x = te(() => {
     const X = {};
     for (const { criterion: W } of J) {
-      const _ = na(W, T[W.id] ?? []);
+      const _ = na(W, R[W.id] ?? []);
       _ && (X[W.id] = _);
     }
     return q((W) => ({ ...W, ...X })), Object.keys(X).length === 0;
-  }, [J, T]), R = () => {
-    w() && L((X) => X + 1);
+  }, [J, R]), z = () => {
+    x() && P((X) => X + 1);
   }, V = () => {
-    S > 0 ? L((X) => X - 1) : i == null || i();
+    S > 0 ? P((X) => X - 1) : i == null || i();
   }, Q = async () => {
-    if (!(!w() || !s))
+    if (!(!x() || !s))
       try {
         const X = s.map((_) => {
-          const oe = (T[_.id] ?? []).filter((H) => H && H.trim());
+          const oe = (R[_.id] ?? []).filter((H) => H && H.trim());
           return oe.length > 0 ? { riskCriteriaId: _.id, values: oe } : null;
         }).filter((_) => _ !== null);
-        await v({ applicantId: e, criteriaValueInputs: X }), t == null || t();
+        await h({ applicantId: e, criteriaValueInputs: X }), t == null || t();
       } catch (X) {
         console.error("Risk scoring submit error:", X);
       }
   };
-  return u ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
+  return m ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
     /* @__PURE__ */ r(Ve, { className: "my-8" }),
     /* @__PURE__ */ r("p", { className: "text-center text-sm mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("riskScoring.loadingCriteria") })
-  ] }) }) : !u && s && s.length === 0 ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
+  ] }) }) : !m && s && s.length === 0 ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
     /* @__PURE__ */ r(Ve, { className: "my-8" }),
     /* @__PURE__ */ r("p", { className: "text-center text-sm mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("riskScoring.noCriteria") })
   ] }) }) : y ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
@@ -9493,8 +9493,8 @@ const la = ({
       ca,
       {
         criterion: X,
-        value: T[X.id] ?? [],
-        error: x[X.id],
+        value: R[X.id] ?? [],
+        error: b[X.id],
         locale: l,
         onChange: (W) => ae(X.id, W)
       },
@@ -9518,7 +9518,7 @@ const la = ({
         G,
         {
           type: "button",
-          onClick: R,
+          onClick: z,
           style: { display: "flex", alignItems: "center", gap: "4px" },
           children: [
             a("common.next"),
@@ -9530,7 +9530,7 @@ const la = ({
     y && /* @__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: y.message }) })
   ] }) : null;
 }, ca = ({ criterion: e, value: t, error: i, locale: a, onChange: n }) => {
-  const { t: l } = Re(), s = sa(e), p = e.valueDataType === _e.Integer || e.valueDataType === _e.Money || e.valueDataType === _e.DigitOnly, u = ia(e), d = (y) => u ? aa(y, a) : y;
+  const { t: l } = Re(), s = sa(e), p = e.valueDataType === _e.Integer || e.valueDataType === _e.Money || e.valueDataType === _e.DigitOnly, m = ia(e), d = (y) => m ? aa(y, a) : y;
   return /* @__PURE__ */ o("div", { className: "space-y-2", children: [
     /* @__PURE__ */ o("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: [
       e.displayName,
@@ -9601,8 +9601,8 @@ const la = ({
               Ue,
               {
                 checked: t.includes(y),
-                onChange: (v) => {
-                  n(v ? [...t, y] : t.filter((T) => T !== y));
+                onChange: (h) => {
+                  n(h ? [...t, y] : t.filter((R) => R !== y));
                 }
               }
             ),
@@ -9636,25 +9636,25 @@ const la = ({
   onComplete: t,
   onBack: i
 }) => {
-  const { t: a } = Re(), { investorCategorizationService: n } = Oe(), [l, s] = b(null), [p, u] = b(!1), [d, y] = b(null);
-  return /* @__PURE__ */ r("form", { onSubmit: async (T) => {
-    if (T.preventDefault(), l === null) {
+  const { t: a } = Re(), { investorCategorizationService: n } = Oe(), [l, s] = v(null), [p, m] = v(!1), [d, y] = v(null);
+  return /* @__PURE__ */ r("form", { onSubmit: async (R) => {
+    if (R.preventDefault(), l === null) {
       y(a("investorCategorization.pleaseSelect"));
       return;
     }
-    u(!0), y(null);
+    m(!0), y(null);
     try {
-      const I = {
+      const L = {
         applicantId: e,
         investorType: l
       };
-      console.log("Submitting investor categorization:", I);
-      const x = await n.setInvestorCategorization(I);
-      console.log("Investor categorization result:", x), t == null || t();
-    } catch (I) {
-      console.error("Error submitting investor categorization:", I), y(I.message || a("investorCategorization.failedToSubmit"));
+      console.log("Submitting investor categorization:", L);
+      const b = await n.setInvestorCategorization(L);
+      console.log("Investor categorization result:", b), t == null || t();
+    } catch (L) {
+      console.error("Error submitting investor categorization:", L), y(L.message || a("investorCategorization.failedToSubmit"));
     } finally {
-      u(!1);
+      m(!1);
     }
   }, children: /* @__PURE__ */ o(re, { children: [
     /* @__PURE__ */ o(Ne, { children: [
@@ -9777,63 +9777,63 @@ const ma = ({
   onComplete: t,
   onBack: i
 }) => {
-  const { t: a } = Re(), { appropriatenessTestService: n } = Oe(), [l, s] = b(null), [p, u] = b(!0), [d, y] = b(!1), [v, T] = b(null), [I, x] = b({}), [q, S] = b(0), [L, B] = b(!1), [F, U] = b(!1), [K, J] = b(0), [ae, w] = b(0), [R, V] = b(null);
+  const { t: a } = Re(), { appropriatenessTestService: n } = Oe(), [l, s] = v(null), [p, m] = v(!0), [d, y] = v(!1), [h, R] = v(null), [L, b] = v({}), [q, S] = v(0), [P, B] = v(!1), [F, U] = v(!1), [K, J] = v(0), [ae, x] = v(0), [z, V] = v(null);
   fe(() => {
     (async () => {
       try {
-        u(!0), T(null);
-        const A = await n.getAppropriatenessTest(e);
-        if (s(A), A.waitTimeSpanForNextTry && A.waitTimeSpanForNextTry !== "00:00:00") {
-          const O = Kt(A.waitTimeSpanForNextTry);
+        m(!0), R(null);
+        const E = await n.getAppropriatenessTest(e);
+        if (s(E), E.waitTimeSpanForNextTry && E.waitTimeSpanForNextTry !== "00:00:00") {
+          const O = Kt(E.waitTimeSpanForNextTry);
           O > 0 && J(O);
         }
-      } catch (A) {
-        T(A.message || a("appropriatenessTest.failedToLoad"));
+      } catch (E) {
+        R(E.message || a("appropriatenessTest.failedToLoad"));
       } finally {
-        u(!1);
+        m(!1);
       }
     })();
   }, [e, n]), fe(() => {
-    if (!L || q <= 0) return;
-    const A = setInterval(() => {
+    if (!P || q <= 0) return;
+    const E = setInterval(() => {
       S((O) => O <= 1 ? (U(!0), 0) : O - 1);
     }, 1e3);
-    return () => clearInterval(A);
-  }, [L, q]), fe(() => {
+    return () => clearInterval(E);
+  }, [P, q]), fe(() => {
     if (K <= 0) return;
-    const A = setInterval(() => {
+    const E = setInterval(() => {
       J((O) => O <= 1 ? 0 : O - 1);
     }, 1e3);
-    return () => clearInterval(A);
+    return () => clearInterval(E);
   }, [K]), fe(() => {
     F && !d && _();
   }, [F]);
   const Q = () => {
-    l && (B(!0), S(l.testDurationSec), w(0), x({}), T(null));
-  }, X = (A, O) => {
-    x((ke) => ({ ...ke, [A]: O }));
+    l && (B(!0), S(l.testDurationSec), x(0), b({}), R(null));
+  }, X = (E, O) => {
+    b((ke) => ({ ...ke, [E]: O }));
   }, W = te(async () => {
     try {
-      const A = await n.getAppropriatenessTest(e);
-      if (s(A), A.waitTimeSpanForNextTry && A.waitTimeSpanForNextTry !== "00:00:00") {
-        const O = Kt(A.waitTimeSpanForNextTry);
+      const E = await n.getAppropriatenessTest(e);
+      if (s(E), E.waitTimeSpanForNextTry && E.waitTimeSpanForNextTry !== "00:00:00") {
+        const O = Kt(E.waitTimeSpanForNextTry);
         O > 0 && J(O);
       }
     } catch {
     }
-  }, [e, n]), _ = async (A) => {
+  }, [e, n]), _ = async (E) => {
     if (l) {
       if (!F) {
-        const O = l.appropriatenessQuestions.length - Object.keys(I).length;
+        const O = l.appropriatenessQuestions.length - Object.keys(L).length;
         if (O > 0) {
-          T(a("appropriatenessTest.answerAllQuestions", { remaining: O }));
+          R(a("appropriatenessTest.answerAllQuestions", { remaining: O }));
           return;
         }
       }
-      y(!0), T(null);
+      y(!0), R(null);
       try {
         const O = l.appropriatenessQuestions.map(
-          (se) => ({ appropriatenessQuestionId: se.id, value: I[se.id] || "" })
+          (se) => ({ appropriatenessQuestionId: se.id, value: L[se.id] || "" })
         ), ke = {
           applicantId: e,
           appropriatenessTestId: l.id,
@@ -9849,13 +9849,13 @@ const ma = ({
             throw se;
         }
       } catch (O) {
-        T(O.message || a("appropriatenessTest.failedToSubmit")), oe();
+        R(O.message || a("appropriatenessTest.failedToSubmit")), oe();
       } finally {
         y(!1);
       }
     }
   }, oe = () => {
-    B(!1), U(!1), x({}), w(0);
+    B(!1), U(!1), b({}), x(0);
   };
   if (p)
     return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", padding: "48px 0", gap: "16px" }, children: [
@@ -9865,9 +9865,9 @@ const ma = ({
   if (!l)
     return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { style: { textAlign: "center", padding: "48px 0" }, children: [
       /* @__PURE__ */ r("p", { style: { fontSize: "16px", fontWeight: 600, color: "var(--metakyc-danger, #ef4444)" }, children: a("appropriatenessTest.noTestData") }),
-      v && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "8px" }, children: v })
+      h && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "8px" }, children: h })
     ] }) }) });
-  const H = l.testAllowedMaxTry - l.totalFailedTries, Me = l.appropriatenessQuestions.length, pe = Object.keys(I).length;
+  const H = l.testAllowedMaxTry - l.totalFailedTries, Me = l.appropriatenessQuestions.length, pe = Object.keys(L).length;
   if (K > 0)
     return /* @__PURE__ */ o(re, { children: [
       /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: l.displayName }) }),
@@ -9889,18 +9889,18 @@ const ma = ({
         }, children: Ct(K) }) }),
         /* @__PURE__ */ r("p", { style: { fontSize: "15px", fontWeight: 500, color: "var(--metakyc-text-primary, #111827)" }, children: a("appropriatenessTest.waitBeforeRetrying") }),
         /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "4px" }, children: a("appropriatenessTest.waitTimerMessage") }),
-        v && /* @__PURE__ */ r("div", { style: {
+        h && /* @__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: v }) })
+        }, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: h }) })
       ] }) })
     ] });
-  if (R) {
-    const A = () => {
-      V(null), oe(), T(null);
+  if (z) {
+    const E = () => {
+      V(null), oe(), R(null);
     };
     return /* @__PURE__ */ o(re, { children: [
       /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { style: {
@@ -9918,8 +9918,8 @@ const ma = ({
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          backgroundColor: R.success ? "color-mix(in srgb, var(--metakyc-success, #10b981) 12%, transparent)" : "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)"
-        }, children: R.success ? /* @__PURE__ */ o("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-success, #10b981)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+          backgroundColor: z.success ? "color-mix(in srgb, var(--metakyc-success, #10b981) 12%, transparent)" : "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)"
+        }, children: z.success ? /* @__PURE__ */ o("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-success, #10b981)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
           /* @__PURE__ */ r("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
           /* @__PURE__ */ r("polyline", { points: "22 4 12 14.01 9 11.01" })
         ] }) : /* @__PURE__ */ o("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -9930,9 +9930,9 @@ const ma = ({
         /* @__PURE__ */ r("h2", { style: {
           fontSize: "20px",
           fontWeight: 700,
-          color: R.success ? "var(--metakyc-success, #10b981)" : "var(--metakyc-danger, #ef4444)",
+          color: z.success ? "var(--metakyc-success, #10b981)" : "var(--metakyc-danger, #ef4444)",
           margin: 0
-        }, children: R.success ? a("appropriatenessTest.testPassed") : a("appropriatenessTest.testFailed") }),
+        }, children: z.success ? a("appropriatenessTest.testPassed") : a("appropriatenessTest.testFailed") }),
         /* @__PURE__ */ r("p", { style: {
           fontSize: "14px",
           color: "var(--metakyc-text-secondary, #6b7280)",
@@ -9940,8 +9940,8 @@ const ma = ({
           lineHeight: 1.6,
           maxWidth: "400px",
           whiteSpace: "pre-line"
-        }, children: R.message }),
-        !R.success && H > 0 && /* @__PURE__ */ r("div", { style: {
+        }, children: z.message }),
+        !z.success && H > 0 && /* @__PURE__ */ r("div", { style: {
           marginTop: "4px",
           padding: "10px 20px",
           borderRadius: "10px",
@@ -9952,7 +9952,7 @@ const ma = ({
           color: "var(--metakyc-text-muted, #9ca3af)",
           margin: 0
         }, children: a("appropriatenessTest.attemptsRemaining", { count: H }) }) }),
-        !R.success && H <= 0 && /* @__PURE__ */ r("div", { style: {
+        !z.success && H <= 0 && /* @__PURE__ */ r("div", { style: {
           marginTop: "4px",
           padding: "10px 20px",
           borderRadius: "10px",
@@ -9964,14 +9964,14 @@ const ma = ({
           margin: 0
         }, children: a("appropriatenessTest.noAttemptsRemaining") }) })
       ] }) }),
-      /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", width: "100%", gap: "12px" }, children: R.success ? /* @__PURE__ */ r(G, { type: "button", onClick: () => t == null ? void 0 : t(), children: a("common.continue") }) : /* @__PURE__ */ o(ut, { children: [
-        H > 0 && K <= 0 && /* @__PURE__ */ r(G, { type: "button", onClick: A, children: a("appropriatenessTest.retakeTest") }),
-        H > 0 && K > 0 && /* @__PURE__ */ r(G, { type: "button", onClick: A, children: a("appropriatenessTest.ok") }),
+      /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", width: "100%", gap: "12px" }, children: z.success ? /* @__PURE__ */ r(G, { type: "button", onClick: () => t == null ? void 0 : t(), children: a("common.continue") }) : /* @__PURE__ */ o(ut, { children: [
+        H > 0 && K <= 0 && /* @__PURE__ */ r(G, { type: "button", onClick: E, children: a("appropriatenessTest.retakeTest") }),
+        H > 0 && K > 0 && /* @__PURE__ */ r(G, { type: "button", onClick: E, children: a("appropriatenessTest.ok") }),
         H <= 0 && i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") })
       ] }) }) })
     ] });
   }
-  if (!L)
+  if (!P)
     return /* @__PURE__ */ o(re, { children: [
       /* @__PURE__ */ o(Ne, { children: [
         /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: l.displayName }),
@@ -10008,7 +10008,7 @@ const ma = ({
             }
           )
         ] }),
-        v && /* @__PURE__ */ o("div", { style: {
+        h && /* @__PURE__ */ o("div", { style: {
           marginBottom: "16px",
           padding: "12px 14px",
           borderRadius: "10px",
@@ -10025,7 +10025,7 @@ const ma = ({
           /* @__PURE__ */ o("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0, lineHeight: 1.5 }, children: [
             /* @__PURE__ */ r("strong", { children: a("appropriatenessTest.previousAttempt") }),
             " ",
-            v
+            h
           ] })
         ] }),
         H <= 0 && /* @__PURE__ */ r("div", { style: {
@@ -10040,7 +10040,7 @@ const ma = ({
         /* @__PURE__ */ r(G, { type: "button", onClick: Q, disabled: H <= 0, children: a("appropriatenessTest.startTest") })
       ] }) })
     ] });
-  const ge = l.appropriatenessQuestions[ae], xe = ae === Me - 1, me = pe === Me, P = q <= 60;
+  const ge = l.appropriatenessQuestions[ae], xe = ae === Me - 1, me = pe === Me, D = q <= 60;
   return /* @__PURE__ */ o(re, { children: [
     /* @__PURE__ */ o(Ne, { children: [
       /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
@@ -10054,7 +10054,7 @@ const ma = ({
           gap: "8px",
           padding: "6px 14px",
           borderRadius: "999px",
-          backgroundColor: P ? "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)" : "var(--metakyc-surface, #f3f4f6)",
+          backgroundColor: D ? "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)" : "var(--metakyc-surface, #f3f4f6)",
           transition: "all 0.3s ease"
         }, children: [
           /* @__PURE__ */ o(
@@ -10064,7 +10064,7 @@ const ma = ({
               height: "16",
               viewBox: "0 0 24 24",
               fill: "none",
-              stroke: P ? "var(--metakyc-danger, #ef4444)" : "var(--metakyc-text-muted, #9ca3af)",
+              stroke: D ? "var(--metakyc-danger, #ef4444)" : "var(--metakyc-text-muted, #9ca3af)",
               strokeWidth: "2",
               strokeLinecap: "round",
               strokeLinejoin: "round",
@@ -10078,7 +10078,7 @@ const ma = ({
             fontSize: "16px",
             fontWeight: 700,
             fontVariantNumeric: "tabular-nums",
-            color: P ? "var(--metakyc-danger, #ef4444)" : "var(--metakyc-text-primary, #111827)",
+            color: D ? "var(--metakyc-danger, #ef4444)" : "var(--metakyc-text-primary, #111827)",
             transition: "color 0.3s ease"
           }, children: Ct(q) })
         ] })
@@ -10120,8 +10120,8 @@ const ma = ({
         {
           question: ge,
           index: ae,
-          selectedAnswer: I[ge.id],
-          onSelect: (A) => X(ge.id, A),
+          selectedAnswer: L[ge.id],
+          onSelect: (E) => X(ge.id, E),
           disabled: d
         }
       ),
@@ -10131,18 +10131,18 @@ const ma = ({
         gap: "6px",
         marginTop: "20px",
         flexWrap: "wrap"
-      }, children: l.appropriatenessQuestions.map((A, O) => /* @__PURE__ */ r(
+      }, children: l.appropriatenessQuestions.map((E, O) => /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          onClick: () => w(O),
+          onClick: () => x(O),
           style: {
             width: "28px",
             height: "28px",
             borderRadius: "8px",
             border: O === ae ? "2px solid var(--metakyc-primary, #2563eb)" : "1px solid var(--metakyc-border, #e5e7eb)",
-            backgroundColor: I[A.id] ? O === ae ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "color-mix(in srgb, var(--metakyc-primary, #2563eb) 8%, transparent)" : O === ae ? "var(--metakyc-surface, #f9fafb)" : "var(--metakyc-background, #ffffff)",
-            color: I[A.id] ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
+            backgroundColor: L[E.id] ? O === ae ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "color-mix(in srgb, var(--metakyc-primary, #2563eb) 8%, transparent)" : O === ae ? "var(--metakyc-surface, #f9fafb)" : "var(--metakyc-background, #ffffff)",
+            color: L[E.id] ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
             fontSize: "12px",
             fontWeight: 600,
             cursor: "pointer",
@@ -10154,7 +10154,7 @@ const ma = ({
           },
           children: O + 1
         },
-        A.id
+        E.id
       )) }),
       F && /* @__PURE__ */ o("div", { style: {
         marginTop: "16px",
@@ -10172,13 +10172,13 @@ const ma = ({
         ] }),
         /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "#b45309", margin: 0, fontWeight: 500 }, children: a("appropriatenessTest.timesUp") })
       ] }),
-      v && !F && /* @__PURE__ */ r("div", { style: {
+      h && !F && /* @__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: v }) })
+      }, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: h }) })
     ] }),
     /* @__PURE__ */ r(Te, { children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
       /* @__PURE__ */ r(
@@ -10187,7 +10187,7 @@ const ma = ({
           type: "button",
           variant: "outline",
           onClick: () => {
-            ae > 0 ? w((A) => A - 1) : i == null || i();
+            ae > 0 ? x((E) => E - 1) : i == null || i();
           },
           disabled: d,
           children: ae > 0 ? a("common.previous") : a("common.cancel")
@@ -10198,7 +10198,7 @@ const ma = ({
           G,
           {
             type: "button",
-            onClick: () => w((A) => A + 1),
+            onClick: () => x((E) => E + 1),
             children: a("common.next")
           }
         ),
@@ -10348,8 +10348,8 @@ const ma = ({
   onBack: i
 }) => {
   var rt, Ke, ct, Xe;
-  const { t: a } = Re(), { applicantService: n, baseInformationService: l, identityService: s, config: p, currentTheme: u } = Oe(), { identityData: d, provider: y, token: v, isLoading: T, error: I, requestIdentity: x, restartIdentity: q } = Pi(e), [S, L] = b(null), [B, F] = b(null), [U, K] = b([]), [J, ae] = b([]), [w, R] = b(!0), [V, Q] = b(!1), [X, W] = b(null), [_, oe] = b(!1), H = Ce.useRef(!1), [Me, pe] = b({}), [ge, xe] = b({}), me = u != null && u.reviewPageFields && u.reviewPageFields.length > 0 ? u.reviewPageFields[0] : null, P = !!(u != null && u.reviewPageDisabled), A = de(!1);
-  A.current = P;
+  const { t: a } = Re(), { applicantService: n, baseInformationService: l, identityService: s, config: p, currentTheme: m } = Oe(), { identityData: d, provider: y, token: h, isLoading: R, error: L, requestIdentity: b, restartIdentity: q } = Pi(e), [S, P] = v(null), [B, F] = v(null), [U, K] = v([]), [J, ae] = v([]), [x, z] = v(!0), [V, Q] = v(!1), [X, W] = v(null), [_, oe] = v(!1), H = Ce.useRef(!1), [Me, pe] = v({}), [ge, xe] = v({}), me = m != null && m.reviewPageFields && m.reviewPageFields.length > 0 ? m.reviewPageFields[0] : null, D = !!(m != null && m.reviewPageDisabled), E = de(!1);
+  E.current = D;
   const O = mr({
     defaultValues: {
       street: "",
@@ -10362,8 +10362,8 @@ const ma = ({
     }
   });
   fe(() => {
-    if (P) {
-      H.current || (H.current = !0, x().then(() => Q(!0)).catch((M) => console.error("[Identity] Auto-request failed:", M)).finally(() => R(!1)));
+    if (D) {
+      H.current || (H.current = !0, b().then(() => Q(!0)).catch((M) => console.error("[Identity] Auto-request failed:", M)).finally(() => z(!1)));
       return;
     }
     (async () => {
@@ -10377,43 +10377,43 @@ const ma = ({
         F(M);
         const ee = /* @__PURE__ */ new Set(), g = $.map((k) => ({ value: k.abbreviation3 || k.abbreviation, label: k.name })).filter((k) => !k.value || ee.has(k.value) ? !1 : (ee.add(k.value), !0));
         K(g);
-        const z = /* @__PURE__ */ new Set(), E = Y.filter((k) => k.countryCode).map((k) => ({ value: k.countryCode, label: `${k.countryCode} – ${k.name}` })).filter((k) => z.has(k.value) ? !1 : (z.add(k.value), !0));
-        ae(E);
-        const m = M.applicantRequestData;
+        const A = /* @__PURE__ */ new Set(), w = Y.filter((k) => k.countryCode).map((k) => ({ value: k.countryCode, label: `${k.countryCode} – ${k.name}` })).filter((k) => A.has(k.value) ? !1 : (A.add(k.value), !0));
+        ae(w);
+        const u = M.applicantRequestData;
         if (pe({
-          firstName: (m == null ? void 0 : m.firstName) || "",
-          lastName: (m == null ? void 0 : m.lastName) || "",
-          email: (m == null ? void 0 : m.email) || "",
-          dateOfBirth: (m == null ? void 0 : m.dateOfBirth) || "",
-          title: (m == null ? void 0 : m.title) || "",
-          salutation: (m == null ? void 0 : m.salutation) || "",
-          phonenumber: (m == null ? void 0 : m.phonenumber) || "",
-          mobileCountryCode: (m == null ? void 0 : m.mobileCountryCode) || "",
-          street: (m == null ? void 0 : m.street) || "",
-          streetNumber: (m == null ? void 0 : m.streetNumber) || "",
-          city: (m == null ? void 0 : m.city) || "",
-          zip: (m == null ? void 0 : m.zip) || "",
-          country: (m == null ? void 0 : m.country) || "",
-          nationality: (m == null ? void 0 : m.nationality) || "",
-          taxCountry: (m == null ? void 0 : m.taxCountry) || "",
-          countryOfBirth: (m == null ? void 0 : m.countryOfBirth) || "",
-          placeOfBirth: (m == null ? void 0 : m.placeOfBirth) || "",
-          educationLevel: (m == null ? void 0 : m.educationLevel) || "",
-          occupation: (m == null ? void 0 : m.occupation) || "",
-          taxNumber: (m == null ? void 0 : m.taxNumber) || "",
-          defaultLanguage: (m == null ? void 0 : m.defaultLanguage) || ""
+          firstName: (u == null ? void 0 : u.firstName) || "",
+          lastName: (u == null ? void 0 : u.lastName) || "",
+          email: (u == null ? void 0 : u.email) || "",
+          dateOfBirth: (u == null ? void 0 : u.dateOfBirth) || "",
+          title: (u == null ? void 0 : u.title) || "",
+          salutation: (u == null ? void 0 : u.salutation) || "",
+          phonenumber: (u == null ? void 0 : u.phonenumber) || "",
+          mobileCountryCode: (u == null ? void 0 : u.mobileCountryCode) || "",
+          street: (u == null ? void 0 : u.street) || "",
+          streetNumber: (u == null ? void 0 : u.streetNumber) || "",
+          city: (u == null ? void 0 : u.city) || "",
+          zip: (u == null ? void 0 : u.zip) || "",
+          country: (u == null ? void 0 : u.country) || "",
+          nationality: (u == null ? void 0 : u.nationality) || "",
+          taxCountry: (u == null ? void 0 : u.taxCountry) || "",
+          countryOfBirth: (u == null ? void 0 : u.countryOfBirth) || "",
+          placeOfBirth: (u == null ? void 0 : u.placeOfBirth) || "",
+          educationLevel: (u == null ? void 0 : u.educationLevel) || "",
+          occupation: (u == null ? void 0 : u.occupation) || "",
+          taxNumber: (u == null ? void 0 : u.taxNumber) || "",
+          defaultLanguage: (u == null ? void 0 : u.defaultLanguage) || ""
         }), O.reset({
-          street: (m == null ? void 0 : m.street) || "",
-          streetNumber: (m == null ? void 0 : m.streetNumber) || "",
-          city: (m == null ? void 0 : m.city) || "",
-          zip: (m == null ? void 0 : m.zip) || "",
-          country: (m == null ? void 0 : m.country) || "",
-          nationality: (m == null ? void 0 : m.nationality) || "",
-          phonenumber: (m == null ? void 0 : m.phonenumber) || ""
-        }), M.kycRecords && M.kycRecords.length > 0 && M.kycRecords[0].providerTokenObject !== null && !H.current && A.current) {
+          street: (u == null ? void 0 : u.street) || "",
+          streetNumber: (u == null ? void 0 : u.streetNumber) || "",
+          city: (u == null ? void 0 : u.city) || "",
+          zip: (u == null ? void 0 : u.zip) || "",
+          country: (u == null ? void 0 : u.country) || "",
+          nationality: (u == null ? void 0 : u.nationality) || "",
+          phonenumber: (u == null ? void 0 : u.phonenumber) || ""
+        }), M.kycRecords && M.kycRecords.length > 0 && M.kycRecords[0].providerTokenObject !== null && !H.current && E.current) {
           console.log("[Identity] Review page disabled + existing identity — auto-requesting..."), H.current = !0;
           try {
-            await x(), Q(!0);
+            await b(), Q(!0);
           } catch (k) {
             console.error("[Identity] Auto-request failed:", k);
           }
@@ -10421,23 +10421,23 @@ const ma = ({
       } catch (M) {
         console.error("Error loading applicant data:", M);
       } finally {
-        R(!1);
+        z(!1);
       }
     })();
   }, [e]), fe(() => {
-    d && !V && A.current && (console.log("[Identity] Review page disabled — showing cached provider"), Q(!0));
+    d && !V && E.current && (console.log("[Identity] Review page disabled — showing cached provider"), Q(!0));
   }, [d, V]), fe(() => {
-    if (v) {
-      if (v.expiresAt) {
-        const f = new Date(v.expiresAt).getTime();
+    if (h) {
+      if (h.expiresAt) {
+        const f = new Date(h.expiresAt).getTime();
         if (Date.now() >= f) {
           console.warn("[Identity] Token has expired (expiresAt)"), oe(!0), W(a("identity.sessionExpired"));
           return;
         }
       }
-      if (v.url)
+      if (h.url)
         try {
-          const M = new URL(v.url).toString().toLowerCase();
+          const M = new URL(h.url).toString().toLowerCase();
           if (M.includes("expired") || M.includes("invalid") || M.includes("error")) {
             console.warn("[Identity] Token URL indicates expiration"), oe(!0), W(a("identity.linkExpired"));
             return;
@@ -10445,46 +10445,46 @@ const ma = ({
         } catch {
           console.error("[Identity] Invalid token URL");
         }
-      if (v.status === "expired" || v.error === "expired" || v.expired === !0) {
+      if (h.status === "expired" || h.error === "expired" || h.expired === !0) {
         console.warn("[Identity] Token object indicates expiration"), oe(!0), W(a("identity.sessionExpired"));
         return;
       }
     }
-  }, [v]);
+  }, [h]);
   const ke = y !== null && y === Be.Sumsub;
   fe(() => {
-    if (y !== null && v && !S && V && !_) {
+    if (y !== null && h && !S && V && !_) {
       const f = y;
       if (ke) {
         console.log("[Sumsub] Fetching access token for Web SDK…"), W(null), (async () => {
           try {
-            const M = await s.refreshSumsubToken(e), $ = et.parseProviderConfig(y, v, p);
+            const M = await s.refreshSumsubToken(e), $ = et.parseProviderConfig(y, h, p);
             $.accessToken = M, $.onTokenRefresh = () => s.refreshSumsubToken(e);
             const Y = et.createProvider(y, $);
             Y.onComplete((ee) => {
               console.log("[Sumsub] Verification complete:", ee), t == null || t();
             }), Y.onError((ee) => {
               console.error("[Sumsub] SDK error:", ee), (typeof ee == "string" ? ee : (ee == null ? void 0 : ee.message) || "Unknown error").toLowerCase().includes("expired") && (oe(!0), W(a("identity.sessionExpiredRestart")));
-            }), await Y.initialize("sumsub-websdk-container"), console.log("[Sumsub] Web SDK launched"), L(Y);
+            }), await Y.initialize("sumsub-websdk-container"), console.log("[Sumsub] Web SDK launched"), P(Y);
           } catch (M) {
             console.error("[Sumsub] Initialization error:", M), W(a("identity.failedToInitialize", { message: M.message || M })), String(M.message || M).toLowerCase().includes("expired") && oe(!0);
           }
         })();
         return;
       }
-      if (v.url) {
-        console.log("[Identity] Loading provider URL for user verification:", v.url), W(null);
+      if (h.url) {
+        console.log("[Identity] Loading provider URL for user verification:", h.url), W(null);
         try {
-          if (new URL(v.url), f === Be.SardinAI) {
+          if (new URL(h.url), f === Be.SardinAI) {
             console.log("[SardinAI] Initializing Risk SDK in background...");
             try {
-              const M = et.parseProviderConfig(y, v, p);
+              const M = et.parseProviderConfig(y, h, p);
               et.createProvider(y, M).initialize().then(() => console.log("[SardinAI] Risk SDK initialized in background")).catch((Y) => console.warn("[SardinAI] Risk SDK init failed (non-blocking):", Y));
             } catch (M) {
               console.warn("[SardinAI] Risk SDK setup failed (non-blocking):", M);
             }
           }
-          L({ type: "url", url: v.url });
+          P({ type: "url", url: h.url });
         } catch (M) {
           console.error("[Identity] Invalid URL:", M), W(a("identity.invalidUrl")), oe(!0);
         }
@@ -10493,9 +10493,9 @@ const ma = ({
       if (f === Be.SardinAI) {
         console.log("[SardinAI] No URL provided - initializing Risk SDK only..."), W(null);
         try {
-          const M = et.parseProviderConfig(y, v, p), $ = et.createProvider(y, M);
+          const M = et.parseProviderConfig(y, h, p), $ = et.createProvider(y, M);
           $.initialize().then(() => {
-            console.log("[SardinAI] Risk SDK initialized successfully"), L($), setTimeout(() => t == null ? void 0 : t(), 2e3);
+            console.log("[SardinAI] Risk SDK initialized successfully"), P($), setTimeout(() => t == null ? void 0 : t(), 2e3);
           }).catch((Y) => {
             var g;
             console.error("[SardinAI] Failed to initialize:", Y);
@@ -10509,10 +10509,10 @@ const ma = ({
       }
       try {
         W(null);
-        const M = et.parseProviderConfig(y, v, p), $ = et.createProvider(y, M);
+        const M = et.parseProviderConfig(y, h, p), $ = et.createProvider(y, M);
         f === Be.Onfido && $.initialize("identity-container").catch((Y) => {
           console.error("[Onfido] Initialization error:", Y), W(a("identity.failedToInitialize", { message: Y.message }));
-        }), L($);
+        }), P($);
       } catch (M) {
         console.error("[Identity] Provider setup error:", M), W(a("identity.setupError", { message: M.message }));
       }
@@ -10525,29 +10525,29 @@ const ma = ({
           console.error("[Identity] Error destroying provider:", f);
         }
     };
-  }, [y, v, S, V, t, _, ke, e, p, s]);
+  }, [y, h, S, V, t, _, ke, e, p, s]);
   const se = async () => {
     try {
-      W(null), oe(!1), await x(), Q(!0);
+      W(null), oe(!1), await b(), Q(!0);
     } catch (f) {
       console.error("Error starting identity verification:", f);
     }
-  }, D = async () => {
+  }, j = async () => {
     try {
-      W(null), oe(!1), L(null), console.log("[Identity] Restarting verification..."), await q(), Q(!0);
+      W(null), oe(!1), P(null), console.log("[Identity] Restarting verification..."), await q(), Q(!0);
     } catch (f) {
       console.error("Error restarting identity verification:", f), W(f.message || a("identity.failedToRestart"));
     }
   };
-  if (w || T)
+  if (x || R)
     return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
       /* @__PURE__ */ r(Ve, { className: "my-8" }),
       /* @__PURE__ */ r("p", { className: "text-center text-gray-600 dark:text-gray-400 mt-4", children: a("identity.loadingIdentity") })
     ] }) });
-  if (I)
+  if (L)
     return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
       "Error: ",
-      I.message
+      L.message
     ] }) }) });
   if (V && (X || _))
     return /* @__PURE__ */ o(re, { children: [
@@ -10588,7 +10588,7 @@ const ma = ({
       ] }),
       /* @__PURE__ */ o(Te, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
         i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") }),
-        /* @__PURE__ */ r(G, { type: "button", onClick: D, disabled: T, children: a(T ? "identity.restarting" : "identity.restartVerification") })
+        /* @__PURE__ */ r(G, { type: "button", onClick: j, disabled: R, children: a(R ? "identity.restarting" : "identity.restartVerification") })
       ] })
     ] });
   if (V && d) {
@@ -10623,8 +10623,8 @@ const ma = ({
           "button",
           {
             type: "button",
-            onClick: D,
-            disabled: T,
+            onClick: j,
+            disabled: R,
             style: {
               padding: "6px 14px",
               fontSize: "13px",
@@ -10633,10 +10633,10 @@ const ma = ({
               border: "1px solid var(--metakyc-border, #d1d5db)",
               background: "var(--metakyc-background, #ffffff)",
               color: "var(--metakyc-text-primary, #111827)",
-              cursor: T ? "not-allowed" : "pointer",
-              opacity: T ? 0.5 : 1
+              cursor: R ? "not-allowed" : "pointer",
+              opacity: R ? 0.5 : 1
             },
-            children: a(T ? "identity.restarting" : "identity.restart")
+            children: a(R ? "identity.restarting" : "identity.restart")
           }
         )
       ] }),
@@ -10656,7 +10656,7 @@ const ma = ({
         padding: "16px 24px",
         borderTop: "1px solid var(--metakyc-border, #e5e7eb)"
       }, children: /* @__PURE__ */ r(G, { variant: "outline", onClick: i, children: a("common.back") }) })
-    ] }) : v != null && v.url ? /* @__PURE__ */ o(re, { children: [
+    ] }) : h != null && h.url ? /* @__PURE__ */ o(re, { children: [
       /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ o("div", { children: [
           /* @__PURE__ */ r("h2", { className: "text-2xl font-bold", children: a("identity.title") }),
@@ -10668,8 +10668,8 @@ const ma = ({
             type: "button",
             variant: "outline",
             size: "sm",
-            onClick: D,
-            disabled: T,
+            onClick: j,
+            disabled: R,
             children: a("identity.restart")
           }
         )
@@ -10679,7 +10679,7 @@ const ma = ({
         /* @__PURE__ */ r("div", { className: "w-full", style: { height: "600px" }, children: /* @__PURE__ */ r(
           "iframe",
           {
-            src: v.url,
+            src: h.url,
             className: "w-full h-full border-0 rounded-lg",
             allow: "camera; microphone; geolocation",
             title: "Identity Verification",
@@ -10687,10 +10687,10 @@ const ma = ({
               var $, Y, ee;
               console.log("[Identity] Iframe loaded");
               try {
-                const g = M.target, z = g.contentDocument || (($ = g.contentWindow) == null ? void 0 : $.document);
-                if (z) {
-                  const E = ((ee = (Y = z.body) == null ? void 0 : Y.textContent) == null ? void 0 : ee.toLowerCase()) || "";
-                  (E.includes("expired") || E.includes("invalid") || E.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), oe(!0), W(a("identity.linkExpired")));
+                const g = M.target, A = g.contentDocument || (($ = g.contentWindow) == null ? void 0 : $.document);
+                if (A) {
+                  const w = ((ee = (Y = A.body) == null ? void 0 : Y.textContent) == null ? void 0 : ee.toLowerCase()) || "";
+                  (w.includes("expired") || w.includes("invalid") || w.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), oe(!0), W(a("identity.linkExpired")));
                 }
               } catch {
                 console.log("[Identity] Cannot check iframe content (CORS)");
@@ -10730,7 +10730,7 @@ const ma = ({
     }
     return String(M);
   }, Ae = ({ helpText: f }) => {
-    const [M, $] = b(!1), Y = de(null), [, ee] = b({ top: 0, left: 0 });
+    const [M, $] = v(!1), Y = de(null), [, ee] = v({ top: 0, left: 0 });
     return /* @__PURE__ */ o(ut, { children: [
       /* @__PURE__ */ r(
         "button",
@@ -10740,8 +10740,8 @@ const ma = ({
           ref: Y,
           onClick: () => {
             if (Y.current) {
-              const z = Y.current.getBoundingClientRect();
-              ee({ top: z.bottom + window.scrollY + 6, left: z.left + window.scrollX });
+              const A = Y.current.getBoundingClientRect();
+              ee({ top: A.bottom + window.scrollY + 6, left: A.left + window.scrollX });
             }
             $(!0);
           },
@@ -10785,7 +10785,7 @@ const ma = ({
             children: /* @__PURE__ */ o(
               "div",
               {
-                onClick: (z) => z.stopPropagation(),
+                onClick: (A) => A.stopPropagation(),
                 style: {
                   background: "var(--metakyc-surface, var(--metakyc-background, #ffffff))",
                   border: "1px solid var(--metakyc-border, #e5e7eb)",
@@ -10871,7 +10871,7 @@ const ma = ({
             Ue,
             {
               checked: !!g,
-              onChange: (z) => xe((E) => ({ ...E, [Y]: String(z) })),
+              onChange: (A) => xe((w) => ({ ...w, [Y]: String(A) })),
               style: { marginTop: 2 }
             }
           ),
@@ -10884,26 +10884,26 @@ const ma = ({
       ) }, $);
     }
     if (f.customType === "group_checkbox") {
-      const g = Array.isArray(ee) ? ee : ee ? [ee] : [], z = (E) => {
-        f.singleSelect ? xe((m) => ({ ...m, [Y]: g[0] === E ? [] : [E] })) : xe((m) => ({
-          ...m,
-          [Y]: g.includes(E) ? g.filter((c) => c !== E) : [...g, E]
+      const g = Array.isArray(ee) ? ee : ee ? [ee] : [], A = (w) => {
+        f.singleSelect ? xe((u) => ({ ...u, [Y]: g[0] === w ? [] : [w] })) : xe((u) => ({
+          ...u,
+          [Y]: g.includes(w) ? g.filter((c) => c !== w) : [...g, w]
         }));
       };
       return /* @__PURE__ */ r("div", { style: Z(f.colSpan), children: ze(
         /* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
           f.label && /* @__PURE__ */ r("p", { className: "text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: f.displayText || f.label }),
-          (f.options || []).map((E) => /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
+          (f.options || []).map((w) => /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
             /* @__PURE__ */ r(
               Ue,
               {
-                checked: g.includes(E.value),
-                onChange: () => z(E.value),
+                checked: g.includes(w.value),
+                onChange: () => A(w.value),
                 style: { marginTop: 2 }
               }
             ),
-            /* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: E.label })
-          ] }, E.value))
+            /* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: w.label })
+          ] }, w.value))
         ] }),
         f.helpText
       ) }, $);
@@ -10919,7 +10919,7 @@ const ma = ({
               name: `rg-${Y}`,
               value: g.value,
               checked: ee === g.value,
-              onChange: () => xe((z) => ({ ...z, [Y]: g.value })),
+              onChange: () => xe((A) => ({ ...A, [Y]: g.value })),
               style: { width: 16, height: 16, flexShrink: 0, marginTop: 2, accentColor: "var(--metakyc-primary, #6366f1)" }
             }
           ),
@@ -10933,32 +10933,32 @@ const ma = ({
         {
           label: f.displayText || f.label || Y,
           value: String(ee ?? ""),
-          onChange: (g) => xe((z) => ({ ...z, [Y]: g.target.value }))
+          onChange: (g) => xe((A) => ({ ...A, [Y]: g.target.value }))
         }
       ),
       f.helpText
     ) }, $);
   }, lt = (f, M) => {
     if (f.isCustom) return We(f, M);
-    const $ = f.name ?? "", Y = st[$], ee = f.displayText || (Y == null ? void 0 : Y.label) || $, g = Me[$] ?? "", z = $ === "mobileCountryCode", E = !!(Y != null && Y.countriesType) && !z;
-    return f.editable ? z ? /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children: ze(
+    const $ = f.name ?? "", Y = st[$], ee = f.displayText || (Y == null ? void 0 : Y.label) || $, g = Me[$] ?? "", A = $ === "mobileCountryCode", w = !!(Y != null && Y.countriesType) && !A;
+    return f.editable ? A ? /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children: ze(
       /* @__PURE__ */ r(
         Ge,
         {
           label: ee,
           value: String(g),
-          onChange: (m) => pe((c) => ({ ...c, [$]: m })),
+          onChange: (u) => pe((c) => ({ ...c, [$]: u })),
           options: [{ value: "", label: a("placeholders.selectCountryCode") }, ...J]
         }
       ),
       f.helpText
-    ) }, `epc-${M}`) : E ? /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children: ze(
+    ) }, `epc-${M}`) : w ? /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children: ze(
       /* @__PURE__ */ r(
         Ge,
         {
           label: ee,
           value: String(g),
-          onChange: (m) => pe((c) => ({ ...c, [$]: m })),
+          onChange: (u) => pe((c) => ({ ...c, [$]: u })),
           options: [{ value: "", label: a("common.select") }, ...U]
         }
       ),
@@ -10970,7 +10970,7 @@ const ma = ({
           label: ee,
           type: (Y == null ? void 0 : Y.type) === "date" ? "date" : (Y == null ? void 0 : Y.type) === "email" ? "email" : "text",
           value: String(g),
-          onChange: (m) => pe((c) => ({ ...c, [$]: m.target.value }))
+          onChange: (u) => pe((c) => ({ ...c, [$]: u.target.value }))
         }
       ),
       f.helpText
@@ -10994,7 +10994,7 @@ const ma = ({
       /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: me.fields.map(($, Y) => lt($, Y)) }) }),
       /* @__PURE__ */ o(Te, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
         i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") }),
-        /* @__PURE__ */ r(G, { type: "submit", isLoading: T, children: a("identity.confirmAndStart") })
+        /* @__PURE__ */ r(G, { type: "submit", isLoading: R, children: a("identity.confirmAndStart") })
       ] })
     ] }) });
   }
@@ -11061,7 +11061,7 @@ const ma = ({
     ] }),
     /* @__PURE__ */ o(Te, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
       i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") }),
-      /* @__PURE__ */ r(G, { type: "submit", isLoading: T, children: a("identity.confirmAndStart") })
+      /* @__PURE__ */ r(G, { type: "submit", isLoading: R, children: a("identity.confirmAndStart") })
     ] })
   ] }) });
 }, Yt = ({
@@ -11072,7 +11072,7 @@ const ma = ({
   onContinue: n,
   onContactSupport: l
 }) => {
-  const { t: s } = Re(), u = e === nt.Approved ? {
+  const { t: s } = Re(), m = e === nt.Approved ? {
     type: "success",
     title: s("status.verificationApproved"),
     icon: "✓",
@@ -11148,20 +11148,20 @@ const ma = ({
       /* @__PURE__ */ r("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ r(
         "div",
         {
-          className: `w-24 h-24 rounded-full flex items-center justify-center ${u.iconBg}`,
-          children: /* @__PURE__ */ r("span", { className: `text-5xl ${u.iconColor}`, children: u.icon })
+          className: `w-24 h-24 rounded-full flex items-center justify-center ${m.iconBg}`,
+          children: /* @__PURE__ */ r("span", { className: `text-5xl ${m.iconColor}`, children: m.icon })
         }
       ) }),
-      /* @__PURE__ */ r("h2", { className: "text-3xl font-bold text-center mb-4", style: { color: "var(--metakyc-text-primary, #111827)" }, children: u.title }),
+      /* @__PURE__ */ r("h2", { className: "text-3xl font-bold text-center mb-4", style: { color: "var(--metakyc-text-primary, #111827)" }, children: m.title }),
       /* @__PURE__ */ r("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ r(
         rr,
         {
-          variant: u.type === "success" ? "success" : u.type === "error" ? "danger" : u.type === "pending" ? "warning" : "info",
+          variant: m.type === "success" ? "success" : m.type === "error" ? "danger" : m.type === "pending" ? "warning" : "info",
           children: e != null ? nt[e] : ot[t]
         }
       ) }),
-      /* @__PURE__ */ r("p", { className: "text-center mb-6 max-w-md mx-auto", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a || u.message }),
-      u.type === "success" && /* @__PURE__ */ o("div", { className: "bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 mb-6", children: [
+      /* @__PURE__ */ r("p", { className: "text-center mb-6 max-w-md mx-auto", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a || m.message }),
+      m.type === "success" && /* @__PURE__ */ o("div", { className: "bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 mb-6", children: [
         /* @__PURE__ */ r("h3", { className: "font-semibold text-green-900 dark:text-green-100 mb-2", children: s("status.whatsNext") }),
         /* @__PURE__ */ o("ul", { className: "text-sm text-green-800 dark:text-green-200 space-y-1", children: [
           /* @__PURE__ */ o("li", { children: [
@@ -11178,7 +11178,7 @@ const ma = ({
           ] })
         ] })
       ] }),
-      u.type === "error" && /* @__PURE__ */ o("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mb-6", children: [
+      m.type === "error" && /* @__PURE__ */ o("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mb-6", children: [
         /* @__PURE__ */ r("h3", { className: "font-semibold text-red-900 dark:text-red-100 mb-2", children: s("status.whatCanYouDo") }),
         /* @__PURE__ */ o("ul", { className: "text-sm text-red-800 dark:text-red-200 space-y-2", children: [
           /* @__PURE__ */ o("li", { children: [
@@ -11195,7 +11195,7 @@ const ma = ({
           ] })
         ] })
       ] }),
-      u.type === "pending" && /* @__PURE__ */ o("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4 mb-6", children: [
+      m.type === "pending" && /* @__PURE__ */ o("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4 mb-6", children: [
         /* @__PURE__ */ r("h3", { className: "font-semibold text-blue-900 dark:text-blue-100 mb-2", children: s("status.whatHappensNext") }),
         /* @__PURE__ */ o("ul", { className: "text-sm text-blue-800 dark:text-blue-200 space-y-2", children: [
           /* @__PURE__ */ o("li", { children: [
@@ -11224,12 +11224,12 @@ const ma = ({
       ] }) })
     ] }),
     /* @__PURE__ */ o(Te, { style: { display: "flex", justifyContent: "center", gap: "1rem" }, children: [
-      u.type === "success" && n && /* @__PURE__ */ r(G, { onClick: n, size: "lg", children: s("common.continue") }),
-      u.type === "error" && /* @__PURE__ */ o(ut, { children: [
+      m.type === "success" && n && /* @__PURE__ */ r(G, { onClick: n, size: "lg", children: s("common.continue") }),
+      m.type === "error" && /* @__PURE__ */ o(ut, { children: [
         l && /* @__PURE__ */ r(G, { variant: "outline", onClick: l, children: s("status.contactSupport") }),
         n && /* @__PURE__ */ r(G, { onClick: n, children: s("status.tryAgain") })
       ] }),
-      u.type === "pending" && /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: s("status.checkBackLater") }) })
+      m.type === "pending" && /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: s("status.checkBackLater") }) })
     ] })
   ] });
 }, ya = ({ config: e, className: t = "" }) => {
@@ -11255,16 +11255,16 @@ const ma = ({
   subtitle: t,
   className: i = ""
 }) => {
-  const { currentTheme: a } = Oe(), { t: n } = Re(), l = e || (a == null ? void 0 : a.title) || "", s = ve(l, n), p = ve(t, n), u = !!(a != null && a.logo && a.logo.visible && a.logo.url), d = !!s;
-  return !u && !d ? null : /* @__PURE__ */ o("div", { className: `metakyc-header ${i}`, children: [
+  const { currentTheme: a } = Oe(), { t: n } = Re(), l = e || (a == null ? void 0 : a.title) || "", s = ve(l, n), p = ve(t, n), m = !!(a != null && a.logo && a.logo.visible && a.logo.url), d = !!s;
+  return !m && !d ? null : /* @__PURE__ */ o("div", { className: `metakyc-header ${i}`, children: [
     /* @__PURE__ */ o(
       "div",
       {
         className: "metakyc-header-title flex items-center text-xl font-bold",
         style: { color: "var(--metakyc-text-primary, #111827)" },
         children: [
-          u && /* @__PURE__ */ r(ya, { config: a.logo }),
-          u && d && /* @__PURE__ */ r(
+          m && /* @__PURE__ */ r(ya, { config: a.logo }),
+          m && d && /* @__PURE__ */ r(
             "span",
             {
               style: { fontSize: "1.5rem", fontWeight: 300, color: "var(--metakyc-text-muted, #9ca3af)", margin: "0 12px" },
@@ -11420,36 +11420,36 @@ const fa = {
   onSuccess: i,
   onCancel: a
 }) => {
-  var $, Y, ee, g, z, E, m;
-  const { config: n, baseInformationService: l, currentTheme: s } = Oe(), { createApplicant: p, isLoading: u } = tr(), { t: d } = Re(), y = e || (($ = n.applicantForm) == null ? void 0 : $.workflowKey);
+  var $, Y, ee, g, A, w, u;
+  const { config: n, baseInformationService: l, currentTheme: s } = Oe(), { createApplicant: p, isLoading: m } = tr(), { t: d } = Re(), y = e || (($ = n.applicantForm) == null ? void 0 : $.workflowKey);
   if (!y)
     throw new Error(
       "workflowKey is required. Provide it either as a prop to CreateApplicantForm or set it in config.applicantForm.workflowKey"
     );
-  const v = t || ((Y = n.applicantForm) == null ? void 0 : Y.externalRefId) || "", T = ((ee = n.applicantForm) == null ? void 0 : ee.email) || "", I = ((g = n.applicantForm) == null ? void 0 : g.hiddenValues) || {}, x = ((z = n.applicantForm) == null ? void 0 : z.initialValues) || {}, S = (((E = n.applicantForm) == null ? void 0 : E.fieldLabelMode) || (s == null ? void 0 : s.fieldLabelMode) || "label") !== "placeholder", L = Fe(
+  const h = t || ((Y = n.applicantForm) == null ? void 0 : Y.externalRefId) || "", R = ((ee = n.applicantForm) == null ? void 0 : ee.email) || "", L = ((g = n.applicantForm) == null ? void 0 : g.hiddenValues) || {}, b = ((A = n.applicantForm) == null ? void 0 : A.initialValues) || {}, S = (((w = n.applicantForm) == null ? void 0 : w.fieldLabelMode) || (s == null ? void 0 : s.fieldLabelMode) || "label") !== "placeholder", P = Fe(
     () => s != null && s.applicantFormPages && s.applicantFormPages.length > 0 ? s.applicantFormPages : null,
     [s == null ? void 0 : s.applicantFormPages]
   ), B = Fe(() => {
     const c = new Set(vt), k = s == null ? void 0 : s.applicantFormRequiredFields;
-    if (k) for (const j of k) c.add(j);
-    if (L)
-      for (const j of L)
-        for (const h of j.fields)
-          !h.isCustom && h.name && h.required && c.add(h.name);
+    if (k) for (const C of k) c.add(C);
+    if (P)
+      for (const C of P)
+        for (const I of C.fields)
+          !I.isCustom && I.name && I.required && c.add(I.name);
     return Array.from(c);
-  }, [s == null ? void 0 : s.applicantFormRequiredFields, L]), F = Fe(() => {
-    var j;
-    if (L) {
-      const h = L.flatMap((C) => C.fields).filter((C) => !C.isCustom && C.name).map((C) => C.name), N = new Set(h);
-      for (const C of vt) N.add(C);
+  }, [s == null ? void 0 : s.applicantFormRequiredFields, P]), F = Fe(() => {
+    var C;
+    if (P) {
+      const I = P.flatMap((T) => T.fields).filter((T) => !T.isCustom && T.name).map((T) => T.name), N = new Set(I);
+      for (const T of vt) N.add(T);
       return Array.from(N);
     }
     let c;
-    (j = n.applicantForm) != null && j.visibleFields ? c = n.applicantForm.visibleFields : s != null && s.applicantFormVisibleFields && s.applicantFormVisibleFields.length > 0 ? c = s.applicantFormVisibleFields : c = Cr;
+    (C = n.applicantForm) != null && C.visibleFields ? c = n.applicantForm.visibleFields : s != null && s.applicantFormVisibleFields && s.applicantFormVisibleFields.length > 0 ? c = s.applicantFormVisibleFields : c = Cr;
     const k = new Set(c);
-    for (const h of vt) k.add(h);
+    for (const I of vt) k.add(I);
     return Array.from(k);
-  }, [(m = n.applicantForm) == null ? void 0 : m.visibleFields, s == null ? void 0 : s.applicantFormVisibleFields, L]), U = /* @__PURE__ */ new Set([
+  }, [(u = n.applicantForm) == null ? void 0 : u.visibleFields, s == null ? void 0 : s.applicantFormVisibleFields, P]), U = /* @__PURE__ */ new Set([
     "country",
     "nationality",
     "taxCountry",
@@ -11457,58 +11457,58 @@ const fa = {
     "mobileCountryCode",
     "otherNationality"
   ]), K = Fe(() => {
-    var k, j;
+    var k, C;
     const c = /* @__PURE__ */ new Set();
-    if (L)
-      for (const h of L)
-        for (const N of h.fields)
+    if (P)
+      for (const I of P)
+        for (const N of I.fields)
           !N.isCustom && N.name && U.has(N.name) && c.add(N.countriesType ?? ((k = st[N.name]) == null ? void 0 : k.countriesType));
     else
-      for (const h of F)
-        U.has(h) && c.add((j = st[h]) == null ? void 0 : j.countriesType);
+      for (const I of F)
+        U.has(I) && c.add((C = st[I]) == null ? void 0 : C.countriesType);
     return c.size === 0 && c.add(void 0), Array.from(c);
-  }, [F, L]), [J, ae] = b({}), [w, R] = b(!0), V = de(/* @__PURE__ */ new Set()), Q = de(/* @__PURE__ */ new Set());
+  }, [F, P]), [J, ae] = v({}), [x, z] = v(!0), V = de(/* @__PURE__ */ new Set()), Q = de(/* @__PURE__ */ new Set());
   fe(() => {
     if (!s) return;
-    const c = K.filter((h) => {
-      const N = h != null ? String(h) : "all";
+    const c = K.filter((I) => {
+      const N = I != null ? String(I) : "all";
       return !Q.current.has(N) && !V.current.has(N);
     });
     if (c.length === 0) {
       K.every((N) => {
-        const C = N != null ? String(N) : "all";
-        return Q.current.has(C);
-      }) && R(!1);
+        const T = N != null ? String(N) : "all";
+        return Q.current.has(T);
+      }) && z(!1);
       return;
     }
-    R(!0);
-    const k = c.map((h) => h != null ? String(h) : "all");
-    k.forEach((h) => V.current.add(h)), (async () => {
+    z(!0);
+    const k = c.map((I) => I != null ? String(I) : "all");
+    k.forEach((I) => V.current.add(I)), (async () => {
       try {
-        const h = await Promise.all(
+        const I = await Promise.all(
           c.map(async (N) => {
-            const C = N != null ? String(N) : "all", ue = await l.getCountries("", n.locale || "en", N), le = N === 40, we = /* @__PURE__ */ new Set(), be = ue.map((he) => le && he.countryCode ? {
+            const T = N != null ? String(N) : "all", ue = await l.getCountries("", n.locale || "en", N), le = N === 40, we = /* @__PURE__ */ new Set(), be = ue.map((he) => le && he.countryCode ? {
               value: he.countryCode,
               label: `${he.countryCode} – ${he.name}`
             } : { value: he.abbreviation3 || he.abbreviation, label: he.name }).filter((he) => !he.value || we.has(he.value) ? !1 : (we.add(he.value), !0));
-            return Q.current.add(C), V.current.delete(C), [C, be];
+            return Q.current.add(T), V.current.delete(T), [T, be];
           })
         );
-        ae((N) => ({ ...N, ...Object.fromEntries(h) }));
-      } catch (h) {
-        k.forEach((N) => V.current.delete(N)), console.error("Failed to load countries:", h);
+        ae((N) => ({ ...N, ...Object.fromEntries(I) }));
+      } catch (I) {
+        k.forEach((N) => V.current.delete(N)), console.error("Failed to load countries:", I);
       } finally {
         K.every((N) => {
-          const C = N != null ? String(N) : "all";
-          return Q.current.has(C);
-        }) && R(!1);
+          const T = N != null ? String(N) : "all";
+          return Q.current.has(T);
+        }) && z(!1);
       }
     })();
   }, [K, s]);
   const X = (c, k) => {
     var N;
-    const j = k ?? ((N = st[c]) == null ? void 0 : N.countriesType), h = j != null ? String(j) : "all";
-    return J[h] || [];
+    const C = k ?? ((N = st[c]) == null ? void 0 : N.countriesType), I = C != null ? String(C) : "all";
+    return J[I] || [];
   }, W = {
     firstName: 1,
     lastName: 1,
@@ -11533,18 +11533,18 @@ const fa = {
     occupation: 1,
     taxNumber: 1
   }, _ = Object.fromEntries(
-    Object.entries(I).filter(([c]) => c in W)
+    Object.entries(L).filter(([c]) => c in W)
   ), oe = Object.fromEntries(
-    Object.entries(x).filter(([c]) => c in W)
-  ), [H, Me] = b({
+    Object.entries(b).filter(([c]) => c in W)
+  ), [H, Me] = v({
     workflowKey: y,
     firstName: "",
     lastName: "",
     title: "",
-    email: T,
+    email: R,
     dateOfBirth: "",
     phonenumber: "",
-    externalRefId: v,
+    externalRefId: h,
     mobileCountryCode: "",
     street: "",
     streetNumber: "",
@@ -11564,30 +11564,29 @@ const fa = {
     ..._,
     ...oe
   }), pe = Object.fromEntries(
-    Object.entries(I).filter(([c]) => !(c in _) && c !== "externalRefId" && c !== "workflowKey")
-  ), [ge, xe] = b({ ...pe }), [me, P] = b(0), [A, O] = b({}), [ke, se] = b(null), [D, ne] = b(!1), Z = (c, k) => Me((j) => ({ ...j, [c]: k })), Ie = (c, k) => xe((j) => ({ ...j, [c]: k })), Ae = (c) => !c.conditionalOn || ge[c.conditionalOn] === "true", ze = L && me < L.length - 1 ? me + 1 : -1, We = L && me > 0 ? me - 1 : -1, lt = (c) => {
-    var j;
+    Object.entries(L).filter(([c]) => !(c in _) && c !== "externalRefId" && c !== "workflowKey")
+  ), [ge, xe] = v({ ...pe }), [me, D] = v(0), [E, O] = v({}), [ke, se] = v(null), [j, ne] = v(!1), Z = (c, k) => Me((C) => ({ ...C, [c]: k })), Ie = (c, k) => xe((C) => ({ ...C, [c]: k })), Ae = (c) => !c.conditionalOn || ge[c.conditionalOn] === "true", ze = P && me < P.length - 1 ? me + 1 : -1, We = P && me > 0 ? me - 1 : -1, lt = (c) => {
     const k = {};
-    for (const h of c.fields)
-      if (h.isCustom) {
-        if (h.customType === "paragraph" || h.customType === "html" || h.customType === "br" || h.customType === "link") continue;
-        if (h.required && h.paramName) {
-          const N = ge[h.paramName], C = ve(h.displayText, d) || ve(h.label, d) || h.paramName;
-          h.customType === "checkbox" || h.customType === "link_checkbox" ? N !== "true" && (k[h.paramName] = d("validation.fieldRequired", { field: C })) : (!N || N.trim() === "") && (k[h.paramName] = d("validation.fieldRequired", { field: C }));
+    for (const C of c.fields)
+      if (C.isCustom) {
+        if (C.customType === "paragraph" || C.customType === "html" || C.customType === "br" || C.customType === "link") continue;
+        if (C.required && C.paramName) {
+          const I = ge[C.paramName], N = ve(C.displayText, d) || ve(C.label, d) || C.paramName;
+          C.customType === "checkbox" || C.customType === "link_checkbox" ? I !== "true" && (k[C.paramName] = d("validation.fieldRequired", { field: N })) : (!I || I.trim() === "") && (k[C.paramName] = d("validation.fieldRequired", { field: N }));
         }
-      } else if (h.name) {
-        const N = h.name;
-        if (B.includes(N) && mt(H[N])) {
-          const C = ve(h.displayText, d) || ((j = st[N]) == null ? void 0 : j.label) || N;
-          k[N] = d("validation.fieldRequired", { field: C });
+      } else if (C.name) {
+        const I = C.name;
+        if (B.includes(I) && mt(H[I])) {
+          const N = st[I], T = ve(C.displayText, d) || (N != null && N.translationKey ? d(`fields.${N.translationKey}`) : void 0) || (N == null ? void 0 : N.label) || I;
+          k[I] = d("validation.fieldRequired", { field: T });
         }
       }
     return k;
   }, rt = async () => {
-    if (!L) return;
-    const c = L[me];
+    if (!P) return;
+    const c = P[me];
     if (c.conditionalOn && !Ae(c)) {
-      O({}), ze >= 0 ? P(ze) : await Ke();
+      O({}), ze >= 0 ? D(ze) : await Ke();
       return;
     }
     const k = lt(c);
@@ -11595,11 +11594,11 @@ const fa = {
       O(k);
       return;
     }
-    O({}), ze >= 0 ? P(ze) : await Ke();
+    O({}), ze >= 0 ? D(ze) : await Ke();
   }, Ke = async () => {
-    if (L) {
+    if (P) {
       let c = {};
-      for (const k of L)
+      for (const k of P)
         Ae(k) && (c = { ...c, ...lt(k) });
       if (Object.keys(c).length > 0) {
         O(c);
@@ -11616,72 +11615,71 @@ const fa = {
         workflowKey: H.workflowKey,
         externalRefId: H.externalRefId.trim()
       };
-      if (L) {
-        for (const N of L)
+      if (P) {
+        for (const N of P)
           if (Ae(N)) {
-            for (const C of N.fields)
-              if (!C.isCustom && C.name) {
-                const ue = C.name, le = H[ue];
+            for (const T of N.fields)
+              if (!T.isCustom && T.name) {
+                const ue = T.name, le = H[ue];
                 mt(le) || (c[ue] = le);
               }
           }
         for (const N of vt)
           if (c[N] === void 0) {
-            const C = H[N];
-            mt(C) || (c[N] = C);
+            const T = H[N];
+            mt(T) || (c[N] = T);
           }
       } else
         F.forEach((N) => {
           if (N === "externalRefId") return;
-          const C = H[N];
-          mt(C) || (c[N] = C);
+          const T = H[N];
+          mt(T) || (c[N] = T);
         });
       const k = [];
-      if (L) {
-        for (const N of L)
+      if (P) {
+        for (const N of P)
           if (Ae(N))
-            for (const C of N.fields) {
-              if (!C.isCustom || !C.paramName || C.customType === "paragraph" || C.customType === "html" || C.customType === "br" || C.customType === "link") continue;
-              const ue = ge[C.paramName] ?? "";
+            for (const T of N.fields) {
+              if (!T.isCustom || !T.paramName || T.customType === "paragraph" || T.customType === "html" || T.customType === "br" || T.customType === "link") continue;
+              const ue = ge[T.paramName] ?? "";
               let le;
-              if (C.customType === "checkbox" || C.customType === "link_checkbox")
+              if (T.customType === "checkbox" || T.customType === "link_checkbox")
                 le = ue === "true" ? "yes" : "no";
-              else if (le = ue, !le && !C.required) continue;
-              k.push({ paramName: C.paramName, value: le });
+              else if (le = ue, !le && !T.required) continue;
+              k.push({ paramName: T.paramName, value: le });
             }
       }
-      for (const [N, C] of Object.entries(_))
-        c[N] === void 0 && !mt(C) && (c[N] = C);
-      const j = new Set(k.map((N) => N.paramName));
-      for (const [N, C] of Object.entries(pe))
-        !j.has(N) && C && k.push({ paramName: N, value: C });
+      for (const [N, T] of Object.entries(_))
+        c[N] === void 0 && !mt(T) && (c[N] = T);
+      const C = new Set(k.map((N) => N.paramName));
+      for (const [N, T] of Object.entries(pe))
+        !C.has(N) && T && k.push({ paramName: N, value: T });
       k.length > 0 && (c.applicantAdditionalDatas = k);
-      const h = await p(c);
-      i(h.applicantId);
+      const I = await p(c);
+      i(I.applicantId);
     } catch (c) {
       console.error("Error creating applicant:", c), se(c.message || d("createApplicant.failedToCreate"));
     } finally {
       ne(!1);
     }
   }, ct = async (c) => {
-    var k;
     c.preventDefault();
-    for (const j of B)
-      if (mt(H[j])) {
-        const h = ((k = st[j]) == null ? void 0 : k.label) || j;
-        se(d("validation.fieldRequired", { field: h }));
+    for (const k of B)
+      if (mt(H[k])) {
+        const C = st[k], I = (C != null && C.translationKey ? d(`fields.${C.translationKey}`) : void 0) || (C == null ? void 0 : C.label) || k;
+        se(d("validation.fieldRequired", { field: I }));
         return;
       }
     await Ke();
-  }, Xe = (c, k, j, h, N) => {
+  }, Xe = (c, k, C, I, N) => {
     var Lt;
-    const C = st[c];
-    if (!C) return null;
-    const ue = B.includes(c), le = A[c], we = ve(j, d) || C.label, be = c in oe, he = k ?? c, Ze = { required: ue }, Ye = N ? N !== "placeholder" : S, Je = Ye ? we : void 0;
-    switch (C.type) {
+    const T = st[c];
+    if (!T) return null;
+    const ue = B.includes(c), le = E[c], we = ve(C, d) || (T.translationKey ? d(`fields.${T.translationKey}`) : void 0) || T.label, be = c in oe, he = k ?? c, Ze = { required: ue }, Ye = N ? N !== "placeholder" : S, Je = Ye ? we : void 0;
+    switch (T.type) {
       case "select":
         if (c === "country" || c === "nationality" || c === "taxCountry" || c === "countryOfBirth" || c === "mobileCountryCode") {
-          const Le = X(c, h);
+          const Le = X(c, I);
           return /* @__PURE__ */ r(
             Ge,
             {
@@ -11690,7 +11688,7 @@ const fa = {
               value: H[c] || "",
               onChange: (it) => Z(c, it),
               options: [{ value: "", label: Ye ? d("placeholders.selectCountry") : we }, ...Le],
-              disabled: w,
+              disabled: x,
               readOnly: be,
               error: le
             },
@@ -11735,7 +11733,7 @@ const fa = {
         return null;
       case "multiselect":
         if (c === "otherNationality") {
-          const Le = X(c, h);
+          const Le = X(c, I);
           return /* @__PURE__ */ r(
             Oi,
             {
@@ -11745,7 +11743,7 @@ const fa = {
               onChange: (it) => Z(c, it),
               options: Le,
               placeholder: Ye ? d("placeholders.selectOtherNationalities") : we,
-              disabled: w,
+              disabled: x,
               readOnly: be
             },
             he
@@ -11814,9 +11812,9 @@ const fa = {
         );
     }
   }, f = (c, k) => {
-    const j = c.labelMode ? c.labelMode !== "placeholder" : S;
+    const C = c.labelMode ? c.labelMode !== "placeholder" : S;
     if (c.customType === "paragraph") {
-      const C = ve(c.displayText, d) || ve(c.label, d) || "";
+      const T = ve(c.displayText, d) || ve(c.label, d) || "";
       return /* @__PURE__ */ r(
         "p",
         {
@@ -11827,7 +11825,7 @@ const fa = {
             margin: 0,
             color: "var(--metakyc-text-secondary, #6b7280)"
           },
-          dangerouslySetInnerHTML: { __html: C }
+          dangerouslySetInnerHTML: { __html: T }
         },
         `custom-${k}`
       );
@@ -11843,7 +11841,7 @@ const fa = {
     if (c.customType === "br")
       return /* @__PURE__ */ r("div", { style: { height: "12px" } }, `custom-${k}`);
     if (c.customType === "link") {
-      const C = ve(c.displayText, d) || ve(c.label, d) || c.linkText || c.linkUrl || "";
+      const T = ve(c.displayText, d) || ve(c.label, d) || c.linkText || c.linkUrl || "";
       return /* @__PURE__ */ r("div", { className: "metakyc-link-field", children: /* @__PURE__ */ o(
         "a",
         {
@@ -11860,14 +11858,14 @@ const fa = {
             cursor: "pointer"
           },
           children: [
-            C,
+            T,
             /* @__PURE__ */ r("span", { style: { fontSize: "10px", opacity: 0.7 }, children: "↗" })
           ]
         }
       ) }, `custom-${k}`);
     }
     if (!c.paramName) return null;
-    const h = A[c.paramName], N = ve(c.displayText, d) || ve(c.label, d) || c.paramName;
+    const I = E[c.paramName], N = ve(c.displayText, d) || ve(c.label, d) || c.paramName;
     if (c.customType === "checkbox")
       return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ o(
@@ -11880,7 +11878,7 @@ const fa = {
                 Ue,
                 {
                   checked: ge[c.paramName] === "true",
-                  onChange: (C) => Ie(c.paramName, C ? "true" : "false")
+                  onChange: (T) => Ie(c.paramName, T ? "true" : "false")
                 }
               ),
               /* @__PURE__ */ o(
@@ -11897,7 +11895,7 @@ const fa = {
             ]
           }
         ),
-        h && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: h })
+        I && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: I })
       ] }, `custom-${k}`);
     if (c.customType === "link_checkbox")
       return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
@@ -11911,7 +11909,7 @@ const fa = {
                 Ue,
                 {
                   checked: ge[c.paramName] === "true",
-                  onChange: (C) => Ie(c.paramName, C ? "true" : "false")
+                  onChange: (T) => Ie(c.paramName, T ? "true" : "false")
                 }
               ),
               /* @__PURE__ */ o(
@@ -11930,7 +11928,7 @@ const fa = {
                         rel: "noopener noreferrer",
                         className: "underline",
                         style: { color: "var(--metakyc-primary, #2563eb)" },
-                        onClick: (C) => C.stopPropagation(),
+                        onClick: (T) => T.stopPropagation(),
                         children: c.linkText || c.linkUrl
                       }
                     ),
@@ -11941,12 +11939,12 @@ const fa = {
             ]
           }
         ),
-        h && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: h })
+        I && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: I })
       ] }, `custom-${k}`);
     if (c.customType === "group_checkbox") {
-      const C = (ge[c.paramName] || "").split(",").filter(Boolean);
+      const T = (ge[c.paramName] || "").split(",").filter(Boolean);
       return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
-        j && /* @__PURE__ */ o(
+        C && /* @__PURE__ */ o(
           "div",
           {
             className: "text-sm font-medium",
@@ -11958,7 +11956,7 @@ const fa = {
           }
         ),
         /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((ue) => {
-          const le = c.singleSelect ? ge[c.paramName] === ue.value : C.includes(ue.value);
+          const le = c.singleSelect ? ge[c.paramName] === ue.value : T.includes(ue.value);
           return /* @__PURE__ */ o(
             "label",
             {
@@ -11973,7 +11971,7 @@ const fa = {
                       if (c.singleSelect)
                         Ie(c.paramName, we ? ue.value : "");
                       else {
-                        const be = we ? [...C, ue.value] : C.filter((he) => he !== ue.value);
+                        const be = we ? [...T, ue.value] : T.filter((he) => he !== ue.value);
                         Ie(c.paramName, be.join(","));
                       }
                     }
@@ -11992,11 +11990,11 @@ const fa = {
             ue.value
           );
         }) }),
-        h && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: h })
+        I && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: I })
       ] }, `custom-${k}`);
     }
     return c.customType === "radio_group" ? /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
-      j && /* @__PURE__ */ o(
+      C && /* @__PURE__ */ o(
         "div",
         {
           className: "text-sm font-medium",
@@ -12007,7 +12005,7 @@ const fa = {
           ]
         }
       ),
-      /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((C) => /* @__PURE__ */ o(
+      /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((T) => /* @__PURE__ */ o(
         "label",
         {
           className: "metakyc-option-label",
@@ -12017,8 +12015,8 @@ const fa = {
               "input",
               {
                 type: "radio",
-                checked: ge[c.paramName] === C.value,
-                onChange: () => Ie(c.paramName, C.value),
+                checked: ge[c.paramName] === T.value,
+                onChange: () => Ie(c.paramName, T.value),
                 name: `radio-group-${c.paramName}-${k}`,
                 className: "metakyc-option-input",
                 style: fa
@@ -12029,29 +12027,29 @@ const fa = {
               {
                 className: "metakyc-option-text",
                 style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4" },
-                children: C.label
+                children: T.label
               }
             )
           ]
         },
-        C.value
+        T.value
       )) }),
-      h && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: h })
+      I && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: I })
     ] }, `custom-${k}`) : /* @__PURE__ */ r(
       Se,
       {
         type: "text",
-        label: j ? `${N}${c.required ? " *" : ""}` : void 0,
-        placeholder: j ? void 0 : N,
+        label: C ? `${N}${c.required ? " *" : ""}` : void 0,
+        placeholder: C ? void 0 : N,
         value: ge[c.paramName] || "",
-        onChange: (C) => Ie(c.paramName, C.target.value),
+        onChange: (T) => Ie(c.paramName, T.target.value),
         required: c.required,
-        error: h
+        error: I
       },
       `custom-${k}`
     );
   }, M = (c, k) => {
-    const j = Ae(c);
+    const C = Ae(c);
     return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
       c.conditionalOn && /* @__PURE__ */ r(Ht, { helpText: c.conditionalHelpText, children: /* @__PURE__ */ o(
         "label",
@@ -12062,8 +12060,8 @@ const fa = {
             /* @__PURE__ */ r(
               Ue,
               {
-                checked: j,
-                onChange: (h) => Ie(c.conditionalOn, h ? "true" : "false")
+                checked: C,
+                onChange: (I) => Ie(c.conditionalOn, I ? "true" : "false")
               }
             ),
             /* @__PURE__ */ r(
@@ -12077,19 +12075,19 @@ const fa = {
           ]
         }
       ) }),
-      j && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: c.fields.map((h, N) => {
-        const C = Math.min(4, Math.max(1, Number(h.colSpan) || 4)), ue = h.isCustom ? `custom-${N}-${h.paramName}` : `builtin-${h.name}-${N}`;
-        return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${C} / span ${C}` }, children: /* @__PURE__ */ r(Ht, { helpText: h.helpText, children: h.isCustom ? f(h, N) : Xe(h.name, ue, h.displayText, h.countriesType, h.labelMode) }) }, ue);
+      C && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: c.fields.map((I, N) => {
+        const T = Math.min(4, Math.max(1, Number(I.colSpan) || 4)), ue = I.isCustom ? `custom-${N}-${I.paramName}` : `builtin-${I.name}-${N}`;
+        return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${T} / span ${T}` }, children: /* @__PURE__ */ r(Ht, { helpText: I.helpText, children: I.isCustom ? f(I, N) : Xe(I.name, ue, I.displayText, I.countriesType, I.labelMode) }) }, ue);
       }) })
     ] });
   };
-  if (!s || w)
+  if (!s || x)
     return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
       /* @__PURE__ */ r(Ve, { className: "my-8" }),
       /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: d("common.loadingForm") })
     ] }) }) });
-  if (L) {
-    const c = L[me] ?? L[0], k = We === -1, j = ze === -1, h = L.length, N = Ae(c), C = Object.values(A);
+  if (P) {
+    const c = P[me] ?? P[0], k = We === -1, C = ze === -1, I = P.length, N = Ae(c), T = Object.values(E);
     return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ o(re, { children: [
       /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(ft, { title: (s == null ? void 0 : s.title) || d("createApplicant.title") }) }),
       /* @__PURE__ */ o(ie, { children: [
@@ -12119,8 +12117,8 @@ const fa = {
             }
           )
         ] }),
-        h > 1 && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "1rem" }, children: [
-          L.map((ue, le) => /* @__PURE__ */ r(
+        I > 1 && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "1rem" }, children: [
+          P.map((ue, le) => /* @__PURE__ */ r(
             "div",
             {
               style: {
@@ -12135,16 +12133,16 @@ const fa = {
           /* @__PURE__ */ o("span", { style: { fontSize: "0.75rem", color: "var(--metakyc-text-muted, #9ca3af)", flexShrink: 0 }, children: [
             me + 1,
             " / ",
-            h
+            I
           ] })
         ] }),
-        (ke || C.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
+        (ke || T.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
           ke && /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
             /* @__PURE__ */ r("strong", { children: d("common.errorPrefix") }),
             " ",
             ke
           ] }),
-          C.map((ue, le) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: ue }, le))
+          T.map((ue, le) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: ue }, le))
         ] }),
         M(c)
       ] }),
@@ -12156,21 +12154,21 @@ const fa = {
               type: "button",
               variant: "outline",
               onClick: () => {
-                P(We), O({});
+                D(We), O({});
               },
-              disabled: D || u,
+              disabled: j || m,
               children: d("common.previous")
             }
           ),
-          k && a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: D || u, children: "Cancel" })
+          k && a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: j || m, children: "Cancel" })
         ] }),
         /* @__PURE__ */ r(
           G,
           {
             type: "button",
-            isLoading: D || u,
-            onClick: j ? Ke : rt,
-            children: j ? c.conditionalOn && !N ? d("common.skipAndSubmit") : d("common.submit") : c.conditionalOn && !N ? d("common.skip") : d("common.next")
+            isLoading: j || m,
+            onClick: C ? Ke : rt,
+            children: C ? c.conditionalOn && !N ? d("common.skipAndSubmit") : d("common.submit") : c.conditionalOn && !N ? d("common.skip") : d("common.next")
           }
         )
       ] })
@@ -12187,8 +12185,8 @@ const fa = {
       /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: F.map((c) => /* @__PURE__ */ r("div", { style: { gridColumn: "span 4 / span 4" }, children: Xe(c) }, c)) })
     ] }),
     /* @__PURE__ */ o(Te, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-      a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: D || u, children: "Cancel" }),
-      /* @__PURE__ */ r(G, { type: "submit", isLoading: D || u, children: d("createApplicant.createApplicant") })
+      a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: j || m, children: "Cancel" }),
+      /* @__PURE__ */ r(G, { type: "submit", isLoading: j || m, children: d("createApplicant.createApplicant") })
     ] })
   ] }) }) });
 }, $t = ["companyName", "email"];
@@ -12202,74 +12200,74 @@ const Fa = ({
   onCancel: a
 }) => {
   var Xe, f, M, $, Y, ee;
-  const { config: n, baseInformationService: l, currentTheme: s } = Oe(), { createCompanyApplicant: p, isLoading: u } = tr(), { t: d } = Re(), y = e || ((Xe = n.applicantForm) == null ? void 0 : Xe.workflowKey);
+  const { config: n, baseInformationService: l, currentTheme: s } = Oe(), { createCompanyApplicant: p, isLoading: m } = tr(), { t: d } = Re(), y = e || ((Xe = n.applicantForm) == null ? void 0 : Xe.workflowKey);
   if (!y)
     throw new Error(
       "workflowKey is required. Provide it either as a prop to CreateCompanyApplicantForm or set it in config.applicantForm.workflowKey"
     );
-  const v = t || ((f = n.applicantForm) == null ? void 0 : f.externalRefId) || "", T = ((M = n.applicantForm) == null ? void 0 : M.email) || "", I = (($ = n.applicantForm) == null ? void 0 : $.initialValues) || {}, q = (((Y = n.applicantForm) == null ? void 0 : Y.fieldLabelMode) || (s == null ? void 0 : s.fieldLabelMode) || "label") !== "placeholder", S = Fe(
+  const h = t || ((f = n.applicantForm) == null ? void 0 : f.externalRefId) || "", R = ((M = n.applicantForm) == null ? void 0 : M.email) || "", L = (($ = n.applicantForm) == null ? void 0 : $.initialValues) || {}, q = (((Y = n.applicantForm) == null ? void 0 : Y.fieldLabelMode) || (s == null ? void 0 : s.fieldLabelMode) || "label") !== "placeholder", S = Fe(
     () => s != null && s.companyFormPages && s.companyFormPages.length > 0 ? s.companyFormPages : null,
     [s == null ? void 0 : s.companyFormPages]
-  ), L = Fe(() => {
-    const g = new Set($t), z = s == null ? void 0 : s.companyFormRequiredFields;
-    if (z) for (const E of z) g.add(E);
+  ), P = Fe(() => {
+    const g = new Set($t), A = s == null ? void 0 : s.companyFormRequiredFields;
+    if (A) for (const w of A) g.add(w);
     if (S)
-      for (const E of S)
-        for (const m of E.fields)
-          !m.isCustom && m.name && m.required && g.add(m.name);
+      for (const w of S)
+        for (const u of w.fields)
+          !u.isCustom && u.name && u.required && g.add(u.name);
     return Array.from(g);
   }, [s == null ? void 0 : s.companyFormRequiredFields, S]), B = Fe(() => {
     var g;
     if (S) {
-      const z = S.flatMap((m) => m.fields).filter((m) => !m.isCustom && m.name).map((m) => m.name), E = new Set(z);
-      for (const m of $t) E.add(m);
-      return Array.from(E);
+      const A = S.flatMap((u) => u.fields).filter((u) => !u.isCustom && u.name).map((u) => u.name), w = new Set(A);
+      for (const u of $t) w.add(u);
+      return Array.from(w);
     }
     return (g = n.applicantForm) != null && g.visibleFields ? n.applicantForm.visibleFields : s != null && s.companyFormVisibleFields && s.companyFormVisibleFields.length > 0 ? s.companyFormVisibleFields : Sr;
   }, [(ee = n.applicantForm) == null ? void 0 : ee.visibleFields, s == null ? void 0 : s.companyFormVisibleFields, S]), F = /* @__PURE__ */ new Set(["countryResidence", "addressCountry"]), U = Fe(() => {
-    var z, E;
+    var A, w;
     const g = /* @__PURE__ */ new Set();
     if (S)
-      for (const m of S)
-        for (const c of m.fields)
-          !c.isCustom && c.name && F.has(c.name) && g.add(c.countriesType ?? ((z = dt[c.name]) == null ? void 0 : z.countriesType));
+      for (const u of S)
+        for (const c of u.fields)
+          !c.isCustom && c.name && F.has(c.name) && g.add(c.countriesType ?? ((A = dt[c.name]) == null ? void 0 : A.countriesType));
     else
-      for (const m of B)
-        F.has(m) && g.add((E = dt[m]) == null ? void 0 : E.countriesType);
+      for (const u of B)
+        F.has(u) && g.add((w = dt[u]) == null ? void 0 : w.countriesType);
     return g.size === 0 && g.add(void 0), Array.from(g);
-  }, [B, S]), [K, J] = b({}), [ae, w] = b(!0), R = de(/* @__PURE__ */ new Set()), V = de(/* @__PURE__ */ new Set());
+  }, [B, S]), [K, J] = v({}), [ae, x] = v(!0), z = de(/* @__PURE__ */ new Set()), V = de(/* @__PURE__ */ new Set());
   fe(() => {
     if (!s) return;
-    const g = U.filter((m) => {
-      const c = m != null ? String(m) : "all";
-      return !V.current.has(c) && !R.current.has(c);
+    const g = U.filter((u) => {
+      const c = u != null ? String(u) : "all";
+      return !V.current.has(c) && !z.current.has(c);
     });
     if (g.length === 0) {
-      U.every((c) => V.current.has(c != null ? String(c) : "all")) && w(!1);
+      U.every((c) => V.current.has(c != null ? String(c) : "all")) && x(!1);
       return;
     }
-    w(!0);
-    const z = g.map((m) => m != null ? String(m) : "all");
-    z.forEach((m) => R.current.add(m)), (async () => {
+    x(!0);
+    const A = g.map((u) => u != null ? String(u) : "all");
+    A.forEach((u) => z.current.add(u)), (async () => {
       try {
-        const m = await Promise.all(
+        const u = await Promise.all(
           g.map(async (c) => {
-            const k = c != null ? String(c) : "all", j = await l.getCountries("", n.locale || "en", c), h = /* @__PURE__ */ new Set(), N = j.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 V.current.add(k), R.current.delete(k), [k, N];
+            const k = c != null ? String(c) : "all", C = await l.getCountries("", n.locale || "en", c), I = /* @__PURE__ */ new Set(), N = C.map((T) => ({ value: T.abbreviation3 || T.abbreviation, label: T.name })).filter((T) => !T.value || I.has(T.value) ? !1 : (I.add(T.value), !0));
+            return V.current.add(k), z.current.delete(k), [k, N];
           })
         );
-        J((c) => ({ ...c, ...Object.fromEntries(m) }));
-      } catch (m) {
-        z.forEach((c) => R.current.delete(c)), console.error("Failed to load countries:", m);
+        J((c) => ({ ...c, ...Object.fromEntries(u) }));
+      } catch (u) {
+        A.forEach((c) => z.current.delete(c)), console.error("Failed to load countries:", u);
       } finally {
-        U.every((c) => V.current.has(c != null ? String(c) : "all")) && w(!1);
+        U.every((c) => V.current.has(c != null ? String(c) : "all")) && x(!1);
       }
     })();
   }, [U, s]);
-  const Q = (g, z) => {
+  const Q = (g, A) => {
     var c;
-    const E = z ?? ((c = dt[g]) == null ? void 0 : c.countriesType), m = E != null ? String(E) : "all";
-    return K[m] || [];
+    const w = A ?? ((c = dt[g]) == null ? void 0 : c.countriesType), u = w != null ? String(w) : "all";
+    return K[u] || [];
   }, X = {
     companyName: 1,
     registrationNumber: 1,
@@ -12291,11 +12289,11 @@ const Fa = ({
     addressCountry: 1,
     lei: 1
   }, W = Object.fromEntries(
-    Object.entries(I).filter(([g]) => g in X)
-  ), [_, oe] = b({
+    Object.entries(L).filter(([g]) => g in X)
+  ), [_, oe] = v({
     workflowKey: y,
     companyName: "",
-    email: T,
+    email: R,
     phone: "",
     registrationNumber: "",
     countryResidence: "",
@@ -12313,26 +12311,25 @@ const Fa = ({
     postalCode: "",
     addressCountry: "",
     lei: "",
-    externalRefId: v,
+    externalRefId: h,
     ...W
-  }), [H, Me] = b({}), [pe, ge] = b(0), [xe, me] = b({}), [P, A] = b(null), [O, ke] = b(!1), se = (g, z) => oe((E) => ({ ...E, [g]: z })), D = (g, z) => Me((E) => ({ ...E, [g]: z })), ne = (g) => !g.conditionalOn || H[g.conditionalOn] === "true", Z = S && pe < S.length - 1 ? pe + 1 : -1, Ie = S && pe > 0 ? pe - 1 : -1, Ae = (g) => {
-    var E;
-    const z = {};
-    for (const m of g.fields)
-      if (m.isCustom) {
-        if (m.customType === "paragraph" || m.customType === "html" || m.customType === "br" || m.customType === "link") continue;
-        if (m.required && m.paramName) {
-          const c = H[m.paramName], k = ve(m.displayText, d) || ve(m.label, d) || m.paramName;
-          m.customType === "checkbox" || m.customType === "link_checkbox" ? c !== "true" && (z[m.paramName] = d("validation.fieldRequired", { field: k })) : (!c || c.trim() === "") && (z[m.paramName] = d("validation.fieldRequired", { field: k }));
+  }), [H, Me] = v({}), [pe, ge] = v(0), [xe, me] = v({}), [D, E] = v(null), [O, ke] = v(!1), se = (g, A) => oe((w) => ({ ...w, [g]: A })), j = (g, A) => Me((w) => ({ ...w, [g]: A })), ne = (g) => !g.conditionalOn || H[g.conditionalOn] === "true", Z = S && pe < S.length - 1 ? pe + 1 : -1, Ie = S && pe > 0 ? pe - 1 : -1, Ae = (g) => {
+    const A = {};
+    for (const w of g.fields)
+      if (w.isCustom) {
+        if (w.customType === "paragraph" || w.customType === "html" || w.customType === "br" || w.customType === "link") continue;
+        if (w.required && w.paramName) {
+          const u = H[w.paramName], c = ve(w.displayText, d) || ve(w.label, d) || w.paramName;
+          w.customType === "checkbox" || w.customType === "link_checkbox" ? u !== "true" && (A[w.paramName] = d("validation.fieldRequired", { field: c })) : (!u || u.trim() === "") && (A[w.paramName] = d("validation.fieldRequired", { field: c }));
         }
-      } else if (m.name) {
-        const c = m.name;
-        if (L.includes(c) && Nt(_[c])) {
-          const k = ve(m.displayText, d) || ((E = dt[c]) == null ? void 0 : E.label) || c;
-          z[c] = d("validation.fieldRequired", { field: k });
+      } else if (w.name) {
+        const u = w.name;
+        if (P.includes(u) && Nt(_[u])) {
+          const c = dt[u], k = ve(w.displayText, d) || (c != null && c.translationKey ? d(`fields.${c.translationKey}`) : void 0) || (c == null ? void 0 : c.label) || u;
+          A[u] = d("validation.fieldRequired", { field: k });
         }
       }
-    return z;
+    return A;
   }, ze = async () => {
     if (!S) return;
     const g = S[pe];
@@ -12340,113 +12337,112 @@ const Fa = ({
       me({}), Z >= 0 ? ge(Z) : await We();
       return;
     }
-    const z = Ae(g);
-    if (Object.keys(z).length > 0) {
-      me(z);
+    const A = Ae(g);
+    if (Object.keys(A).length > 0) {
+      me(A);
       return;
     }
     me({}), Z >= 0 ? ge(Z) : await We();
   }, We = async () => {
     var g;
     if (S) {
-      let z = {};
-      for (const E of S)
-        ne(E) && (z = { ...z, ...Ae(E) });
-      if (Object.keys(z).length > 0) {
-        me(z);
+      let A = {};
+      for (const w of S)
+        ne(w) && (A = { ...A, ...Ae(w) });
+      if (Object.keys(A).length > 0) {
+        me(A);
         return;
       }
     }
-    ke(!0), A(null);
+    ke(!0), E(null);
     try {
-      const z = {
+      const A = {
         workflowKey: _.workflowKey,
         externalRefId: ((g = _.externalRefId) == null ? void 0 : g.trim()) || void 0
-      }, E = S ? S.filter((k) => ne(k)).flatMap((k) => k.fields).filter((k) => !k.isCustom && k.name).map((k) => k.name) : B;
-      for (const k of E) {
-        const j = _[k];
-        if (!Nt(j))
+      }, w = S ? S.filter((k) => ne(k)).flatMap((k) => k.fields).filter((k) => !k.isCustom && k.name).map((k) => k.name) : B;
+      for (const k of w) {
+        const C = _[k];
+        if (!Nt(C))
           switch (k) {
             case "companyName":
-              z.companyName = j;
+              A.companyName = C;
               break;
             case "email":
-              z.companyEmail = j;
+              A.companyEmail = C;
               break;
             case "phone":
-              z.companyPhone = j;
+              A.companyPhone = C;
               break;
             case "registrationNumber":
-              z.companyRegistrationNumber = j;
+              A.companyRegistrationNumber = C;
               break;
             case "countryResidence":
-              z.companyCountry = j;
+              A.companyCountry = C;
               break;
             case "city":
-              z.companyCity = j;
+              A.companyCity = C;
               break;
             case "street":
-              z.companyStreet = j;
+              A.companyStreet = C;
               break;
             case "postalCode":
-              z.companyZip = j;
+              A.companyZip = C;
               break;
             default:
-              z[k] = j;
+              A[k] = C;
               break;
           }
       }
-      const m = [];
+      const u = [];
       if (S) {
         for (const k of S)
           if (ne(k))
-            for (const j of k.fields) {
-              if (!j.isCustom || !j.paramName || j.customType === "paragraph" || j.customType === "html" || j.customType === "br" || j.customType === "link") continue;
-              const h = H[j.paramName] ?? "";
+            for (const C of k.fields) {
+              if (!C.isCustom || !C.paramName || C.customType === "paragraph" || C.customType === "html" || C.customType === "br" || C.customType === "link") continue;
+              const I = H[C.paramName] ?? "";
               let N;
-              if (j.customType === "checkbox" || j.customType === "link_checkbox")
-                N = h === "true" ? "yes" : "no";
-              else if (N = h, !N && !j.required) continue;
-              m.push({ paramName: j.paramName, value: N });
+              if (C.customType === "checkbox" || C.customType === "link_checkbox")
+                N = I === "true" ? "yes" : "no";
+              else if (N = I, !N && !C.required) continue;
+              u.push({ paramName: C.paramName, value: N });
             }
       }
-      m.length > 0 && (z.applicantAdditionalDatas = m);
-      const c = await p(z);
+      u.length > 0 && (A.applicantAdditionalDatas = u);
+      const c = await p(A);
       i(c.applicantId);
-    } catch (z) {
-      console.error("Error creating company applicant:", z), A(z.message || d("createCompany.failedToCreate"));
+    } catch (A) {
+      console.error("Error creating company applicant:", A), E(A.message || d("createCompany.failedToCreate"));
     } finally {
       ke(!1);
     }
   }, lt = async (g) => {
-    var z;
     g.preventDefault();
-    for (const E of L)
-      if (Nt(_[E])) {
-        const m = ((z = dt[E]) == null ? void 0 : z.label) || E;
-        A(d("validation.fieldRequired", { field: m }));
+    for (const A of P)
+      if (Nt(_[A])) {
+        const w = dt[A], u = (w != null && w.translationKey ? d(`fields.${w.translationKey}`) : void 0) || (w == null ? void 0 : w.label) || A;
+        E(d("validation.fieldRequired", { field: u }));
         return;
       }
     await We();
-  }, rt = (g, z, E, m, c) => {
+  }, rt = (g, A, w, u, c) => {
     const k = dt[g];
     if (!k) return null;
-    const j = L.includes(g), h = xe[g], N = ve(E, d) || k.label, C = g in W, ue = z ?? g, le = c ? c !== "placeholder" : q, we = le ? N : void 0;
+    const C = P.includes(g), I = xe[g], N = ve(w, d) || (k.translationKey ? d(`fields.${k.translationKey}`) : void 0) || k.label, T = g in W, ue = A ?? g, le = c ? c !== "placeholder" : q, we = le ? N : void 0;
     switch (k.type) {
       case "select":
         if (g === "countryResidence" || g === "addressCountry") {
-          const be = Q(g, m);
+          const be = Q(g, u);
           return /* @__PURE__ */ r(
             Ge,
             {
-              required: j,
+              required: C,
               label: we,
               value: _[g] || "",
               onChange: (he) => se(g, he),
               options: [{ value: "", label: le ? d("placeholders.selectCountry") : N }, ...be],
               disabled: ae,
-              readOnly: C,
-              error: h
+              readOnly: T,
+              error: I
             },
             ue
           );
@@ -12456,14 +12452,14 @@ const Fa = ({
         return /* @__PURE__ */ r(
           Se,
           {
-            required: j,
+            required: C,
             type: "date",
             label: we,
             placeholder: le ? void 0 : N,
             value: _[g] || "",
             onChange: (be) => se(g, be.target.value),
-            readOnly: C,
-            error: h
+            readOnly: T,
+            error: I
           },
           ue
         );
@@ -12471,14 +12467,14 @@ const Fa = ({
         return /* @__PURE__ */ r(
           Se,
           {
-            required: j,
+            required: C,
             type: "email",
             label: we,
             placeholder: le ? void 0 : N,
             value: _[g] || "",
             onChange: (be) => se(g, be.target.value),
-            readOnly: C,
-            error: h
+            readOnly: T,
+            error: I
           },
           ue
         );
@@ -12486,14 +12482,14 @@ const Fa = ({
         return /* @__PURE__ */ r(
           Se,
           {
-            required: j,
+            required: C,
             type: "tel",
             label: we,
             placeholder: le ? void 0 : N,
             value: _[g] || "",
             onChange: (be) => se(g, be.target.value),
-            readOnly: C,
-            error: h
+            readOnly: T,
+            error: I
           },
           ue
         );
@@ -12501,19 +12497,19 @@ const Fa = ({
         return /* @__PURE__ */ r(
           Se,
           {
-            required: j,
+            required: C,
             type: "text",
             label: we,
             placeholder: le ? void 0 : N,
             value: _[g] || "",
             onChange: (be) => se(g, be.target.value),
-            readOnly: C,
-            error: h
+            readOnly: T,
+            error: I
           },
           ue
         );
     }
-  }, Ke = (g, z) => {
+  }, Ke = (g, A) => {
     if (g.customType === "paragraph")
       return /* @__PURE__ */ r(
         "p",
@@ -12521,12 +12517,12 @@ const Fa = ({
           style: { fontSize: "14px", lineHeight: "1.7", margin: 0, color: "var(--metakyc-text-secondary, #6b7280)" },
           dangerouslySetInnerHTML: { __html: ve(g.displayText, d) || ve(g.label, d) || "" }
         },
-        `custom-${z}`
+        `custom-${A}`
       );
     if (g.customType === "html")
-      return /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: ve(g.label, d) || "" } }, `custom-${z}`);
+      return /* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: ve(g.label, d) || "" } }, `custom-${A}`);
     if (g.customType === "br")
-      return /* @__PURE__ */ r("div", { style: { height: "12px" } }, `custom-${z}`);
+      return /* @__PURE__ */ r("div", { style: { height: "12px" } }, `custom-${A}`);
     if (g.customType === "link")
       return /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(
         "a",
@@ -12537,53 +12533,53 @@ const Fa = ({
           style: { color: "var(--metakyc-primary, #2563eb)", fontSize: "14px", textDecoration: "underline" },
           children: ve(g.displayText, d) || ve(g.label, d) || g.linkText || g.linkUrl || ""
         }
-      ) }, `custom-${z}`);
+      ) }, `custom-${A}`);
     if (!g.paramName) return null;
-    const E = xe[g.paramName], m = ve(g.displayText, d) || ve(g.label, d) || g.paramName, c = g.labelMode ? g.labelMode !== "placeholder" : q;
+    const w = xe[g.paramName], u = ve(g.displayText, d) || ve(g.label, d) || g.paramName, c = g.labelMode ? g.labelMode !== "placeholder" : q;
     return g.customType === "checkbox" ? /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer" }, children: [
         /* @__PURE__ */ r(
           Ue,
           {
             checked: H[g.paramName] === "true",
-            onChange: (k) => D(g.paramName, k ? "true" : "false")
+            onChange: (k) => j(g.paramName, k ? "true" : "false")
           }
         ),
         /* @__PURE__ */ o("span", { style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)" }, children: [
-          m,
+          u,
           g.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
         ] })
       ] }),
-      E && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: E })
-    ] }, `custom-${z}`) : /* @__PURE__ */ r(
+      w && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: w })
+    ] }, `custom-${A}`) : /* @__PURE__ */ r(
       Se,
       {
         type: "text",
-        label: c ? `${m}${g.required ? " *" : ""}` : void 0,
-        placeholder: c ? void 0 : m,
+        label: c ? `${u}${g.required ? " *" : ""}` : void 0,
+        placeholder: c ? void 0 : u,
         value: H[g.paramName] || "",
-        onChange: (k) => D(g.paramName, k.target.value),
+        onChange: (k) => j(g.paramName, k.target.value),
         required: g.required,
-        error: E
+        error: w
       },
-      `custom-${z}`
+      `custom-${A}`
     );
   }, ct = (g) => {
-    const z = ne(g);
+    const A = ne(g);
     return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
       g.conditionalOn && /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer" }, children: [
         /* @__PURE__ */ r(
           Ue,
           {
-            checked: z,
-            onChange: (E) => D(g.conditionalOn, E ? "true" : "false")
+            checked: A,
+            onChange: (w) => j(g.conditionalOn, w ? "true" : "false")
           }
         ),
         /* @__PURE__ */ r("span", { style: { fontSize: "14px", fontWeight: 500 }, children: g.conditionalOn })
       ] }),
-      z && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: g.fields.map((E, m) => {
-        const c = Math.min(4, Math.max(1, Number(E.colSpan) || 4)), k = E.isCustom ? `custom-${m}-${E.paramName}` : `builtin-${E.name}-${m}`;
-        return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${c} / span ${c}` }, children: E.isCustom ? Ke(E, m) : rt(E.name, k, E.displayText, E.countriesType, E.labelMode) }, k);
+      A && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: g.fields.map((w, u) => {
+        const c = Math.min(4, Math.max(1, Number(w.colSpan) || 4)), k = w.isCustom ? `custom-${u}-${w.paramName}` : `builtin-${w.name}-${u}`;
+        return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${c} / span ${c}` }, children: w.isCustom ? Ke(w, u) : rt(w.name, k, w.displayText, w.countriesType, w.labelMode) }, k);
       }) })
     ] });
   };
@@ -12593,7 +12589,7 @@ const Fa = ({
       /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: d("common.loadingForm") })
     ] }) }) });
   if (S) {
-    const g = S[pe] ?? S[0], z = Ie === -1, E = Z === -1, m = S.length, c = ne(g), k = Object.values(xe);
+    const g = S[pe] ?? S[0], A = Ie === -1, w = Z === -1, u = S.length, c = ne(g), k = Object.values(xe);
     return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ o(re, { children: [
       /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(ft, { title: (s == null ? void 0 : s.title) || d("createCompany.title") }) }),
       /* @__PURE__ */ o(ie, { children: [
@@ -12601,38 +12597,38 @@ const Fa = ({
           g.title && /* @__PURE__ */ r("h3", { className: "font-semibold text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: g.title }),
           g.subtitle && /* @__PURE__ */ r("p", { className: "text-sm mt-0.5", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: g.subtitle })
         ] }),
-        (P || k.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
-          P && /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
+        (D || k.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
+          D && /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
             /* @__PURE__ */ r("strong", { children: d("common.errorPrefix") }),
             " ",
-            P
+            D
           ] }),
-          k.map((j, h) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: j }, h))
+          k.map((C, I) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: C }, I))
         ] }),
-        m > 1 && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "1rem" }, children: [
-          S.map((j, h) => /* @__PURE__ */ r(
+        u > 1 && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "1rem" }, children: [
+          S.map((C, I) => /* @__PURE__ */ r(
             "div",
             {
               style: {
                 height: "0.375rem",
                 borderRadius: "9999px",
                 transition: "all 150ms",
-                ...h === pe ? { flex: "1 1 0%", backgroundColor: "var(--metakyc-primary, #2563eb)", opacity: 0.3 } : h < pe ? { width: "2rem", backgroundColor: "var(--metakyc-primary-light, #93c5fd)", opacity: 0.7 } : { width: "2rem", backgroundColor: "#e5e7eb", opacity: 0.3 }
+                ...I === pe ? { flex: "1 1 0%", backgroundColor: "var(--metakyc-primary, #2563eb)", opacity: 0.3 } : I < pe ? { width: "2rem", backgroundColor: "var(--metakyc-primary-light, #93c5fd)", opacity: 0.7 } : { width: "2rem", backgroundColor: "#e5e7eb", opacity: 0.3 }
               }
             },
-            h
+            I
           )),
           /* @__PURE__ */ o("span", { style: { fontSize: "0.75rem", color: "var(--metakyc-text-muted, #9ca3af)", flexShrink: 0 }, children: [
             pe + 1,
             " / ",
-            m
+            u
           ] })
         ] }),
         ct(g)
       ] }),
       /* @__PURE__ */ o(Te, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
         /* @__PURE__ */ o("div", { children: [
-          !z && /* @__PURE__ */ r(
+          !A && /* @__PURE__ */ r(
             G,
             {
               type: "button",
@@ -12640,29 +12636,29 @@ const Fa = ({
               onClick: () => {
                 ge(Ie), me({});
               },
-              disabled: O || u,
+              disabled: O || m,
               children: d("common.previous")
             }
           ),
-          z && a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: O || u, children: "Cancel" })
+          A && a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: O || m, children: "Cancel" })
         ] }),
-        /* @__PURE__ */ r(G, { type: "button", isLoading: O || u, onClick: E ? We : ze, children: E ? g.conditionalOn && !c ? d("common.skipAndSubmit") : d("common.submit") : g.conditionalOn && !c ? d("common.skip") : d("common.next") })
+        /* @__PURE__ */ r(G, { type: "button", isLoading: O || m, onClick: w ? We : ze, children: w ? g.conditionalOn && !c ? d("common.skipAndSubmit") : d("common.submit") : g.conditionalOn && !c ? d("common.skip") : d("common.next") })
       ] })
     ] }) });
   }
   return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: lt, children: /* @__PURE__ */ o(re, { children: [
     /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(ft, { title: (s == null ? void 0 : s.title) || d("createCompany.title") }) }),
     /* @__PURE__ */ o(ie, { children: [
-      P && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
+      D && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
         /* @__PURE__ */ r("strong", { children: d("common.errorPrefix") }),
         " ",
-        P
+        D
       ] }) }),
       /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: B.map((g) => /* @__PURE__ */ r("div", { style: { gridColumn: "span 4 / span 4" }, children: rt(g) }, g)) })
     ] }),
     /* @__PURE__ */ o(Te, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-      a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: O || u, children: "Cancel" }),
-      /* @__PURE__ */ r(G, { type: "submit", isLoading: O || u, children: d("createCompany.registerCompany") })
+      a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: O || m, children: "Cancel" }),
+      /* @__PURE__ */ r(G, { type: "submit", isLoading: O || m, children: d("createCompany.registerCompany") })
     ] })
   ] }) }) });
 }, Oa = ({
@@ -12675,29 +12671,29 @@ const Fa = ({
     progress: l,
     currentStep: s,
     steps: p,
-    workflowKey: u,
+    workflowKey: m,
     nextWorkflowKey: d,
     hasWorkflowChanged: y,
-    isLoading: v,
-    error: T,
-    moveBack: I,
-    refreshProgress: x
-  } = zi(e), [q, S] = Ce.useState(!1), L = Ce.useRef(null);
+    isLoading: h,
+    error: R,
+    moveBack: L,
+    refreshProgress: b
+  } = zi(e), [q, S] = Ce.useState(!1), P = Ce.useRef(null);
   if (Ce.useEffect(() => {
-    T && i && i(T);
-  }, [T, i]), Ce.useEffect(() => {
+    R && i && i(R);
+  }, [R, i]), Ce.useEffect(() => {
     l != null && l.workflowResult && t && t(l.workflowResult);
   }, [l == null ? void 0 : l.workflowResult, t]), Ce.useEffect(() => {
     y && S(!1);
-  }, [y]), v || !l)
+  }, [y]), h || !l)
     return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
       /* @__PURE__ */ r(Ve, { className: "my-8" }),
       /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n("workflow.loadingWorkflow") })
     ] }) }) });
-  if (T)
+  if (R)
     return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { className: "text-center py-8", children: [
       /* @__PURE__ */ r("p", { className: "text-lg mb-4", style: { color: "var(--metakyc-danger, #ef4444)" }, children: n("workflow.errorOccurred") }),
-      /* @__PURE__ */ r("p", { style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: T.message })
+      /* @__PURE__ */ r("p", { style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: R.message })
     ] }) }) }) });
   if (y && !q)
     return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { className: "text-center py-8", children: [
@@ -12708,7 +12704,7 @@ const Fa = ({
         /* @__PURE__ */ o("div", { className: "flex items-center justify-between text-sm", children: [
           /* @__PURE__ */ o("div", { className: "text-left", children: [
             /* @__PURE__ */ r("p", { className: "mb-1", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: n("workflow.previousWorkflow") }),
-            /* @__PURE__ */ r("p", { className: "font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: u })
+            /* @__PURE__ */ r("p", { className: "font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: m })
           ] }),
           /* @__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__ */ o("div", { className: "text-right", children: [
@@ -12771,7 +12767,7 @@ const Fa = ({
         return "";
     }
   }, F = () => {
-    const K = p.filter((V) => V.visibility !== !1), J = K.findIndex((V) => V.order === s.order), ae = J >= 0 ? J + 1 : 1, w = K.length, R = w > 1 ? (J + 1) / w * 100 : 100;
+    const K = p.filter((V) => V.visibility !== !1), J = K.findIndex((V) => V.order === s.order), ae = J >= 0 ? J + 1 : 1, x = K.length, z = x > 1 ? (J + 1) / x * 100 : 100;
     return /* @__PURE__ */ o("div", { style: {
       marginBottom: "24px",
       backgroundColor: "var(--metakyc-surface, var(--metakyc-background, #ffffff))",
@@ -12782,7 +12778,7 @@ const Fa = ({
     }, children: [
       /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: "16px" }, children: [
         /* @__PURE__ */ r(ft, {}),
-        /* @__PURE__ */ r(rr, { variant: l.status === 1 ? "info" : "success", children: n("common.stepXofY", { current: ae, total: w }) })
+        /* @__PURE__ */ r(rr, { variant: l.status === 1 ? "info" : "success", children: n("common.stepXofY", { current: ae, total: x }) })
       ] }),
       /* @__PURE__ */ o("div", { style: { position: "relative", height: "4px", borderRadius: "999px", overflow: "hidden", marginBottom: "16px" }, children: [
         /* @__PURE__ */ r("div", { style: { position: "absolute", inset: 0, backgroundColor: "var(--metakyc-border, #e5e7eb)", opacity: 0.3 } }),
@@ -12793,14 +12789,14 @@ const Fa = ({
           bottom: 0,
           backgroundColor: "var(--metakyc-primary, #2563eb)",
           opacity: 0.3,
-          width: `${R}%`,
+          width: `${z}%`,
           transition: "width 0.4s ease"
         } })
       ] }),
       /* @__PURE__ */ r(
         ka,
         {
-          ref: L,
+          ref: P,
           visibleSteps: K,
           currentVisibleStepIndex: J,
           getStepFallbackName: B
@@ -12811,9 +12807,9 @@ const Fa = ({
     const K = {
       applicantId: e,
       onComplete: async () => {
-        await x();
+        await b();
       },
-      onBack: s.order > 0 ? I : void 0
+      onBack: s.order > 0 ? L : void 0
     };
     switch (s.action) {
       case ce.Questionaries:
@@ -12866,8 +12862,8 @@ const Fa = ({
     const n = Ce.useRef(null), l = Ce.useRef(null);
     return Ce.useImperativeHandle(a, () => n.current), Ce.useEffect(() => {
       if (l.current && n.current) {
-        const s = n.current, p = l.current, u = p.offsetLeft - s.offsetWidth / 2 + p.offsetWidth / 2;
-        s.scrollTo({ left: Math.max(0, u), behavior: "smooth" });
+        const s = n.current, p = l.current, m = p.offsetLeft - s.offsetWidth / 2 + p.offsetWidth / 2;
+        s.scrollTo({ left: Math.max(0, m), behavior: "smooth" });
       }
     }, [t]), /* @__PURE__ */ r(
       "div",
@@ -12887,7 +12883,7 @@ const Fa = ({
           gap: "0"
         },
         children: e.map((s, p) => {
-          const u = p < t, d = p === t, y = u || d, v = s.displayName || s.name || i(s.action) || `Step ${p + 1}`;
+          const m = p < t, d = p === t, y = m || d, h = s.displayName || s.name || i(s.action) || `Step ${p + 1}`;
           return /* @__PURE__ */ o(Ce.Fragment, { children: [
             /* @__PURE__ */ o(
               "div",
@@ -12919,15 +12915,15 @@ const Fa = ({
                       color: "var(--metakyc-text-muted, #9ca3af)",
                       border: "2px solid var(--metakyc-border, #e5e7eb)"
                     }
-                  }, children: u ? /* @__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" }) }) : p + 1 }),
+                  }, children: m ? /* @__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" }) }) : p + 1 }),
                   /* @__PURE__ */ r("span", { style: {
                     marginLeft: "6px",
                     fontSize: "13px",
                     whiteSpace: "nowrap",
                     fontWeight: d ? 600 : 400,
-                    color: d ? "var(--metakyc-text-primary, #111827)" : u ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
+                    color: d ? "var(--metakyc-text-primary, #111827)" : m ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
                     transition: "color 0.2s ease"
-                  }, children: v })
+                  }, children: h })
                 ]
               }
             ),
@@ -12938,7 +12934,7 @@ const Fa = ({
               margin: "0 8px",
               borderRadius: "999px",
               backgroundColor: "var(--metakyc-primary, #2563eb)",
-              opacity: u ? 1 : 0.25,
+              opacity: m ? 1 : 0.25,
               transition: "opacity 0.2s ease"
             } })
           ] }, s.order);