@vpdev2/metakyc-sdk 1.0.9 → 1.0.10

package/dist/index.js

@@ -1777,7 +1777,7 @@ class Ut {
 }
 const Ue = tt(null), Or = ({ config: t, children: e }) => {
   const [r, s] = N(null), a = ie.useRef(!1), i = ie.useRef(!1), l = Re(() => {
-    const d = new vt(t), u = new xt(d), y = new wt(d), x = new kt(d), g = new Nt(d), b = new St(d), m = new Ct(d), f = new At(d), k = new Et(d), h = new It(d), A = new Mt(d), v = new Ut();
+    const d = new vt(t), u = new xt(d), y = new wt(d), x = new kt(d), g = new Nt(d), b = new St(d), m = new Ct(d), f = new At(d), k = new Et(d), h = new It(d), E = new Mt(d), v = new Ut();
     return {
       httpClient: d,
       applicantService: u,
@@ -1789,7 +1789,7 @@ const Ue = tt(null), Or = ({ config: t, children: e }) => {
       identityService: f,
       baseInformationService: k,
       investorCategorizationService: h,
-      themeService: A,
+      themeService: E,
       themeManager: v
     };
   }, [t]), c = Re(() => ({
@@ -2007,7 +2007,7 @@ function Gt(t) {
         i(!1);
       }
     }
-  }, []), h = Me.useMemo(() => r != null && r.stepInfoList ? [...r.stepInfoList].sort((v, S) => v.order - S.order) : [], [r == null ? void 0 : r.stepInfoList]), A = Me.useMemo(() => r ? r.nextWorkflowKey && r.nextWorkflowKey !== r.workFlowKey : !1, [r]);
+  }, []), h = Me.useMemo(() => r != null && r.stepInfoList ? [...r.stepInfoList].sort((v, S) => v.order - S.order) : [], [r == null ? void 0 : r.stepInfoList]), E = Me.useMemo(() => r ? r.nextWorkflowKey && r.nextWorkflowKey !== r.workFlowKey : !1, [r]);
   return {
     progress: r,
     applicantId: u,
@@ -2017,7 +2017,7 @@ function Gt(t) {
     workflowResult: (r == null ? void 0 : r.workflowResult) || null,
     workflowKey: r == null ? void 0 : r.workFlowKey,
     nextWorkflowKey: r == null ? void 0 : r.nextWorkflowKey,
-    hasWorkflowChanged: A,
+    hasWorkflowChanged: E,
     isLoading: a,
     error: l,
     isComplete: (r == null ? void 0 : r.status) === le.Finished,
@@ -2638,13 +2638,13 @@ const nr = ({
 }) => {
   const [d, u] = N(!1), y = H(null), x = (h) => {
     if (!h) return;
-    const A = Array.from(h);
-    if (a && A.filter((S) => S.size > a).length > 0) {
+    const E = Array.from(h);
+    if (a && E.filter((S) => S.size > a).length > 0) {
       const S = Ie(a);
       alert(`Some files exceed the maximum size of ${S}`);
       return;
     }
-    i == null || i(s ? [...l, ...A] : [A[0]]);
+    i == null || i(s ? [...l, ...E] : [E[0]]);
   }, g = (h) => {
     h.preventDefault(), u(!0);
   }, b = () => {
@@ -2655,8 +2655,8 @@ const nr = ({
     var h;
     (h = y.current) == null || h.click();
   }, k = (h) => {
-    const A = l.filter((v, S) => S !== h);
-    i == null || i(A);
+    const E = l.filter((v, S) => S !== h);
+    i == null || i(E);
   };
   return /* @__PURE__ */ o("div", { className: te("w-full", c), children: [
     t && /* @__PURE__ */ n("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: t }),
@@ -2715,7 +2715,7 @@ const nr = ({
         ]
       }
     ),
-    l.length > 0 && /* @__PURE__ */ n("div", { className: "mt-3 space-y-2", children: l.map((h, A) => /* @__PURE__ */ o(
+    l.length > 0 && /* @__PURE__ */ n("div", { className: "mt-3 space-y-2", children: l.map((h, E) => /* @__PURE__ */ o(
       "div",
       {
         className: "flex items-center justify-between px-3 py-2 bg-gray-50 dark:bg-gray-700 rounded-lg",
@@ -2749,7 +2749,7 @@ const nr = ({
             {
               type: "button",
               onClick: (v) => {
-                v.stopPropagation(), k(A);
+                v.stopPropagation(), k(E);
               },
               className: "ml-2 text-danger-500 hover:text-danger-700 focus:outline-none",
               children: /* @__PURE__ */ n("svg", { className: "h-5 w-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ n(
@@ -2764,7 +2764,7 @@ const nr = ({
           )
         ]
       },
-      A
+      E
     )) }),
     e && /* @__PURE__ */ n("p", { className: "mt-1 text-sm text-danger-500", children: e })
   ] });
@@ -3077,11 +3077,11 @@ const Vr = ue.any(), xr = ({
       try {
         console.log("Form submitted with data:", m);
         const f = s.questionGroups.flatMap(
-          (h, A) => h.questions.map((v, S) => {
+          (h, E) => h.questions.map((v, S) => {
             var I, P, C;
             return {
               questionId: v.id,
-              values: ((C = (P = (I = m.questionResults) == null ? void 0 : I[A]) == null ? void 0 : P[S]) == null ? void 0 : C.values) || []
+              values: ((C = (P = (I = m.questionResults) == null ? void 0 : I[E]) == null ? void 0 : P[S]) == null ? void 0 : C.values) || []
             };
           })
         );
@@ -3118,7 +3118,7 @@ const Vr = ue.any(), xr = ({
               control: y,
               name: `questionResults.${f}.${h}.values.0`,
               render: ({ field: S }) => {
-                var I, P, C, E;
+                var I, P, C, A;
                 return /* @__PURE__ */ n(
                   X,
                   {
@@ -3127,7 +3127,7 @@ const Vr = ue.any(), xr = ({
                     onBlur: S.onBlur,
                     name: S.name,
                     placeholder: "Enter your answer...",
-                    error: (E = (C = (P = (I = g.questionResults) == null ? void 0 : I[f]) == null ? void 0 : P[h]) == null ? void 0 : C.values) == null ? void 0 : E.message
+                    error: (A = (C = (P = (I = g.questionResults) == null ? void 0 : I[f]) == null ? void 0 : P[h]) == null ? void 0 : C.values) == null ? void 0 : A.message
                   }
                 );
               }
@@ -3139,7 +3139,7 @@ const Vr = ue.any(), xr = ({
               control: y,
               name: `questionResults.${f}.${h}.values.0`,
               render: ({ field: S }) => {
-                var I, P, C, E;
+                var I, P, C, A;
                 return /* @__PURE__ */ n(
                   ye,
                   {
@@ -3152,7 +3152,7 @@ const Vr = ue.any(), xr = ({
                       label: M
                     })),
                     placeholder: "Select an option...",
-                    error: (E = (C = (P = (I = g.questionResults) == null ? void 0 : I[f]) == null ? void 0 : P[h]) == null ? void 0 : C.values) == null ? void 0 : E.message
+                    error: (A = (C = (P = (I = g.questionResults) == null ? void 0 : I[f]) == null ? void 0 : P[h]) == null ? void 0 : C.values) == null ? void 0 : A.message
                   }
                 );
               }
@@ -3175,8 +3175,8 @@ const Vr = ue.any(), xr = ({
                         {
                           type: "checkbox",
                           checked: Array.isArray(S) && S.includes(P),
-                          onChange: (E) => {
-                            const M = Array.isArray(S) ? S : [], B = E.target.checked ? [...M, P] : M.filter((Q) => Q !== P);
+                          onChange: (A) => {
+                            const M = Array.isArray(S) ? S : [], B = A.target.checked ? [...M, P] : M.filter((Q) => Q !== P);
                             I(B);
                           },
                           className: "h-4 w-4 text-primary-500 rounded border-gray-300 focus:ring-primary-500"
@@ -3279,17 +3279,17 @@ const Vr = ue.any(), xr = ({
       s.description && /* @__PURE__ */ n("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: s.description })
     ] }),
     /* @__PURE__ */ o(T, { className: "space-y-6", children: [
-      s.steps && s.steps.length > 0 ? /* @__PURE__ */ n("div", { className: "space-y-4", children: s.steps.sort((u, y) => u.order - y.order).map((u) => /* @__PURE__ */ n(
+      s.steps && s.steps.length > 0 ? /* @__PURE__ */ n("div", { className: "space-y-3", children: s.steps.sort((u, y) => u.order - y.order).map((u) => /* @__PURE__ */ o(
         "div",
         {
-          className: "border border-gray-200 dark:border-gray-700 rounded-lg p-4 bg-gray-50 dark:bg-gray-800",
-          children: /* @__PURE__ */ o("div", { className: "flex items-start", children: [
-            /* @__PURE__ */ n("div", { className: "flex-shrink-0", children: /* @__PURE__ */ n("div", { className: "w-8 h-8 rounded-full bg-green-500 text-white flex items-center justify-center font-medium", children: "✓" }) }),
+          className: "flex items-start p-4 rounded-lg bg-gray-50 dark:bg-gray-800",
+          children: [
+            /* @__PURE__ */ n("div", { className: "flex-shrink-0", children: /* @__PURE__ */ n("div", { className: "w-8 h-8 rounded-full bg-green-500 text-white flex items-center justify-center font-medium text-sm", children: "✓" }) }),
             /* @__PURE__ */ o("div", { className: "ml-4 flex-1", children: [
               /* @__PURE__ */ n("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: u.title }),
               u.description && /* @__PURE__ */ n("p", { className: "text-sm text-gray-600 dark:text-gray-400 mt-1", children: u.description })
             ] })
-          ] })
+          ]
         },
         u.order
       )) }) : /* @__PURE__ */ n("div", { className: "text-center py-8", children: /* @__PURE__ */ n("p", { className: "text-gray-600 dark:text-gray-400", children: "Loading overview data..." }) }),
@@ -3329,21 +3329,21 @@ const Vr = ue.any(), xr = ({
     if (s)
       try {
         console.log("Risk scoring form submitted:", h), console.log("Criteria metadata:", s);
-        const A = h.criteriaValueInputs.map((S, I) => {
-          const P = S.values || [], C = Array.isArray(P) ? P.filter((E) => E && E.trim()) : P && P.toString().trim() ? [P.toString()] : [];
+        const E = h.criteriaValueInputs.map((S, I) => {
+          const P = S.values || [], C = Array.isArray(P) ? P.filter((A) => A && A.trim()) : P && P.toString().trim() ? [P.toString()] : [];
           return C.length === 0 ? null : {
             riskCriteriaId: s[I].id,
             values: C
           };
         }).filter((S) => S !== null);
-        console.log("Risk scoring criteriaValueInputs to submit:", A);
+        console.log("Risk scoring criteriaValueInputs to submit:", E);
         const v = {
           applicantId: t,
-          criteriaValueInputs: A
+          criteriaValueInputs: E
         };
         console.log("Final risk scoring input:", v), await c(v), console.log("Risk scoring submitted successfully!"), e == null || e();
-      } catch (A) {
-        throw console.error("Error submitting risk scoring:", A), A;
+      } catch (E) {
+        throw console.error("Error submitting risk scoring:", E), E;
       }
   }, k = (h) => h.builtInType === 1 ? "country" : !h.defaultValues || h.defaultValues.length === 0 ? "text" : h.multipleValue ? "checkbox" : "radio";
   return a ? /* @__PURE__ */ n(L, { children: /* @__PURE__ */ o(T, { children: [
@@ -3360,7 +3360,7 @@ const Vr = ue.any(), xr = ({
       /* @__PURE__ */ n("h2", { className: "text-2xl font-bold", children: "Risk Assessment" }),
       /* @__PURE__ */ n("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: "Please answer the following questions for risk evaluation" })
     ] }),
-    /* @__PURE__ */ n(T, { className: "space-y-8", children: s.map((h, A) => {
+    /* @__PURE__ */ n(T, { className: "space-y-8", children: s.map((h, E) => {
       var S, I, P;
       const v = k(h);
       return /* @__PURE__ */ o("div", { className: "space-y-2", children: [
@@ -3373,9 +3373,9 @@ const Vr = ue.any(), xr = ({
           J,
           {
             control: g,
-            name: `criteriaValueInputs.${A}.values.0`,
+            name: `criteriaValueInputs.${E}.values.0`,
             render: ({ field: C }) => {
-              var E, M, B;
+              var A, M, B;
               return /* @__PURE__ */ n(
                 X,
                 {
@@ -3383,7 +3383,7 @@ const Vr = ue.any(), xr = ({
                   value: C.value || "",
                   type: h.valueDataType === Pe.DigitOnly ? "number" : "text",
                   placeholder: "Enter your answer...",
-                  error: (B = (M = (E = m.criteriaValueInputs) == null ? void 0 : E[A]) == null ? void 0 : M.values) == null ? void 0 : B.message,
+                  error: (B = (M = (A = m.criteriaValueInputs) == null ? void 0 : A[E]) == null ? void 0 : M.values) == null ? void 0 : B.message,
                   onKeyDown: (Q) => {
                     h.valueDataType === Pe.DigitOnly && ["e", "E", "+", "-", "."].includes(Q.key) && Q.preventDefault();
                   }
@@ -3398,19 +3398,19 @@ const Vr = ue.any(), xr = ({
             J,
             {
               control: g,
-              name: `criteriaValueInputs.${A}.values.0`,
-              render: ({ field: { value: C, onChange: E } }) => /* @__PURE__ */ n("div", { className: "space-y-2", children: h.defaultValues.map((M, B) => /* @__PURE__ */ o("label", { className: "flex items-center space-x-2 cursor-pointer", children: [
+              name: `criteriaValueInputs.${E}.values.0`,
+              render: ({ field: { value: C, onChange: A } }) => /* @__PURE__ */ n("div", { className: "space-y-2", children: h.defaultValues.map((M, B) => /* @__PURE__ */ o("label", { className: "flex items-center space-x-2 cursor-pointer", children: [
                 /* @__PURE__ */ n(
                   "input",
                   {
                     type: "radio",
                     checked: C === M,
-                    onChange: () => E(M),
+                    onChange: () => A(M),
                     className: "h-4 w-4 text-primary-500 border-gray-300 focus:ring-primary-500"
                   }
                 ),
                 /* @__PURE__ */ n("span", { className: "text-sm", children: M })
-              ] }, `${A}-${B}`)) })
+              ] }, `${E}-${B}`)) })
             }
           )
         ] }),
@@ -3420,8 +3420,8 @@ const Vr = ue.any(), xr = ({
             J,
             {
               control: g,
-              name: `criteriaValueInputs.${A}.values`,
-              render: ({ field: { value: C = [], onChange: E } }) => /* @__PURE__ */ n("div", { className: "space-y-2", children: h.defaultValues.map((M, B) => /* @__PURE__ */ o("label", { className: "flex items-center space-x-2 cursor-pointer", children: [
+              name: `criteriaValueInputs.${E}.values`,
+              render: ({ field: { value: C = [], onChange: A } }) => /* @__PURE__ */ n("div", { className: "space-y-2", children: h.defaultValues.map((M, B) => /* @__PURE__ */ o("label", { className: "flex items-center space-x-2 cursor-pointer", children: [
                 /* @__PURE__ */ n(
                   "input",
                   {
@@ -3429,13 +3429,13 @@ const Vr = ue.any(), xr = ({
                     checked: Array.isArray(C) && C.includes(M),
                     onChange: (Q) => {
                       const _ = Array.isArray(C) ? C : [], p = Q.target.checked ? [..._, M] : _.filter((w) => w !== M);
-                      E(p);
+                      A(p);
                     },
                     className: "h-4 w-4 text-primary-500 rounded border-gray-300 focus:ring-primary-500"
                   }
                 ),
                 /* @__PURE__ */ n("span", { className: "text-sm", children: M })
-              ] }, `${A}-${B}`)) })
+              ] }, `${E}-${B}`)) })
             }
           )
         ] }),
@@ -3443,9 +3443,9 @@ const Vr = ue.any(), xr = ({
           J,
           {
             control: g,
-            name: `criteriaValueInputs.${A}.values.0`,
+            name: `criteriaValueInputs.${E}.values.0`,
             render: ({ field: C }) => {
-              var E, M, B;
+              var A, M, B;
               return /* @__PURE__ */ n(
                 ye,
                 {
@@ -3457,13 +3457,13 @@ const Vr = ue.any(), xr = ({
                     // TODO: Load from base information service
                   ],
                   placeholder: "Select a country...",
-                  error: (B = (M = (E = m.criteriaValueInputs) == null ? void 0 : E[A]) == null ? void 0 : M.values) == null ? void 0 : B.message
+                  error: (B = (M = (A = m.criteriaValueInputs) == null ? void 0 : A[E]) == null ? void 0 : M.values) == null ? void 0 : B.message
                 }
               );
             }
           }
         ),
-        ((P = (I = (S = m.criteriaValueInputs) == null ? void 0 : S[A]) == null ? void 0 : I.values) == null ? void 0 : P.message) && /* @__PURE__ */ n("p", { className: "text-sm text-danger-500 mt-1", children: m.criteriaValueInputs[A].values.message })
+        ((P = (I = (S = m.criteriaValueInputs) == null ? void 0 : S[E]) == null ? void 0 : I.values) == null ? void 0 : P.message) && /* @__PURE__ */ n("p", { className: "text-sm text-danger-500 mt-1", children: m.criteriaValueInputs[E].values.message })
       ] }, h.id);
     }) }),
     /* @__PURE__ */ o(ne, { className: "flex justify-between", children: [
@@ -3628,7 +3628,7 @@ const Vr = ue.any(), xr = ({
   onComplete: e,
   onBack: r
 }) => {
-  const { appropriatenessTestService: s } = se(), [a, i] = N(null), [l, c] = N(!0), [d, u] = N(!1), [y, x] = N(null), [g, b] = N({}), [m, f] = N(0), [k, h] = N(!1), [A, v] = N(!1), [S, I] = N(0);
+  const { appropriatenessTestService: s } = se(), [a, i] = N(null), [l, c] = N(!0), [d, u] = N(!1), [y, x] = N(null), [g, b] = N({}), [m, f] = N(0), [k, h] = N(!1), [E, v] = N(!1), [S, I] = N(0);
   Y(() => {
     (async () => {
       try {
@@ -3669,9 +3669,9 @@ const Vr = ue.any(), xr = ({
     }, 1e3);
     return () => clearInterval(p);
   }, [S]), Y(() => {
-    A && !d && B();
-  }, [A]);
-  const E = () => {
+    E && !d && B();
+  }, [E]);
+  const A = () => {
     a && (h(!0), f(a.testDurationSec));
   }, M = (p, w) => {
     b((O) => ({
@@ -3680,7 +3680,7 @@ const Vr = ue.any(), xr = ({
     }));
   }, B = async (p) => {
     if (p && p.preventDefault(), !!a) {
-      if (!A) {
+      if (!E) {
         const w = a.appropriatenessQuestions.length - Object.keys(g).length;
         if (w > 0) {
           x(`Please answer all questions. ${w} question(s) remaining.`);
@@ -3829,12 +3829,12 @@ Failed to reload test data. Please refresh the page.`);
         },
         p.id
       )),
-      y && !A && /* @__PURE__ */ n("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-red-600 dark:text-red-400 text-sm", children: [
+      y && !E && /* @__PURE__ */ n("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-red-600 dark:text-red-400 text-sm", children: [
         /* @__PURE__ */ n("strong", { children: "Error:" }),
         " ",
         y
       ] }) }),
-      A && /* @__PURE__ */ n("div", { className: "p-4 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-yellow-700 dark:text-yellow-400 text-sm", children: [
+      E && /* @__PURE__ */ n("div", { className: "p-4 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-yellow-700 dark:text-yellow-400 text-sm", children: [
         /* @__PURE__ */ n("strong", { children: "Time's up!" }),
         " Your answers are being submitted automatically."
       ] }) })
@@ -3856,7 +3856,7 @@ Failed to reload test data. Please refresh the page.`);
           type: "submit",
           isLoading: d,
           disabled: Object.keys(g).length < a.totalQuestionCount,
-          children: A ? "Submitting..." : "Submit Test"
+          children: E ? "Submitting..." : "Submit Test"
         }
       )
     ] })
@@ -3898,7 +3898,7 @@ Failed to reload test data. Please refresh the page.`);
         j,
         {
           type: "button",
-          onClick: E,
+          onClick: A,
           disabled: _ <= 0,
           children: "Start Test"
         }
@@ -3911,7 +3911,7 @@ Failed to reload test data. Please refresh the page.`);
   onBack: r
 }) => {
   var O, z, R, we;
-  const { applicantService: s, baseInformationService: a, config: i } = se(), { identityData: l, provider: c, token: d, isLoading: u, error: y, requestIdentity: x, restartIdentity: g } = er(t), [b, m] = N(null), [f, k] = N(null), [h, A] = N([]), [v, S] = N(!0), [I, P] = N(!1), [C, E] = N(null), [M, B] = N(!1), Q = ie.useRef(!1), _ = Te({
+  const { applicantService: s, baseInformationService: a, config: i } = se(), { identityData: l, provider: c, token: d, isLoading: u, error: y, requestIdentity: x, restartIdentity: g } = er(t), [b, m] = N(null), [f, k] = N(null), [h, E] = N([]), [v, S] = N(!0), [I, P] = N(!1), [C, A] = N(null), [M, B] = N(!1), Q = ie.useRef(!1), _ = Te({
     defaultValues: {
       street: "",
       streetNumber: "",
@@ -3934,7 +3934,7 @@ Failed to reload test data. Please refresh the page.`);
           const Ae = me.abbreviation3 || me.abbreviation;
           return !Ae || V.has(Ae) ? !1 : (V.add(Ae), !0);
         });
-        A(ae);
+        E(ae);
         const $ = D.applicantRequestData;
         if (_.reset({
           street: ($ == null ? void 0 : $.street) || "",
@@ -3965,7 +3965,7 @@ Failed to reload test data. Please refresh the page.`);
       if (d.expiresAt) {
         const F = new Date(d.expiresAt).getTime();
         if (Date.now() >= F) {
-          console.warn("[Identity] Token has expired (expiresAt)"), B(!0), E("Your verification session has expired. Please restart.");
+          console.warn("[Identity] Token has expired (expiresAt)"), B(!0), A("Your verification session has expired. Please restart.");
           return;
         }
       }
@@ -3973,14 +3973,14 @@ Failed to reload test data. Please refresh the page.`);
         try {
           const D = new URL(d.url).toString().toLowerCase();
           if (D.includes("expired") || D.includes("invalid") || D.includes("error")) {
-            console.warn("[Identity] Token URL indicates expiration"), B(!0), E("Your verification link has expired. Please restart.");
+            console.warn("[Identity] Token URL indicates expiration"), B(!0), A("Your verification link has expired. Please restart.");
             return;
           }
         } catch {
           console.error("[Identity] Invalid token URL");
         }
       if (d.status === "expired" || d.error === "expired" || d.expired === !0) {
-        console.warn("[Identity] Token object indicates expiration"), B(!0), E("Your verification session has expired. Please restart.");
+        console.warn("[Identity] Token object indicates expiration"), B(!0), A("Your verification session has expired. Please restart.");
         return;
       }
     }
@@ -3988,7 +3988,7 @@ Failed to reload test data. Please refresh the page.`);
     if (c !== null && d && !b && I && !M) {
       const F = c;
       if (d.url) {
-        console.log("[Identity] Loading provider URL for user verification:", d.url), E(null);
+        console.log("[Identity] Loading provider URL for user verification:", d.url), A(null);
         try {
           if (new URL(d.url), F === oe.SardinAI) {
             console.log("[SardinAI] Initializing Risk SDK in background...");
@@ -4005,12 +4005,12 @@ Failed to reload test data. Please refresh the page.`);
           }
           m({ type: "url", url: d.url });
         } catch (D) {
-          console.error("[Identity] Invalid URL:", D), E("Invalid verification URL. Please restart."), B(!0);
+          console.error("[Identity] Invalid URL:", D), A("Invalid verification URL. Please restart."), B(!0);
         }
         return;
       }
       if (F === oe.SardinAI) {
-        console.log("[SardinAI] No URL provided - initializing Risk SDK only..."), E(null);
+        console.log("[SardinAI] No URL provided - initializing Risk SDK only..."), A(null);
         try {
           const D = fe.parseProviderConfig(c, d, i), G = fe.createProvider(c, D);
           G.initialize().then(() => {
@@ -4021,26 +4021,26 @@ Failed to reload test data. Please refresh the page.`);
             var $;
             console.error("[SardinAI] Failed to initialize:", V);
             const ae = (($ = V.message) == null ? void 0 : $.toLowerCase()) || "";
-            ae.includes("expired") || ae.includes("invalid") || ae.includes("401") || ae.includes("400") ? (B(!0), E("Session expired or invalid. Please restart verification.")) : E(`Failed to initialize: ${V.message}`);
+            ae.includes("expired") || ae.includes("invalid") || ae.includes("401") || ae.includes("400") ? (B(!0), A("Session expired or invalid. Please restart verification.")) : A(`Failed to initialize: ${V.message}`);
           });
         } catch (D) {
-          console.error("[SardinAI] Error creating provider:", D), E(`Configuration error: ${D.message}`);
+          console.error("[SardinAI] Error creating provider:", D), A(`Configuration error: ${D.message}`);
         }
         return;
       }
       try {
-        E(null);
+        A(null);
         const D = fe.parseProviderConfig(c, d, i), G = fe.createProvider(c, D);
         F === oe.Sumsub ? (G.initialize("identity-container").catch((V) => {
           var ae;
-          console.error("[Sumsub] Initialization error:", V), E(`Failed to initialize: ${V.message}`), (ae = V.message) != null && ae.toLowerCase().includes("expired") && B(!0);
+          console.error("[Sumsub] Initialization error:", V), A(`Failed to initialize: ${V.message}`), (ae = V.message) != null && ae.toLowerCase().includes("expired") && B(!0);
         }), G.onComplete && G.onComplete(() => {
           e == null || e();
         })) : F === oe.Onfido && G.initialize("identity-container").catch((V) => {
-          console.error("[Onfido] Initialization error:", V), E(`Failed to initialize: ${V.message}`);
+          console.error("[Onfido] Initialization error:", V), A(`Failed to initialize: ${V.message}`);
         }), m(G);
       } catch (D) {
-        console.error("[Identity] Provider setup error:", D), E(`Setup error: ${D.message}`);
+        console.error("[Identity] Provider setup error:", D), A(`Setup error: ${D.message}`);
       }
     }
     return () => {
@@ -4054,15 +4054,15 @@ Failed to reload test data. Please refresh the page.`);
   }, [c, d, b, I, e, M]);
   const p = async () => {
     try {
-      E(null), B(!1), await x(), P(!0);
+      A(null), B(!1), await x(), P(!0);
     } catch (F) {
       console.error("Error starting identity verification:", F);
     }
   }, w = async () => {
     try {
-      E(null), B(!1), m(null), console.log("[Identity] Restarting verification..."), await g(), P(!0);
+      A(null), B(!1), m(null), console.log("[Identity] Restarting verification..."), await g(), P(!0);
     } catch (F) {
-      console.error("Error restarting identity verification:", F), E(F.message || "Failed to restart verification");
+      console.error("Error restarting identity verification:", F), A(F.message || "Failed to restart verification");
     }
   };
   if (v || u)
@@ -4156,7 +4156,7 @@ Failed to reload test data. Please refresh the page.`);
                 const $ = D.target, Ce = $.contentDocument || ((G = $.contentWindow) == null ? void 0 : G.document);
                 if (Ce) {
                   const me = ((ae = (V = Ce.body) == null ? void 0 : V.textContent) == null ? void 0 : ae.toLowerCase()) || "";
-                  (me.includes("expired") || me.includes("invalid") || me.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), B(!0), E("Your verification link has expired."));
+                  (me.includes("expired") || me.includes("invalid") || me.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), B(!0), A("Your verification link has expired."));
                 }
               } catch {
                 console.log("[Identity] Cannot check iframe content (CORS)");
@@ -4483,13 +4483,13 @@ Failed to reload test data. Please refresh the page.`);
   onCancel: s
 }) => {
   var B, Q, _;
-  const { config: a, baseInformationService: i } = se(), { createApplicant: l, isLoading: c } = rr(), [d, u] = N([]), [y, x] = N(!0), [g, b] = N(!1), [m, f] = N(null), k = H(!1), h = H(!1), A = t || ((B = a.applicantForm) == null ? void 0 : B.workflowKey);
-  if (!A)
+  const { config: a, baseInformationService: i } = se(), { createApplicant: l, isLoading: c } = rr(), [d, u] = N([]), [y, x] = N(!0), [g, b] = N(!1), [m, f] = N(null), k = H(!1), h = H(!1), E = t || ((B = a.applicantForm) == null ? void 0 : B.workflowKey);
+  if (!E)
     throw new Error(
       "workflowKey is required. Provide it either as a prop to CreateApplicantForm or set it in config.applicantForm.workflowKey"
     );
   const v = e || ((Q = a.applicantForm) == null ? void 0 : Q.externalRefId) || "", S = ((_ = a.applicantForm) == null ? void 0 : _.visibleFields) || gt, [I, P] = N({
-    workflowKey: A,
+    workflowKey: E,
     firstName: "",
     lastName: "",
     title: "",
@@ -4537,7 +4537,7 @@ Failed to reload test data. Please refresh the page.`);
   }, []);
   const C = (p, w) => {
     P((O) => ({ ...O, [p]: w }));
-  }, E = async (p) => {
+  }, A = async (p) => {
     p.preventDefault(), b(!0), f(null);
     try {
       if (!I.externalRefId || I.externalRefId.trim() === "") {
@@ -4664,7 +4664,7 @@ Failed to reload test data. Please refresh the page.`);
   return y ? /* @__PURE__ */ n("div", { className: "metakyc-sdk", children: /* @__PURE__ */ n(L, { children: /* @__PURE__ */ o(T, { children: [
     /* @__PURE__ */ n(ce, { className: "my-8" }),
     /* @__PURE__ */ n("p", { className: "text-center text-gray-600 dark:text-gray-400 mt-4", children: "Loading form..." })
-  ] }) }) }) : /* @__PURE__ */ n("div", { className: "metakyc-sdk", children: /* @__PURE__ */ n("form", { onSubmit: E, children: /* @__PURE__ */ o(L, { children: [
+  ] }) }) }) : /* @__PURE__ */ n("div", { className: "metakyc-sdk", children: /* @__PURE__ */ n("form", { onSubmit: A, children: /* @__PURE__ */ o(L, { children: [
     /* @__PURE__ */ n(ee, { children: /* @__PURE__ */ n(
       Ze,
       {
@@ -4781,8 +4781,8 @@ Failed to reload test data. Please refresh the page.`);
           P
         ] })
       ] }),
-      /* @__PURE__ */ n("div", { className: "flex items-center", children: v.map((C, E) => {
-        const M = E < S, B = C.order === l.order;
+      /* @__PURE__ */ n("div", { className: "flex items-center", children: v.map((C, A) => {
+        const M = A < S, B = C.order === l.order;
         return /* @__PURE__ */ o(ie.Fragment, { children: [
           /* @__PURE__ */ o("div", { className: "flex items-center", children: [
             /* @__PURE__ */ n(
@@ -4792,18 +4792,18 @@ Failed to reload test data. Please refresh the page.`);
                       w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium
                       ${M || B ? "bg-primary-500 text-white" : "bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-400"}
                     `,
-                children: E + 1
+                children: A + 1
               }
             ),
             /* @__PURE__ */ n(
               "span",
               {
                 className: `ml-2 text-sm ${B ? "font-semibold text-gray-900 dark:text-white" : "text-gray-600 dark:text-gray-400"}`,
-                children: C.displayName
+                children: C.displayName || C.name || `Step ${A + 1}`
               }
             )
           ] }),
-          E < v.length - 1 && /* @__PURE__ */ n(
+          A < v.length - 1 && /* @__PURE__ */ n(
             "div",
             {
               className: `flex-1 h-0.5 mx-4 ${M ? "bg-primary-500" : "bg-gray-200 dark:bg-gray-700"}`
@@ -4812,7 +4812,7 @@ Failed to reload test data. Please refresh the page.`);
         ] }, C.order);
       }) })
     ] });
-  }, A = () => {
+  }, E = () => {
     const v = {
       applicantId: t,
       onComplete: async () => {
@@ -4862,7 +4862,7 @@ Failed to reload test data. Please refresh the page.`);
   };
   return /* @__PURE__ */ o("div", { className: `metakyc-sdk ${a || ""}`, children: [
     h(),
-    A()
+    E()
   ] });
 };
 export {