@vpdev2/metakyc 1.0.78 → 1.0.80

package/dist/index.js

@@ -4,7 +4,7 @@ var be = (e, t, a) => Vi(e, typeof t != "symbol" ? t + "" : t, a);
 import Si from "axios";
 import { jsx as i, jsxs as s, Fragment as bt } from "react/jsx-runtime";
 import * as ei from "react";
-import fe, { createContext as Gt, useMemo as Ue, useState as T, useEffect as ye, useContext as Qt, useCallback as ee, useRef as pe, forwardRef as At, createElement as Wt } from "react";
+import ye, { createContext as Gt, useMemo as Ue, useState as T, useEffect as fe, useContext as Qt, useCallback as ee, useRef as pe, forwardRef as At, createElement as Wt } from "react";
 import Bi, { createPortal as Ft } from "react-dom";
 import { useForm as qi, Controller as yt } from "react-hook-form";
 import { z as ot } from "zod";
@@ -7155,7 +7155,7 @@ function ie(e, t) {
   const r = Jr.exec(a);
   return r ? t(r[1]) : e;
 }
-const Yt = "1.0.78", Ri = Gt(null), di = `metakyc-translations-${Yt}-`, ea = ({
+const Yt = "1.0.80", Ri = Gt(null), di = `metakyc-translations-${Yt}-`, ea = ({
   locale: e,
   fetchTranslations: t,
   children: a
@@ -7170,7 +7170,9 @@ const Yt = "1.0.78", Ri = Gt(null), di = `metakyc-translations-${Yt}-`, ea = ({
     }
     return u;
   }, [r]), [o, l] = T(n);
-  ye(() => {
+  fe(() => {
+    l(n);
+  }, [n]), fe(() => {
     if (!t) return;
     let u = !1;
     return t(r).then((p) => {
@@ -7220,7 +7222,7 @@ function ia() {
 }
 const mi = "metakyc-theme-cache", An = ({ config: e, children: t }) => {
   ia();
-  const [a, r] = T(null), [n, o] = T(e.locale || "en"), l = fe.useRef(!1), c = fe.useRef(!1), u = Ue(() => {
+  const [a, r] = T(null), [n, o] = T(e.locale || "en"), l = ye.useRef(!1), c = ye.useRef(!1), u = Ue(() => {
     _.setLevel(e.debug ?? e.logLevel ?? "none"), _.info(`SDK v${Yt} initializing — baseUrl=${e.baseUrl}`);
     const x = new sr(e), A = new lr(x), S = new cr(x), B = new dr(x), N = new ur(x), U = new mr(x), K = new pr(x), O = new gr(x), M = new fr(x), Y = new yr(x), G = new Sr(x), Q = new Cr(x), v = new Pr();
     if (typeof document < "u")
@@ -7267,7 +7269,7 @@ const mi = "metakyc-theme-cache", An = ({ config: e, children: t }) => {
     locale: n,
     setLocale: p
   }), [e, u, a, n, p]);
-  ye(() => ((async () => {
+  fe(() => ((async () => {
     if (l.current || c.current) {
       _.debug("Theme already loading or loaded, skipping");
       return;
@@ -7409,9 +7411,9 @@ function Mn() {
 }
 function sa(e) {
   const { createOrchestrator: t, config: a } = Se(), [r, n] = T(null), [o, l] = T(!1), [c, u] = T(null), p = pe(null), f = e || a.applicantId || void 0;
-  ye(() => {
+  fe(() => {
     p.current || (p.current = t());
-  }, [t]), ye(() => {
+  }, [t]), fe(() => {
     var M;
     r && f && na({
       applicantId: f,
@@ -7439,7 +7441,7 @@ function sa(e) {
       }
     }
   }, [f]);
-  ye(() => {
+  fe(() => {
     f && x.current !== f && A();
   }, [f, A]);
   const S = ee(async () => {
@@ -7530,7 +7532,7 @@ function la(e) {
       l(!1);
     }
   }, [t]);
-  ye(() => {
+  fe(() => {
     A.current || S();
   }, [S]);
   const B = ee((G) => {
@@ -7583,7 +7585,7 @@ function ca(e) {
       }
     }
   }, [e, t, a]);
-  ye(() => {
+  fe(() => {
     e && S.current !== e && B();
   }, [e]);
   const N = ee(
@@ -7627,7 +7629,7 @@ function da(e) {
       }
     }
   }, [e, t]);
-  ye(() => {
+  fe(() => {
     e && A.current !== e && S();
   }, [e]);
   const B = ee(
@@ -7671,7 +7673,7 @@ function jn(e) {
       }
     }
   }, [e, t]);
-  ye(() => {
+  fe(() => {
     e && A.current !== e && S();
   }, [e]);
   const B = ee(
@@ -7716,7 +7718,7 @@ function ua(e) {
       }
     }
   }, [e, t]);
-  ye(() => {
+  fe(() => {
     e && y.current !== e && x();
   }, [e]);
   const A = ee(async () => {
@@ -7857,7 +7859,7 @@ function pa(e) {
       }
     }
   }, [e, t, a]);
-  ye(() => {
+  fe(() => {
     e && N.current !== e && U();
   }, [e]);
   const K = ee(
@@ -8399,7 +8401,7 @@ const pi = 280, ha = ({
   }, [f, G, Q]), z = ee(() => {
     x(!1), S("");
   }, []);
-  ye(() => {
+  fe(() => {
     if (!y) return;
     const R = (P) => {
       var Z, ge;
@@ -8407,7 +8409,7 @@ const pi = 280, ha = ({
       !((Z = O.current) != null && Z.contains(j)) && !((ge = Y.current) != null && ge.contains(j)) && z();
     };
     return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
-  }, [y, z]), ye(() => {
+  }, [y, z]), fe(() => {
     if (!y) return;
     const R = () => {
       const P = G();
@@ -8676,7 +8678,7 @@ const pi = 280, ha = ({
   }, [A, X, G]), H = ee(() => {
     B(!1), U("");
   }, []), re = () => S ? H() : te();
-  ye(() => {
+  fe(() => {
     if (!S) return;
     const W = (J) => {
       var Re, Ce;
@@ -8684,7 +8686,7 @@ const pi = 280, ha = ({
       !((Re = Q.current) != null && Re.contains(ke)) && !((Ce = z.current) != null && Ce.contains(ke)) && H();
     };
     return document.addEventListener("mousedown", W), () => document.removeEventListener("mousedown", W);
-  }, [S, H]), ye(() => {
+  }, [S, H]), fe(() => {
     if (!S) return;
     const W = () => {
       const J = X();
@@ -8693,7 +8695,7 @@ const pi = 280, ha = ({
     return window.addEventListener("scroll", W, !0), window.addEventListener("resize", W), () => {
       window.removeEventListener("scroll", W, !0), window.removeEventListener("resize", W);
     };
-  }, [S, X]), ye(() => {
+  }, [S, X]), fe(() => {
     S && F.current && setTimeout(() => {
       var W;
       return (W = F.current) == null ? void 0 : W.focus();
@@ -9327,7 +9329,7 @@ const za = ({
   onBack: a
 }) => {
   const { t: r } = Ie(), { questionnaire: n, initialAnswers: o, isLoading: l, isSubmitting: c, error: u, submit: p } = ca(e), [f, y] = T({}), [x, A] = T({}), [S, B] = T(0);
-  fe.useEffect(() => {
+  ye.useEffect(() => {
     o && Object.keys(o).length > 0 && Object.keys(f).length === 0 && y(o);
   }, [o]);
   const N = Ue(
@@ -9866,14 +9868,14 @@ const qa = ({
   onBack: a
 }) => {
   const { t: r } = Ie(), { config: n } = Se(), o = n.locale ?? "en", { criteria: l, initialAnswers: c, isLoading: u, isSubmitting: p, error: f, submit: y } = pa(e), [x, A] = T({}), [S, B] = T({}), [N, U] = T(0), [K, O] = T(!1);
-  fe.useEffect(() => {
+  ye.useEffect(() => {
     c && Object.keys(c).length > 0 && Object.keys(x).length === 0 && A(c);
   }, [c]);
   const M = Ue(
     () => l && l.length > 0 ? Va(l) : [],
     [l]
   ), Y = N === M.length - 1, G = M[N] ?? [];
-  fe.useEffect(() => {
+  ye.useEffect(() => {
     !u && l && l.length === 0 && !K && !p && (O(!0), y({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
   }, [u, l, K, p, y, e, t]);
   const Q = ee((te, H) => {
@@ -10226,7 +10228,7 @@ const Wa = ({
   onBack: a
 }) => {
   const { t: r } = Ie(), { appropriatenessTestService: n } = Se(), [o, l] = T(null), [c, u] = T(!0), [p, f] = T(!1), [y, x] = T(null), [A, S] = T({}), [B, N] = T(0), [U, K] = T(!1), [O, M] = T(!1), [Y, G] = T(0), [Q, v] = T(0), [z, F] = T(null);
-  ye(() => {
+  fe(() => {
     (async () => {
       try {
         u(!0), x(null);
@@ -10241,19 +10243,19 @@ const Wa = ({
         u(!1);
       }
     })();
-  }, [e, n]), ye(() => {
+  }, [e, n]), fe(() => {
     if (!U || B <= 0) return;
     const P = setInterval(() => {
       N((j) => j <= 1 ? (M(!0), 0) : j - 1);
     }, 1e3);
     return () => clearInterval(P);
-  }, [U, B]), ye(() => {
+  }, [U, B]), fe(() => {
     if (Y <= 0) return;
     const P = setInterval(() => {
       G((j) => j <= 1 ? 0 : j - 1);
     }, 1e3);
     return () => clearInterval(P);
-  }, [Y]), ye(() => {
+  }, [Y]), fe(() => {
     O && !p && re();
   }, [O]);
   const X = () => {
@@ -10796,7 +10798,7 @@ const Wa = ({
   onBack: a
 }) => {
   var gt, b, V, D;
-  const { t: r } = Ie(), { applicantService: n, baseInformationService: o, identityService: l, config: c, currentTheme: u } = Se(), { identityData: p, provider: f, token: y, isLoading: x, error: A, requestIdentity: S, restartIdentity: B } = ma(e), [N, U] = T(null), [K, O] = T(null), [M, Y] = T([]), [G, Q] = T([]), [v, z] = T(!0), [F, X] = T(!1), [te, H] = T(null), [re, me] = T(!1), de = fe.useRef(!1), [Ne, le] = T("idle"), ve = pe(!1), he = pe(null), [$, R] = T({}), [P, j] = T({}), Z = u != null && u.reviewPageFields && u.reviewPageFields.length > 0 ? u.reviewPageFields[0] : null, ge = !!(u != null && u.reviewPageDisabled), W = pe(!1);
+  const { t: r } = Ie(), { applicantService: n, baseInformationService: o, identityService: l, config: c, currentTheme: u } = Se(), { identityData: p, provider: f, token: y, isLoading: x, error: A, requestIdentity: S, restartIdentity: B } = ma(e), [N, U] = T(null), [K, O] = T(null), [M, Y] = T([]), [G, Q] = T([]), [v, z] = T(!0), [F, X] = T(!1), [te, H] = T(null), [re, me] = T(!1), de = ye.useRef(!1), [Ne, le] = T("idle"), ve = pe(!1), he = pe(null), [$, R] = T({}), [P, j] = T({}), Z = u != null && u.reviewPageFields && u.reviewPageFields.length > 0 ? u.reviewPageFields[0] : null, ge = !!(u != null && u.reviewPageDisabled), W = pe(!1);
   W.current = ge;
   const J = qi({
     defaultValues: {
@@ -10809,7 +10811,7 @@ const Wa = ({
       phonenumber: ""
     }
   });
-  ye(() => {
+  fe(() => {
     if (ge) {
       de.current || (de.current = !0, S().then(() => X(!0)).catch((h) => console.error("[Identity] Auto-request failed:", h)).finally(() => z(!1)));
       return;
@@ -10872,9 +10874,9 @@ const Wa = ({
         z(!1);
       }
     })();
-  }, [e]), ye(() => {
+  }, [e]), fe(() => {
     p && !F && W.current && (console.log("[Identity] Review page disabled — showing cached provider"), X(!0));
-  }, [p, F]), ye(() => {
+  }, [p, F]), fe(() => {
     if (y) {
       if (y.expiresAt) {
         const g = new Date(y.expiresAt).getTime();
@@ -10902,7 +10904,7 @@ const Wa = ({
   const ke = 5e3, Re = 600 * 1e3, Ce = ee(() => {
     ve.current || (ve.current = !0, he.current && (clearInterval(he.current), he.current = null), t == null || t());
   }, [t]);
-  ye(() => {
+  fe(() => {
     if (!F || !e || ve.current) return;
     const g = Date.now(), h = async () => {
       var E;
@@ -10935,7 +10937,7 @@ const Wa = ({
     };
   }, [F, e, n, Ce]);
   const _e = f !== null && f === Ge.Sumsub;
-  ye(() => {
+  fe(() => {
     if (f !== null && y && !N && F && !re) {
       const g = f;
       if (_e) {
@@ -11752,7 +11754,7 @@ const Qa = ({ children: e }) => {
   return /* @__PURE__ */ i(Mi.Provider, { value: p, children: e });
 }, ki = 2147483640, Xa = () => {
   const e = ji(), [t, a] = T(!1), [r, n] = T("actions"), [o, l] = T(null), c = pe(null);
-  if (ye(() => {
+  if (fe(() => {
     if (!t) return;
     const v = (F) => {
       c.current && !c.current.contains(F.target) && a(!1);
@@ -11847,7 +11849,7 @@ const Qa = ({ children: e }) => {
     textAlign: "left",
     transition: "background 0.1s",
     opacity: v ? 0.6 : 1
-  }), M = (v) => /* @__PURE__ */ i("span", { style: { fontSize: "14px", width: "20px", textAlign: "center", flexShrink: 0 }, children: v }), Y = (v, z) => z.length === 0 ? null : /* @__PURE__ */ s(fe.Fragment, { children: [
+  }), M = (v) => /* @__PURE__ */ i("span", { style: { fontSize: "14px", width: "20px", textAlign: "center", flexShrink: 0 }, children: v }), Y = (v, z) => z.length === 0 ? null : /* @__PURE__ */ s(ye.Fragment, { children: [
     /* @__PURE__ */ i("div", { style: K, children: v }),
     z.map((F) => /* @__PURE__ */ s(
       "button",
@@ -12018,7 +12020,7 @@ const nn = {
   display: "inline-block",
   verticalAlign: "middle"
 }, vi = ({ helpText: e, children: t }) => {
-  const [a, r] = fe.useState(!1);
+  const [a, r] = ye.useState(!1);
   if (!e) return /* @__PURE__ */ i(bt, { children: t });
   const n = a ? /* @__PURE__ */ i(
     "div",
@@ -12193,7 +12195,7 @@ const nn = {
         G.has(m) && d.add((C = dt[m]) == null ? void 0 : C.countriesType);
     return d.size === 0 && d.add(void 0), Array.from(d);
   }, [Y, O]), [v, z] = T({}), [F, X] = T(!0), te = pe(/* @__PURE__ */ new Set()), H = pe(/* @__PURE__ */ new Set());
-  ye(() => {
+  fe(() => {
     if (!c) return;
     const d = Q.filter((m) => {
       const k = m != null ? String(m) : "all";
@@ -12291,7 +12293,7 @@ const nn = {
   }), he = Object.fromEntries(
     Object.entries(B).filter(([d]) => !(d in de) && d !== "externalRefId" && d !== "workflowKey")
   ), [$, R] = T({ ...he }), [P, j] = T(!!a);
-  ye(() => {
+  fe(() => {
     if (!a) return;
     let d = !1;
     return (async () => {
@@ -12362,7 +12364,7 @@ const nn = {
       return m;
     }), J({}), Re(null);
   }, [O, v]);
-  ye(() => {
+  fe(() => {
     const d = st.current;
     if (d)
       return d.registerAction({
@@ -13075,7 +13077,7 @@ const sn = ({
         O.has(g) && b.add((D = ht[g]) == null ? void 0 : D.countriesType);
     return b.size === 0 && b.add(void 0), Array.from(b);
   }, [K, N]), [Y, G] = T({}), [Q, v] = T(!0), z = pe(/* @__PURE__ */ new Set()), F = pe(/* @__PURE__ */ new Set());
-  ye(() => {
+  fe(() => {
     if (!l) return;
     const b = M.filter((g) => {
       const h = g != null ? String(g) : "all";
@@ -13178,7 +13180,7 @@ const sn = ({
       return g;
     }), $({}), P(null);
   }, [N, Y]);
-  ye(() => {
+  fe(() => {
     const b = ge.current;
     if (b)
       return b.registerAction({
@@ -13595,14 +13597,14 @@ const sn = ({
     error: B,
     moveBack: N,
     refreshProgress: U
-  } = sa(e), [K, O] = fe.useState(!1), [M, Y] = fe.useState(null), G = fe.useRef(null), Q = It(), {
+  } = sa(e), [K, O] = ye.useState(!1), [M, Y] = ye.useState(null), G = ye.useRef(null), Q = It(), {
     questionnaireService: v,
     overviewService: z,
     riskScoringService: F,
     appropriatenessTestService: X,
     uploadDocumentService: te
   } = Se();
-  fe.useEffect(() => {
+  ye.useEffect(() => {
     const $ = Q.current;
     if (!$) return;
     const R = f ? f.title || f.name || ae[f.action] : null;
@@ -13613,7 +13615,7 @@ const sn = ({
       workflowStatus: (p == null ? void 0 : p.status) != null ? qe[p.status] : null,
       totalSteps: y.length
     });
-  }, [Q, f, p == null ? void 0 : p.status, y.length]), fe.useEffect(() => {
+  }, [Q, f, p == null ? void 0 : p.status, y.length]), ye.useEffect(() => {
     const $ = Q.current;
     if ($)
       return $.registerAction({
@@ -13624,11 +13626,11 @@ const sn = ({
         handler: U
       }), () => $.unregisterAction("workflow-refresh");
   }, [Q, U]);
-  const H = fe.useMemo(() => y.filter(($) => $.visibility !== !1), [y]), me = fe.useMemo(
+  const H = ye.useMemo(() => y.filter(($) => $.visibility !== !1), [y]), me = ye.useMemo(
     () => H.findIndex(($) => $.order === (f == null ? void 0 : f.order)),
     [H, f == null ? void 0 : f.order]
   ) <= 0;
-  fe.useEffect(() => {
+  ye.useEffect(() => {
     const $ = Q.current;
     if ($) {
       if (me) {
@@ -13644,7 +13646,7 @@ const sn = ({
       }), () => $.unregisterAction("workflow-back");
     }
   }, [Q, N, me]);
-  const de = fe.useCallback(async () => {
+  const de = ye.useCallback(async () => {
     if (!f || !e) return;
     const $ = f.action;
     try {
@@ -13748,7 +13750,7 @@ const sn = ({
     X,
     te
   ]);
-  fe.useEffect(() => {
+  ye.useEffect(() => {
     const $ = Q.current;
     if (!$ || !f) return;
     const R = f.action;
@@ -13763,13 +13765,13 @@ const sn = ({
       group: "workflow",
       handler: de
     }), () => $.unregisterAction("workflow-skip");
-  }, [Q, f, de]), fe.useEffect(() => {
+  }, [Q, f, de]), ye.useEffect(() => {
     B && a && a(B);
-  }, [B, a]), fe.useEffect(() => {
+  }, [B, a]), ye.useEffect(() => {
     p != null && p.workflowResult && t && t(p.workflowResult);
   }, [p == null ? void 0 : p.workflowResult, t]);
-  const Ne = fe.useRef(!1);
-  if (fe.useEffect(() => {
+  const Ne = ye.useRef(!1);
+  if (ye.useEffect(() => {
     if (!A || !x || !e || Ne.current) return;
     Ne.current = !0;
     let $ = !1;
@@ -13943,10 +13945,10 @@ const sn = ({
     ve(),
     he()
   ] });
-}, un = fe.forwardRef(
+}, un = ye.forwardRef(
   ({ visibleSteps: e, currentVisibleStepIndex: t, getStepFallbackName: a }, r) => {
-    const n = fe.useRef(null), o = fe.useRef(null);
-    return fe.useImperativeHandle(r, () => n.current), fe.useEffect(() => {
+    const n = ye.useRef(null), o = ye.useRef(null);
+    return ye.useImperativeHandle(r, () => n.current), ye.useEffect(() => {
       if (o.current && n.current) {
         const l = n.current, c = o.current, u = c.offsetLeft - l.offsetWidth / 2 + c.offsetWidth / 2;
         l.scrollTo({ left: Math.max(0, u), behavior: "smooth" });
@@ -13970,7 +13972,7 @@ const sn = ({
         },
         children: e.map((l, c) => {
           const u = c < t, p = c === t, f = u || p, y = l.displayName || l.name || a(l.action) || `Step ${c + 1}`;
-          return /* @__PURE__ */ s(fe.Fragment, { children: [
+          return /* @__PURE__ */ s(ye.Fragment, { children: [
             /* @__PURE__ */ s(
               "div",
               {
@@ -14065,7 +14067,7 @@ const sn = ({
   }
 ), pn = () => {
   const { locale: e, setLocale: t } = Se(), [a, r] = T(!1), n = pe(null), o = Object.keys(Pt);
-  ye(() => {
+  fe(() => {
     const c = (u) => {
       n.current && !n.current.contains(u.target) && r(!1);
     };
@@ -14187,11 +14189,12 @@ const sn = ({
   );
 }, gn = ["ar"], Ct = ({ className: e, children: t }) => {
   const { config: a, locale: r } = Se(), n = gn.includes(r);
-  return /* @__PURE__ */ s("div", { className: `metakyc-sdk ${e || ""}`, dir: n ? "rtl" : "ltr", children: [
+  return /* @__PURE__ */ s("div", { className: `metakyc-sdk ${e || ""}`, dir: n ? "rtl" : "ltr", style: { position: "relative" }, children: [
     a.showLanguagePicker && /* @__PURE__ */ i("div", { style: {
-      display: "flex",
-      justifyContent: n ? "flex-start" : "flex-end",
-      marginBottom: "8px"
+      position: "absolute",
+      top: "1.5rem",
+      ...n ? { left: "1.5rem" } : { right: "1.5rem" },
+      zIndex: 50
     }, children: /* @__PURE__ */ i(pn, {}) }),
     t
   ] });
@@ -14204,7 +14207,7 @@ const sn = ({
 };
 function fn(e, t, a, r) {
   const n = It();
-  fe.useEffect(() => {
+  ye.useEffect(() => {
     var o;
     (o = n.current) == null || o.updateSdkState({ phase: e, applicantId: t ?? null, isCompany: !!a, workflowKey: r ?? null });
   }, [n, e, t, a, r]);
@@ -14230,7 +14233,7 @@ const xi = ({
   } = la(e);
   fn(c, u, p, f);
   const N = It();
-  fe.useEffect(() => {
+  ye.useEffect(() => {
     const M = N.current;
     if (M)
       return M.registerAction({
@@ -14240,10 +14243,10 @@ const xi = ({
         group: "general",
         handler: B
       }), () => M.unregisterAction("dev-refresh-state");
-  }, [N, B]), fe.useEffect(() => {
+  }, [N, B]), ye.useEffect(() => {
     y && a && a(y);
   }, [y, a]);
-  const U = fe.useCallback((M) => {
+  const U = ye.useCallback((M) => {
     r == null || r(M), A(M);
   }, [r, A]);
   if (c === "loading" || x)