@vpdev2/metakyc 1.0.44 → 1.0.46

package/dist/index.js

@@ -207,7 +207,7 @@ class Li {
       }
     }), this.axiosInstance.interceptors.request.use(
       (a) => {
-        if (a.headers["Abp-TenantId"] = this.config.tenantId.toString(), this.config.getAccessToken) {
+        if (this.config.tenantId != null && (a.headers["Abp-TenantId"] = this.config.tenantId.toString()), this.config.clientId && (a.headers.ClientId = this.config.clientId), this.config.getAccessToken) {
           const r = this.config.getAccessToken();
           r && (a.headers.Authorization = `Bearer ${r}`);
         } else this.config.apiKey && (a.headers.ApiKey = this.config.apiKey, a.headers["X-API-KEY"] = this.config.apiKey);
@@ -6794,7 +6794,7 @@ function G(e, t) {
   const r = Sr.exec(a);
   return r ? t(r[1]) : e;
 }
-const ii = "1.0.44", ri = Xt(null), qt = `metakyc-translations-${ii}-`, Cr = ({
+const ii = "1.0.46", ri = Xt(null), qt = `metakyc-translations-${ii}-`, Cr = ({
   locale: e,
   fetchTranslations: t,
   children: a
@@ -6819,8 +6819,8 @@ const ii = "1.0.44", ri = Xt(null), qt = `metakyc-translations-${ii}-`, Cr = ({
         return;
       }
       console.debug("[MetaKYC i18n] Remote overrides loaded for locale:", r, d);
-      const y = At(r), w = Ot(y, d);
-      o(w);
+      const y = At(r), h = Ot(y, d);
+      o(h);
       try {
         localStorage.setItem(qt + r, JSON.stringify(d));
       } catch {
@@ -6860,7 +6860,7 @@ function Tr() {
 const Wt = "metakyc-theme-cache", Da = ({ config: e, children: t }) => {
   Tr();
   const [a, r] = S(null), n = Ne.useRef(!1), l = Ne.useRef(!1), o = Fe(() => {
-    const d = new Li(e), y = new Ei(d), w = new Pi(d), z = new Di(d), L = new Mi(d), C = new ji(d), q = new Fi(d), T = new Oi(d), P = new Vi(d), B = new Bi(d), O = new $i(d), U = new _i(d), H = new ar();
+    const d = new Li(e), y = new Ei(d), h = new Pi(d), z = new Di(d), L = new Mi(d), C = new ji(d), q = new Fi(d), T = new Oi(d), P = new Vi(d), B = new Bi(d), O = new $i(d), U = new _i(d), H = new ar();
     if (typeof document < "u")
       if (e.theme)
         H.applyTheme(e.theme);
@@ -6874,7 +6874,7 @@ const Wt = "metakyc-theme-cache", Da = ({ config: e, children: t }) => {
     return {
       httpClient: d,
       applicantService: y,
-      questionnaireService: w,
+      questionnaireService: h,
       uploadDocumentService: z,
       appropriatenessTestService: L,
       overviewService: C,
@@ -7067,7 +7067,7 @@ function Pr(e) {
       nextWorkflowKey: a.nextWorkflowKey
     }));
   }, [a, d]);
-  const y = ue(!1), w = ue(!1), z = ie(async () => {
+  const y = ue(!1), h = ue(!1), z = ie(async () => {
     if (!(!d || !m.current)) {
       if (y.current) {
         console.log("[Workflow] Load already in progress, skipping...");
@@ -7076,7 +7076,7 @@ function Pr(e) {
       y.current = !0, l(!0), p(null);
       try {
         const O = await m.current.initialize(d);
-        r(O), w.current = !0;
+        r(O), h.current = !0;
       } catch (O) {
         p(O);
       } finally {
@@ -7085,7 +7085,7 @@ function Pr(e) {
     }
   }, [d]);
   be(() => {
-    d && !w.current && z();
+    d && !h.current && z();
   }, [d, z]);
   const L = ie(async () => {
     if (m.current) {
@@ -7163,7 +7163,7 @@ function Pr(e) {
   };
 }
 function Dr(e) {
-  const { questionnaireService: t, applicantService: a } = Oe(), [r, n] = S(null), [l, o] = S({}), [p, m] = S(!1), [d, y] = S(!1), [w, z] = S(null), L = ue(!1), C = ue(null), q = ie(async () => {
+  const { questionnaireService: t, applicantService: a } = Oe(), [r, n] = S(null), [l, o] = S({}), [p, m] = S(!1), [d, y] = S(!1), [h, z] = S(null), L = ue(!1), C = ue(null), q = ie(async () => {
     var P, B;
     if (e) {
       if (L.current) {
@@ -7178,12 +7178,12 @@ function Dr(e) {
         ]);
         if (n(O), (P = U == null ? void 0 : U.questionnaireResults) != null && P.length && O) {
           const H = /* @__PURE__ */ new Map();
-          for (const h of U.questionnaireResults)
-            h.question && ((B = h.answers) != null && B.length) && H.set(h.question.trim().toLowerCase(), h.answers);
-          const J = {}, re = O.questionGroups.flatMap((h) => h.questions ?? []);
-          for (const h of re) {
-            const R = h.text.trim().toLowerCase();
-            H.has(R) && (J[h.id] = H.get(R));
+          for (const b of U.questionnaireResults)
+            b.question && ((B = b.answers) != null && B.length) && H.set(b.question.trim().toLowerCase(), b.answers);
+          const J = {}, re = O.questionGroups.flatMap((b) => b.questions ?? []);
+          for (const b of re) {
+            const R = b.text.trim().toLowerCase();
+            H.has(R) && (J[b.id] = H.get(R));
           }
           o(J);
         }
@@ -7216,24 +7216,24 @@ function Dr(e) {
     initialAnswers: l,
     isLoading: p,
     isSubmitting: d,
-    error: w,
+    error: h,
     load: q,
     submit: T
   };
 }
 function Mr(e) {
-  const { uploadDocumentService: t } = Oe(), [a, r] = S(null), [n, l] = S(!1), [o, p] = S(!1), [m, d] = S(0), [y, w] = S(null), z = ue(!1), L = ue(null), C = ie(async () => {
+  const { uploadDocumentService: t } = Oe(), [a, r] = S(null), [n, l] = S(!1), [o, p] = S(!1), [m, d] = S(0), [y, h] = S(null), z = ue(!1), L = ue(null), C = ie(async () => {
     if (e) {
       if (z.current) {
         console.log("[UploadDocument] Load already in progress, skipping...");
         return;
       }
-      z.current = !0, l(!0), w(null);
+      z.current = !0, l(!0), h(null);
       try {
         const T = await t.getUploadDocument(e);
         r(T), L.current = e;
       } catch (T) {
-        w(T);
+        h(T);
       } finally {
         l(!1), z.current = !1;
       }
@@ -7244,11 +7244,11 @@ function Mr(e) {
   }, [e]);
   const q = ie(
     async (T) => {
-      p(!0), d(0), w(null);
+      p(!0), d(0), h(null);
       try {
         await t.fillUploadDocument(T), d(100);
       } catch (P) {
-        throw w(P), P;
+        throw h(P), P;
       } finally {
         p(!1);
       }
@@ -7266,7 +7266,7 @@ function Mr(e) {
   };
 }
 function Ba(e) {
-  const { appropriatenessTestService: t } = Oe(), [a, r] = S(null), [n, l] = S(!1), [o, p] = S(!1), [m, d] = S(null), [y, w] = S(null), z = ue(!1), L = ue(null), C = ie(async () => {
+  const { appropriatenessTestService: t } = Oe(), [a, r] = S(null), [n, l] = S(!1), [o, p] = S(!1), [m, d] = S(null), [y, h] = S(null), z = ue(!1), L = ue(null), C = ie(async () => {
     if (e) {
       if (z.current) {
         console.log("[AppropriatenessTest] Load already in progress, skipping...");
@@ -7291,7 +7291,7 @@ function Ba(e) {
       p(!0), d(null);
       try {
         const P = await t.fillAppropriatenessTest(T);
-        return w(P), P;
+        return h(P), P;
       } catch (P) {
         throw d(P), P;
       } finally {
@@ -7311,7 +7311,7 @@ function Ba(e) {
   };
 }
 function jr(e) {
-  const { overviewService: t } = Oe(), [a, r] = S(null), [n, l] = S(!1), [o, p] = S(!1), [m, d] = S(null), y = ue(!1), w = ue(null), z = ie(async () => {
+  const { overviewService: t } = Oe(), [a, r] = S(null), [n, l] = S(!1), [o, p] = S(!1), [m, d] = S(null), y = ue(!1), h = ue(null), z = ie(async () => {
     if (e) {
       if (y.current) {
         console.log("[Overview] Load already in progress, skipping...");
@@ -7320,7 +7320,7 @@ function jr(e) {
       y.current = !0, l(!0), d(null);
       try {
         const C = await t.getOverviewData(e);
-        r(C), w.current = e;
+        r(C), h.current = e;
       } catch (C) {
         d(C);
       } finally {
@@ -7329,7 +7329,7 @@ function jr(e) {
     }
   }, [e, t]);
   be(() => {
-    e && w.current !== e && z();
+    e && h.current !== e && z();
   }, [e]);
   const L = ie(async () => {
     if (e) {
@@ -7402,7 +7402,7 @@ function Fr(e) {
       }
     },
     [e, t]
-  ), w = ie(async () => {
+  ), h = ie(async () => {
     if (e) {
       if (m.current) {
         console.log("[Identity] Restart already in progress, skipping...");
@@ -7435,11 +7435,11 @@ function Fr(e) {
     error: o,
     requestIdentity: d,
     requestCompanyIdentity: y,
-    restartIdentity: w
+    restartIdentity: h
   };
 }
 function Or(e) {
-  const { riskScoringService: t, applicantService: a } = Oe(), [r, n] = S(null), [l, o] = S({}), [p, m] = S(!1), [d, y] = S(!1), [w, z] = S(null), [L, C] = S(null), q = ue(!1), T = ue(null), P = ie(async () => {
+  const { riskScoringService: t, applicantService: a } = Oe(), [r, n] = S(null), [l, o] = S({}), [p, m] = S(!1), [d, y] = S(!1), [h, z] = S(null), [L, C] = S(null), q = ue(!1), T = ue(null), P = ie(async () => {
     var O;
     if (e) {
       if (q.current) {
@@ -7454,12 +7454,12 @@ function Or(e) {
         ]);
         if (n(U), (O = H == null ? void 0 : H.riskScoringResults) != null && O.length) {
           const J = H.riskScoringResults[0], re = {};
-          for (const h of J.riskCriteriaResults ?? [])
-            if (h.riskCriteriaId != null && h.answer != null && h.answer !== "") {
+          for (const b of J.riskCriteriaResults ?? [])
+            if (b.riskCriteriaId != null && b.answer != null && b.answer !== "") {
               const R = [...new Set(
-                h.answer.split(",").map((V) => V.trim()).filter((V) => V !== "")
+                b.answer.split(",").map((V) => V.trim()).filter((V) => V !== "")
               )];
-              R.length > 0 && (re[h.riskCriteriaId] = R);
+              R.length > 0 && (re[b.riskCriteriaId] = R);
             }
           o(re);
         }
@@ -7494,7 +7494,7 @@ function Or(e) {
     result: L,
     isLoading: p,
     isSubmitting: d,
-    error: w,
+    error: h,
     load: P,
     submit: B
   };
@@ -7537,7 +7537,7 @@ function ni() {
       }
     },
     [e]
-  ), w = ie(
+  ), h = ie(
     async (L) => {
       if (p.current)
         throw console.log("[Applicant] Data load already in progress, skipping..."), new Error("Data load already in progress");
@@ -7569,7 +7569,7 @@ function ni() {
     error: n,
     createApplicant: d,
     createCompanyApplicant: y,
-    getApplicantData: w,
+    getApplicantData: h,
     stopProgress: z
   };
 }
@@ -7984,7 +7984,7 @@ const Kt = 280, Ur = ({
   readOnly: o = !1,
   required: p = !1
 }) => {
-  const { t: m } = Ie(), d = n ?? m("common.select"), y = l || o, [w, z] = S(!1), [L, C] = S(""), [q, T] = S(null), [P, B] = S({
+  const { t: m } = Ie(), d = n ?? m("common.select"), y = l || o, [h, z] = S(!1), [L, C] = S(""), [q, T] = S(null), [P, B] = S({
     bg: "#ffffff",
     borderColor: "#d1d5db",
     textPrimary: "#111827",
@@ -8007,7 +8007,7 @@ const Kt = 280, Ur = ({
       primaryLight: E("--metakyc-primary-light", "#eff6ff"),
       hoverBg: E("--metakyc-surface", F)
     });
-  }, []), h = ie(() => {
+  }, []), b = ie(() => {
     if (y) return;
     re();
     const M = J();
@@ -8016,15 +8016,15 @@ const Kt = 280, Ur = ({
     z(!1), C("");
   }, []);
   be(() => {
-    if (!w) return;
+    if (!h) return;
     const M = (E) => {
       var xe, de;
       const F = E.target;
       !((xe = O.current) != null && xe.contains(F)) && !((de = H.current) != null && de.contains(F)) && R();
     };
     return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
-  }, [w, R]), be(() => {
-    if (!w) return;
+  }, [h, R]), be(() => {
+    if (!h) return;
     const M = () => {
       const E = J();
       E && T(E);
@@ -8032,7 +8032,7 @@ const Kt = 280, Ur = ({
     return window.addEventListener("scroll", M, !0), window.addEventListener("resize", M), () => {
       window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M);
     };
-  }, [w, J]);
+  }, [h, J]);
   const V = r.filter(
     (M) => M.label.toLowerCase().includes(L.toLowerCase())
   ), Q = (M) => {
@@ -8042,7 +8042,7 @@ const Kt = 280, Ur = ({
   }, W = (M) => {
     var E;
     return ((E = r.find((F) => F.value === M)) == null ? void 0 : E.label) || M;
-  }, { bg: X, borderColor: ce, textPrimary: Y, textSecondary: je, primaryColor: ye, primaryLight: fe, hoverBg: Se } = P, pe = w && q && /* @__PURE__ */ s(
+  }, { bg: X, borderColor: ce, textPrimary: Y, textSecondary: je, primaryColor: ye, primaryLight: fe, hoverBg: Se } = P, pe = h && q && /* @__PURE__ */ s(
     "div",
     {
       ref: H,
@@ -8166,7 +8166,7 @@ const Kt = 280, Ur = ({
       "div",
       {
         ref: U,
-        onClick: () => w ? R() : h(),
+        onClick: () => h ? R() : b(),
         className: Me(
           "metakyc-multiselect-trigger",
           "w-full px-3 py-2 rounded-lg border text-sm transition-colors relative",
@@ -8175,8 +8175,8 @@ const Kt = 280, Ur = ({
         style: {
           minHeight: "38px",
           backgroundColor: "var(--metakyc-input-bg, #ffffff)",
-          borderColor: w ? "var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))" : "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))",
-          outline: w ? "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: [
@@ -8234,7 +8234,7 @@ const Kt = 280, Ur = ({
             {
               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: w ? "▲" : "▼"
+              children: h ? "▲" : "▼"
             }
           )
         ]
@@ -8256,7 +8256,7 @@ const Kt = 280, Ur = ({
   className: y
 }) => {
   var de;
-  const { t: w } = Ie(), z = n ?? w("common.select"), L = p || m, [C, q] = S(!1), [T, P] = S(""), [B, O] = S(null), [U, H] = S({
+  const { t: h } = Ie(), z = n ?? h("common.select"), L = p || m, [C, q] = S(!1), [T, P] = S(""), [B, O] = S(null), [U, H] = S({
     bg: "#ffffff",
     border: "#d1d5db",
     text: "#111827",
@@ -8275,9 +8275,9 @@ const Kt = 280, Ur = ({
       primaryLight: _("--metakyc-primary-light", "#eff6ff"),
       hoverBg: _("--metakyc-surface", ge)
     });
-  }, []), re = ue(null), h = ue(null), R = ue(null), V = ue(null), Q = ie(() => {
-    if (!h.current) return null;
-    const D = h.current.getBoundingClientRect(), ge = window.innerHeight - D.bottom < Yt && D.top > Yt;
+  }, []), re = ue(null), b = ue(null), R = ue(null), V = ue(null), Q = ie(() => {
+    if (!b.current) return null;
+    const D = b.current.getBoundingClientRect(), ge = window.innerHeight - D.bottom < Yt && D.top > Yt;
     return {
       top: ge ? D.top : D.bottom + 4,
       left: D.left,
@@ -8345,7 +8345,7 @@ const Kt = 280, Ur = ({
             type: "text",
             value: T,
             onChange: (D) => P(D.target.value),
-            placeholder: w("common.search"),
+            placeholder: h("common.search"),
             onClick: (D) => D.stopPropagation(),
             className: "metakyc-searchable-select-search w-full",
             style: {
@@ -8379,7 +8379,7 @@ const Kt = 280, Ur = ({
               maxHeight: "208px",
               overflowY: "auto"
             },
-            children: ce.length === 0 ? /* @__PURE__ */ i("li", { style: { padding: "8px 12px", fontSize: "13px", color: pe }, children: w("common.noResults") }) : ce.map((D) => {
+            children: ce.length === 0 ? /* @__PURE__ */ i("li", { style: { padding: "8px 12px", fontSize: "13px", color: pe }, children: h("common.noResults") }) : ce.map((D) => {
               const _ = D.value === l;
               return /* @__PURE__ */ i(
                 "li",
@@ -8431,7 +8431,7 @@ const Kt = 280, Ur = ({
         /* @__PURE__ */ s(
           "div",
           {
-            ref: h,
+            ref: b,
             role: "button",
             tabIndex: L ? -1 : 0,
             onClick: X,
@@ -8490,27 +8490,27 @@ const Kr = ({
   value: m = [],
   className: d
 }) => {
-  const { t: y } = Ie(), [w, z] = S(!1), [L, C] = S(null), q = ue(null), T = ie((h) => {
-    if (!h) return;
+  const { t: y } = Ie(), [h, z] = S(!1), [L, C] = S(null), q = ue(null), T = ie((b) => {
+    if (!b) return;
     C(null);
-    const R = Array.from(h);
+    const R = Array.from(b);
     if (l && R.filter((Q) => Q.size > l).length > 0) {
       C(`File exceeds the maximum size of ${Ct(l)}`);
       return;
     }
     p == null || p(n ? [...m, ...R] : [R[0]]);
-  }, [l, n, p, m]), P = ie((h) => {
-    h.preventDefault(), h.stopPropagation(), z(!0);
-  }, []), B = ie((h) => {
-    h.preventDefault(), h.stopPropagation(), z(!1);
-  }, []), O = ie((h) => {
-    h.preventDefault(), h.stopPropagation(), z(!1), T(h.dataTransfer.files);
+  }, [l, n, p, m]), P = ie((b) => {
+    b.preventDefault(), b.stopPropagation(), z(!0);
+  }, []), B = ie((b) => {
+    b.preventDefault(), b.stopPropagation(), z(!1);
+  }, []), O = ie((b) => {
+    b.preventDefault(), b.stopPropagation(), z(!1), T(b.dataTransfer.files);
   }, [T]), U = () => {
-    var h;
-    (h = q.current) == null || h.click();
-  }, H = (h) => {
+    var b;
+    (b = q.current) == null || b.click();
+  }, H = (b) => {
     C(null);
-    const R = m.filter((V, Q) => Q !== h);
+    const R = m.filter((V, Q) => Q !== b);
     p == null || p(R);
   }, J = a || L, re = m.length > 0;
   return /* @__PURE__ */ s("div", { className: Me("metakyc-file-upload", d), style: { width: "100%" }, children: [
@@ -8541,13 +8541,13 @@ const Kr = ({
         onDragLeave: B,
         onDrop: O,
         style: {
-          border: `2px dashed ${J ? "var(--metakyc-danger, #ef4444)" : w ? "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: re ? "20px" : "32px 20px",
           textAlign: "center",
           cursor: "pointer",
           transition: "all 0.2s ease",
-          backgroundColor: w ? "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__ */ i(
@@ -8558,8 +8558,8 @@ const Kr = ({
               style: { display: "none" },
               accept: r,
               multiple: n,
-              onChange: (h) => {
-                T(h.target.files), h.target.value = "";
+              onChange: (b) => {
+                T(b.target.files), b.target.value = "";
               }
             }
           ),
@@ -8574,7 +8574,7 @@ const Kr = ({
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
-                  backgroundColor: w ? "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__ */ s(
@@ -8584,7 +8584,7 @@ const Kr = ({
                     height: "24",
                     viewBox: "0 0 24 24",
                     fill: "none",
-                    stroke: w ? "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",
@@ -8614,8 +8614,8 @@ const Kr = ({
         ]
       }
     ),
-    re && /* @__PURE__ */ i("div", { style: { marginTop: "12px", display: "flex", flexDirection: "column", gap: "8px" }, children: m.map((h, R) => {
-      const V = Wr(h), Q = V === "image", ee = Q ? URL.createObjectURL(h) : null;
+    re && /* @__PURE__ */ i("div", { style: { marginTop: "12px", display: "flex", flexDirection: "column", gap: "8px" }, children: m.map((b, R) => {
+      const V = Wr(b), Q = V === "image", ee = Q ? URL.createObjectURL(b) : null;
       return /* @__PURE__ */ s(
         "div",
         {
@@ -8649,7 +8649,7 @@ const Kr = ({
                   "img",
                   {
                     src: ee,
-                    alt: h.name,
+                    alt: b.name,
                     style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "8px" }
                   }
                 ) : V === "pdf" ? /* @__PURE__ */ s("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -8673,8 +8673,8 @@ const Kr = ({
                 overflow: "hidden",
                 textOverflow: "ellipsis",
                 whiteSpace: "nowrap"
-              }, children: h.name }),
-              /* @__PURE__ */ i("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", margin: 0, marginTop: "2px" }, children: Ct(h.size) })
+              }, children: b.name }),
+              /* @__PURE__ */ i("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", margin: 0, marginTop: "2px" }, children: Ct(b.size) })
             ] }),
             /* @__PURE__ */ i(
               "button",
@@ -8712,7 +8712,7 @@ const Kr = ({
             )
           ]
         },
-        `${h.name}-${R}`
+        `${b.name}-${R}`
       );
     }) }),
     J && /* @__PURE__ */ i("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", marginTop: "6px" }, children: J })
@@ -8942,33 +8942,33 @@ const ta = ({
   onComplete: t,
   onBack: a
 }) => {
-  const { t: r } = Ie(), { questionnaire: n, initialAnswers: l, isLoading: o, isSubmitting: p, error: m, submit: d } = Dr(e), [y, w] = S({}), [z, L] = S({}), [C, q] = S(0);
+  const { t: r } = Ie(), { questionnaire: n, initialAnswers: l, isLoading: o, isSubmitting: p, error: m, submit: d } = Dr(e), [y, h] = S({}), [z, L] = S({}), [C, q] = S(0);
   Ne.useEffect(() => {
-    l && Object.keys(l).length > 0 && Object.keys(y).length === 0 && w(l);
+    l && Object.keys(l).length > 0 && Object.keys(y).length === 0 && h(l);
   }, [l]);
   const T = Fe(
     () => n ? ea(n.questionGroups) : [],
     [n]
-  ), P = C === T.length - 1, B = T[C] ?? [], O = ie((h, R) => {
-    w((V) => ({ ...V, [h]: R })), L((V) => {
+  ), P = C === T.length - 1, B = T[C] ?? [], O = ie((b, R) => {
+    h((V) => ({ ...V, [b]: R })), L((V) => {
       const Q = { ...V };
-      return delete Q[h], Q;
+      return delete Q[b], Q;
     });
   }, []), U = ie(() => {
-    const h = {};
+    const b = {};
     for (const { question: R } of B) {
       const V = Jr(R, y[R.id] ?? []);
-      V && (h[R.id] = V);
+      V && (b[R.id] = V);
     }
-    return L((R) => ({ ...R, ...h })), Object.keys(h).length === 0;
+    return L((R) => ({ ...R, ...b })), Object.keys(b).length === 0;
   }, [B, y]), H = () => {
-    U() && q((h) => h + 1);
+    U() && q((b) => b + 1);
   }, J = () => {
-    C > 0 ? q((h) => h - 1) : a == null || a();
+    C > 0 ? q((b) => b - 1) : a == null || a();
   }, re = async () => {
     if (!(!U() || !n))
       try {
-        const h = n.questionGroups.flatMap(
+        const b = n.questionGroups.flatMap(
           (V) => (V.questions ?? []).map((Q) => ({
             questionId: Q.id,
             values: y[Q.id] ?? []
@@ -8976,11 +8976,11 @@ const ta = ({
         ), R = {
           applicantId: e,
           questionnarieId: n.id,
-          questionResults: h
+          questionResults: b
         };
         await d(R), t == null || t();
-      } catch (h) {
-        console.error("Questionnaire submit error:", h);
+      } catch (b) {
+        console.error("Questionnaire submit error:", b);
       }
   };
   return o ? /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ i(oe, { children: /* @__PURE__ */ i(Be, { className: "my-8" }) }) }) : m ? /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ i(oe, { children: /* @__PURE__ */ s("p", { className: "text-danger-500", children: [
@@ -8993,7 +8993,7 @@ const ta = ({
       n.subtitle && /* @__PURE__ */ i("p", { className: "text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n.subtitle }),
       T.length > 1 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between mt-3", children: [
         /* @__PURE__ */ i("span", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: r("common.pageXofY", { current: C + 1, total: T.length }) }),
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: T.map((h, R) => /* @__PURE__ */ i(
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: T.map((b, R) => /* @__PURE__ */ i(
           "div",
           {
             className: "rounded-full transition-all duration-200",
@@ -9007,15 +9007,15 @@ const ta = ({
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ i(oe, { className: "space-y-6", children: B.map(({ question: h }) => /* @__PURE__ */ i(
+    /* @__PURE__ */ i(oe, { className: "space-y-6", children: B.map(({ question: b }) => /* @__PURE__ */ i(
       ia,
       {
-        question: h,
-        value: y[h.id] ?? [],
-        error: z[h.id],
-        onChange: (R) => O(h.id, R)
+        question: b,
+        value: y[b.id] ?? [],
+        error: z[b.id],
+        onChange: (R) => O(b.id, R)
       },
-      h.id
+      b.id
     )) }),
     /* @__PURE__ */ s(Re, { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
       /* @__PURE__ */ s(
@@ -9090,10 +9090,11 @@ const ta = ({
     ),
     o === "radio" && /* @__PURE__ */ s("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
       (e.defaultAnswers ?? []).map((m) => /* @__PURE__ */ s(
-        "label",
+        "div",
         {
           className: "metakyc-option-label",
-          style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0 },
+          onClick: () => r([m]),
+          style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0, userSelect: "none" },
           children: [
             /* @__PURE__ */ i(
               "input",
@@ -9101,6 +9102,7 @@ const ta = ({
                 type: "radio",
                 checked: t[0] === m,
                 onChange: () => r([m]),
+                onClick: (d) => d.stopPropagation(),
                 className: "metakyc-option-input",
                 style: {
                   width: "16px",
@@ -9125,26 +9127,24 @@ const ta = ({
       a && /* @__PURE__ */ i("p", { className: "text-sm text-danger-500", children: a })
     ] }),
     (o === "checkbox" || o === "multi-select") && /* @__PURE__ */ s("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      (e.defaultAnswers ?? []).map((m) => /* @__PURE__ */ s(
-        "label",
-        {
-          className: "metakyc-option-label",
-          style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0 },
-          children: [
-            /* @__PURE__ */ i(
-              We,
-              {
-                checked: t.includes(m),
-                onChange: (d) => {
-                  r(d ? [...t, m] : t.filter((y) => y !== m));
-                }
-              }
-            ),
-            /* @__PURE__ */ i("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: m })
-          ]
-        },
-        m
-      )),
+      (e.defaultAnswers ?? []).map((m) => {
+        const d = t.includes(m), y = () => {
+          r(d ? t.filter((h) => h !== m) : [...t, m]);
+        };
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: "metakyc-option-label",
+            onClick: y,
+            style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0, userSelect: "none" },
+            children: [
+              /* @__PURE__ */ i(We, { checked: d, onChange: () => y() }),
+              /* @__PURE__ */ i("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: m })
+            ]
+          },
+          m
+        );
+      }),
       a && /* @__PURE__ */ i("p", { className: "text-sm text-danger-500", children: a })
     ] }),
     a && o === "text" && null
@@ -9163,7 +9163,7 @@ const aa = ({
   onComplete: t,
   onBack: a
 }) => {
-  const { t: r } = Ie(), { uploadDocument: n, isLoading: l, isSubmitting: o, error: p, submit: m } = Mr(e), [d, y] = S({}), [w, z] = S(null), [L, C] = S(0), [q, T] = S({}), P = Fe(
+  const { t: r } = Ie(), { uploadDocument: n, isLoading: l, isSubmitting: o, error: p, submit: m } = Mr(e), [d, y] = S({}), [h, z] = S(null), [L, C] = S(0), [q, T] = S({}), P = Fe(
     () => n ? ra(n.uploadDocumentFiles) : [],
     [n]
   ), B = P[L] ?? [], O = L === P.length - 1, U = P.length, H = ie(() => {
@@ -9175,7 +9175,7 @@ const aa = ({
     H() && (C((R) => R + 1), T({}));
   }, re = () => {
     L > 0 ? (C((R) => R - 1), T({})) : a == null || a();
-  }, h = async () => {
+  }, b = async () => {
     if (!(!H() || !n)) {
       z(null);
       try {
@@ -9320,7 +9320,7 @@ const aa = ({
       },
       R.id
     )) }) }),
-    w && /* @__PURE__ */ s("div", { style: {
+    h && /* @__PURE__ */ s("div", { style: {
       margin: "0 24px",
       padding: "10px 14px",
       borderRadius: "8px",
@@ -9335,7 +9335,7 @@ const aa = ({
         /* @__PURE__ */ i("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
         /* @__PURE__ */ i("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
       ] }),
-      /* @__PURE__ */ i("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: w })
+      /* @__PURE__ */ i("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: h })
     ] }),
     /* @__PURE__ */ i(Re, { children: /* @__PURE__ */ s("div", { style: {
       display: "flex",
@@ -9357,7 +9357,7 @@ const aa = ({
         {
           type: "button",
           isLoading: o,
-          onClick: h,
+          onClick: b,
           children: r(o ? "uploadDocument.uploading" : "common.continue")
         }
       ) : /* @__PURE__ */ i(
@@ -9383,7 +9383,7 @@ const aa = ({
       /* @__PURE__ */ i("h2", { className: "text-lg font-bold", children: n.title || r("overview.title") }),
       n.description && /* @__PURE__ */ i("p", { className: "mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n.description })
     ] }),
-    /* @__PURE__ */ i(oe, { className: "space-y-8", children: n.steps && n.steps.length > 0 ? n.steps.sort((y, w) => y.order - w.order).map((y) => /* @__PURE__ */ s("div", { className: "metakyc-overview-step-item flex items-center space-x-3", children: [
+    /* @__PURE__ */ i(oe, { className: "space-y-8", children: n.steps && n.steps.length > 0 ? n.steps.sort((y, h) => y.order - h.order).map((y) => /* @__PURE__ */ s("div", { className: "metakyc-overview-step-item flex items-center space-x-3", children: [
       /* @__PURE__ */ i("div", { className: "metakyc-step-icon flex-shrink-0", children: /* @__PURE__ */ i(
         "div",
         {
@@ -9481,7 +9481,7 @@ const ua = ({
   onComplete: t,
   onBack: a
 }) => {
-  const { t: r } = Ie(), { config: n } = Oe(), l = n.locale ?? "en", { criteria: o, initialAnswers: p, isLoading: m, isSubmitting: d, error: y, submit: w } = Or(e), [z, L] = S({}), [C, q] = S({}), [T, P] = S(0), [B, O] = S(!1);
+  const { t: r } = Ie(), { config: n } = Oe(), l = n.locale ?? "en", { criteria: o, initialAnswers: p, isLoading: m, isSubmitting: d, error: y, submit: h } = Or(e), [z, L] = S({}), [C, q] = S({}), [T, P] = S(0), [B, O] = S(!1);
   Ne.useEffect(() => {
     p && Object.keys(p).length > 0 && Object.keys(z).length === 0 && L(p);
   }, [p]);
@@ -9490,14 +9490,14 @@ const ua = ({
     [o]
   ), H = T === U.length - 1, J = U[T] ?? [];
   Ne.useEffect(() => {
-    !m && o && o.length === 0 && !B && !d && (O(!0), w({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
-  }, [m, o, B, d, w, e, t]);
+    !m && o && o.length === 0 && !B && !d && (O(!0), h({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
+  }, [m, o, B, d, h, e, t]);
   const re = ie((ee, W) => {
     L((X) => ({ ...X, [ee]: W })), q((X) => {
       const ce = { ...X };
       return delete ce[ee], ce;
     });
-  }, []), h = ie(() => {
+  }, []), b = ie(() => {
     const ee = {};
     for (const { criterion: W } of J) {
       const X = ca(W, z[W.id] ?? []);
@@ -9505,17 +9505,17 @@ const ua = ({
     }
     return q((W) => ({ ...W, ...ee })), Object.keys(ee).length === 0;
   }, [J, z]), R = () => {
-    h() && P((ee) => ee + 1);
+    b() && P((ee) => ee + 1);
   }, V = () => {
     T > 0 ? P((ee) => ee - 1) : a == null || a();
   }, Q = async () => {
-    if (!(!h() || !o))
+    if (!(!b() || !o))
       try {
         const ee = o.map((X) => {
           const ce = (z[X.id] ?? []).filter((Y) => Y && Y.trim());
           return ce.length > 0 ? { riskCriteriaId: X.id, values: ce } : null;
         }).filter((X) => X !== null);
-        await w({ applicantId: e, criteriaValueInputs: ee }), t == null || t();
+        await h({ applicantId: e, criteriaValueInputs: ee }), t == null || t();
       } catch (ee) {
         console.error("Risk scoring submit error:", ee);
       }
@@ -9620,10 +9620,11 @@ const ua = ({
     ),
     o === "radio" && /* @__PURE__ */ s("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
       (e.defaultValues ?? []).map((y) => /* @__PURE__ */ s(
-        "label",
+        "div",
         {
           className: "metakyc-option-label",
-          style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0 },
+          onClick: () => n([y]),
+          style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0, userSelect: "none" },
           children: [
             /* @__PURE__ */ i(
               "input",
@@ -9631,6 +9632,7 @@ const ua = ({
                 type: "radio",
                 checked: t[0] === y,
                 onChange: () => n([y]),
+                onClick: (h) => h.stopPropagation(),
                 className: "metakyc-option-input",
                 style: {
                   width: "16px",
@@ -9655,26 +9657,24 @@ const ua = ({
       a && /* @__PURE__ */ i("p", { className: "text-sm text-danger-500", children: a })
     ] }),
     o === "checkbox" && /* @__PURE__ */ s("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-      (e.defaultValues ?? []).map((y) => /* @__PURE__ */ s(
-        "label",
-        {
-          className: "metakyc-option-label",
-          style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0 },
-          children: [
-            /* @__PURE__ */ i(
-              We,
-              {
-                checked: t.includes(y),
-                onChange: (w) => {
-                  n(w ? [...t, y] : t.filter((z) => z !== y));
-                }
-              }
-            ),
-            /* @__PURE__ */ i("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: d(y) })
-          ]
-        },
-        y
-      )),
+      (e.defaultValues ?? []).map((y) => {
+        const h = t.includes(y), z = () => {
+          n(h ? t.filter((L) => L !== y) : [...t, y]);
+        };
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: "metakyc-option-label",
+            onClick: z,
+            style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0, userSelect: "none" },
+            children: [
+              /* @__PURE__ */ i(We, { checked: h, onChange: () => z() }),
+              /* @__PURE__ */ i("span", { className: "metakyc-option-text", style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4", marginLeft: 0 }, children: d(y) })
+            ]
+          },
+          y
+        );
+      }),
       a && /* @__PURE__ */ i("p", { className: "text-sm text-danger-500", children: a })
     ] }),
     o === "country" && /* @__PURE__ */ i(
@@ -9841,7 +9841,7 @@ const ya = ({
   onComplete: t,
   onBack: a
 }) => {
-  const { t: r } = Ie(), { appropriatenessTestService: n } = Oe(), [l, o] = S(null), [p, m] = S(!0), [d, y] = S(!1), [w, z] = S(null), [L, C] = S({}), [q, T] = S(0), [P, B] = S(!1), [O, U] = S(!1), [H, J] = S(0), [re, h] = S(0), [R, V] = S(null);
+  const { t: r } = Ie(), { appropriatenessTestService: n } = Oe(), [l, o] = S(null), [p, m] = S(!0), [d, y] = S(!1), [h, z] = S(null), [L, C] = S({}), [q, T] = S(0), [P, B] = S(!1), [O, U] = S(!1), [H, J] = S(0), [re, b] = S(0), [R, V] = S(null);
   be(() => {
     (async () => {
       try {
@@ -9873,7 +9873,7 @@ const ya = ({
     O && !d && X();
   }, [O]);
   const Q = () => {
-    l && (B(!0), T(l.testDurationSec), h(0), C({}), z(null));
+    l && (B(!0), T(l.testDurationSec), b(0), C({}), z(null));
   }, ee = (E, F) => {
     C((xe) => ({ ...xe, [E]: F }));
   }, W = ie(async () => {
@@ -9919,7 +9919,7 @@ const ya = ({
       }
     }
   }, ce = () => {
-    B(!1), U(!1), C({}), h(0);
+    B(!1), U(!1), C({}), b(0);
   };
   if (p)
     return /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ i(oe, { children: /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", padding: "48px 0", gap: "16px" }, children: [
@@ -9929,7 +9929,7 @@ const ya = ({
   if (!l)
     return /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ i(oe, { children: /* @__PURE__ */ s("div", { style: { textAlign: "center", padding: "48px 0" }, children: [
       /* @__PURE__ */ i("p", { style: { fontSize: "16px", fontWeight: 600, color: "var(--metakyc-danger, #ef4444)" }, children: r("appropriatenessTest.noTestData") }),
-      w && /* @__PURE__ */ i("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "8px" }, children: w })
+      h && /* @__PURE__ */ i("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "8px" }, children: h })
     ] }) }) });
   const Y = l.testAllowedMaxTry - l.totalFailedTries, je = l.appropriatenessQuestions.length, ye = Object.keys(L).length;
   if (H > 0)
@@ -9953,13 +9953,13 @@ const ya = ({
         }, children: Nt(H) }) }),
         /* @__PURE__ */ i("p", { style: { fontSize: "15px", fontWeight: 500, color: "var(--metakyc-text-primary, #111827)" }, children: r("appropriatenessTest.waitBeforeRetrying") }),
         /* @__PURE__ */ i("p", { style: { fontSize: "13px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "4px" }, children: r("appropriatenessTest.waitTimerMessage") }),
-        w && /* @__PURE__ */ i("div", { style: {
+        h && /* @__PURE__ */ i("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__ */ i("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: w }) })
+        }, children: /* @__PURE__ */ i("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: h }) })
       ] }) })
     ] });
   if (R) {
@@ -10072,7 +10072,7 @@ const ya = ({
             }
           )
         ] }),
-        w && /* @__PURE__ */ s("div", { style: {
+        h && /* @__PURE__ */ s("div", { style: {
           marginBottom: "16px",
           padding: "12px 14px",
           borderRadius: "10px",
@@ -10089,7 +10089,7 @@ const ya = ({
           /* @__PURE__ */ s("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0, lineHeight: 1.5 }, children: [
             /* @__PURE__ */ i("strong", { children: r("appropriatenessTest.previousAttempt") }),
             " ",
-            w
+            h
           ] })
         ] }),
         Y <= 0 && /* @__PURE__ */ i("div", { style: {
@@ -10199,7 +10199,7 @@ const ya = ({
         "button",
         {
           type: "button",
-          onClick: () => h(F),
+          onClick: () => b(F),
           style: {
             width: "28px",
             height: "28px",
@@ -10236,13 +10236,13 @@ const ya = ({
         ] }),
         /* @__PURE__ */ i("p", { style: { fontSize: "13px", color: "#b45309", margin: 0, fontWeight: 500 }, children: r("appropriatenessTest.timesUp") })
       ] }),
-      w && !O && /* @__PURE__ */ i("div", { style: {
+      h && !O && /* @__PURE__ */ i("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__ */ i("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: w }) })
+      }, children: /* @__PURE__ */ i("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: h }) })
     ] }),
     /* @__PURE__ */ i(Re, { children: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
       /* @__PURE__ */ i(
@@ -10251,7 +10251,7 @@ const ya = ({
           type: "button",
           variant: "outline",
           onClick: () => {
-            re > 0 ? h((E) => E - 1) : a == null || a();
+            re > 0 ? b((E) => E - 1) : a == null || a();
           },
           disabled: d,
           children: re > 0 ? r("common.previous") : r("common.cancel")
@@ -10262,7 +10262,7 @@ const ya = ({
           Z,
           {
             type: "button",
-            onClick: () => h((E) => E + 1),
+            onClick: () => b((E) => E + 1),
             children: r("common.next")
           }
         ),
@@ -10412,7 +10412,7 @@ const ya = ({
   onBack: a
 }) => {
   var at, He, dt, Je;
-  const { t: r } = Ie(), { applicantService: n, baseInformationService: l, identityService: o, config: p, currentTheme: m } = Oe(), { identityData: d, provider: y, token: w, isLoading: z, error: L, requestIdentity: C, restartIdentity: q } = Fr(e), [T, P] = S(null), [B, O] = S(null), [U, H] = S([]), [J, re] = S([]), [h, R] = S(!0), [V, Q] = S(!1), [ee, W] = S(null), [X, ce] = S(!1), Y = Ne.useRef(!1), [je, ye] = S({}), [fe, Se] = S({}), pe = m != null && m.reviewPageFields && m.reviewPageFields.length > 0 ? m.reviewPageFields[0] : null, M = !!(m != null && m.reviewPageDisabled), E = ue(!1);
+  const { t: r } = Ie(), { applicantService: n, baseInformationService: l, identityService: o, config: p, currentTheme: m } = Oe(), { identityData: d, provider: y, token: h, isLoading: z, error: L, requestIdentity: C, restartIdentity: q } = Fr(e), [T, P] = S(null), [B, O] = S(null), [U, H] = S([]), [J, re] = S([]), [b, R] = S(!0), [V, Q] = S(!1), [ee, W] = S(null), [X, ce] = S(!1), Y = Ne.useRef(!1), [je, ye] = S({}), [fe, Se] = S({}), pe = m != null && m.reviewPageFields && m.reviewPageFields.length > 0 ? m.reviewPageFields[0] : null, M = !!(m != null && m.reviewPageDisabled), E = ue(!1);
   E.current = M;
   const F = yi({
     defaultValues: {
@@ -10441,8 +10441,8 @@ const ya = ({
         O(j);
         const te = /* @__PURE__ */ new Set(), g = $.map((f) => ({ value: f.abbreviation3 || f.abbreviation, label: f.name })).filter((f) => !f.value || te.has(f.value) ? !1 : (te.add(f.value), !0));
         H(g);
-        const I = /* @__PURE__ */ new Set(), b = K.filter((f) => f.countryCode).map((f) => ({ value: f.countryCode, label: `${f.countryCode} – ${f.name}` })).filter((f) => I.has(f.value) ? !1 : (I.add(f.value), !0));
-        re(b);
+        const I = /* @__PURE__ */ new Set(), x = K.filter((f) => f.countryCode).map((f) => ({ value: f.countryCode, label: `${f.countryCode} – ${f.name}` })).filter((f) => I.has(f.value) ? !1 : (I.add(f.value), !0));
+        re(x);
         const u = j.applicantRequestData;
         if (ye({
           firstName: (u == null ? void 0 : u.firstName) || "",
@@ -10491,17 +10491,17 @@ const ya = ({
   }, [e]), be(() => {
     d && !V && E.current && (console.log("[Identity] Review page disabled — showing cached provider"), Q(!0));
   }, [d, V]), be(() => {
-    if (w) {
-      if (w.expiresAt) {
-        const k = new Date(w.expiresAt).getTime();
+    if (h) {
+      if (h.expiresAt) {
+        const k = new Date(h.expiresAt).getTime();
         if (Date.now() >= k) {
           console.warn("[Identity] Token has expired (expiresAt)"), ce(!0), W(r("identity.sessionExpired"));
           return;
         }
       }
-      if (w.url)
+      if (h.url)
         try {
-          const j = new URL(w.url).toString().toLowerCase();
+          const j = new URL(h.url).toString().toLowerCase();
           if (j.includes("expired") || j.includes("invalid") || j.includes("error")) {
             console.warn("[Identity] Token URL indicates expiration"), ce(!0), W(r("identity.linkExpired"));
             return;
@@ -10509,20 +10509,20 @@ const ya = ({
         } catch {
           console.error("[Identity] Invalid token URL");
         }
-      if (w.status === "expired" || w.error === "expired" || w.expired === !0) {
+      if (h.status === "expired" || h.error === "expired" || h.expired === !0) {
         console.warn("[Identity] Token object indicates expiration"), ce(!0), W(r("identity.sessionExpired"));
         return;
       }
     }
-  }, [w]);
+  }, [h]);
   const xe = y !== null && y === qe.Sumsub;
   be(() => {
-    if (y !== null && w && !T && V && !X) {
+    if (y !== null && h && !T && V && !X) {
       const k = y;
       if (xe) {
         console.log("[Sumsub] Fetching access token for Web SDK…"), W(null), (async () => {
           try {
-            const j = await o.refreshSumsubToken(e), $ = tt.parseProviderConfig(y, w, p);
+            const j = await o.refreshSumsubToken(e), $ = tt.parseProviderConfig(y, h, p);
             $.accessToken = j, $.onTokenRefresh = () => o.refreshSumsubToken(e);
             const K = tt.createProvider(y, $);
             K.onComplete((te) => {
@@ -10536,19 +10536,19 @@ const ya = ({
         })();
         return;
       }
-      if (w.url) {
-        console.log("[Identity] Loading provider URL for user verification:", w.url), W(null);
+      if (h.url) {
+        console.log("[Identity] Loading provider URL for user verification:", h.url), W(null);
         try {
-          if (new URL(w.url), k === qe.SardinAI) {
+          if (new URL(h.url), k === qe.SardinAI) {
             console.log("[SardinAI] Initializing Risk SDK in background...");
             try {
-              const j = tt.parseProviderConfig(y, w, p);
+              const j = tt.parseProviderConfig(y, h, p);
               tt.createProvider(y, j).initialize().then(() => console.log("[SardinAI] Risk SDK initialized in background")).catch((K) => console.warn("[SardinAI] Risk SDK init failed (non-blocking):", K));
             } catch (j) {
               console.warn("[SardinAI] Risk SDK setup failed (non-blocking):", j);
             }
           }
-          P({ type: "url", url: w.url });
+          P({ type: "url", url: h.url });
         } catch (j) {
           console.error("[Identity] Invalid URL:", j), W(r("identity.invalidUrl")), ce(!0);
         }
@@ -10557,7 +10557,7 @@ const ya = ({
       if (k === qe.SardinAI) {
         console.log("[SardinAI] No URL provided - initializing Risk SDK only..."), W(null);
         try {
-          const j = tt.parseProviderConfig(y, w, p), $ = tt.createProvider(y, j);
+          const j = tt.parseProviderConfig(y, h, p), $ = tt.createProvider(y, j);
           $.initialize().then(() => {
             console.log("[SardinAI] Risk SDK initialized successfully"), P($), setTimeout(() => t == null ? void 0 : t(), 2e3);
           }).catch((K) => {
@@ -10573,7 +10573,7 @@ const ya = ({
       }
       try {
         W(null);
-        const j = tt.parseProviderConfig(y, w, p), $ = tt.createProvider(y, j);
+        const j = tt.parseProviderConfig(y, h, p), $ = tt.createProvider(y, j);
         k === qe.Onfido && $.initialize("identity-container").catch((K) => {
           console.error("[Onfido] Initialization error:", K), W(r("identity.failedToInitialize", { message: K.message }));
         }), P($);
@@ -10589,7 +10589,7 @@ const ya = ({
           console.error("[Identity] Error destroying provider:", k);
         }
     };
-  }, [y, w, T, V, t, X, xe, e, p, o]);
+  }, [y, h, T, V, t, X, xe, e, p, o]);
   const de = async () => {
     try {
       W(null), ce(!1), await C(), Q(!0);
@@ -10603,7 +10603,7 @@ const ya = ({
       console.error("Error restarting identity verification:", k), W(k.message || r("identity.failedToRestart"));
     }
   };
-  if (h || z)
+  if (b || z)
     return /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ s(oe, { children: [
       /* @__PURE__ */ i(Be, { className: "my-8" }),
       /* @__PURE__ */ i("p", { className: "text-center text-gray-600 dark:text-gray-400 mt-4", children: r("identity.loadingIdentity") })
@@ -10728,7 +10728,7 @@ const ya = ({
         padding: "16px 24px",
         borderTop: "1px solid var(--metakyc-border, #e5e7eb)"
       }, children: /* @__PURE__ */ i(Z, { variant: "outline", onClick: _, children: r("common.back") }) })
-    ] }) : w != null && w.url ? /* @__PURE__ */ s(ne, { children: [
+    ] }) : h != null && h.url ? /* @__PURE__ */ s(ne, { children: [
       /* @__PURE__ */ i(Te, { children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ s("div", { children: [
           /* @__PURE__ */ i("h2", { className: "text-2xl font-bold", children: r("identity.title") }),
@@ -10754,7 +10754,7 @@ const ya = ({
         /* @__PURE__ */ i("div", { className: "w-full", style: { height: "600px", maxHeight: "70vh" }, children: /* @__PURE__ */ i(
           "iframe",
           {
-            src: w.url,
+            src: h.url,
             className: "w-full h-full border-0 rounded-lg",
             allow: "camera; microphone; geolocation",
             title: "Identity Verification",
@@ -10764,8 +10764,8 @@ const ya = ({
               try {
                 const g = j.target, I = g.contentDocument || (($ = g.contentWindow) == null ? void 0 : $.document);
                 if (I) {
-                  const b = ((te = (K = I.body) == null ? void 0 : K.textContent) == null ? void 0 : te.toLowerCase()) || "";
-                  (b.includes("expired") || b.includes("invalid") || b.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), ce(!0), W(r("identity.linkExpired")));
+                  const x = ((te = (K = I.body) == null ? void 0 : K.textContent) == null ? void 0 : te.toLowerCase()) || "";
+                  (x.includes("expired") || x.includes("invalid") || x.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), ce(!0), W(r("identity.linkExpired")));
                 }
               } catch {
                 console.log("[Identity] Cannot check iframe content (CORS)");
@@ -10946,7 +10946,7 @@ const ya = ({
             We,
             {
               checked: !!g,
-              onChange: (I) => Se((b) => ({ ...b, [K]: String(I) })),
+              onChange: (I) => Se((x) => ({ ...x, [K]: String(I) })),
               style: { marginTop: 2 }
             }
           ),
@@ -10959,26 +10959,26 @@ const ya = ({
       ) }, $);
     }
     if (k.customType === "group_checkbox") {
-      const g = Array.isArray(te) ? te : te ? [te] : [], I = (b) => {
-        k.singleSelect ? Se((u) => ({ ...u, [K]: g[0] === b ? [] : [b] })) : Se((u) => ({
+      const g = Array.isArray(te) ? te : te ? [te] : [], I = (x) => {
+        k.singleSelect ? Se((u) => ({ ...u, [K]: g[0] === x ? [] : [x] })) : Se((u) => ({
           ...u,
-          [K]: g.includes(b) ? g.filter((c) => c !== b) : [...g, b]
+          [K]: g.includes(x) ? g.filter((c) => c !== x) : [...g, x]
         }));
       };
       return /* @__PURE__ */ i("div", { style: le(k.colSpan), children: Ae(
         /* @__PURE__ */ s("div", { className: "space-y-1.5", children: [
           k.label && /* @__PURE__ */ i("p", { className: "text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: G(k.displayText, r) || G(k.label, r) }),
-          (k.options || []).map((b) => /* @__PURE__ */ s("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
+          (k.options || []).map((x) => /* @__PURE__ */ s("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
             /* @__PURE__ */ i(
               We,
               {
-                checked: g.includes(b.value),
-                onChange: () => I(b.value),
+                checked: g.includes(x.value),
+                onChange: () => I(x.value),
                 style: { marginTop: 2 }
               }
             ),
-            /* @__PURE__ */ i("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: b.label })
-          ] }, b.value))
+            /* @__PURE__ */ i("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: x.label })
+          ] }, x.value))
         ] }),
         k.helpText
       ) }, $);
@@ -11015,7 +11015,7 @@ const ya = ({
     ) }, $);
   }, ct = (k, j) => {
     if (k.isCustom) return Ye(k, j);
-    const $ = k.name ?? "", K = lt[$], te = G(k.displayText, r) || (K != null && K.translationKey ? r(`fields.${K.translationKey}`) : void 0) || (K == null ? void 0 : K.label) || $, g = je[$] ?? "", I = $ === "mobileCountryCode", b = !!(K != null && K.countriesType) && !I;
+    const $ = k.name ?? "", K = lt[$], te = G(k.displayText, r) || (K != null && K.translationKey ? r(`fields.${K.translationKey}`) : void 0) || (K == null ? void 0 : K.label) || $, g = je[$] ?? "", I = $ === "mobileCountryCode", x = !!(K != null && K.countriesType) && !I;
     return k.editable ? I ? /* @__PURE__ */ i("div", { style: le(k.colSpan ?? 2), children: Ae(
       /* @__PURE__ */ i(
         Xe,
@@ -11027,7 +11027,7 @@ const ya = ({
         }
       ),
       k.helpText
-    ) }, `epc-${j}`) : b ? /* @__PURE__ */ i("div", { style: le(k.colSpan ?? 2), children: Ae(
+    ) }, `epc-${j}`) : x ? /* @__PURE__ */ i("div", { style: le(k.colSpan ?? 2), children: Ae(
       /* @__PURE__ */ i(
         Xe,
         {
@@ -11448,13 +11448,13 @@ const xa = {
   onSuccess: a,
   onCancel: r
 }) => {
-  var $, K, te, g, I, b, u;
+  var $, K, te, g, I, x, u;
   const { config: n, baseInformationService: l, currentTheme: o } = Oe(), { createApplicant: p, isLoading: m } = ni(), { t: d } = Ie(), 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 w = t || ((K = n.applicantForm) == null ? void 0 : K.externalRefId) || "", z = ((te = n.applicantForm) == null ? void 0 : te.email) || "", L = ((g = n.applicantForm) == null ? void 0 : g.hiddenValues) || {}, C = ((I = n.applicantForm) == null ? void 0 : I.initialValues) || {}, T = (((b = n.applicantForm) == null ? void 0 : b.fieldLabelMode) || (o == null ? void 0 : o.fieldLabelMode) || "label") !== "placeholder", P = Fe(
+  const h = t || ((K = n.applicantForm) == null ? void 0 : K.externalRefId) || "", z = ((te = n.applicantForm) == null ? void 0 : te.email) || "", L = ((g = n.applicantForm) == null ? void 0 : g.hiddenValues) || {}, C = ((I = n.applicantForm) == null ? void 0 : I.initialValues) || {}, T = (((x = n.applicantForm) == null ? void 0 : x.fieldLabelMode) || (o == null ? void 0 : o.fieldLabelMode) || "label") !== "placeholder", P = Fe(
     () => o != null && o.applicantFormPages && o.applicantFormPages.length > 0 ? o.applicantFormPages : null,
     [o == null ? void 0 : o.applicantFormPages]
   ), B = Fe(() => {
@@ -11468,8 +11468,8 @@ const xa = {
   }, [o == null ? void 0 : o.applicantFormRequiredFields, P]), O = Fe(() => {
     var v;
     if (P) {
-      const A = P.flatMap((x) => x.fields).filter((x) => !x.isCustom && x.name).map((x) => x.name), N = new Set(A);
-      for (const x of bt) N.add(x);
+      const A = P.flatMap((w) => w.fields).filter((w) => !w.isCustom && w.name).map((w) => w.name), N = new Set(A);
+      for (const w of bt) N.add(w);
       return Array.from(N);
     }
     let c;
@@ -11495,7 +11495,7 @@ const xa = {
       for (const A of O)
         U.has(A) && c.add((v = lt[A]) == null ? void 0 : v.countriesType);
     return c.size === 0 && c.add(void 0), Array.from(c);
-  }, [O, P]), [J, re] = S({}), [h, R] = S(!0), V = ue(/* @__PURE__ */ new Set()), Q = ue(/* @__PURE__ */ new Set());
+  }, [O, P]), [J, re] = S({}), [b, R] = S(!0), V = ue(/* @__PURE__ */ new Set()), Q = ue(/* @__PURE__ */ new Set());
   be(() => {
     if (!o) return;
     const c = H.filter((A) => {
@@ -11504,8 +11504,8 @@ const xa = {
     });
     if (c.length === 0) {
       H.every((N) => {
-        const x = N != null ? String(N) : "all";
-        return Q.current.has(x);
+        const w = N != null ? String(N) : "all";
+        return Q.current.has(w);
       }) && R(!1);
       return;
     }
@@ -11515,11 +11515,11 @@ const xa = {
       try {
         const A = await Promise.all(
           c.map(async (N) => {
-            const x = N != null ? String(N) : "all", ae = await l.getCountries("", n.locale || "en", N), se = N === 40, we = /* @__PURE__ */ new Set(), ke = ae.map((ve) => se && ve.countryCode ? {
+            const w = N != null ? String(N) : "all", ae = await l.getCountries("", n.locale || "en", N), se = N === 40, we = /* @__PURE__ */ new Set(), ke = ae.map((ve) => se && ve.countryCode ? {
               value: ve.countryCode,
               label: `${ve.countryCode} – ${ve.name}`
             } : { value: ve.abbreviation3 || ve.abbreviation, label: ve.name }).filter((ve) => !ve.value || we.has(ve.value) ? !1 : (we.add(ve.value), !0));
-            return Q.current.add(x), V.current.delete(x), [x, ke];
+            return Q.current.add(w), V.current.delete(w), [w, ke];
           })
         );
         re((N) => ({ ...N, ...Object.fromEntries(A) }));
@@ -11527,8 +11527,8 @@ const xa = {
         f.forEach((N) => V.current.delete(N)), console.error("Failed to load countries:", A);
       } finally {
         H.every((N) => {
-          const x = N != null ? String(N) : "all";
-          return Q.current.has(x);
+          const w = N != null ? String(N) : "all";
+          return Q.current.has(w);
         }) && R(!1);
       }
     })();
@@ -11572,7 +11572,7 @@ const xa = {
     email: z,
     dateOfBirth: "",
     phonenumber: "",
-    externalRefId: w,
+    externalRefId: h,
     mobileCountryCode: "",
     street: "",
     streetNumber: "",
@@ -11599,7 +11599,7 @@ const xa = {
       if (!v.isCustom || !v.paramName || !((f = v.blockingValues) != null && f.length)) continue;
       const A = fe[v.paramName] ?? "";
       if (v.customType === "group_checkbox") {
-        if (A.split(",").filter(Boolean).some((x) => v.blockingValues.includes(x))) return !0;
+        if (A.split(",").filter(Boolean).some((w) => v.blockingValues.includes(w))) return !0;
       } else if (v.customType === "radio_group" && v.blockingValues.includes(A))
         return !0;
     }
@@ -11616,8 +11616,8 @@ const xa = {
       } else if (v.name) {
         const A = v.name;
         if (B.includes(A) && ut(Y[A])) {
-          const N = lt[A], x = G(v.displayText, d) || (N != null && N.translationKey ? d(`fields.${N.translationKey}`) : void 0) || (N == null ? void 0 : N.label) || A;
-          f[A] = d("validation.fieldRequired", { field: x });
+          const N = lt[A], w = G(v.displayText, d) || (N != null && N.translationKey ? d(`fields.${N.translationKey}`) : void 0) || (N == null ? void 0 : N.label) || A;
+          f[A] = d("validation.fieldRequired", { field: w });
         }
       }
     return f;
@@ -11658,42 +11658,42 @@ const xa = {
       if (P) {
         for (const N of P)
           if (ze(N)) {
-            for (const x of N.fields)
-              if (!x.isCustom && x.name) {
-                const ae = x.name, se = Y[ae];
+            for (const w of N.fields)
+              if (!w.isCustom && w.name) {
+                const ae = w.name, se = Y[ae];
                 ut(se) || (c[ae] = se);
               }
           }
         for (const N of bt)
           if (c[N] === void 0) {
-            const x = Y[N];
-            ut(x) || (c[N] = x);
+            const w = Y[N];
+            ut(w) || (c[N] = w);
           }
       } else
         O.forEach((N) => {
           if (N === "externalRefId") return;
-          const x = Y[N];
-          ut(x) || (c[N] = x);
+          const w = Y[N];
+          ut(w) || (c[N] = w);
         });
       const f = [];
       if (P) {
         for (const N of P)
           if (ze(N))
-            for (const x of N.fields) {
-              if (!x.isCustom || !x.paramName || x.customType === "paragraph" || x.customType === "html" || x.customType === "br" || x.customType === "link") continue;
-              const ae = fe[x.paramName] ?? "";
+            for (const w of N.fields) {
+              if (!w.isCustom || !w.paramName || w.customType === "paragraph" || w.customType === "html" || w.customType === "br" || w.customType === "link") continue;
+              const ae = fe[w.paramName] ?? "";
               let se;
-              if (x.customType === "checkbox" || x.customType === "link_checkbox")
+              if (w.customType === "checkbox" || w.customType === "link_checkbox")
                 se = ae === "true" ? "yes" : "no";
-              else if (se = ae, !se && !x.required) continue;
-              f.push({ paramName: x.paramName, value: se });
+              else if (se = ae, !se && !w.required) continue;
+              f.push({ paramName: w.paramName, value: se });
             }
       }
-      for (const [N, x] of Object.entries(X))
-        c[N] === void 0 && !ut(x) && (c[N] = x);
+      for (const [N, w] of Object.entries(X))
+        c[N] === void 0 && !ut(w) && (c[N] = w);
       const v = new Set(f.map((N) => N.paramName));
-      for (const [N, x] of Object.entries(ye))
-        !v.has(N) && x && f.push({ paramName: N, value: x });
+      for (const [N, w] of Object.entries(ye))
+        !v.has(N) && w && f.push({ paramName: N, value: w });
       f.length > 0 && (c.applicantAdditionalDatas = f);
       const A = await p(c);
       a(A.applicantId);
@@ -11713,10 +11713,10 @@ const xa = {
     await He();
   }, Je = (c, f, v, A, N) => {
     var Dt;
-    const x = lt[c];
-    if (!x) return null;
-    const ae = B.includes(c), se = E[c], we = G(v, d) || (x.translationKey ? d(`fields.${x.translationKey}`) : void 0) || x.label, ke = c in ce, ve = f ?? c, Ve = { required: ae }, $e = N ? N !== "placeholder" : T, et = $e ? we : void 0;
-    switch (x.type) {
+    const w = lt[c];
+    if (!w) return null;
+    const ae = B.includes(c), se = E[c], we = G(v, d) || (w.translationKey ? d(`fields.${w.translationKey}`) : void 0) || w.label, ke = c in ce, ve = f ?? c, Ve = { required: ae }, $e = N ? N !== "placeholder" : T, et = $e ? we : void 0;
+    switch (w.type) {
       case "select":
         if (c === "country" || c === "nationality" || c === "taxCountry" || c === "countryOfBirth" || c === "mobileCountryCode") {
           const Le = ee(c, A);
@@ -11728,7 +11728,7 @@ const xa = {
               value: Y[c] || "",
               onChange: (nt) => ge(c, nt),
               options: [{ value: "", label: $e ? d("placeholders.selectCountry") : we }, ...Le],
-              disabled: h,
+              disabled: b,
               readOnly: ke,
               error: se
             },
@@ -11783,7 +11783,7 @@ const xa = {
               onChange: (nt) => ge(c, nt),
               options: Le,
               placeholder: $e ? d("placeholders.selectOtherNationalities") : we,
-              disabled: h,
+              disabled: b,
               readOnly: ke
             },
             ve
@@ -11854,7 +11854,7 @@ const xa = {
   }, k = (c, f) => {
     const v = c.labelMode ? c.labelMode !== "placeholder" : T;
     if (c.customType === "paragraph") {
-      const x = G(c.displayText, d) || G(c.label, d) || "";
+      const w = G(c.displayText, d) || G(c.label, d) || "";
       return /* @__PURE__ */ i(
         "p",
         {
@@ -11865,7 +11865,7 @@ const xa = {
             margin: 0,
             color: "var(--metakyc-text-secondary, #6b7280)"
           },
-          dangerouslySetInnerHTML: { __html: x }
+          dangerouslySetInnerHTML: { __html: w }
         },
         `custom-${f}`
       );
@@ -11881,7 +11881,7 @@ const xa = {
     if (c.customType === "br")
       return /* @__PURE__ */ i("div", { style: { height: "12px" } }, `custom-${f}`);
     if (c.customType === "link") {
-      const x = G(c.displayText, d) || G(c.label, d) || c.linkText || c.linkUrl || "";
+      const w = G(c.displayText, d) || G(c.label, d) || c.linkText || c.linkUrl || "";
       return /* @__PURE__ */ i("div", { className: "metakyc-link-field", children: /* @__PURE__ */ s(
         "a",
         {
@@ -11898,7 +11898,7 @@ const xa = {
             cursor: "pointer"
           },
           children: [
-            x,
+            w,
             /* @__PURE__ */ i("span", { style: { fontSize: "10px", opacity: 0.7 }, children: "↗" })
           ]
         }
@@ -11907,21 +11907,21 @@ const xa = {
     if (!c.paramName) return null;
     const A = E[c.paramName], N = G(c.displayText, d) || G(c.label, d) || c.paramName;
     if (c.customType === "checkbox") {
-      const x = fe[c.paramName] === "true";
+      const w = fe[c.paramName] === "true";
       return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ s(
           "div",
           {
             className: "metakyc-option-label",
             role: "checkbox",
-            "aria-checked": x,
-            onClick: () => le(c.paramName, x ? "false" : "true"),
+            "aria-checked": w,
+            onClick: () => le(c.paramName, w ? "false" : "true"),
             style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0, userSelect: "none" },
             children: [
               /* @__PURE__ */ i(
                 We,
                 {
-                  checked: x,
+                  checked: w,
                   onChange: (ae) => le(c.paramName, ae ? "true" : "false")
                 }
               ),
@@ -11943,21 +11943,21 @@ const xa = {
       ] }, `custom-${f}`);
     }
     if (c.customType === "link_checkbox") {
-      const x = fe[c.paramName] === "true";
+      const w = fe[c.paramName] === "true";
       return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ s(
           "div",
           {
             className: "metakyc-option-label",
             role: "checkbox",
-            "aria-checked": x,
-            onClick: () => le(c.paramName, x ? "false" : "true"),
+            "aria-checked": w,
+            onClick: () => le(c.paramName, w ? "false" : "true"),
             style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0, userSelect: "none" },
             children: [
               /* @__PURE__ */ i(
                 We,
                 {
-                  checked: x,
+                  checked: w,
                   onChange: (ae) => le(c.paramName, ae ? "true" : "false")
                 }
               ),
@@ -11992,7 +11992,7 @@ const xa = {
       ] }, `custom-${f}`);
     }
     if (c.customType === "group_checkbox") {
-      const x = (fe[c.paramName] || "").split(",").filter(Boolean);
+      const w = (fe[c.paramName] || "").split(",").filter(Boolean);
       return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [
         v && /* @__PURE__ */ s(
           "div",
@@ -12006,11 +12006,11 @@ const xa = {
           }
         ),
         /* @__PURE__ */ i("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((ae) => {
-          const se = c.singleSelect ? fe[c.paramName] === ae.value : x.includes(ae.value), we = () => {
+          const se = c.singleSelect ? fe[c.paramName] === ae.value : w.includes(ae.value), we = () => {
             if (c.singleSelect)
               le(c.paramName, se ? "" : ae.value);
             else {
-              const ke = se ? x.filter((ve) => ve !== ae.value) : [...x, ae.value];
+              const ke = se ? w.filter((ve) => ve !== ae.value) : [...w, ae.value];
               le(c.paramName, ke.join(","));
             }
           };
@@ -12050,19 +12050,19 @@ const xa = {
           ]
         }
       ),
-      /* @__PURE__ */ i("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((x) => /* @__PURE__ */ s(
+      /* @__PURE__ */ i("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((w) => /* @__PURE__ */ s(
         "div",
         {
           className: "metakyc-option-label",
-          onClick: () => le(c.paramName, x.value),
+          onClick: () => le(c.paramName, w.value),
           style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer", margin: 0, padding: 0, userSelect: "none" },
           children: [
             /* @__PURE__ */ i(
               "input",
               {
                 type: "radio",
-                checked: fe[c.paramName] === x.value,
-                onChange: () => le(c.paramName, x.value),
+                checked: fe[c.paramName] === w.value,
+                onChange: () => le(c.paramName, w.value),
                 name: `radio-group-${c.paramName}-${f}`,
                 className: "metakyc-option-input",
                 onClick: (ae) => ae.stopPropagation(),
@@ -12074,12 +12074,12 @@ const xa = {
               {
                 className: "metakyc-option-text",
                 style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4" },
-                children: x.label
+                children: w.label
               }
             )
           ]
         },
-        x.value
+        w.value
       )) }),
       A && /* @__PURE__ */ i("p", { className: "text-xs", style: { color: "var(--metakyc-danger, #ef4444)" }, children: A })
     ] }, `custom-${f}`) : /* @__PURE__ */ i(
@@ -12089,7 +12089,7 @@ const xa = {
         label: v ? `${N}${c.required ? " *" : ""}` : void 0,
         placeholder: v ? void 0 : N,
         value: fe[c.paramName] || "",
-        onChange: (x) => le(c.paramName, x.target.value),
+        onChange: (w) => le(c.paramName, w.target.value),
         required: c.required,
         error: A
       },
@@ -12126,20 +12126,20 @@ const xa = {
         }
       ) }),
       v && /* @__PURE__ */ i("div", { className: "metakyc-form-grid", children: c.fields.map((A, N) => {
-        const x = Math.min(4, Math.max(1, Number(A.colSpan) || 4)), ae = A.isCustom ? `custom-${N}-${A.paramName}` : `builtin-${A.name}-${N}`;
-        return /* @__PURE__ */ i("div", { style: { gridColumn: `span ${x} / span ${x}` }, children: /* @__PURE__ */ i(Gt, { helpText: A.helpText, children: A.isCustom ? k(A, N) : Je(A.name, ae, A.displayText, A.countriesType, A.labelMode) }) }, ae);
+        const w = Math.min(4, Math.max(1, Number(A.colSpan) || 4)), ae = A.isCustom ? `custom-${N}-${A.paramName}` : `builtin-${A.name}-${N}`;
+        return /* @__PURE__ */ i("div", { style: { gridColumn: `span ${w} / span ${w}` }, children: /* @__PURE__ */ i(Gt, { helpText: A.helpText, children: A.isCustom ? k(A, N) : Je(A.name, ae, A.displayText, A.countriesType, A.labelMode) }) }, ae);
       }) })
     ] });
   };
-  if (!o || h)
+  if (!o || b)
     return /* @__PURE__ */ i("div", { className: "metakyc-sdk", children: /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ s(oe, { children: [
       /* @__PURE__ */ i(Be, { className: "my-8" }),
       /* @__PURE__ */ i("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: d("common.loadingForm") })
     ] }) }) });
   if (P) {
-    const c = P[pe] ?? P[0], f = Ye === -1, v = Ae === -1, A = P.length, N = ze(c), x = rt(c), ae = Object.values(E), se = !N && !!c.conditionalOn && c.conditionalMode === "block", we = D || m || se || x;
+    const c = P[pe] ?? P[0], f = Ye === -1, v = Ae === -1, A = P.length, N = ze(c), w = rt(c), ae = Object.values(E), se = !N && !!c.conditionalOn && c.conditionalMode === "block", we = D || m || se || w;
     let ke;
-    return se || x ? ke = d("common.blocked") : v ? ke = c.conditionalOn && !N ? d("common.skipAndSubmit") : d("common.submit") : ke = c.conditionalOn && !N ? d("common.skip") : d("common.next"), /* @__PURE__ */ i("div", { className: "metakyc-sdk", children: /* @__PURE__ */ s(ne, { children: [
+    return se || w ? ke = d("common.blocked") : v ? ke = c.conditionalOn && !N ? d("common.skipAndSubmit") : d("common.submit") : ke = c.conditionalOn && !N ? d("common.skip") : d("common.next"), /* @__PURE__ */ i("div", { className: "metakyc-sdk", children: /* @__PURE__ */ s(ne, { children: [
       /* @__PURE__ */ i(Te, { children: /* @__PURE__ */ i(kt, { title: (o == null ? void 0 : o.title) || d("createApplicant.title") }) }),
       /* @__PURE__ */ s(oe, { children: [
         (c.title || c.subtitle || c.description) && /* @__PURE__ */ s("div", { className: "mb-4", children: [
@@ -12263,27 +12263,27 @@ const Ua = ({
     throw new Error(
       "workflowKey is required. Provide it either as a prop to CreateCompanyApplicantForm or set it in config.applicantForm.workflowKey"
     );
-  const w = t || ((k = n.applicantForm) == null ? void 0 : k.externalRefId) || "", z = ((j = n.applicantForm) == null ? void 0 : j.email) || "", L = (($ = n.applicantForm) == null ? void 0 : $.initialValues) || {}, q = (((K = n.applicantForm) == null ? void 0 : K.fieldLabelMode) || (o == null ? void 0 : o.fieldLabelMode) || "label") !== "placeholder", T = Fe(
+  const h = t || ((k = n.applicantForm) == null ? void 0 : k.externalRefId) || "", z = ((j = n.applicantForm) == null ? void 0 : j.email) || "", L = (($ = n.applicantForm) == null ? void 0 : $.initialValues) || {}, q = (((K = n.applicantForm) == null ? void 0 : K.fieldLabelMode) || (o == null ? void 0 : o.fieldLabelMode) || "label") !== "placeholder", T = Fe(
     () => o != null && o.companyFormPages && o.companyFormPages.length > 0 ? o.companyFormPages : null,
     [o == null ? void 0 : o.companyFormPages]
   ), P = Fe(() => {
     const g = new Set(Qt), I = o == null ? void 0 : o.companyFormRequiredFields;
-    if (I) for (const b of I) g.add(b);
+    if (I) for (const x of I) g.add(x);
     if (T)
-      for (const b of T)
-        for (const u of b.fields)
+      for (const x of T)
+        for (const u of x.fields)
           !u.isCustom && u.name && u.required && g.add(u.name);
     return Array.from(g);
   }, [o == null ? void 0 : o.companyFormRequiredFields, T]), B = Fe(() => {
     var g;
     if (T) {
-      const I = T.flatMap((u) => u.fields).filter((u) => !u.isCustom && u.name).map((u) => u.name), b = new Set(I);
-      for (const u of Qt) b.add(u);
-      return Array.from(b);
+      const I = T.flatMap((u) => u.fields).filter((u) => !u.isCustom && u.name).map((u) => u.name), x = new Set(I);
+      for (const u of Qt) x.add(u);
+      return Array.from(x);
     }
     return (g = n.applicantForm) != null && g.visibleFields ? n.applicantForm.visibleFields : o != null && o.companyFormVisibleFields && o.companyFormVisibleFields.length > 0 ? o.companyFormVisibleFields : Ri;
   }, [(te = n.applicantForm) == null ? void 0 : te.visibleFields, o == null ? void 0 : o.companyFormVisibleFields, T]), O = /* @__PURE__ */ new Set(["countryResidence", "addressCountry"]), U = Fe(() => {
-    var I, b;
+    var I, x;
     const g = /* @__PURE__ */ new Set();
     if (T)
       for (const u of T)
@@ -12291,9 +12291,9 @@ const Ua = ({
           !c.isCustom && c.name && O.has(c.name) && g.add(c.countriesType ?? ((I = mt[c.name]) == null ? void 0 : I.countriesType));
     else
       for (const u of B)
-        O.has(u) && g.add((b = mt[u]) == null ? void 0 : b.countriesType);
+        O.has(u) && g.add((x = mt[u]) == null ? void 0 : x.countriesType);
     return g.size === 0 && g.add(void 0), Array.from(g);
-  }, [B, T]), [H, J] = S({}), [re, h] = S(!0), R = ue(/* @__PURE__ */ new Set()), V = ue(/* @__PURE__ */ new Set());
+  }, [B, T]), [H, J] = S({}), [re, b] = S(!0), R = ue(/* @__PURE__ */ new Set()), V = ue(/* @__PURE__ */ new Set());
   be(() => {
     if (!o) return;
     const g = U.filter((u) => {
@@ -12301,16 +12301,16 @@ const Ua = ({
       return !V.current.has(c) && !R.current.has(c);
     });
     if (g.length === 0) {
-      U.every((c) => V.current.has(c != null ? String(c) : "all")) && h(!1);
+      U.every((c) => V.current.has(c != null ? String(c) : "all")) && b(!1);
       return;
     }
-    h(!0);
+    b(!0);
     const I = g.map((u) => u != null ? String(u) : "all");
     I.forEach((u) => R.current.add(u)), (async () => {
       try {
         const u = await Promise.all(
           g.map(async (c) => {
-            const f = c != null ? String(c) : "all", v = await l.getCountries("", n.locale || "en", c), A = /* @__PURE__ */ new Set(), N = v.map((x) => ({ value: x.abbreviation3 || x.abbreviation, label: x.name })).filter((x) => !x.value || A.has(x.value) ? !1 : (A.add(x.value), !0));
+            const f = c != null ? String(c) : "all", v = await l.getCountries("", n.locale || "en", c), A = /* @__PURE__ */ new Set(), N = v.map((w) => ({ value: w.abbreviation3 || w.abbreviation, label: w.name })).filter((w) => !w.value || A.has(w.value) ? !1 : (A.add(w.value), !0));
             return V.current.add(f), R.current.delete(f), [f, N];
           })
         );
@@ -12318,13 +12318,13 @@ const Ua = ({
       } catch (u) {
         I.forEach((c) => R.current.delete(c)), console.error("Failed to load countries:", u);
       } finally {
-        U.every((c) => V.current.has(c != null ? String(c) : "all")) && h(!1);
+        U.every((c) => V.current.has(c != null ? String(c) : "all")) && b(!1);
       }
     })();
   }, [U, o]);
   const Q = (g, I) => {
     var c;
-    const b = I ?? ((c = mt[g]) == null ? void 0 : c.countriesType), u = b != null ? String(b) : "all";
+    const x = I ?? ((c = mt[g]) == null ? void 0 : c.countriesType), u = x != null ? String(x) : "all";
     return H[u] || [];
   }, ee = {
     companyName: 1,
@@ -12369,32 +12369,32 @@ const Ua = ({
     postalCode: "",
     addressCountry: "",
     lei: "",
-    externalRefId: w,
+    externalRefId: h,
     ...W
-  }), [Y, je] = S({}), [ye, fe] = S(0), [Se, pe] = S({}), [M, E] = S(null), [F, xe] = S(!1), de = (g, I) => ce((b) => ({ ...b, [g]: I })), D = (g, I) => je((b) => ({ ...b, [g]: I })), _ = (g) => !g.conditionalOn || Y[g.conditionalOn] === "true", ge = (g) => {
+  }), [Y, je] = S({}), [ye, fe] = S(0), [Se, pe] = S({}), [M, E] = S(null), [F, xe] = S(!1), de = (g, I) => ce((x) => ({ ...x, [g]: I })), D = (g, I) => je((x) => ({ ...x, [g]: I })), _ = (g) => !g.conditionalOn || Y[g.conditionalOn] === "true", ge = (g) => {
     var I;
-    for (const b of g.fields) {
-      if (!b.isCustom || !b.paramName || !((I = b.blockingValues) != null && I.length)) continue;
-      const u = Y[b.paramName] ?? "";
-      if (b.customType === "group_checkbox") {
-        if (u.split(",").filter(Boolean).some((f) => b.blockingValues.includes(f))) return !0;
-      } else if (b.customType === "radio_group" && b.blockingValues.includes(u))
+    for (const x of g.fields) {
+      if (!x.isCustom || !x.paramName || !((I = x.blockingValues) != null && I.length)) continue;
+      const u = Y[x.paramName] ?? "";
+      if (x.customType === "group_checkbox") {
+        if (u.split(",").filter(Boolean).some((f) => x.blockingValues.includes(f))) return !0;
+      } else if (x.customType === "radio_group" && x.blockingValues.includes(u))
         return !0;
     }
     return !1;
   }, le = T && ye < T.length - 1 ? ye + 1 : -1, ze = T && ye > 0 ? ye - 1 : -1, rt = (g) => {
     const I = {};
-    for (const b of g.fields)
-      if (b.isCustom) {
-        if (b.customType === "paragraph" || b.customType === "html" || b.customType === "br" || b.customType === "link") continue;
-        if (b.required && b.paramName) {
-          const u = Y[b.paramName], c = G(b.displayText, d) || G(b.label, d) || b.paramName;
-          b.customType === "checkbox" || b.customType === "link_checkbox" ? u !== "true" && (I[b.paramName] = d("validation.fieldRequired", { field: c })) : (!u || u.trim() === "") && (I[b.paramName] = d("validation.fieldRequired", { field: c }));
+    for (const x of g.fields)
+      if (x.isCustom) {
+        if (x.customType === "paragraph" || x.customType === "html" || x.customType === "br" || x.customType === "link") continue;
+        if (x.required && x.paramName) {
+          const u = Y[x.paramName], c = G(x.displayText, d) || G(x.label, d) || x.paramName;
+          x.customType === "checkbox" || x.customType === "link_checkbox" ? u !== "true" && (I[x.paramName] = d("validation.fieldRequired", { field: c })) : (!u || u.trim() === "") && (I[x.paramName] = d("validation.fieldRequired", { field: c }));
         }
-      } else if (b.name) {
-        const u = b.name;
+      } else if (x.name) {
+        const u = x.name;
         if (P.includes(u) && Rt(X[u])) {
-          const c = mt[u], f = G(b.displayText, d) || (c != null && c.translationKey ? d(`fields.${c.translationKey}`) : void 0) || (c == null ? void 0 : c.label) || u;
+          const c = mt[u], f = G(x.displayText, d) || (c != null && c.translationKey ? d(`fields.${c.translationKey}`) : void 0) || (c == null ? void 0 : c.label) || u;
           I[u] = d("validation.fieldRequired", { field: f });
         }
       }
@@ -12417,8 +12417,8 @@ const Ua = ({
     var g;
     if (T) {
       let I = {};
-      for (const b of T)
-        _(b) && (I = { ...I, ...rt(b) });
+      for (const x of T)
+        _(x) && (I = { ...I, ...rt(x) });
       if (Object.keys(I).length > 0) {
         pe(I);
         return;
@@ -12429,8 +12429,8 @@ const Ua = ({
       const I = {
         workflowKey: X.workflowKey,
         externalRefId: ((g = X.externalRefId) == null ? void 0 : g.trim()) || void 0
-      }, b = T ? T.filter((f) => _(f)).flatMap((f) => f.fields).filter((f) => !f.isCustom && f.name).map((f) => f.name) : B;
-      for (const f of b) {
+      }, x = T ? T.filter((f) => _(f)).flatMap((f) => f.fields).filter((f) => !f.isCustom && f.name).map((f) => f.name) : B;
+      for (const f of x) {
         const v = X[f];
         if (!Rt(v))
           switch (f) {
@@ -12489,15 +12489,15 @@ const Ua = ({
     g.preventDefault();
     for (const I of P)
       if (Rt(X[I])) {
-        const b = mt[I], u = (b != null && b.translationKey ? d(`fields.${b.translationKey}`) : void 0) || (b == null ? void 0 : b.label) || I;
+        const x = mt[I], u = (x != null && x.translationKey ? d(`fields.${x.translationKey}`) : void 0) || (x == null ? void 0 : x.label) || I;
         E(d("validation.fieldRequired", { field: u }));
         return;
       }
     await Ye();
-  }, at = (g, I, b, u, c) => {
+  }, at = (g, I, x, u, c) => {
     const f = mt[g];
     if (!f) return null;
-    const v = P.includes(g), A = Se[g], N = G(b, d) || (f.translationKey ? d(`fields.${f.translationKey}`) : void 0) || f.label, x = g in W, ae = I ?? g, se = c ? c !== "placeholder" : q, we = se ? N : void 0;
+    const v = P.includes(g), A = Se[g], N = G(x, d) || (f.translationKey ? d(`fields.${f.translationKey}`) : void 0) || f.label, w = g in W, ae = I ?? g, se = c ? c !== "placeholder" : q, we = se ? N : void 0;
     switch (f.type) {
       case "select":
         if (g === "countryResidence" || g === "addressCountry") {
@@ -12511,7 +12511,7 @@ const Ua = ({
               onChange: (ve) => de(g, ve),
               options: [{ value: "", label: se ? d("placeholders.selectCountry") : N }, ...ke],
               disabled: re,
-              readOnly: x,
+              readOnly: w,
               error: A
             },
             ae
@@ -12528,7 +12528,7 @@ const Ua = ({
             placeholder: se ? void 0 : N,
             value: X[g] || "",
             onChange: (ke) => de(g, ke.target.value),
-            readOnly: x,
+            readOnly: w,
             error: A
           },
           ae
@@ -12543,7 +12543,7 @@ const Ua = ({
             placeholder: se ? void 0 : N,
             value: X[g] || "",
             onChange: (ke) => de(g, ke.target.value),
-            readOnly: x,
+            readOnly: w,
             error: A
           },
           ae
@@ -12558,7 +12558,7 @@ const Ua = ({
             placeholder: se ? void 0 : N,
             value: X[g] || "",
             onChange: (ke) => de(g, ke.target.value),
-            readOnly: x,
+            readOnly: w,
             error: A
           },
           ae
@@ -12573,7 +12573,7 @@ const Ua = ({
             placeholder: se ? void 0 : N,
             value: X[g] || "",
             onChange: (ke) => de(g, ke.target.value),
-            readOnly: x,
+            readOnly: w,
             error: A
           },
           ae
@@ -12605,7 +12605,7 @@ const Ua = ({
         }
       ) }, `custom-${I}`);
     if (!g.paramName) return null;
-    const b = Se[g.paramName], u = G(g.displayText, d) || G(g.label, d) || g.paramName, c = g.labelMode ? g.labelMode !== "placeholder" : q;
+    const x = Se[g.paramName], u = G(g.displayText, d) || G(g.label, d) || g.paramName, c = g.labelMode ? g.labelMode !== "placeholder" : q;
     if (g.customType === "checkbox") {
       const f = Y[g.paramName] === "true";
       return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1", children: [
@@ -12631,7 +12631,7 @@ const Ua = ({
             ]
           }
         ),
-        b && /* @__PURE__ */ i("p", { className: "text-xs mt-0.5", style: { color: "var(--metakyc-danger, #ef4444)" }, children: b })
+        x && /* @__PURE__ */ i("p", { className: "text-xs mt-0.5", style: { color: "var(--metakyc-danger, #ef4444)" }, children: x })
       ] }, `custom-${I}`);
     }
     return /* @__PURE__ */ i(
@@ -12643,7 +12643,7 @@ const Ua = ({
         value: Y[g.paramName] || "",
         onChange: (f) => D(g.paramName, f.target.value),
         required: g.required,
-        error: b
+        error: x
       },
       `custom-${I}`
     );
@@ -12662,16 +12662,16 @@ const Ua = ({
               We,
               {
                 checked: I,
-                onChange: (b) => D(g.conditionalOn, b ? "true" : "false")
+                onChange: (x) => D(g.conditionalOn, x ? "true" : "false")
               }
             ),
             /* @__PURE__ */ i("span", { style: { fontSize: "14px", fontWeight: 500 }, children: G(g.conditionalLabel, d) || g.conditionalOn })
           ]
         }
       ),
-      I && /* @__PURE__ */ i("div", { className: "metakyc-form-grid", children: g.fields.map((b, u) => {
-        const c = Math.min(4, Math.max(1, Number(b.colSpan) || 4)), f = b.isCustom ? `custom-${u}-${b.paramName}` : `builtin-${b.name}-${u}`;
-        return /* @__PURE__ */ i("div", { style: { gridColumn: `span ${c} / span ${c}` }, children: b.isCustom ? He(b, u) : at(b.name, f, b.displayText, b.countriesType, b.labelMode) }, f);
+      I && /* @__PURE__ */ i("div", { className: "metakyc-form-grid", children: g.fields.map((x, u) => {
+        const c = Math.min(4, Math.max(1, Number(x.colSpan) || 4)), f = x.isCustom ? `custom-${u}-${x.paramName}` : `builtin-${x.name}-${u}`;
+        return /* @__PURE__ */ i("div", { style: { gridColumn: `span ${c} / span ${c}` }, children: x.isCustom ? He(x, u) : at(x.name, f, x.displayText, x.countriesType, x.labelMode) }, f);
       }) })
     ] });
   };
@@ -12681,9 +12681,9 @@ const Ua = ({
       /* @__PURE__ */ i("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: d("common.loadingForm") })
     ] }) }) });
   if (T) {
-    const g = T[ye] ?? T[0], I = ze === -1, b = le === -1, u = T.length, c = _(g), f = ge(g), v = Object.values(Se), A = !c && !!g.conditionalOn && g.conditionalMode === "block", N = F || m || A || f;
-    let x;
-    return A || f ? x = d("common.blocked") : b ? x = g.conditionalOn && !c ? d("common.skipAndSubmit") : d("common.submit") : x = g.conditionalOn && !c ? d("common.skip") : d("common.next"), /* @__PURE__ */ i("div", { className: "metakyc-sdk", children: /* @__PURE__ */ s(ne, { children: [
+    const g = T[ye] ?? T[0], I = ze === -1, x = le === -1, u = T.length, c = _(g), f = ge(g), v = Object.values(Se), A = !c && !!g.conditionalOn && g.conditionalMode === "block", N = F || m || A || f;
+    let w;
+    return A || f ? w = d("common.blocked") : x ? w = g.conditionalOn && !c ? d("common.skipAndSubmit") : d("common.submit") : w = g.conditionalOn && !c ? d("common.skip") : d("common.next"), /* @__PURE__ */ i("div", { className: "metakyc-sdk", children: /* @__PURE__ */ s(ne, { children: [
       /* @__PURE__ */ i(Te, { children: /* @__PURE__ */ i(kt, { title: (o == null ? void 0 : o.title) || d("createCompany.title") }) }),
       /* @__PURE__ */ s(oe, { children: [
         (g.title || g.subtitle) && /* @__PURE__ */ s("div", { className: "mb-4", children: [
@@ -12738,7 +12738,7 @@ const Ua = ({
           ),
           I && r && /* @__PURE__ */ i(Z, { type: "button", variant: "outline", onClick: r, disabled: F || m, children: "Cancel" })
         ] }),
-        /* @__PURE__ */ i(Z, { type: "button", isLoading: F || m, disabled: N, onClick: b ? Ye : Ae, children: x })
+        /* @__PURE__ */ i(Z, { type: "button", isLoading: F || m, disabled: N, onClick: x ? Ye : Ae, children: w })
       ] })
     ] }) });
   }
@@ -12773,7 +12773,7 @@ const Ua = ({
     workflowKey: m,
     nextWorkflowKey: d,
     hasWorkflowChanged: y,
-    isLoading: w,
+    isLoading: h,
     error: z,
     moveBack: L,
     refreshProgress: C
@@ -12784,7 +12784,7 @@ const Ua = ({
     l != null && l.workflowResult && t && t(l.workflowResult);
   }, [l == null ? void 0 : l.workflowResult, t]), Ne.useEffect(() => {
     y && T(!1);
-  }, [y]), w || !l)
+  }, [y]), h || !l)
     return /* @__PURE__ */ i("div", { className: `metakyc-sdk ${r || ""}`, children: /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ s(oe, { children: [
       /* @__PURE__ */ i(Be, { className: "my-8" }),
       /* @__PURE__ */ i("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n("workflow.loadingWorkflow") })
@@ -12866,7 +12866,7 @@ const Ua = ({
         return "";
     }
   }, O = () => {
-    const H = p.filter((V) => V.visibility !== !1), J = H.findIndex((V) => V.order === o.order), re = J >= 0 ? J + 1 : 1, h = H.length, R = h > 1 ? (J + 1) / h * 100 : 100;
+    const H = p.filter((V) => V.visibility !== !1), J = H.findIndex((V) => V.order === o.order), re = J >= 0 ? J + 1 : 1, b = H.length, R = b > 1 ? (J + 1) / b * 100 : 100;
     return /* @__PURE__ */ s("div", { className: "metakyc-progress-wrapper", style: {
       marginBottom: "24px",
       backgroundColor: "var(--metakyc-surface, var(--metakyc-background, #ffffff))",
@@ -12877,7 +12877,7 @@ const Ua = ({
     }, children: [
       /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: "16px", gap: "8px", flexWrap: "wrap" }, children: [
         /* @__PURE__ */ i(kt, {}),
-        /* @__PURE__ */ i(oi, { variant: l.status === 1 ? "info" : "success", children: n("common.stepXofY", { current: re, total: h }) })
+        /* @__PURE__ */ i(oi, { variant: l.status === 1 ? "info" : "success", children: n("common.stepXofY", { current: re, total: b }) })
       ] }),
       /* @__PURE__ */ s("div", { style: { position: "relative", height: "4px", borderRadius: "999px", overflow: "hidden", marginBottom: "16px" }, children: [
         /* @__PURE__ */ i("div", { style: { position: "absolute", inset: 0, backgroundColor: "var(--metakyc-border, #e5e7eb)", opacity: 0.3 } }),
@@ -12903,7 +12903,7 @@ const Ua = ({
       )
     ] });
   }, U = () => {
-    const re = p.filter((R) => R.visibility !== !1).findIndex((R) => R.order === o.order) <= 0, h = {
+    const re = p.filter((R) => R.visibility !== !1).findIndex((R) => R.order === o.order) <= 0, b = {
       applicantId: e,
       onComplete: async () => {
         await C();
@@ -12912,20 +12912,20 @@ const Ua = ({
     };
     switch (o.action) {
       case me.Questionaries:
-        return /* @__PURE__ */ i(ta, { ...h });
+        return /* @__PURE__ */ i(ta, { ...b });
       case me.UploadDocument:
-        return /* @__PURE__ */ i(aa, { ...h });
+        return /* @__PURE__ */ i(aa, { ...b });
       case me.Overview:
-        return /* @__PURE__ */ i(na, { ...h });
+        return /* @__PURE__ */ i(na, { ...b });
       case me.IdentitySdk:
-        return /* @__PURE__ */ i(va, { ...h });
+        return /* @__PURE__ */ i(va, { ...b });
       case me.RiskScoring:
-        return /* @__PURE__ */ i(ua, { ...h });
+        return /* @__PURE__ */ i(ua, { ...b });
       case me.AdditionalData:
       case me.InvestorCategorization:
-        return /* @__PURE__ */ i(ga, { ...h });
+        return /* @__PURE__ */ i(ga, { ...b });
       case me.AppropriatenessTest:
-        return /* @__PURE__ */ i(ya, { ...h });
+        return /* @__PURE__ */ i(ya, { ...b });
       case me.ManualReview:
         return /* @__PURE__ */ i(
           _t,
@@ -12982,7 +12982,7 @@ const Ua = ({
           gap: "0"
         },
         children: e.map((o, p) => {
-          const m = p < t, d = p === t, y = m || d, w = o.displayName || o.name || a(o.action) || `Step ${p + 1}`;
+          const m = p < t, d = p === t, y = m || d, h = o.displayName || o.name || a(o.action) || `Step ${p + 1}`;
           return /* @__PURE__ */ s(Ne.Fragment, { children: [
             /* @__PURE__ */ s(
               "div",
@@ -13022,7 +13022,7 @@ const Ua = ({
                     fontWeight: d ? 600 : 400,
                     color: d ? "var(--metakyc-text-primary, #111827)" : m ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
                     transition: "color 0.2s ease"
-                  }, children: w })
+                  }, children: h })
                 ]
               }
             ),