@vpdev2/metakyc-sdk 1.0.64 → 1.0.65

package/dist/index.js

@@ -1,9 +1,9 @@
 var vt = Object.defineProperty;
 var kt = (e, t, n) => t in e ? vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var re = (e, t, n) => kt(e, typeof t != "symbol" ? t + "" : t, n);
+var ne = (e, t, n) => kt(e, typeof t != "symbol" ? t + "" : t, n);
 import wt from "axios";
 import * as nt from "react";
-import ge, { createContext as Nt, useState as v, useMemo as Ee, useEffect as ne, useContext as St, useRef as ee, useCallback as Q, forwardRef as Ue, createElement as Qe } from "react";
+import ge, { createContext as Nt, useState as v, useMemo as Ee, useEffect as ae, useContext as St, useRef as ee, useCallback as Q, forwardRef as Ue, createElement as Qe } from "react";
 import { jsx as r, jsxs as s, Fragment as dt } from "react/jsx-runtime";
 import { createPortal as Ve } from "react-dom";
 import { useForm as Ct, Controller as Pe } from "react-hook-form";
@@ -115,7 +115,7 @@ class Bt {
 class Ne extends Error {
   constructor(n, a, i, o, l) {
     super(n);
-    re(this, "response");
+    ne(this, "response");
     this.code = a, this.details = i, this.validationErrors = o, this.name = "MetaKYCError", this.response = l, Object.setPrototypeOf(this, Ne.prototype);
   }
 }
@@ -171,9 +171,9 @@ class ze {
 }
 class _t {
   constructor(t) {
-    re(this, "axiosInstance");
-    re(this, "endpointBuilder");
-    re(this, "config");
+    ne(this, "axiosInstance");
+    ne(this, "endpointBuilder");
+    ne(this, "config");
     this.config = { ...$t, ...t }, this.endpointBuilder = new Bt(this.config.endpoints), this.axiosInstance = wt.create({
       baseURL: this.config.baseUrl,
       timeout: this.config.timeout,
@@ -960,7 +960,7 @@ class rr {
 }
 class nr {
   constructor() {
-    re(this, "listeners", /* @__PURE__ */ new Map());
+    ne(this, "listeners", /* @__PURE__ */ new Map());
   }
   /**
    * Subscribe to an event
@@ -1005,10 +1005,10 @@ class nr {
 }
 class ar {
   constructor() {
-    re(this, "events", new nr());
-    re(this, "_applicantId", null);
-    re(this, "_progress", null);
-    re(this, "_error", null);
+    ne(this, "events", new nr());
+    ne(this, "_applicantId", null);
+    ne(this, "_progress", null);
+    ne(this, "_error", null);
   }
   /**
    * Get current applicant ID
@@ -1145,7 +1145,7 @@ class ar {
 }
 class ir {
   constructor() {
-    re(this, "handlers", /* @__PURE__ */ new Map());
+    ne(this, "handlers", /* @__PURE__ */ new Map());
   }
   /**
    * Register a step handler
@@ -1186,8 +1186,8 @@ class ir {
 }
 class sr {
   constructor(t, n, a, i, o, l, d, u) {
-    re(this, "state");
-    re(this, "stepRouter");
+    ne(this, "state");
+    ne(this, "stepRouter");
     this.applicantService = t, this.questionnaireService = n, this.uploadDocumentService = a, this.appropriatenessTestService = i, this.overviewService = o, this.riskScoringService = l, this.investorCategorizationService = u, this.state = new ar(), this.stepRouter = new ir(), this.registerStepHandlers();
   }
   /**
@@ -1347,8 +1347,8 @@ function sn(e) {
 }
 class or {
   constructor(t) {
-    re(this, "sdk", null);
-    re(this, "config");
+    ne(this, "sdk", null);
+    ne(this, "config");
     this.config = t;
   }
   /**
@@ -1402,8 +1402,8 @@ class or {
 }
 class lr {
   constructor(t) {
-    re(this, "sdk", null);
-    re(this, "config");
+    ne(this, "sdk", null);
+    ne(this, "config");
     this.config = t;
   }
   /**
@@ -1468,9 +1468,9 @@ class lr {
 }
 class cr {
   constructor(t) {
-    re(this, "sardineContext", null);
-    re(this, "config");
-    re(this, "sessionKey");
+    ne(this, "sardineContext", null);
+    ne(this, "config");
+    ne(this, "sessionKey");
     this.config = t, this.sessionKey = t.sessionKey || this.generateSessionKey();
   }
   /**
@@ -1662,9 +1662,9 @@ class Me {
 }
 class dr {
   constructor(t) {
-    re(this, "currentTheme", ue);
-    re(this, "customStyleElement", null);
-    re(this, "container");
+    ne(this, "currentTheme", ue);
+    ne(this, "customStyleElement", null);
+    ne(this, "container");
     this.container = t || document.documentElement;
   }
   /**
@@ -1820,7 +1820,7 @@ const mt = Nt(null), on = ({ config: e, children: t }) => {
       l.investorCategorizationService
     )
   }), [e, l, n]);
-  return ne(() => ((async () => {
+  return ae(() => ((async () => {
     if (i.current || o.current) {
       console.log("[MetaKYC] Theme already loading or loaded, skipping...");
       return;
@@ -1934,9 +1934,9 @@ function mn() {
 }
 function fr(e) {
   const { createOrchestrator: t } = ye(), [n, a] = v(null), [i, o] = v(!1), [l, d] = v(null), u = ee(null), p = e || pr();
-  ne(() => {
+  ae(() => {
     u.current || (u.current = t());
-  }, [t]), ne(() => {
+  }, [t]), ae(() => {
     var A;
     n && p && (mr(p), gr({
       applicantId: p,
@@ -1964,7 +1964,7 @@ function fr(e) {
       }
     }
   }, [p]);
-  ne(() => {
+  ae(() => {
     p && !N.current && m();
   }, [p, m]);
   const x = Q(async () => {
@@ -2075,7 +2075,7 @@ function xr(e) {
       }
     }
   }, [e, t, n]);
-  ne(() => {
+  ae(() => {
     e && h.current !== e && C();
   }, [e]);
   const D = Q(
@@ -2119,7 +2119,7 @@ function br(e) {
       }
     }
   }, [e, t]);
-  ne(() => {
+  ae(() => {
     e && x.current !== e && h();
   }, [e]);
   const C = Q(
@@ -2163,7 +2163,7 @@ function pn(e) {
       }
     }
   }, [e, t]);
-  ne(() => {
+  ae(() => {
     e && x.current !== e && h();
   }, [e]);
   const C = Q(
@@ -2208,7 +2208,7 @@ function vr(e) {
       }
     }
   }, [e, t]);
-  ne(() => {
+  ae(() => {
     e && N.current !== e && m();
   }, [e]);
   const x = Q(async () => {
@@ -2351,7 +2351,7 @@ function wr(e) {
       }
     }
   }, [e, t, n]);
-  ne(() => {
+  ae(() => {
     e && D.current !== e && k();
   }, [e]);
   const z = Q(
@@ -2722,8 +2722,8 @@ const it = 280, Sr = ({
 }) => {
   const [d, u] = v(!1), [p, b] = v(""), [N, m] = v(null), x = ee(null), h = ee(null), C = ee(null), D = Q(() => {
     if (!h.current) return null;
-    const w = h.current.getBoundingClientRect(), te = window.innerHeight - w.bottom < it && w.top > it;
-    return { top: te ? w.top : w.bottom + 4, left: w.left, width: w.width, openUp: te };
+    const w = h.current.getBoundingClientRect(), re = window.innerHeight - w.bottom < it && w.top > it;
+    return { top: re ? w.top : w.bottom + 4, left: w.left, width: w.width, openUp: re };
   }, []), k = Q(() => {
     if (o) return;
     const w = D();
@@ -2731,15 +2731,15 @@ const it = 280, Sr = ({
   }, [o, D]), z = Q(() => {
     u(!1), b("");
   }, []);
-  ne(() => {
+  ae(() => {
     if (!d) return;
     const w = (q) => {
-      var B, F;
-      const te = q.target;
-      !((B = x.current) != null && B.contains(te)) && !((F = C.current) != null && F.contains(te)) && z();
+      var _, F;
+      const re = q.target;
+      !((_ = x.current) != null && _.contains(re)) && !((F = C.current) != null && F.contains(re)) && z();
     };
     return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
-  }, [d, z]), ne(() => {
+  }, [d, z]), ae(() => {
     if (!d) return;
     const w = () => {
       const q = D();
@@ -2754,10 +2754,10 @@ const it = 280, Sr = ({
   ), I = (w) => {
     o || n(t.includes(w) ? t.filter((q) => q !== w) : [...t, w]);
   }, j = (w, q) => {
-    q.stopPropagation(), o || n(t.filter((te) => te !== w));
+    q.stopPropagation(), o || n(t.filter((re) => re !== w));
   }, G = (w) => {
     var q;
-    return ((q = a.find((te) => te.value === w)) == null ? void 0 : q.label) || w;
+    return ((q = a.find((re) => re.value === w)) == null ? void 0 : q.label) || w;
   }, E = h.current ? getComputedStyle(h.current) : null, f = (E == null ? void 0 : E.getPropertyValue("--metakyc-input-bg").trim()) || "#ffffff", R = (E == null ? void 0 : E.getPropertyValue("--metakyc-border").trim()) || "#d1d5db", P = (E == null ? void 0 : E.getPropertyValue("--metakyc-text-primary").trim()) || "#111827", O = (E == null ? void 0 : E.getPropertyValue("--metakyc-text-secondary").trim()) || "#6b7280", H = (E == null ? void 0 : E.getPropertyValue("--metakyc-primary").trim()) || "#2563eb", M = (E == null ? void 0 : E.getPropertyValue("--metakyc-primary-light").trim()) || "#eff6ff", T = (E == null ? void 0 : E.getPropertyValue("--metakyc-hover-bg").trim()) || "#f9fafb", J = d && N && /* @__PURE__ */ s(
     "div",
     {
@@ -2819,11 +2819,11 @@ const it = 280, Sr = ({
                 color: q ? H : P,
                 userSelect: "none"
               },
-              onMouseEnter: (te) => {
-                q || (te.currentTarget.style.backgroundColor = T);
+              onMouseEnter: (re) => {
+                q || (re.currentTarget.style.backgroundColor = T);
               },
-              onMouseLeave: (te) => {
-                q || (te.currentTarget.style.backgroundColor = "transparent");
+              onMouseLeave: (re) => {
+                q || (re.currentTarget.style.backgroundColor = "transparent");
               },
               children: [
                 /* @__PURE__ */ r(
@@ -2979,7 +2979,7 @@ const it = 280, Sr = ({
   }, [d, I]), G = Q(() => {
     N(!1), x("");
   }, []), E = () => b ? G() : j();
-  ne(() => {
+  ae(() => {
     if (!b) return;
     const S = (U) => {
       var Y, we;
@@ -2987,7 +2987,7 @@ const it = 280, Sr = ({
       !((Y = D.current) != null && Y.contains(X)) && !((we = z.current) != null && we.contains(X)) && G();
     };
     return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
-  }, [b, G]), ne(() => {
+  }, [b, G]), ae(() => {
     if (!b) return;
     const S = () => {
       const U = I();
@@ -2996,7 +2996,7 @@ const it = 280, Sr = ({
     return window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), () => {
       window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S);
     };
-  }, [b, I]), ne(() => {
+  }, [b, I]), ae(() => {
     b && A.current && setTimeout(() => {
       var S;
       return (S = A.current) == null ? void 0 : S.focus();
@@ -3006,7 +3006,7 @@ const it = 280, Sr = ({
     (S) => S.label.toLowerCase().includes(m.toLowerCase()) || S.value.toLowerCase().includes(m.toLowerCase())
   ), R = (F = a.find((S) => S.value === o)) == null ? void 0 : F.label, P = (S, U) => {
     d || U || (l(S), G());
-  }, O = k.current ? getComputedStyle(k.current) : null, H = (O == null ? void 0 : O.getPropertyValue("--metakyc-input-bg").trim()) || "#ffffff", M = (O == null ? void 0 : O.getPropertyValue("--metakyc-border").trim()) || "#d1d5db", T = (O == null ? void 0 : O.getPropertyValue("--metakyc-text-primary").trim()) || "#111827", J = (O == null ? void 0 : O.getPropertyValue("--metakyc-text-secondary").trim()) || "#6b7280", w = (O == null ? void 0 : O.getPropertyValue("--metakyc-primary").trim()) || "#2563eb", q = (O == null ? void 0 : O.getPropertyValue("--metakyc-primary-light").trim()) || "#eff6ff", te = (O == null ? void 0 : O.getPropertyValue("--metakyc-hover-bg").trim()) || "#f9fafb", B = b && h && /* @__PURE__ */ s(
+  }, O = k.current ? getComputedStyle(k.current) : null, H = (O == null ? void 0 : O.getPropertyValue("--metakyc-input-bg").trim()) || "#ffffff", M = (O == null ? void 0 : O.getPropertyValue("--metakyc-border").trim()) || "#d1d5db", T = (O == null ? void 0 : O.getPropertyValue("--metakyc-text-primary").trim()) || "#111827", J = (O == null ? void 0 : O.getPropertyValue("--metakyc-text-secondary").trim()) || "#6b7280", w = (O == null ? void 0 : O.getPropertyValue("--metakyc-primary").trim()) || "#2563eb", q = (O == null ? void 0 : O.getPropertyValue("--metakyc-primary-light").trim()) || "#eff6ff", re = (O == null ? void 0 : O.getPropertyValue("--metakyc-hover-bg").trim()) || "#f9fafb", _ = b && h && /* @__PURE__ */ s(
     "div",
     {
       ref: z,
@@ -3076,7 +3076,7 @@ const it = 280, Sr = ({
                     userSelect: "none"
                   },
                   onMouseEnter: (X) => {
-                    !U && !S.disabled && (X.currentTarget.style.backgroundColor = te);
+                    !U && !S.disabled && (X.currentTarget.style.backgroundColor = re);
                   },
                   onMouseLeave: (X) => {
                     U || (X.currentTarget.style.backgroundColor = "transparent");
@@ -3146,7 +3146,7 @@ const it = 280, Sr = ({
             ]
           }
         ),
-        typeof document < "u" && B ? Ve(B, document.body) : null,
+        typeof document < "u" && _ ? Ve(_, document.body) : null,
         t && /* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-error, #ef4444)" }, children: t }),
         !t && n && /* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n })
       ]
@@ -4252,7 +4252,7 @@ const jr = ({
   onBack: n
 }) => {
   const { appropriatenessTestService: a } = ye(), [i, o] = v(null), [l, d] = v(!0), [u, p] = v(!1), [b, N] = v(null), [m, x] = v({}), [h, C] = v(0), [D, k] = v(!1), [z, A] = v(!1), [I, j] = v(0);
-  ne(() => {
+  ae(() => {
     (async () => {
       try {
         d(!0), N(null), console.log("Loading appropriateness test for applicant:", e);
@@ -4279,19 +4279,19 @@ const jr = ({
     const T = Math.floor(M / 60), J = M % 60;
     return `${T.toString().padStart(2, "0")}:${J.toString().padStart(2, "0")}`;
   };
-  ne(() => {
+  ae(() => {
     if (!D || h <= 0) return;
     const M = setInterval(() => {
       C((T) => T <= 1 ? (A(!0), 0) : T - 1);
     }, 1e3);
     return () => clearInterval(M);
-  }, [D, h]), ne(() => {
+  }, [D, h]), ae(() => {
     if (I <= 0) return;
     const M = setInterval(() => {
       j((T) => T <= 1 ? 0 : T - 1);
     }, 1e3);
     return () => clearInterval(M);
-  }, [I]), ne(() => {
+  }, [I]), ae(() => {
     z && !u && P();
   }, [z]);
   const f = () => {
@@ -4533,7 +4533,7 @@ Failed to reload test data. Please refresh the page.`);
   onComplete: t,
   onBack: n
 }) => {
-  var J, w, q, te;
+  var J, w, q, re;
   const { applicantService: a, baseInformationService: i, config: o } = ye(), { identityData: l, provider: d, token: u, isLoading: p, error: b, requestIdentity: N, restartIdentity: m } = kr(e), [x, h] = v(null), [C, D] = v(null), [k, z] = v([]), [A, I] = v(!0), [j, G] = v(!1), [E, f] = v(null), [R, P] = v(!1), O = ge.useRef(!1), H = Ct({
     defaultValues: {
       street: "",
@@ -4545,7 +4545,7 @@ Failed to reload test data. Please refresh the page.`);
       phonenumber: ""
     }
   });
-  ne(() => {
+  ae(() => {
     (async () => {
       try {
         const [F, S] = await Promise.all([
@@ -4581,13 +4581,13 @@ Failed to reload test data. Please refresh the page.`);
         I(!1);
       }
     })();
-  }, [e]), ne(() => {
+  }, [e]), ae(() => {
     l && !j && (console.log("[Identity] Identity data already loaded, showing provider"), G(!0));
-  }, [l, j]), ne(() => {
+  }, [l, j]), ae(() => {
     if (u) {
       if (u.expiresAt) {
-        const B = new Date(u.expiresAt).getTime();
-        if (Date.now() >= B) {
+        const _ = new Date(u.expiresAt).getTime();
+        if (Date.now() >= _) {
           console.warn("[Identity] Token has expired (expiresAt)"), P(!0), f("Your verification session has expired. Please restart.");
           return;
         }
@@ -4607,13 +4607,13 @@ Failed to reload test data. Please refresh the page.`);
         return;
       }
     }
-  }, [u]), ne(() => {
+  }, [u]), ae(() => {
     if (d !== null && u && !x && j && !R) {
-      const B = d;
+      const _ = d;
       if (u.url) {
         console.log("[Identity] Loading provider URL for user verification:", u.url), f(null);
         try {
-          if (new URL(u.url), B === xe.SardinAI) {
+          if (new URL(u.url), _ === xe.SardinAI) {
             console.log("[SardinAI] Initializing Risk SDK in background...");
             try {
               const F = Me.parseProviderConfig(d, u, o);
@@ -4632,7 +4632,7 @@ Failed to reload test data. Please refresh the page.`);
         }
         return;
       }
-      if (B === xe.SardinAI) {
+      if (_ === xe.SardinAI) {
         console.log("[SardinAI] No URL provided - initializing Risk SDK only..."), f(null);
         try {
           const F = Me.parseProviderConfig(d, u, o), S = Me.createProvider(d, F);
@@ -4654,12 +4654,12 @@ Failed to reload test data. Please refresh the page.`);
       try {
         f(null);
         const F = Me.parseProviderConfig(d, u, o), S = Me.createProvider(d, F);
-        B === xe.Sumsub ? (S.initialize("identity-container").catch((U) => {
+        _ === xe.Sumsub ? (S.initialize("identity-container").catch((U) => {
           var X;
           console.error("[Sumsub] Initialization error:", U), f(`Failed to initialize: ${U.message}`), (X = U.message) != null && X.toLowerCase().includes("expired") && P(!0);
         }), S.onComplete && S.onComplete(() => {
           t == null || t();
-        })) : B === xe.Onfido && S.initialize("identity-container").catch((U) => {
+        })) : _ === xe.Onfido && S.initialize("identity-container").catch((U) => {
           console.error("[Onfido] Initialization error:", U), f(`Failed to initialize: ${U.message}`);
         }), h(S);
       } catch (F) {
@@ -4670,22 +4670,22 @@ Failed to reload test data. Please refresh the page.`);
       if (x && x.destroy)
         try {
           x.destroy();
-        } catch (B) {
-          console.error("[Identity] Error destroying provider:", B);
+        } catch (_) {
+          console.error("[Identity] Error destroying provider:", _);
         }
     };
   }, [d, u, x, j, t, R]);
   const M = async () => {
     try {
       f(null), P(!1), await N(), G(!0);
-    } catch (B) {
-      console.error("Error starting identity verification:", B);
+    } catch (_) {
+      console.error("Error starting identity verification:", _);
     }
   }, T = async () => {
     try {
       f(null), P(!1), h(null), console.log("[Identity] Restarting verification..."), await m(), G(!0);
-    } catch (B) {
-      console.error("Error restarting identity verification:", B), f(B.message || "Failed to restart verification");
+    } catch (_) {
+      console.error("Error restarting identity verification:", _), f(_.message || "Failed to restart verification");
     }
   };
   if (A || p)
@@ -4741,7 +4741,7 @@ Failed to reload test data. Please refresh the page.`);
       ] })
     ] });
   if (j && l) {
-    const B = d;
+    const _ = d;
     return u != null && u.url ? /* @__PURE__ */ s(K, { children: [
       /* @__PURE__ */ r(de, { children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ s("div", { children: [
@@ -4789,7 +4789,7 @@ Failed to reload test data. Please refresh the page.`);
         ) })
       ] }),
       n && /* @__PURE__ */ r(pe, { children: /* @__PURE__ */ r(Z, { variant: "outline", onClick: n, children: "Back" }) })
-    ] }) : B === xe.SardinAI ? /* @__PURE__ */ s(K, { children: [
+    ] }) : _ === xe.SardinAI ? /* @__PURE__ */ s(K, { children: [
       /* @__PURE__ */ s(de, { children: [
         /* @__PURE__ */ r("h2", { className: "text-2xl font-bold", children: "Device Risk Assessment" }),
         /* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: "Analyzing device security and behavioral patterns..." })
@@ -4829,7 +4829,7 @@ Failed to reload test data. Please refresh the page.`);
         ] }),
         /* @__PURE__ */ s("div", { children: [
           /* @__PURE__ */ r("label", { className: "block text-sm font-medium text-gray-500 dark:text-gray-400", children: "Date of Birth" }),
-          /* @__PURE__ */ r("p", { className: "mt-1 text-base", children: ((te = C == null ? void 0 : C.applicantRequestData) == null ? void 0 : te.dateOfBirth) || "Not provided" })
+          /* @__PURE__ */ r("p", { className: "mt-1 text-base", children: ((re = C == null ? void 0 : C.applicantRequestData) == null ? void 0 : re.dateOfBirth) || "Not provided" })
         ] })
       ] }),
       /* @__PURE__ */ s("div", { className: "space-y-4", children: [
@@ -4840,10 +4840,10 @@ Failed to reload test data. Please refresh the page.`);
             {
               control: H.control,
               name: "country",
-              render: ({ field: B }) => /* @__PURE__ */ r(
+              render: ({ field: _ }) => /* @__PURE__ */ r(
                 He,
                 {
-                  ...B,
+                  ..._,
                   label: "Country",
                   options: [
                     { value: "", label: "Select country..." },
@@ -4861,10 +4861,10 @@ Failed to reload test data. Please refresh the page.`);
             {
               control: H.control,
               name: "nationality",
-              render: ({ field: B }) => /* @__PURE__ */ r(
+              render: ({ field: _ }) => /* @__PURE__ */ r(
                 He,
                 {
-                  ...B,
+                  ..._,
                   label: "Nationality",
                   options: [
                     { value: "", label: "Select nationality..." },
@@ -4884,7 +4884,7 @@ Failed to reload test data. Please refresh the page.`);
             {
               control: H.control,
               name: "street",
-              render: ({ field: B }) => /* @__PURE__ */ r(me, { ...B, label: "Street" })
+              render: ({ field: _ }) => /* @__PURE__ */ r(me, { ..._, label: "Street" })
             }
           ),
           /* @__PURE__ */ r(
@@ -4892,7 +4892,7 @@ Failed to reload test data. Please refresh the page.`);
             {
               control: H.control,
               name: "streetNumber",
-              render: ({ field: B }) => /* @__PURE__ */ r(me, { ...B, label: "Street Number" })
+              render: ({ field: _ }) => /* @__PURE__ */ r(me, { ..._, label: "Street Number" })
             }
           )
         ] }),
@@ -4902,7 +4902,7 @@ Failed to reload test data. Please refresh the page.`);
             {
               control: H.control,
               name: "city",
-              render: ({ field: B }) => /* @__PURE__ */ r(me, { ...B, label: "City" })
+              render: ({ field: _ }) => /* @__PURE__ */ r(me, { ..._, label: "City" })
             }
           ),
           /* @__PURE__ */ r(
@@ -4910,7 +4910,7 @@ Failed to reload test data. Please refresh the page.`);
             {
               control: H.control,
               name: "zip",
-              render: ({ field: B }) => /* @__PURE__ */ r(me, { ...B, label: "ZIP/Postal Code" })
+              render: ({ field: _ }) => /* @__PURE__ */ r(me, { ..._, label: "ZIP/Postal Code" })
             }
           )
         ] }),
@@ -4919,7 +4919,7 @@ Failed to reload test data. Please refresh the page.`);
           {
             control: H.control,
             name: "phonenumber",
-            render: ({ field: B }) => /* @__PURE__ */ r(me, { ...B, label: "Phone Number", type: "tel" })
+            render: ({ field: _ }) => /* @__PURE__ */ r(me, { ..._, label: "Phone Number", type: "tel" })
           }
         )
       ] })
@@ -5258,20 +5258,20 @@ const _e = {
     if (L) for (const $ of L) c.add($);
     if (m)
       for (const $ of m)
-        for (const g of $.fields)
-          !g.isCustom && g.name && g.required && c.add(g.name);
+        for (const y of $.fields)
+          !y.isCustom && y.name && y.required && c.add(y.name);
     return Array.from(c);
   }, [l == null ? void 0 : l.applicantFormRequiredFields, m]), h = Ee(() => {
     var $;
     if (m) {
-      const g = m.flatMap((_) => _.fields).filter((_) => !_.isCustom && _.name).map((_) => _.name), y = new Set(g);
-      for (const _ of je) y.add(_);
-      return Array.from(y);
+      const y = m.flatMap((B) => B.fields).filter((B) => !B.isCustom && B.name).map((B) => B.name), g = new Set(y);
+      for (const B of je) g.add(B);
+      return Array.from(g);
     }
     let c;
     ($ = i.applicantForm) != null && $.visibleFields ? c = i.applicantForm.visibleFields : l != null && l.applicantFormVisibleFields && l.applicantFormVisibleFields.length > 0 ? c = l.applicantFormVisibleFields : c = zt;
     const L = new Set(c);
-    for (const g of je) L.add(g);
+    for (const y of je) L.add(y);
     return Array.from(L);
   }, [(tt = i.applicantForm) == null ? void 0 : tt.visibleFields, l == null ? void 0 : l.applicantFormVisibleFields, m]), C = /* @__PURE__ */ new Set([
     "country",
@@ -5284,52 +5284,52 @@ const _e = {
     var L, $;
     const c = /* @__PURE__ */ new Set();
     if (m)
-      for (const g of m)
-        for (const y of g.fields)
-          !y.isCustom && y.name && C.has(y.name) && c.add(y.countriesType ?? ((L = Te[y.name]) == null ? void 0 : L.countriesType));
+      for (const y of m)
+        for (const g of y.fields)
+          !g.isCustom && g.name && C.has(g.name) && c.add(g.countriesType ?? ((L = Te[g.name]) == null ? void 0 : L.countriesType));
     else
-      for (const g of h)
-        C.has(g) && c.add(($ = Te[g]) == null ? void 0 : $.countriesType);
+      for (const y of h)
+        C.has(y) && c.add(($ = Te[y]) == null ? void 0 : $.countriesType);
     return c.size === 0 && c.add(void 0), Array.from(c);
   }, [h, m]), [k, z] = v({}), [A, I] = v(!0), j = ee(/* @__PURE__ */ new Set()), G = ee(/* @__PURE__ */ new Set());
-  ne(() => {
+  ae(() => {
     if (!l) return;
-    const c = D.filter((g) => {
-      const y = g != null ? String(g) : "all";
-      return !G.current.has(y) && !j.current.has(y);
+    const c = D.filter((y) => {
+      const g = y != null ? String(y) : "all";
+      return !G.current.has(g) && !j.current.has(g);
     });
     if (c.length === 0) {
-      D.every((y) => {
-        const _ = y != null ? String(y) : "all";
-        return G.current.has(_);
+      D.every((g) => {
+        const B = g != null ? String(g) : "all";
+        return G.current.has(B);
       }) && I(!1);
       return;
     }
     I(!0);
-    const L = c.map((g) => g != null ? String(g) : "all");
-    L.forEach((g) => j.current.add(g)), (async () => {
+    const L = c.map((y) => y != null ? String(y) : "all");
+    L.forEach((y) => j.current.add(y)), (async () => {
       try {
-        const g = await Promise.all(
-          c.map(async (y) => {
-            const _ = y != null ? String(y) : "all", ie = await o.getCountries("", i.locale || "en", y), ae = /* @__PURE__ */ new Set(), fe = ie.map((se) => ({ value: se.abbreviation3 || se.abbreviation, label: se.name })).filter((se) => !se.value || ae.has(se.value) ? !1 : (ae.add(se.value), !0));
-            return G.current.add(_), j.current.delete(_), [_, fe];
+        const y = await Promise.all(
+          c.map(async (g) => {
+            const B = g != null ? String(g) : "all", te = await o.getCountries("", i.locale || "en", g), ie = /* @__PURE__ */ new Set(), fe = te.map((se) => ({ value: se.abbreviation3 || se.abbreviation, label: se.name })).filter((se) => !se.value || ie.has(se.value) ? !1 : (ie.add(se.value), !0));
+            return G.current.add(B), j.current.delete(B), [B, fe];
           })
         );
-        z((y) => ({ ...y, ...Object.fromEntries(g) }));
-      } catch (g) {
-        L.forEach((y) => j.current.delete(y)), console.error("Failed to load countries:", g);
+        z((g) => ({ ...g, ...Object.fromEntries(y) }));
+      } catch (y) {
+        L.forEach((g) => j.current.delete(g)), console.error("Failed to load countries:", y);
       } finally {
-        D.every((y) => {
-          const _ = y != null ? String(y) : "all";
-          return G.current.has(_);
+        D.every((g) => {
+          const B = g != null ? String(g) : "all";
+          return G.current.has(B);
         }) && I(!1);
       }
     })();
   }, [D, l]);
   const E = (c, L) => {
-    var y;
-    const $ = L ?? ((y = Te[c]) == null ? void 0 : y.countriesType), g = $ != null ? String($) : "all";
-    return k[g] || [];
+    var g;
+    const $ = L ?? ((g = Te[c]) == null ? void 0 : g.countriesType), y = $ != null ? String($) : "all";
+    return k[y] || [];
   }, [f, R] = v({
     workflowKey: p,
     firstName: "",
@@ -5355,21 +5355,21 @@ const _e = {
     educationLevel: "",
     occupation: "",
     taxNumber: ""
-  }), [P, O] = v({}), [H, M] = v(0), [T, J] = v({}), [w, q] = v(null), [te, B] = v(!1), F = (c, L) => R(($) => ({ ...$, [c]: L })), S = (c, L) => O(($) => ({ ...$, [c]: L })), U = (c) => !c.conditionalOn || P[c.conditionalOn] === "true", X = m && H < m.length - 1 ? H + 1 : -1, Y = m && H > 0 ? H - 1 : -1, we = (c) => {
+  }), [P, O] = v({}), [H, M] = v(0), [T, J] = v({}), [w, q] = v(null), [re, _] = v(!1), F = (c, L) => R(($) => ({ ...$, [c]: L })), S = (c, L) => O(($) => ({ ...$, [c]: L })), U = (c) => !c.conditionalOn || P[c.conditionalOn] === "true", X = m && H < m.length - 1 ? H + 1 : -1, Y = m && H > 0 ? H - 1 : -1, we = (c) => {
     var $;
     const L = {};
-    for (const g of c.fields)
-      if (g.isCustom) {
-        if (g.customType === "paragraph" || g.customType === "br" || g.customType === "link") continue;
-        if (g.required && g.paramName) {
-          const y = P[g.paramName], _ = g.displayText || g.label || g.paramName;
-          g.customType === "checkbox" || g.customType === "link_checkbox" ? y !== "true" && (L[g.paramName] = `${_} is required.`) : (!y || y.trim() === "") && (L[g.paramName] = `${_} is required.`);
+    for (const y of c.fields)
+      if (y.isCustom) {
+        if (y.customType === "paragraph" || y.customType === "br" || y.customType === "link") continue;
+        if (y.required && y.paramName) {
+          const g = P[y.paramName], B = y.displayText || y.label || y.paramName;
+          y.customType === "checkbox" || y.customType === "link_checkbox" ? g !== "true" && (L[y.paramName] = `${B} is required.`) : (!g || g.trim() === "") && (L[y.paramName] = `${B} is required.`);
         }
-      } else if (g.name) {
-        const y = g.name;
-        if (x.includes(y) && Be(f[y])) {
-          const _ = g.displayText || (($ = Te[y]) == null ? void 0 : $.label) || y;
-          L[y] = `${_} is required.`;
+      } else if (y.name) {
+        const g = y.name;
+        if (x.includes(g) && Be(f[g])) {
+          const B = y.displayText || (($ = Te[g]) == null ? void 0 : $.label) || g;
+          L[g] = `${B} is required.`;
         }
       }
     return L;
@@ -5396,7 +5396,7 @@ const _e = {
         return;
       }
     }
-    B(!0), q(null);
+    _(!0), q(null);
     try {
       if (!f.externalRefId || f.externalRefId.trim() === "") {
         q("External Reference ID is required. Please pass it via config.applicantForm.externalRefId.");
@@ -5407,35 +5407,38 @@ const _e = {
         externalRefId: f.externalRefId.trim()
       };
       if (m) {
-        for (const g of m)
-          if (U(g)) {
-            for (const y of g.fields)
-              if (!y.isCustom && y.name) {
-                const _ = y.name, ie = f[_];
-                Be(ie) || (c[_] = ie);
+        for (const y of m)
+          if (U(y)) {
+            for (const g of y.fields)
+              if (!g.isCustom && g.name) {
+                const B = g.name, te = f[B];
+                Be(te) || (c[B] = te);
               }
           }
-        for (const g of je)
-          if (c[g] === void 0) {
-            const y = f[g];
-            Be(y) || (c[g] = y);
+        for (const y of je)
+          if (c[y] === void 0) {
+            const g = f[y];
+            Be(g) || (c[y] = g);
           }
       } else
-        h.forEach((g) => {
-          if (g === "externalRefId") return;
-          const y = f[g];
-          Be(y) || (c[g] = y);
+        h.forEach((y) => {
+          if (y === "externalRefId") return;
+          const g = f[y];
+          Be(g) || (c[y] = g);
         });
       const L = [];
       if (m) {
-        for (const g of m)
-          if (U(g)) {
-            for (const y of g.fields)
-              if (y.isCustom && y.paramName && y.customType !== "paragraph" && y.customType !== "br" && y.customType !== "link") {
-                const _ = P[y.paramName] ?? "";
-                L.push({ paramName: y.paramName, paramValue: _ });
-              }
-          }
+        for (const y of m)
+          if (U(y))
+            for (const g of y.fields) {
+              if (!g.isCustom || !g.paramName || g.customType === "paragraph" || g.customType === "br" || g.customType === "link") continue;
+              const B = P[g.paramName] ?? "";
+              let te;
+              if (g.customType === "checkbox" || g.customType === "link_checkbox")
+                te = B === "true" ? "yes" : "no";
+              else if (te = B, !te && !g.required) continue;
+              L.push({ paramName: g.paramName, paramValue: te });
+            }
       }
       L.length > 0 && (c.applicantAdditionalDatas = L);
       const $ = await d(c);
@@ -5443,37 +5446,37 @@ const _e = {
     } catch (c) {
       console.error("Error creating applicant:", c), q(c.message || "Failed to create applicant");
     } finally {
-      B(!1);
+      _(!1);
     }
   }, ft = async (c) => {
     var L;
     c.preventDefault();
     for (const $ of x)
       if (Be(f[$])) {
-        const g = ((L = Te[$]) == null ? void 0 : L.label) || $;
-        q(`${g} is required.`);
+        const y = ((L = Te[$]) == null ? void 0 : L.label) || $;
+        q(`${y} is required.`);
         return;
       }
     await Ce();
-  }, Ze = (c, L, $, g) => {
+  }, Ze = (c, L, $, y) => {
     var rt;
-    const y = Te[c];
-    if (!y) return null;
-    const _ = x.includes(c), ie = T[c], ae = $ || y.label, fe = L ?? c, se = { required: _ };
-    switch (y.type) {
+    const g = Te[c];
+    if (!g) return null;
+    const B = x.includes(c), te = T[c], ie = $ || g.label, fe = L ?? c, se = { required: B };
+    switch (g.type) {
       case "select":
         if (c === "country" || c === "nationality" || c === "taxCountry" || c === "countryOfBirth" || c === "mobileCountryCode") {
-          const le = E(c, g);
+          const le = E(c, y);
           return /* @__PURE__ */ r(
             We,
             {
               ...se,
-              label: ae,
+              label: ie,
               value: f[c] || "",
               onChange: (Re) => F(c, Re),
-              options: [{ value: "", label: `Select ${ae.toLowerCase()}...` }, ...le],
+              options: [{ value: "", label: `Select ${ie.toLowerCase()}...` }, ...le],
               disabled: A,
-              error: ie
+              error: te
             },
             fe
           );
@@ -5483,7 +5486,7 @@ const _e = {
             We,
             {
               ...se,
-              label: ae,
+              label: ie,
               value: ((rt = f[c]) == null ? void 0 : rt.toString()) || "",
               onChange: (le) => F(c, le ? Number(le) : null),
               options: [
@@ -5492,7 +5495,7 @@ const _e = {
                 { value: Ke.Female.toString(), label: "Female" },
                 { value: Ke.Other.toString(), label: "Other" }
               ],
-              error: ie
+              error: te
             },
             fe
           );
@@ -5502,11 +5505,11 @@ const _e = {
             We,
             {
               ...se,
-              label: ae,
+              label: ie,
               value: f[c] || "",
               onChange: (Re) => F(c, Re),
               options: [{ value: "", label: "Select language..." }, ...le],
-              error: ie
+              error: te
             },
             fe
           );
@@ -5514,12 +5517,12 @@ const _e = {
         return null;
       case "multiselect":
         if (c === "otherNationality") {
-          const le = E(c, g);
+          const le = E(c, y);
           return /* @__PURE__ */ r(
             Sr,
             {
               ...se,
-              label: ae,
+              label: ie,
               value: f[c] || [],
               onChange: (Re) => F(c, Re),
               options: le,
@@ -5536,10 +5539,10 @@ const _e = {
           {
             ...se,
             type: "date",
-            label: ae,
+            label: ie,
             value: f[c] || "",
             onChange: (le) => F(c, le.target.value),
-            error: ie
+            error: te
           },
           fe
         );
@@ -5549,10 +5552,10 @@ const _e = {
           {
             ...se,
             type: "email",
-            label: ae,
+            label: ie,
             value: f[c] || "",
             onChange: (le) => F(c, le.target.value),
-            error: ie
+            error: te
           },
           fe
         );
@@ -5562,10 +5565,10 @@ const _e = {
           {
             ...se,
             type: "tel",
-            label: ae,
+            label: ie,
             value: f[c] || "",
             onChange: (le) => F(c, le.target.value),
-            error: ie
+            error: te
           },
           fe
         );
@@ -5575,17 +5578,17 @@ const _e = {
           {
             ...se,
             type: "text",
-            label: ae,
+            label: ie,
             value: f[c] || "",
             onChange: (le) => F(c, le.target.value),
-            error: ie
+            error: te
           },
           fe
         );
     }
   }, xt = (c, L) => {
     if (c.customType === "paragraph") {
-      const y = c.displayText || c.label || "";
+      const g = c.displayText || c.label || "";
       return /* @__PURE__ */ r(
         "p",
         {
@@ -5596,7 +5599,7 @@ const _e = {
             margin: 0,
             color: "var(--metakyc-text-secondary, #6b7280)"
           },
-          dangerouslySetInnerHTML: { __html: y }
+          dangerouslySetInnerHTML: { __html: g }
         },
         `custom-${L}`
       );
@@ -5604,7 +5607,7 @@ const _e = {
     if (c.customType === "br")
       return /* @__PURE__ */ r("div", { style: { height: "12px" } }, `custom-${L}`);
     if (c.customType === "link") {
-      const y = c.displayText || c.label || c.linkText || c.linkUrl || "";
+      const g = c.displayText || c.label || c.linkText || c.linkUrl || "";
       return /* @__PURE__ */ r("div", { className: "metakyc-link-field", children: /* @__PURE__ */ s(
         "a",
         {
@@ -5621,14 +5624,14 @@ const _e = {
             cursor: "pointer"
           },
           children: [
-            y,
+            g,
             /* @__PURE__ */ r("span", { style: { fontSize: "10px", opacity: 0.7 }, children: "↗" })
           ]
         }
       ) }, `custom-${L}`);
     }
     if (!c.paramName) return null;
-    const $ = T[c.paramName], g = c.displayText || c.label || c.paramName;
+    const $ = T[c.paramName], y = c.displayText || c.label || c.paramName;
     if (c.customType === "checkbox")
       return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ s(
@@ -5642,7 +5645,7 @@ const _e = {
                 {
                   type: "checkbox",
                   checked: P[c.paramName] === "true",
-                  onChange: (y) => S(c.paramName, y.target.checked ? "true" : "false"),
+                  onChange: (g) => S(c.paramName, g.target.checked ? "true" : "false"),
                   className: "metakyc-option-input",
                   style: _e
                 }
@@ -5653,7 +5656,7 @@ const _e = {
                   className: "metakyc-option-text",
                   style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4" },
                   children: [
-                    g,
+                    y,
                     c.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
                   ]
                 }
@@ -5676,7 +5679,7 @@ const _e = {
                 {
                   type: "checkbox",
                   checked: P[c.paramName] === "true",
-                  onChange: (y) => S(c.paramName, y.target.checked ? "true" : "false"),
+                  onChange: (g) => S(c.paramName, g.target.checked ? "true" : "false"),
                   className: "metakyc-option-input",
                   style: { ..._e, alignSelf: "flex-start", marginTop: "2px" }
                 }
@@ -5687,7 +5690,7 @@ const _e = {
                   className: "metakyc-option-text",
                   style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4" },
                   children: [
-                    g,
+                    y,
                     " ",
                     c.linkUrl && /* @__PURE__ */ r(
                       "a",
@@ -5697,7 +5700,7 @@ const _e = {
                         rel: "noopener noreferrer",
                         className: "underline",
                         style: { color: "var(--metakyc-primary, #2563eb)" },
-                        onClick: (y) => y.stopPropagation(),
+                        onClick: (g) => g.stopPropagation(),
                         children: c.linkText || c.linkUrl
                       }
                     ),
@@ -5711,7 +5714,7 @@ const _e = {
         $ && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: $ })
       ] }, `custom-${L}`);
     if (c.customType === "group_checkbox") {
-      const y = (P[c.paramName] || "").split(",").filter(Boolean);
+      const g = (P[c.paramName] || "").split(",").filter(Boolean);
       return /* @__PURE__ */ s("div", { className: "flex flex-col gap-1.5", children: [
         /* @__PURE__ */ s(
           "div",
@@ -5719,13 +5722,13 @@ const _e = {
             className: "text-sm font-medium",
             style: { color: "var(--metakyc-text-primary, #111827)" },
             children: [
-              g,
+              y,
               c.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((_) => {
-          const ie = c.singleSelect ? P[c.paramName] === _.value : y.includes(_.value);
+        /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((B) => {
+          const te = c.singleSelect ? P[c.paramName] === B.value : g.includes(B.value);
           return /* @__PURE__ */ s(
             "label",
             {
@@ -5736,12 +5739,12 @@ const _e = {
                   "input",
                   {
                     type: "checkbox",
-                    checked: ie,
-                    onChange: (ae) => {
+                    checked: te,
+                    onChange: (ie) => {
                       if (c.singleSelect)
-                        S(c.paramName, ae.target.checked ? _.value : "");
+                        S(c.paramName, ie.target.checked ? B.value : "");
                       else {
-                        const fe = ae.target.checked ? [...y, _.value] : y.filter((se) => se !== _.value);
+                        const fe = ie.target.checked ? [...g, B.value] : g.filter((se) => se !== B.value);
                         S(c.paramName, fe.join(","));
                       }
                     },
@@ -5754,12 +5757,12 @@ const _e = {
                   {
                     className: "metakyc-option-text",
                     style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4" },
-                    children: _.label
+                    children: B.label
                   }
                 )
               ]
             },
-            _.value
+            B.value
           );
         }) }),
         $ && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: $ })
@@ -5772,12 +5775,12 @@ const _e = {
           className: "text-sm font-medium",
           style: { color: "var(--metakyc-text-primary, #111827)" },
           children: [
-            g,
+            y,
             c.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
           ]
         }
       ),
-      /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((y) => /* @__PURE__ */ s(
+      /* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((g) => /* @__PURE__ */ s(
         "label",
         {
           className: "metakyc-option-label",
@@ -5787,8 +5790,8 @@ const _e = {
               "input",
               {
                 type: "radio",
-                checked: P[c.paramName] === y.value,
-                onChange: () => S(c.paramName, y.value),
+                checked: P[c.paramName] === g.value,
+                onChange: () => S(c.paramName, g.value),
                 name: `radio-group-${c.paramName}-${L}`,
                 className: "metakyc-option-input",
                 style: _e
@@ -5799,21 +5802,21 @@ const _e = {
               {
                 className: "metakyc-option-text",
                 style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)", lineHeight: "1.4" },
-                children: y.label
+                children: g.label
               }
             )
           ]
         },
-        y.value
+        g.value
       )) }),
       $ && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: $ })
     ] }, `custom-${L}`) : /* @__PURE__ */ r(
       me,
       {
         type: "text",
-        label: `${g}${c.required ? " *" : ""}`,
+        label: `${y}${c.required ? " *" : ""}`,
         value: P[c.paramName] || "",
-        onChange: (y) => S(c.paramName, y.target.value),
+        onChange: (g) => S(c.paramName, g.target.value),
         required: c.required,
         error: $
       },
@@ -5833,7 +5836,7 @@ const _e = {
               {
                 type: "checkbox",
                 checked: $,
-                onChange: (g) => S(c.conditionalOn, g.target.checked ? "true" : "false"),
+                onChange: (y) => S(c.conditionalOn, y.target.checked ? "true" : "false"),
                 className: "metakyc-option-input",
                 style: _e
               }
@@ -5849,9 +5852,9 @@ const _e = {
           ]
         }
       ) }),
-      $ && /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: c.fields.map((g, y) => {
-        const _ = g.colSpan === 1 ? "col-span-1" : g.colSpan === 2 ? "col-span-2" : g.colSpan === 3 ? "col-span-3" : "col-span-4", ie = g.isCustom ? `custom-${y}-${g.paramName}` : `builtin-${g.name}-${y}`;
-        return /* @__PURE__ */ r("div", { className: _, children: /* @__PURE__ */ r(ct, { helpText: g.helpText, children: g.isCustom ? xt(g, y) : Ze(g.name, ie, g.displayText, g.countriesType) }) }, ie);
+      $ && /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: c.fields.map((y, g) => {
+        const B = y.colSpan === 1 ? "col-span-1" : y.colSpan === 2 ? "col-span-2" : y.colSpan === 3 ? "col-span-3" : "col-span-4", te = y.isCustom ? `custom-${g}-${y.paramName}` : `builtin-${y.name}-${g}`;
+        return /* @__PURE__ */ r("div", { className: B, children: /* @__PURE__ */ r(ct, { helpText: y.helpText, children: y.isCustom ? xt(y, g) : Ze(y.name, te, y.displayText, y.countriesType) }) }, te);
       }) })
     ] });
   };
@@ -5861,7 +5864,7 @@ const _e = {
       /* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: "Loading form…" })
     ] }) }) });
   if (m) {
-    const c = m[H] ?? m[0], L = Y === -1, $ = X === -1, g = m.length, y = U(c), _ = Object.values(T);
+    const c = m[H] ?? m[0], L = Y === -1, $ = X === -1, y = m.length, g = U(c), B = Object.values(T);
     return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ s(K, { children: [
       /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(Ge, { title: (l == null ? void 0 : l.title) || "Create Applicant" }) }),
       /* @__PURE__ */ s(W, { children: [
@@ -5891,27 +5894,27 @@ const _e = {
             }
           )
         ] }),
-        (w || _.length > 0) && /* @__PURE__ */ s("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
+        (w || B.length > 0) && /* @__PURE__ */ s("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
           w && /* @__PURE__ */ s("p", { className: "text-red-600 text-sm", children: [
             /* @__PURE__ */ r("strong", { children: "Error:" }),
             " ",
             w
           ] }),
-          _.map((ie, ae) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: ie }, ae))
+          B.map((te, ie) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: te }, ie))
         ] }),
-        g > 1 && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mb-4", children: [
-          m.map((ie, ae) => /* @__PURE__ */ r(
+        y > 1 && /* @__PURE__ */ s("div", { className: "flex items-center gap-2 mb-4", children: [
+          m.map((te, ie) => /* @__PURE__ */ r(
             "div",
             {
-              className: `h-1.5 rounded-full transition-all ${ae === H ? "flex-1" : "w-8"}`,
-              style: ae === H ? { backgroundColor: "var(--metakyc-primary, #2563eb)" } : ae < H ? { backgroundColor: "var(--metakyc-primary-light, #93c5fd)", opacity: 0.7 } : { backgroundColor: "#e5e7eb" }
+              className: `h-1.5 rounded-full transition-all ${ie === H ? "flex-1" : "w-8"}`,
+              style: ie === H ? { backgroundColor: "var(--metakyc-primary, #2563eb)" } : ie < H ? { backgroundColor: "var(--metakyc-primary-light, #93c5fd)", opacity: 0.7 } : { backgroundColor: "#e5e7eb" }
             },
-            ae
+            ie
           )),
           /* @__PURE__ */ s("span", { className: "text-xs text-gray-400 flex-shrink-0", children: [
             H + 1,
             " / ",
-            g
+            y
           ] })
         ] }),
         bt(c)
@@ -5926,19 +5929,19 @@ const _e = {
               onClick: () => {
                 M(Y), J({});
               },
-              disabled: te || u,
+              disabled: re || u,
               children: "Previous"
             }
           ),
-          L && a && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: a, disabled: te || u, children: "Cancel" })
+          L && a && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: a, disabled: re || u, children: "Cancel" })
         ] }),
         /* @__PURE__ */ r(
           Z,
           {
             type: "button",
-            isLoading: te || u,
+            isLoading: re || u,
             onClick: $ ? Ce : ke,
-            children: $ ? c.conditionalOn && !y ? "Skip & Submit" : "Submit" : c.conditionalOn && !y ? "Skip" : "Next"
+            children: $ ? c.conditionalOn && !g ? "Skip & Submit" : "Submit" : c.conditionalOn && !g ? "Skip" : "Next"
           }
         )
       ] })
@@ -5955,8 +5958,8 @@ const _e = {
       /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-4", children: h.map((c) => /* @__PURE__ */ r("div", { className: "col-span-4", children: Ze(c) }, c)) })
     ] }),
     /* @__PURE__ */ s(pe, { className: "flex justify-between", children: [
-      a && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: a, disabled: te || u, children: "Cancel" }),
-      /* @__PURE__ */ r(Z, { type: "submit", isLoading: te || u, children: "Create Applicant" })
+      a && /* @__PURE__ */ r(Z, { type: "button", variant: "outline", onClick: a, disabled: re || u, children: "Cancel" }),
+      /* @__PURE__ */ r(Z, { type: "submit", isLoading: re || u, children: "Create Applicant" })
     ] })
   ] }) }) });
 }, gn = ({