@vpdev2/metakyc 1.0.29 → 1.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Header.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +513 -513
- package/dist/index.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@ var lr = Object.defineProperty;
|
|
|
2
2
|
var cr = (e, t, i) => t in e ? lr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
|
|
3
3
|
var fe = (e, t, i) => cr(e, typeof t != "symbol" ? t + "" : t, i);
|
|
4
4
|
import dr from "axios";
|
|
5
|
-
import { jsx as r, jsxs as
|
|
5
|
+
import { jsx as r, jsxs as o, Fragment as ut } from "react/jsx-runtime";
|
|
6
6
|
import * as Et from "react";
|
|
7
7
|
import Se, { createContext as _t, useMemo as Me, useState as b, useEffect as ke, useContext as Gt, useCallback as te, useRef as me, forwardRef as kt, createElement as Tt } from "react";
|
|
8
8
|
import mr, { createPortal as zt } from "react-dom";
|
|
@@ -138,10 +138,10 @@ class Rr {
|
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
140
|
class _e extends Error {
|
|
141
|
-
constructor(i, a, n, l,
|
|
141
|
+
constructor(i, a, n, l, s) {
|
|
142
142
|
super(i);
|
|
143
143
|
fe(this, "response");
|
|
144
|
-
this.code = a, this.details = n, this.validationErrors = l, this.name = "MetaKYCError", this.response =
|
|
144
|
+
this.code = a, this.details = n, this.validationErrors = l, this.name = "MetaKYCError", this.response = s, Object.setPrototypeOf(this, _e.prototype);
|
|
145
145
|
}
|
|
146
146
|
}
|
|
147
147
|
class gt {
|
|
@@ -952,12 +952,12 @@ class Kr {
|
|
|
952
952
|
try {
|
|
953
953
|
const n = typeof i.result.applicantFormPages == "string" ? JSON.parse(i.result.applicantFormPages) : i.result.applicantFormPages;
|
|
954
954
|
Array.isArray(n) && n.length > 0 && (a.applicantFormPages = n.map((l) => {
|
|
955
|
-
const
|
|
955
|
+
const s = !l._v || l._v < 4;
|
|
956
956
|
return {
|
|
957
957
|
...l,
|
|
958
958
|
fields: (l.fields || []).map((p) => ({
|
|
959
959
|
...p,
|
|
960
|
-
colSpan:
|
|
960
|
+
colSpan: s ? p.colSpan === 1 ? 2 : 4 : Math.min(4, Math.max(1, p.colSpan ?? 4))
|
|
961
961
|
}))
|
|
962
962
|
};
|
|
963
963
|
}));
|
|
@@ -973,12 +973,12 @@ class Kr {
|
|
|
973
973
|
try {
|
|
974
974
|
const n = typeof i.result.companyFormPages == "string" ? JSON.parse(i.result.companyFormPages) : i.result.companyFormPages;
|
|
975
975
|
Array.isArray(n) && n.length > 0 && (a.companyFormPages = n.map((l) => {
|
|
976
|
-
const
|
|
976
|
+
const s = !l._v || l._v < 4;
|
|
977
977
|
return {
|
|
978
978
|
...l,
|
|
979
979
|
fields: (l.fields || []).map((p) => ({
|
|
980
980
|
...p,
|
|
981
|
-
colSpan:
|
|
981
|
+
colSpan: s ? p.colSpan === 1 ? 2 : 4 : Math.min(4, Math.max(1, p.colSpan ?? 4))
|
|
982
982
|
}))
|
|
983
983
|
};
|
|
984
984
|
}));
|
|
@@ -1273,10 +1273,10 @@ class _r {
|
|
|
1273
1273
|
}
|
|
1274
1274
|
}
|
|
1275
1275
|
class Gr {
|
|
1276
|
-
constructor(t, i, a, n, l,
|
|
1276
|
+
constructor(t, i, a, n, l, s, p, u) {
|
|
1277
1277
|
fe(this, "state");
|
|
1278
1278
|
fe(this, "stepRouter");
|
|
1279
|
-
this.applicantService = t, this.questionnaireService = i, this.uploadDocumentService = a, this.appropriatenessTestService = n, this.overviewService = l, this.riskScoringService =
|
|
1279
|
+
this.applicantService = t, this.questionnaireService = i, this.uploadDocumentService = a, this.appropriatenessTestService = n, this.overviewService = l, this.riskScoringService = s, this.investorCategorizationService = u, this.state = new $r(), this.stepRouter = new _r(), this.registerStepHandlers();
|
|
1280
1280
|
}
|
|
1281
1281
|
/**
|
|
1282
1282
|
* Register all step handlers
|
|
@@ -1443,7 +1443,7 @@ function $e(e, t) {
|
|
|
1443
1443
|
}
|
|
1444
1444
|
}
|
|
1445
1445
|
function Xr() {
|
|
1446
|
-
const e = $e("--metakyc-primary", "#2563eb"), t = $e("--metakyc-primary-hover", "#1d4ed8"), i = $e("--metakyc-background", "#ffffff"), a = $e("--metakyc-surface", "#f9fafb"), n = $e("--metakyc-text-primary", "#111827"), l = $e("--metakyc-text-secondary", "#6b7280"),
|
|
1446
|
+
const e = $e("--metakyc-primary", "#2563eb"), t = $e("--metakyc-primary-hover", "#1d4ed8"), i = $e("--metakyc-background", "#ffffff"), a = $e("--metakyc-surface", "#f9fafb"), n = $e("--metakyc-text-primary", "#111827"), l = $e("--metakyc-text-secondary", "#6b7280"), s = $e("--metakyc-text-muted", "#9ca3af"), p = $e("--metakyc-border", "#e5e7eb");
|
|
1447
1447
|
return `
|
|
1448
1448
|
body, html { font-family: ${$e(
|
|
1449
1449
|
"--metakyc-font-family",
|
|
@@ -1464,7 +1464,7 @@ button.back:hover { background-color: ${a}; }
|
|
|
1464
1464
|
.upload-item, .document-status { border-color: ${p} !important; }
|
|
1465
1465
|
select { background-color: ${i}; color: ${n}; border: 1px solid ${p}; border-radius: 6px; }
|
|
1466
1466
|
.description { color: ${l}; }
|
|
1467
|
-
.subtitle { color: ${
|
|
1467
|
+
.subtitle { color: ${s}; }
|
|
1468
1468
|
a { color: ${e}; }
|
|
1469
1469
|
a:hover { color: ${t}; }
|
|
1470
1470
|
`.trim();
|
|
@@ -1499,14 +1499,14 @@ class Zr {
|
|
|
1499
1499
|
}).on("idCheck.onStepCompleted", (n) => {
|
|
1500
1500
|
console.log("[Sumsub] Step completed:", n);
|
|
1501
1501
|
}).on("idCheck.applicantStatus", (n) => {
|
|
1502
|
-
var l,
|
|
1503
|
-
console.log("[Sumsub] Applicant status:", n), ((n == null ? void 0 : n.reviewStatus) === "completed" || ((l = n == null ? void 0 : n.reviewResult) == null ? void 0 : l.reviewAnswer) === "GREEN") && ((
|
|
1502
|
+
var l, s;
|
|
1503
|
+
console.log("[Sumsub] Applicant status:", n), ((n == null ? void 0 : n.reviewStatus) === "completed" || ((l = n == null ? void 0 : n.reviewResult) == null ? void 0 : l.reviewAnswer) === "GREEN") && ((s = this.completeCallback) == null || s.call(this, n));
|
|
1504
1504
|
}).on("idCheck.onError", (n) => {
|
|
1505
1505
|
var l;
|
|
1506
1506
|
console.error("[Sumsub] Error:", n), (l = this.errorCallback) == null || l.call(this, n);
|
|
1507
1507
|
}).onMessage((n, l) => {
|
|
1508
|
-
var
|
|
1509
|
-
console.log("[Sumsub] Message:", n, l), n === "idCheck.onApplicantSubmitted" && ((
|
|
1508
|
+
var s;
|
|
1509
|
+
console.log("[Sumsub] Message:", n, l), n === "idCheck.onApplicantSubmitted" && ((s = this.completeCallback) == null || s.call(this, l));
|
|
1510
1510
|
});
|
|
1511
1511
|
this.sdk = a.build(), this.sdk.launch(`#${t}`);
|
|
1512
1512
|
}
|
|
@@ -1652,7 +1652,7 @@ class ei {
|
|
|
1652
1652
|
try {
|
|
1653
1653
|
if (await this.loadSDK(), !window._Sardine)
|
|
1654
1654
|
throw new Error("SardinAI SDK not available after loading");
|
|
1655
|
-
const t = this.getSardineHost(), { clientId: i, environment: a, flow: n, enableBiometrics: l, enablePortScanning:
|
|
1655
|
+
const t = this.getSardineHost(), { clientId: i, environment: a, flow: n, enableBiometrics: l, enablePortScanning: s } = this.config;
|
|
1656
1656
|
this.sardineContext = window._Sardine.createContext({
|
|
1657
1657
|
clientId: i,
|
|
1658
1658
|
sessionKey: this.sessionKey,
|
|
@@ -1663,7 +1663,7 @@ class ei {
|
|
|
1663
1663
|
parentElement: document.body,
|
|
1664
1664
|
enableBiometrics: l !== !1,
|
|
1665
1665
|
// Default true
|
|
1666
|
-
enablePortScanning:
|
|
1666
|
+
enablePortScanning: s === !0,
|
|
1667
1667
|
// Default false
|
|
1668
1668
|
region: this.config.region,
|
|
1669
1669
|
// Callback for device response (deprecated but kept for compatibility)
|
|
@@ -1759,17 +1759,17 @@ class et {
|
|
|
1759
1759
|
var n, l;
|
|
1760
1760
|
switch (t) {
|
|
1761
1761
|
case Be.Sumsub:
|
|
1762
|
-
const
|
|
1762
|
+
const s = ((n = a == null ? void 0 : a.identityProviders) == null ? void 0 : n.sumsub) || {};
|
|
1763
1763
|
return {
|
|
1764
1764
|
accessToken: i.accessToken || i.token,
|
|
1765
1765
|
applicantEmail: i.email,
|
|
1766
1766
|
applicantPhone: i.phone,
|
|
1767
1767
|
externalUserId: i.externalUserId,
|
|
1768
|
-
lang:
|
|
1769
|
-
theme:
|
|
1770
|
-
customizationName:
|
|
1771
|
-
customCss:
|
|
1772
|
-
adaptIframeHeight:
|
|
1768
|
+
lang: s.lang || i.lang || "en",
|
|
1769
|
+
theme: s.theme,
|
|
1770
|
+
customizationName: s.customizationName,
|
|
1771
|
+
customCss: s.customCss,
|
|
1772
|
+
adaptIframeHeight: s.adaptIframeHeight
|
|
1773
1773
|
};
|
|
1774
1774
|
case Be.Onfido:
|
|
1775
1775
|
return {
|
|
@@ -1841,7 +1841,7 @@ class ti {
|
|
|
1841
1841
|
}), a && Object.entries(a).forEach(([u, d]) => {
|
|
1842
1842
|
n[this.kebabCase(u)] = d;
|
|
1843
1843
|
});
|
|
1844
|
-
const
|
|
1844
|
+
const s = `
|
|
1845
1845
|
/* ── metakyc-theme-vars: scoped CSS variables ──────────────────────────────── */
|
|
1846
1846
|
.metakyc-sdk,
|
|
1847
1847
|
.metakyc-searchable-select-dropdown,
|
|
@@ -1895,7 +1895,7 @@ ${Object.entries(n).filter(([, u]) => !!u).map(([u, d]) => ` --metakyc-${u}: ${
|
|
|
1895
1895
|
border-color: var(--metakyc-input-border, var(--metakyc-border, #d1d5db)) !important;
|
|
1896
1896
|
}
|
|
1897
1897
|
`;
|
|
1898
|
-
this.themeStyleElement = document.createElement("style"), this.themeStyleElement.id = "metakyc-theme-vars", this.themeStyleElement.textContent =
|
|
1898
|
+
this.themeStyleElement = document.createElement("style"), this.themeStyleElement.id = "metakyc-theme-vars", this.themeStyleElement.textContent = s, (p = this.customStyleElement) != null && p.parentNode ? document.head.insertBefore(this.themeStyleElement, this.customStyleElement) : document.head.appendChild(this.themeStyleElement);
|
|
1899
1899
|
}
|
|
1900
1900
|
/**
|
|
1901
1901
|
* Inject custom CSS into document
|
|
@@ -6738,7 +6738,7 @@ function ve(e, t) {
|
|
|
6738
6738
|
const a = bi.exec(i);
|
|
6739
6739
|
return a ? t(a[1]) : e;
|
|
6740
6740
|
}
|
|
6741
|
-
const Zt = "1.0.
|
|
6741
|
+
const Zt = "1.0.30", Jt = _t(null), Ot = `metakyc-translations-${Zt}-`, xi = ({
|
|
6742
6742
|
locale: e,
|
|
6743
6743
|
fetchTranslations: t,
|
|
6744
6744
|
children: i
|
|
@@ -6752,7 +6752,7 @@ const Zt = "1.0.29", Jt = _t(null), Ot = `metakyc-translations-${Zt}-`, xi = ({
|
|
|
6752
6752
|
} catch {
|
|
6753
6753
|
}
|
|
6754
6754
|
return u;
|
|
6755
|
-
}, [a]), [l,
|
|
6755
|
+
}, [a]), [l, s] = b(n);
|
|
6756
6756
|
ke(() => {
|
|
6757
6757
|
if (!t) return;
|
|
6758
6758
|
let u = !1;
|
|
@@ -6764,7 +6764,7 @@ const Zt = "1.0.29", Jt = _t(null), Ot = `metakyc-translations-${Zt}-`, xi = ({
|
|
|
6764
6764
|
}
|
|
6765
6765
|
console.debug("[MetaKYC i18n] Remote overrides loaded for locale:", a, d);
|
|
6766
6766
|
const y = It(a), v = jt(y, d);
|
|
6767
|
-
|
|
6767
|
+
s(v);
|
|
6768
6768
|
try {
|
|
6769
6769
|
localStorage.setItem(Ot + a, JSON.stringify(d));
|
|
6770
6770
|
} catch {
|
|
@@ -6782,7 +6782,7 @@ const Zt = "1.0.29", Jt = _t(null), Ot = `metakyc-translations-${Zt}-`, xi = ({
|
|
|
6782
6782
|
}), [l, a]);
|
|
6783
6783
|
return /* @__PURE__ */ r(Jt.Provider, { value: p, children: i });
|
|
6784
6784
|
};
|
|
6785
|
-
function
|
|
6785
|
+
function Te() {
|
|
6786
6786
|
const e = Gt(Jt);
|
|
6787
6787
|
if (!e) {
|
|
6788
6788
|
const t = It("en");
|
|
@@ -6803,7 +6803,7 @@ function Si() {
|
|
|
6803
6803
|
}
|
|
6804
6804
|
const Bt = "metakyc-theme-cache", Aa = ({ config: e, children: t }) => {
|
|
6805
6805
|
Si();
|
|
6806
|
-
const [i, a] = b(null), n = Se.useRef(!1), l = Se.useRef(!1),
|
|
6806
|
+
const [i, a] = b(null), n = Se.useRef(!1), l = Se.useRef(!1), s = Me(() => {
|
|
6807
6807
|
const d = new Ir(e), y = new zr(d), v = new Ar(d), T = new Lr(d), I = new Er(d), x = new Pr(d), q = new Dr(d), S = new jr(d), L = new Mr(d), B = new Fr(d), F = new Kr(d), U = new Yr(d), K = new ti();
|
|
6808
6808
|
if (typeof document < "u")
|
|
6809
6809
|
if (e.theme)
|
|
@@ -6832,19 +6832,19 @@ const Bt = "metakyc-theme-cache", Aa = ({ config: e, children: t }) => {
|
|
|
6832
6832
|
};
|
|
6833
6833
|
}, [e]), p = Me(() => ({
|
|
6834
6834
|
config: e,
|
|
6835
|
-
...
|
|
6835
|
+
...s,
|
|
6836
6836
|
currentTheme: i,
|
|
6837
6837
|
createOrchestrator: () => new Gr(
|
|
6838
|
-
|
|
6839
|
-
|
|
6840
|
-
|
|
6841
|
-
|
|
6842
|
-
|
|
6843
|
-
|
|
6844
|
-
|
|
6845
|
-
|
|
6838
|
+
s.applicantService,
|
|
6839
|
+
s.questionnaireService,
|
|
6840
|
+
s.uploadDocumentService,
|
|
6841
|
+
s.appropriatenessTestService,
|
|
6842
|
+
s.overviewService,
|
|
6843
|
+
s.riskScoringService,
|
|
6844
|
+
s.identityService,
|
|
6845
|
+
s.investorCategorizationService
|
|
6846
6846
|
)
|
|
6847
|
-
}), [e,
|
|
6847
|
+
}), [e, s, i]);
|
|
6848
6848
|
ke(() => ((async () => {
|
|
6849
6849
|
if (n.current || l.current) {
|
|
6850
6850
|
console.log("[MetaKYC] Theme already loading or loaded, skipping...");
|
|
@@ -6853,36 +6853,36 @@ const Bt = "metakyc-theme-cache", Aa = ({ config: e, children: t }) => {
|
|
|
6853
6853
|
n.current = !0;
|
|
6854
6854
|
try {
|
|
6855
6855
|
if (e.theme) {
|
|
6856
|
-
console.log("[MetaKYC] Applying static theme from config"),
|
|
6856
|
+
console.log("[MetaKYC] Applying static theme from config"), s.themeManager.applyTheme(e.theme), a(s.themeManager.getCurrentTheme()), l.current = !0;
|
|
6857
6857
|
return;
|
|
6858
6858
|
}
|
|
6859
6859
|
console.log("[MetaKYC] Fetching theme from backend...");
|
|
6860
|
-
const y = await
|
|
6861
|
-
|
|
6860
|
+
const y = await s.themeService.getThemeConfiguration();
|
|
6861
|
+
s.themeManager.applyTheme(y), a(s.themeManager.getCurrentTheme()), l.current = !0;
|
|
6862
6862
|
try {
|
|
6863
6863
|
localStorage.setItem(Bt, JSON.stringify(y));
|
|
6864
6864
|
} catch {
|
|
6865
6865
|
}
|
|
6866
6866
|
console.log("[MetaKYC] Theme loaded and applied", y);
|
|
6867
6867
|
} catch (y) {
|
|
6868
|
-
console.warn("[MetaKYC] Failed to load theme, using default:", y), a(
|
|
6868
|
+
console.warn("[MetaKYC] Failed to load theme, using default:", y), a(s.themeManager.getCurrentTheme()), l.current = !0;
|
|
6869
6869
|
} finally {
|
|
6870
6870
|
n.current = !1;
|
|
6871
6871
|
}
|
|
6872
6872
|
})(), () => {
|
|
6873
|
-
|
|
6873
|
+
s.themeManager.cleanup();
|
|
6874
6874
|
}), []);
|
|
6875
6875
|
const u = te(
|
|
6876
|
-
(d) =>
|
|
6877
|
-
[
|
|
6876
|
+
(d) => s.translationService.getTranslations(d),
|
|
6877
|
+
[s.translationService]
|
|
6878
6878
|
);
|
|
6879
|
-
return /* @__PURE__ */ r(er.Provider, { value: p, children: /* @__PURE__ */
|
|
6879
|
+
return /* @__PURE__ */ r(er.Provider, { value: p, children: /* @__PURE__ */ o(
|
|
6880
6880
|
xi,
|
|
6881
6881
|
{
|
|
6882
6882
|
locale: e.locale || "en",
|
|
6883
6883
|
fetchTranslations: u,
|
|
6884
6884
|
children: [
|
|
6885
|
-
e.showVersion && /* @__PURE__ */
|
|
6885
|
+
e.showVersion && /* @__PURE__ */ o(
|
|
6886
6886
|
"div",
|
|
6887
6887
|
{
|
|
6888
6888
|
style: {
|
|
@@ -6997,7 +6997,7 @@ function ja() {
|
|
|
6997
6997
|
Ri(), zi();
|
|
6998
6998
|
}
|
|
6999
6999
|
function Ai(e) {
|
|
7000
|
-
const { createOrchestrator: t } = Fe(), [i, a] = b(null), [n, l] = b(!1), [
|
|
7000
|
+
const { createOrchestrator: t } = Fe(), [i, a] = b(null), [n, l] = b(!1), [s, p] = b(null), u = me(null), d = e || Ti();
|
|
7001
7001
|
ke(() => {
|
|
7002
7002
|
u.current || (u.current = t());
|
|
7003
7003
|
}, [t]), ke(() => {
|
|
@@ -7096,7 +7096,7 @@ function Ai(e) {
|
|
|
7096
7096
|
nextWorkflowKey: i == null ? void 0 : i.nextWorkflowKey,
|
|
7097
7097
|
hasWorkflowChanged: B,
|
|
7098
7098
|
isLoading: n,
|
|
7099
|
-
error:
|
|
7099
|
+
error: s,
|
|
7100
7100
|
isComplete: (i == null ? void 0 : i.status) === qe.Finished,
|
|
7101
7101
|
isOnHold: (i == null ? void 0 : i.status) === qe.OnHold,
|
|
7102
7102
|
refreshProgress: I,
|
|
@@ -7107,7 +7107,7 @@ function Ai(e) {
|
|
|
7107
7107
|
};
|
|
7108
7108
|
}
|
|
7109
7109
|
function Li(e) {
|
|
7110
|
-
const { questionnaireService: t, applicantService: i } = Fe(), [a, n] = b(null), [l,
|
|
7110
|
+
const { questionnaireService: t, applicantService: i } = Fe(), [a, n] = b(null), [l, s] = b({}), [p, u] = b(!1), [d, y] = b(!1), [v, T] = b(null), I = me(!1), x = me(null), q = te(async () => {
|
|
7111
7111
|
var L, B;
|
|
7112
7112
|
if (e) {
|
|
7113
7113
|
if (I.current) {
|
|
@@ -7129,7 +7129,7 @@ function Li(e) {
|
|
|
7129
7129
|
const R = w.text.trim().toLowerCase();
|
|
7130
7130
|
K.has(R) && (J[w.id] = K.get(R));
|
|
7131
7131
|
}
|
|
7132
|
-
|
|
7132
|
+
s(J);
|
|
7133
7133
|
}
|
|
7134
7134
|
x.current = e;
|
|
7135
7135
|
} catch (F) {
|
|
@@ -7166,7 +7166,7 @@ function Li(e) {
|
|
|
7166
7166
|
};
|
|
7167
7167
|
}
|
|
7168
7168
|
function Ei(e) {
|
|
7169
|
-
const { uploadDocumentService: t } = Fe(), [i, a] = b(null), [n, l] = b(!1), [
|
|
7169
|
+
const { uploadDocumentService: t } = Fe(), [i, a] = b(null), [n, l] = b(!1), [s, p] = b(!1), [u, d] = b(0), [y, v] = b(null), T = me(!1), I = me(null), x = te(async () => {
|
|
7170
7170
|
if (e) {
|
|
7171
7171
|
if (T.current) {
|
|
7172
7172
|
console.log("[UploadDocument] Load already in progress, skipping...");
|
|
@@ -7202,7 +7202,7 @@ function Ei(e) {
|
|
|
7202
7202
|
return {
|
|
7203
7203
|
uploadDocument: i,
|
|
7204
7204
|
isLoading: n,
|
|
7205
|
-
isSubmitting:
|
|
7205
|
+
isSubmitting: s,
|
|
7206
7206
|
uploadProgress: u,
|
|
7207
7207
|
error: y,
|
|
7208
7208
|
load: x,
|
|
@@ -7210,7 +7210,7 @@ function Ei(e) {
|
|
|
7210
7210
|
};
|
|
7211
7211
|
}
|
|
7212
7212
|
function Ma(e) {
|
|
7213
|
-
const { appropriatenessTestService: t } = Fe(), [i, a] = b(null), [n, l] = b(!1), [
|
|
7213
|
+
const { appropriatenessTestService: t } = Fe(), [i, a] = b(null), [n, l] = b(!1), [s, p] = b(!1), [u, d] = b(null), [y, v] = b(null), T = me(!1), I = me(null), x = te(async () => {
|
|
7214
7214
|
if (e) {
|
|
7215
7215
|
if (T.current) {
|
|
7216
7216
|
console.log("[AppropriatenessTest] Load already in progress, skipping...");
|
|
@@ -7248,14 +7248,14 @@ function Ma(e) {
|
|
|
7248
7248
|
test: i,
|
|
7249
7249
|
result: y,
|
|
7250
7250
|
isLoading: n,
|
|
7251
|
-
isSubmitting:
|
|
7251
|
+
isSubmitting: s,
|
|
7252
7252
|
error: u,
|
|
7253
7253
|
load: x,
|
|
7254
7254
|
submit: q
|
|
7255
7255
|
};
|
|
7256
7256
|
}
|
|
7257
7257
|
function Pi(e) {
|
|
7258
|
-
const { overviewService: t } = Fe(), [i, a] = b(null), [n, l] = b(!1), [
|
|
7258
|
+
const { overviewService: t } = Fe(), [i, a] = b(null), [n, l] = b(!1), [s, p] = b(!1), [u, d] = b(null), y = me(!1), v = me(null), T = te(async () => {
|
|
7259
7259
|
if (e) {
|
|
7260
7260
|
if (y.current) {
|
|
7261
7261
|
console.log("[Overview] Load already in progress, skipping...");
|
|
@@ -7290,7 +7290,7 @@ function Pi(e) {
|
|
|
7290
7290
|
return {
|
|
7291
7291
|
overview: i,
|
|
7292
7292
|
isLoading: n,
|
|
7293
|
-
isSubmitting:
|
|
7293
|
+
isSubmitting: s,
|
|
7294
7294
|
error: u,
|
|
7295
7295
|
load: T,
|
|
7296
7296
|
passOverview: I
|
|
@@ -7299,7 +7299,7 @@ function Pi(e) {
|
|
|
7299
7299
|
function Di(e) {
|
|
7300
7300
|
const { identityService: t } = Fe(), [i, a] = b(
|
|
7301
7301
|
null
|
|
7302
|
-
), [n, l] = b(!1), [
|
|
7302
|
+
), [n, l] = b(!1), [s, p] = b(null), u = me(!1), d = te(
|
|
7303
7303
|
async (T, I) => {
|
|
7304
7304
|
if (e) {
|
|
7305
7305
|
if (u.current) {
|
|
@@ -7376,14 +7376,14 @@ function Di(e) {
|
|
|
7376
7376
|
provider: (i == null ? void 0 : i.provider) || null,
|
|
7377
7377
|
token: (i == null ? void 0 : i.publicProviderTokenObject) || null,
|
|
7378
7378
|
isLoading: n,
|
|
7379
|
-
error:
|
|
7379
|
+
error: s,
|
|
7380
7380
|
requestIdentity: d,
|
|
7381
7381
|
requestCompanyIdentity: y,
|
|
7382
7382
|
restartIdentity: v
|
|
7383
7383
|
};
|
|
7384
7384
|
}
|
|
7385
7385
|
function ji(e) {
|
|
7386
|
-
const { riskScoringService: t, applicantService: i } = Fe(), [a, n] = b(null), [l,
|
|
7386
|
+
const { riskScoringService: t, applicantService: i } = Fe(), [a, n] = b(null), [l, s] = b({}), [p, u] = b(!1), [d, y] = b(!1), [v, T] = b(null), [I, x] = b(null), q = me(!1), S = me(null), L = te(async () => {
|
|
7387
7387
|
var F;
|
|
7388
7388
|
if (e) {
|
|
7389
7389
|
if (q.current) {
|
|
@@ -7405,7 +7405,7 @@ function ji(e) {
|
|
|
7405
7405
|
)];
|
|
7406
7406
|
R.length > 0 && (ae[w.riskCriteriaId] = R);
|
|
7407
7407
|
}
|
|
7408
|
-
|
|
7408
|
+
s(ae);
|
|
7409
7409
|
}
|
|
7410
7410
|
S.current = e;
|
|
7411
7411
|
} catch (U) {
|
|
@@ -7444,15 +7444,15 @@ function ji(e) {
|
|
|
7444
7444
|
};
|
|
7445
7445
|
}
|
|
7446
7446
|
function tr() {
|
|
7447
|
-
const { applicantService: e, config: t } = Fe(), [i, a] = b(!1), [n, l] = b(null),
|
|
7447
|
+
const { applicantService: e, config: t } = Fe(), [i, a] = b(!1), [n, l] = b(null), s = me(!1), p = me(!1), u = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(I) {
|
|
7448
7448
|
const x = Math.random() * 16 | 0;
|
|
7449
7449
|
return (I === "x" ? x : x & 3 | 8).toString(16);
|
|
7450
7450
|
}), d = te(
|
|
7451
7451
|
async (I) => {
|
|
7452
7452
|
var x;
|
|
7453
|
-
if (
|
|
7453
|
+
if (s.current)
|
|
7454
7454
|
throw console.log("[Applicant] Create already in progress, skipping..."), new Error("Creation already in progress");
|
|
7455
|
-
|
|
7455
|
+
s.current = !0, a(!0), l(null);
|
|
7456
7456
|
try {
|
|
7457
7457
|
if (I.applicantAdditionalDatas || (I.applicantAdditionalDatas = []), (x = t.identityProviders) != null && x.sardinai) {
|
|
7458
7458
|
const S = u();
|
|
@@ -7465,7 +7465,7 @@ function tr() {
|
|
|
7465
7465
|
} catch (q) {
|
|
7466
7466
|
throw l(q), q;
|
|
7467
7467
|
} finally {
|
|
7468
|
-
a(!1),
|
|
7468
|
+
a(!1), s.current = !1;
|
|
7469
7469
|
}
|
|
7470
7470
|
},
|
|
7471
7471
|
[e, t]
|
|
@@ -7550,7 +7550,7 @@ const Mi = {
|
|
|
7550
7550
|
isLoading: a = !1,
|
|
7551
7551
|
disabled: n,
|
|
7552
7552
|
className: l,
|
|
7553
|
-
style:
|
|
7553
|
+
style: s,
|
|
7554
7554
|
...p
|
|
7555
7555
|
}) => {
|
|
7556
7556
|
const u = "inline-flex items-center justify-center rounded-lg font-medium transition-opacity border focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:opacity-50 disabled:cursor-not-allowed", d = {
|
|
@@ -7562,7 +7562,7 @@ const Mi = {
|
|
|
7562
7562
|
md: { padding: "0.5rem 1rem", fontSize: "0.875rem" },
|
|
7563
7563
|
lg: { padding: "0.75rem 1.5rem", fontSize: "1rem" }
|
|
7564
7564
|
};
|
|
7565
|
-
return /* @__PURE__ */
|
|
7565
|
+
return /* @__PURE__ */ o(
|
|
7566
7566
|
"button",
|
|
7567
7567
|
{
|
|
7568
7568
|
className: De(u, d[i], l),
|
|
@@ -7579,12 +7579,12 @@ const Mi = {
|
|
|
7579
7579
|
lineHeight: "1.25rem",
|
|
7580
7580
|
...y[i],
|
|
7581
7581
|
...Mi[t],
|
|
7582
|
-
...
|
|
7582
|
+
...s
|
|
7583
7583
|
},
|
|
7584
7584
|
disabled: n || a,
|
|
7585
7585
|
...p,
|
|
7586
7586
|
children: [
|
|
7587
|
-
a && /* @__PURE__ */
|
|
7587
|
+
a && /* @__PURE__ */ o(
|
|
7588
7588
|
"svg",
|
|
7589
7589
|
{
|
|
7590
7590
|
className: "animate-spin -ml-1 mr-2 h-4 w-4",
|
|
@@ -7619,8 +7619,8 @@ const Mi = {
|
|
|
7619
7619
|
}
|
|
7620
7620
|
);
|
|
7621
7621
|
}, we = kt(
|
|
7622
|
-
({ label: e, error: t, helperText: i, leftIcon: a, rightIcon: n, className: l, style:
|
|
7623
|
-
e && /* @__PURE__ */
|
|
7622
|
+
({ label: e, error: t, helperText: i, leftIcon: a, rightIcon: n, className: l, style: s, ...p }, u) => /* @__PURE__ */ o("div", { className: "w-full", children: [
|
|
7623
|
+
e && /* @__PURE__ */ o(
|
|
7624
7624
|
"label",
|
|
7625
7625
|
{
|
|
7626
7626
|
className: "block text-sm font-medium mb-1",
|
|
@@ -7631,7 +7631,7 @@ const Mi = {
|
|
|
7631
7631
|
]
|
|
7632
7632
|
}
|
|
7633
7633
|
),
|
|
7634
|
-
/* @__PURE__ */
|
|
7634
|
+
/* @__PURE__ */ o("div", { className: "relative", children: [
|
|
7635
7635
|
a && /* @__PURE__ */ r("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: a }),
|
|
7636
7636
|
/* @__PURE__ */ r(
|
|
7637
7637
|
"input",
|
|
@@ -7651,7 +7651,7 @@ const Mi = {
|
|
|
7651
7651
|
color: "var(--metakyc-input-text, var(--metakyc-text-primary, #111827))",
|
|
7652
7652
|
borderColor: t ? "var(--metakyc-danger, #ef4444)" : "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))",
|
|
7653
7653
|
cursor: p.readOnly ? "default" : void 0,
|
|
7654
|
-
...
|
|
7654
|
+
...s
|
|
7655
7655
|
},
|
|
7656
7656
|
...p
|
|
7657
7657
|
}
|
|
@@ -7737,7 +7737,7 @@ const re = ({ children: e, className: t, style: i, ...a }) => /* @__PURE__ */ r(
|
|
|
7737
7737
|
margin: 0,
|
|
7738
7738
|
verticalAlign: "middle"
|
|
7739
7739
|
}, Ue = ({ checked: e, onChange: t, disabled: i, style: a }) => {
|
|
7740
|
-
const n = "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))", l = "var(--metakyc-input-bg, var(--metakyc-background, #ffffff))",
|
|
7740
|
+
const n = "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))", l = "var(--metakyc-input-bg, var(--metakyc-background, #ffffff))", s = "var(--metakyc-primary, #2563eb)";
|
|
7741
7741
|
return /* @__PURE__ */ r(
|
|
7742
7742
|
"span",
|
|
7743
7743
|
{
|
|
@@ -7750,8 +7750,8 @@ const re = ({ children: e, className: t, style: i, ...a }) => /* @__PURE__ */ r(
|
|
|
7750
7750
|
},
|
|
7751
7751
|
style: {
|
|
7752
7752
|
...Fi,
|
|
7753
|
-
backgroundColor: e ?
|
|
7754
|
-
borderColor: e ?
|
|
7753
|
+
backgroundColor: e ? s : l,
|
|
7754
|
+
borderColor: e ? s : n,
|
|
7755
7755
|
opacity: i ? 0.5 : 1,
|
|
7756
7756
|
cursor: i ? "not-allowed" : "pointer",
|
|
7757
7757
|
...a
|
|
@@ -7819,7 +7819,7 @@ const re = ({ children: e, className: t, style: i, ...a }) => /* @__PURE__ */ r(
|
|
|
7819
7819
|
md: "h-8 w-8",
|
|
7820
7820
|
lg: "h-12 w-12"
|
|
7821
7821
|
};
|
|
7822
|
-
return /* @__PURE__ */ r("div", { className: De("flex items-center justify-center", t), ...i, children: /* @__PURE__ */
|
|
7822
|
+
return /* @__PURE__ */ r("div", { className: De("flex items-center justify-center", t), ...i, children: /* @__PURE__ */ o(
|
|
7823
7823
|
"svg",
|
|
7824
7824
|
{
|
|
7825
7825
|
className: De("animate-spin text-primary-500", a[e]),
|
|
@@ -7850,8 +7850,8 @@ const re = ({ children: e, className: t, style: i, ...a }) => /* @__PURE__ */ r(
|
|
|
7850
7850
|
}
|
|
7851
7851
|
) });
|
|
7852
7852
|
}, At = kt(
|
|
7853
|
-
({ label: e, error: t, helperText: i, options: a, placeholder: n, className: l, style:
|
|
7854
|
-
e && /* @__PURE__ */
|
|
7853
|
+
({ label: e, error: t, helperText: i, options: a, placeholder: n, className: l, style: s, ...p }, u) => /* @__PURE__ */ o("div", { className: "w-full", children: [
|
|
7854
|
+
e && /* @__PURE__ */ o(
|
|
7855
7855
|
"label",
|
|
7856
7856
|
{
|
|
7857
7857
|
className: "block text-sm font-medium mb-1",
|
|
@@ -7862,7 +7862,7 @@ const re = ({ children: e, className: t, style: i, ...a }) => /* @__PURE__ */ r(
|
|
|
7862
7862
|
]
|
|
7863
7863
|
}
|
|
7864
7864
|
),
|
|
7865
|
-
/* @__PURE__ */
|
|
7865
|
+
/* @__PURE__ */ o(
|
|
7866
7866
|
"select",
|
|
7867
7867
|
{
|
|
7868
7868
|
ref: u,
|
|
@@ -7878,7 +7878,7 @@ const re = ({ children: e, className: t, style: i, ...a }) => /* @__PURE__ */ r(
|
|
|
7878
7878
|
backgroundColor: "var(--metakyc-input-bg, #ffffff)",
|
|
7879
7879
|
color: "var(--metakyc-input-text, var(--metakyc-text-primary, #111827))",
|
|
7880
7880
|
borderColor: t ? "var(--metakyc-danger, #ef4444)" : "var(--metakyc-input-border, var(--metakyc-border, #d1d5db))",
|
|
7881
|
-
...
|
|
7881
|
+
...s
|
|
7882
7882
|
},
|
|
7883
7883
|
...p,
|
|
7884
7884
|
children: [
|
|
@@ -7923,10 +7923,10 @@ const qt = 280, Vi = ({
|
|
|
7923
7923
|
options: a,
|
|
7924
7924
|
placeholder: n,
|
|
7925
7925
|
disabled: l = !1,
|
|
7926
|
-
readOnly:
|
|
7926
|
+
readOnly: s = !1,
|
|
7927
7927
|
required: p = !1
|
|
7928
7928
|
}) => {
|
|
7929
|
-
const { t: u } =
|
|
7929
|
+
const { t: u } = Te(), d = n ?? u("common.select"), y = l || s, [v, T] = b(!1), [I, x] = b(""), [q, S] = b(null), [L, B] = b({
|
|
7930
7930
|
bg: "#ffffff",
|
|
7931
7931
|
borderColor: "#d1d5db",
|
|
7932
7932
|
textPrimary: "#111827",
|
|
@@ -7984,7 +7984,7 @@ const qt = 280, Vi = ({
|
|
|
7984
7984
|
}, W = (P) => {
|
|
7985
7985
|
var A;
|
|
7986
7986
|
return ((A = a.find((O) => O.value === P)) == null ? void 0 : A.label) || P;
|
|
7987
|
-
}, { bg: _, borderColor: oe, textPrimary: H, textSecondary: je, primaryColor: ge, primaryLight: ye, hoverBg: be } = L, ue = v && q && /* @__PURE__ */
|
|
7987
|
+
}, { bg: _, borderColor: oe, textPrimary: H, textSecondary: je, primaryColor: ge, primaryLight: ye, hoverBg: be } = L, ue = v && q && /* @__PURE__ */ o(
|
|
7988
7988
|
"div",
|
|
7989
7989
|
{
|
|
7990
7990
|
ref: K,
|
|
@@ -8036,7 +8036,7 @@ const qt = 280, Vi = ({
|
|
|
8036
8036
|
) }),
|
|
8037
8037
|
/* @__PURE__ */ r("ul", { style: { listStyle: "none", margin: 0, padding: "4px 0", maxHeight: "192px", overflowY: "auto" }, children: V.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: je }, children: u("common.noResults") }) : V.map((P) => {
|
|
8038
8038
|
const A = t.includes(P.value);
|
|
8039
|
-
return /* @__PURE__ */
|
|
8039
|
+
return /* @__PURE__ */ o(
|
|
8040
8040
|
"li",
|
|
8041
8041
|
{
|
|
8042
8042
|
onClick: () => Q(P.value),
|
|
@@ -8073,7 +8073,7 @@ const qt = 280, Vi = ({
|
|
|
8073
8073
|
P.value
|
|
8074
8074
|
);
|
|
8075
8075
|
}) }),
|
|
8076
|
-
t.length > 0 && /* @__PURE__ */ r("div", { style: { padding: "6px 12px", borderTop: `1px solid ${oe}` }, children: /* @__PURE__ */
|
|
8076
|
+
t.length > 0 && /* @__PURE__ */ r("div", { style: { padding: "6px 12px", borderTop: `1px solid ${oe}` }, children: /* @__PURE__ */ o(
|
|
8077
8077
|
"button",
|
|
8078
8078
|
{
|
|
8079
8079
|
type: "button",
|
|
@@ -8092,8 +8092,8 @@ const qt = 280, Vi = ({
|
|
|
8092
8092
|
]
|
|
8093
8093
|
}
|
|
8094
8094
|
);
|
|
8095
|
-
return /* @__PURE__ */
|
|
8096
|
-
e && /* @__PURE__ */
|
|
8095
|
+
return /* @__PURE__ */ o("div", { className: "w-full metakyc-multiselect", ref: F, children: [
|
|
8096
|
+
e && /* @__PURE__ */ o(
|
|
8097
8097
|
"label",
|
|
8098
8098
|
{
|
|
8099
8099
|
className: "block text-sm font-medium mb-1",
|
|
@@ -8104,7 +8104,7 @@ const qt = 280, Vi = ({
|
|
|
8104
8104
|
]
|
|
8105
8105
|
}
|
|
8106
8106
|
),
|
|
8107
|
-
/* @__PURE__ */
|
|
8107
|
+
/* @__PURE__ */ o(
|
|
8108
8108
|
"div",
|
|
8109
8109
|
{
|
|
8110
8110
|
ref: U,
|
|
@@ -8129,7 +8129,7 @@ const qt = 280, Vi = ({
|
|
|
8129
8129
|
style: { color: "var(--metakyc-text-secondary, #9ca3af)" },
|
|
8130
8130
|
children: d
|
|
8131
8131
|
}
|
|
8132
|
-
) : /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1 pr-6", children: t.map((P) => /* @__PURE__ */
|
|
8132
|
+
) : /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1 pr-6", children: t.map((P) => /* @__PURE__ */ o(
|
|
8133
8133
|
"span",
|
|
8134
8134
|
{
|
|
8135
8135
|
className: "metakyc-multiselect-chip inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium",
|
|
@@ -8191,14 +8191,14 @@ const qt = 280, Vi = ({
|
|
|
8191
8191
|
options: a,
|
|
8192
8192
|
placeholder: n,
|
|
8193
8193
|
value: l,
|
|
8194
|
-
onChange:
|
|
8194
|
+
onChange: s,
|
|
8195
8195
|
disabled: p = !1,
|
|
8196
8196
|
readOnly: u = !1,
|
|
8197
8197
|
required: d = !1,
|
|
8198
8198
|
className: y
|
|
8199
8199
|
}) => {
|
|
8200
8200
|
var se;
|
|
8201
|
-
const { t: v } =
|
|
8201
|
+
const { t: v } = Te(), T = n ?? v("common.select"), I = p || u, [x, q] = b(!1), [S, L] = b(""), [B, F] = b(null), [U, K] = b({
|
|
8202
8202
|
bg: "#ffffff",
|
|
8203
8203
|
border: "#d1d5db",
|
|
8204
8204
|
text: "#111827",
|
|
@@ -8207,7 +8207,7 @@ const qt = 280, Vi = ({
|
|
|
8207
8207
|
primaryLight: "#eff6ff",
|
|
8208
8208
|
hoverBg: "#f9fafb"
|
|
8209
8209
|
}), J = te(() => {
|
|
8210
|
-
const D = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), ne = (
|
|
8210
|
+
const D = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), ne = (Re, ze) => D.getPropertyValue(Re).trim() || ze, Z = ne("--metakyc-input-bg", ne("--metakyc-background", "#ffffff"));
|
|
8211
8211
|
K({
|
|
8212
8212
|
bg: Z,
|
|
8213
8213
|
border: ne("--metakyc-input-border", ne("--metakyc-border", "#d1d5db")),
|
|
@@ -8237,9 +8237,9 @@ const qt = 280, Vi = ({
|
|
|
8237
8237
|
ke(() => {
|
|
8238
8238
|
if (!x) return;
|
|
8239
8239
|
const D = (ne) => {
|
|
8240
|
-
var
|
|
8240
|
+
var Re, ze;
|
|
8241
8241
|
const Z = ne.target;
|
|
8242
|
-
!((
|
|
8242
|
+
!((Re = ae.current) != null && Re.contains(Z)) && !((ze = R.current) != null && ze.contains(Z)) && W();
|
|
8243
8243
|
};
|
|
8244
8244
|
return document.addEventListener("mousedown", D), () => document.removeEventListener("mousedown", D);
|
|
8245
8245
|
}, [x, W]), ke(() => {
|
|
@@ -8260,8 +8260,8 @@ const qt = 280, Vi = ({
|
|
|
8260
8260
|
const oe = a.filter(
|
|
8261
8261
|
(D) => D.label.toLowerCase().includes(S.toLowerCase()) || D.value.toLowerCase().includes(S.toLowerCase())
|
|
8262
8262
|
), H = (se = a.find((D) => D.value === l)) == null ? void 0 : se.label, je = (D, ne) => {
|
|
8263
|
-
I || ne || (
|
|
8264
|
-
}, { bg: ge, border: ye, text: be, textSecondary: ue, primary: P, primaryLight: A, hoverBg: O } = U, he = x && B && /* @__PURE__ */
|
|
8263
|
+
I || ne || (s(D), W());
|
|
8264
|
+
}, { bg: ge, border: ye, text: be, textSecondary: ue, primary: P, primaryLight: A, hoverBg: O } = U, he = x && B && /* @__PURE__ */ o(
|
|
8265
8265
|
"div",
|
|
8266
8266
|
{
|
|
8267
8267
|
ref: R,
|
|
@@ -8353,13 +8353,13 @@ const qt = 280, Vi = ({
|
|
|
8353
8353
|
]
|
|
8354
8354
|
}
|
|
8355
8355
|
);
|
|
8356
|
-
return /* @__PURE__ */
|
|
8356
|
+
return /* @__PURE__ */ o(
|
|
8357
8357
|
"div",
|
|
8358
8358
|
{
|
|
8359
8359
|
className: De("w-full metakyc-searchable-select", y),
|
|
8360
8360
|
ref: ae,
|
|
8361
8361
|
children: [
|
|
8362
|
-
e && /* @__PURE__ */
|
|
8362
|
+
e && /* @__PURE__ */ o(
|
|
8363
8363
|
"label",
|
|
8364
8364
|
{
|
|
8365
8365
|
className: "block text-sm font-medium mb-1",
|
|
@@ -8370,7 +8370,7 @@ const qt = 280, Vi = ({
|
|
|
8370
8370
|
]
|
|
8371
8371
|
}
|
|
8372
8372
|
),
|
|
8373
|
-
/* @__PURE__ */
|
|
8373
|
+
/* @__PURE__ */ o(
|
|
8374
8374
|
"div",
|
|
8375
8375
|
{
|
|
8376
8376
|
ref: w,
|
|
@@ -8427,12 +8427,12 @@ const qi = ({
|
|
|
8427
8427
|
accept: a,
|
|
8428
8428
|
multiple: n = !1,
|
|
8429
8429
|
maxSize: l,
|
|
8430
|
-
required:
|
|
8430
|
+
required: s,
|
|
8431
8431
|
onChange: p,
|
|
8432
8432
|
value: u = [],
|
|
8433
8433
|
className: d
|
|
8434
8434
|
}) => {
|
|
8435
|
-
const { t: y } =
|
|
8435
|
+
const { t: y } = Te(), [v, T] = b(!1), [I, x] = b(null), q = me(null), S = te((w) => {
|
|
8436
8436
|
if (!w) return;
|
|
8437
8437
|
x(null);
|
|
8438
8438
|
const R = Array.from(w);
|
|
@@ -8455,9 +8455,9 @@ const qi = ({
|
|
|
8455
8455
|
const R = u.filter((V, Q) => Q !== w);
|
|
8456
8456
|
p == null || p(R);
|
|
8457
8457
|
}, J = i || I, ae = u.length > 0;
|
|
8458
|
-
return /* @__PURE__ */
|
|
8459
|
-
e && /* @__PURE__ */
|
|
8460
|
-
/* @__PURE__ */
|
|
8458
|
+
return /* @__PURE__ */ o("div", { className: De("metakyc-file-upload", d), style: { width: "100%" }, children: [
|
|
8459
|
+
e && /* @__PURE__ */ o("div", { style: { marginBottom: "8px" }, children: [
|
|
8460
|
+
/* @__PURE__ */ o(
|
|
8461
8461
|
"label",
|
|
8462
8462
|
{
|
|
8463
8463
|
style: {
|
|
@@ -8468,13 +8468,13 @@ const qi = ({
|
|
|
8468
8468
|
},
|
|
8469
8469
|
children: [
|
|
8470
8470
|
e,
|
|
8471
|
-
|
|
8471
|
+
s && /* @__PURE__ */ r("span", { style: { color: "var(--metakyc-danger, #ef4444)", marginLeft: "2px" }, children: "*" })
|
|
8472
8472
|
]
|
|
8473
8473
|
}
|
|
8474
8474
|
),
|
|
8475
8475
|
t && /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "2px" }, children: t })
|
|
8476
8476
|
] }),
|
|
8477
|
-
/* @__PURE__ */
|
|
8477
|
+
/* @__PURE__ */ o(
|
|
8478
8478
|
"div",
|
|
8479
8479
|
{
|
|
8480
8480
|
className: "metakyc-file-dropzone",
|
|
@@ -8505,7 +8505,7 @@ const qi = ({
|
|
|
8505
8505
|
}
|
|
8506
8506
|
}
|
|
8507
8507
|
),
|
|
8508
|
-
/* @__PURE__ */
|
|
8508
|
+
/* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "12px" }, children: [
|
|
8509
8509
|
/* @__PURE__ */ r(
|
|
8510
8510
|
"div",
|
|
8511
8511
|
{
|
|
@@ -8519,7 +8519,7 @@ const qi = ({
|
|
|
8519
8519
|
backgroundColor: v ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)" : "var(--metakyc-surface, #f9fafb)",
|
|
8520
8520
|
transition: "background-color 0.2s ease"
|
|
8521
8521
|
},
|
|
8522
|
-
children: /* @__PURE__ */
|
|
8522
|
+
children: /* @__PURE__ */ o(
|
|
8523
8523
|
"svg",
|
|
8524
8524
|
{
|
|
8525
8525
|
width: "24",
|
|
@@ -8540,13 +8540,13 @@ const qi = ({
|
|
|
8540
8540
|
)
|
|
8541
8541
|
}
|
|
8542
8542
|
),
|
|
8543
|
-
/* @__PURE__ */
|
|
8544
|
-
/* @__PURE__ */
|
|
8543
|
+
/* @__PURE__ */ o("div", { children: [
|
|
8544
|
+
/* @__PURE__ */ o("p", { style: { fontSize: "14px", color: "var(--metakyc-text-secondary, #6b7280)", margin: 0 }, children: [
|
|
8545
8545
|
/* @__PURE__ */ r("span", { style: { fontWeight: 600, color: "var(--metakyc-primary, #2563eb)" }, children: y("uploadDocument.clickToUpload") }),
|
|
8546
8546
|
" ",
|
|
8547
8547
|
y("uploadDocument.orDragDrop")
|
|
8548
8548
|
] }),
|
|
8549
|
-
(a || l) && /* @__PURE__ */
|
|
8549
|
+
(a || l) && /* @__PURE__ */ o("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "4px" }, children: [
|
|
8550
8550
|
a && /* @__PURE__ */ r("span", { children: a }),
|
|
8551
8551
|
a && l && /* @__PURE__ */ r("span", { children: " · " }),
|
|
8552
8552
|
l && /* @__PURE__ */ r("span", { children: y("uploadDocument.maxSize", { size: St(l) }) })
|
|
@@ -8558,7 +8558,7 @@ const qi = ({
|
|
|
8558
8558
|
),
|
|
8559
8559
|
ae && /* @__PURE__ */ r("div", { style: { marginTop: "12px", display: "flex", flexDirection: "column", gap: "8px" }, children: u.map((w, R) => {
|
|
8560
8560
|
const V = Bi(w), Q = V === "image", X = Q ? URL.createObjectURL(w) : null;
|
|
8561
|
-
return /* @__PURE__ */
|
|
8561
|
+
return /* @__PURE__ */ o(
|
|
8562
8562
|
"div",
|
|
8563
8563
|
{
|
|
8564
8564
|
className: "metakyc-file-item",
|
|
@@ -8594,19 +8594,19 @@ const qi = ({
|
|
|
8594
8594
|
alt: w.name,
|
|
8595
8595
|
style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: "8px" }
|
|
8596
8596
|
}
|
|
8597
|
-
) : V === "pdf" ? /* @__PURE__ */
|
|
8597
|
+
) : V === "pdf" ? /* @__PURE__ */ o("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
8598
8598
|
/* @__PURE__ */ r("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
|
|
8599
8599
|
/* @__PURE__ */ r("polyline", { points: "14 2 14 8 20 8" }),
|
|
8600
8600
|
/* @__PURE__ */ r("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
|
|
8601
8601
|
/* @__PURE__ */ r("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
|
|
8602
8602
|
/* @__PURE__ */ r("polyline", { points: "10 9 9 9 8 9" })
|
|
8603
|
-
] }) : /* @__PURE__ */
|
|
8603
|
+
] }) : /* @__PURE__ */ o("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-primary, #2563eb)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
8604
8604
|
/* @__PURE__ */ r("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
|
|
8605
8605
|
/* @__PURE__ */ r("polyline", { points: "14 2 14 8 20 8" })
|
|
8606
8606
|
] })
|
|
8607
8607
|
}
|
|
8608
8608
|
),
|
|
8609
|
-
/* @__PURE__ */
|
|
8609
|
+
/* @__PURE__ */ o("div", { style: { flex: 1, minWidth: 0 }, children: [
|
|
8610
8610
|
/* @__PURE__ */ r("p", { style: {
|
|
8611
8611
|
fontSize: "13px",
|
|
8612
8612
|
fontWeight: 500,
|
|
@@ -8646,7 +8646,7 @@ const qi = ({
|
|
|
8646
8646
|
onMouseLeave: (W) => {
|
|
8647
8647
|
W.currentTarget.style.backgroundColor = "transparent", W.currentTarget.style.color = "var(--metakyc-text-muted, #9ca3af)";
|
|
8648
8648
|
},
|
|
8649
|
-
children: /* @__PURE__ */
|
|
8649
|
+
children: /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
8650
8650
|
/* @__PURE__ */ r("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
|
8651
8651
|
/* @__PURE__ */ r("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
|
|
8652
8652
|
] })
|
|
@@ -8660,8 +8660,8 @@ const qi = ({
|
|
|
8660
8660
|
J && /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", marginTop: "6px" }, children: J })
|
|
8661
8661
|
] });
|
|
8662
8662
|
}, Ui = kt(
|
|
8663
|
-
({ countryCode: e = "+1", onCountryCodeChange: t, className: i, ...a }, n) => /* @__PURE__ */
|
|
8664
|
-
a.label && /* @__PURE__ */
|
|
8663
|
+
({ countryCode: e = "+1", onCountryCodeChange: t, className: i, ...a }, n) => /* @__PURE__ */ o("div", { className: "w-full", children: [
|
|
8664
|
+
a.label && /* @__PURE__ */ o(
|
|
8665
8665
|
"label",
|
|
8666
8666
|
{
|
|
8667
8667
|
className: "block text-sm font-medium mb-1",
|
|
@@ -8672,7 +8672,7 @@ const qi = ({
|
|
|
8672
8672
|
]
|
|
8673
8673
|
}
|
|
8674
8674
|
),
|
|
8675
|
-
/* @__PURE__ */
|
|
8675
|
+
/* @__PURE__ */ o("div", { className: "flex gap-2", children: [
|
|
8676
8676
|
/* @__PURE__ */ r(
|
|
8677
8677
|
"input",
|
|
8678
8678
|
{
|
|
@@ -8784,7 +8784,7 @@ const $i = kt(
|
|
|
8784
8784
|
absoluteStrokeWidth: a,
|
|
8785
8785
|
className: n = "",
|
|
8786
8786
|
children: l,
|
|
8787
|
-
iconNode:
|
|
8787
|
+
iconNode: s,
|
|
8788
8788
|
...p
|
|
8789
8789
|
}, u) => Tt(
|
|
8790
8790
|
"svg",
|
|
@@ -8800,7 +8800,7 @@ const $i = kt(
|
|
|
8800
8800
|
...p
|
|
8801
8801
|
},
|
|
8802
8802
|
[
|
|
8803
|
-
...
|
|
8803
|
+
...s.map(([d, y]) => Tt(d, y)),
|
|
8804
8804
|
...Array.isArray(l) ? l : [l]
|
|
8805
8805
|
]
|
|
8806
8806
|
)
|
|
@@ -8871,7 +8871,7 @@ function Qi(e, t) {
|
|
|
8871
8871
|
}
|
|
8872
8872
|
function Xi(e) {
|
|
8873
8873
|
const t = e.flatMap(
|
|
8874
|
-
(a, n) => (a.questions ?? []).map((l,
|
|
8874
|
+
(a, n) => (a.questions ?? []).map((l, s) => ({ question: l, groupIndex: n, qIdx: s }))
|
|
8875
8875
|
), i = /* @__PURE__ */ new Map();
|
|
8876
8876
|
for (const a of t) {
|
|
8877
8877
|
const n = a.question.pageNumber != null && a.question.pageNumber > 0 ? a.question.pageNumber : 1;
|
|
@@ -8884,7 +8884,7 @@ const Zi = ({
|
|
|
8884
8884
|
onComplete: t,
|
|
8885
8885
|
onBack: i
|
|
8886
8886
|
}) => {
|
|
8887
|
-
const { t: a } =
|
|
8887
|
+
const { t: a } = Te(), { questionnaire: n, initialAnswers: l, isLoading: s, isSubmitting: p, error: u, submit: d } = Li(e), [y, v] = b({}), [T, I] = b({}), [x, q] = b(0);
|
|
8888
8888
|
Se.useEffect(() => {
|
|
8889
8889
|
l && Object.keys(l).length > 0 && Object.keys(y).length === 0 && v(l);
|
|
8890
8890
|
}, [l]);
|
|
@@ -8925,15 +8925,15 @@ const Zi = ({
|
|
|
8925
8925
|
console.error("Questionnaire submit error:", w);
|
|
8926
8926
|
}
|
|
8927
8927
|
};
|
|
8928
|
-
return
|
|
8928
|
+
return s ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(Ve, { className: "my-8" }) }) }) : u ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
|
|
8929
8929
|
a("questionnaire.errorLoading"),
|
|
8930
8930
|
" ",
|
|
8931
8931
|
u.message
|
|
8932
|
-
] }) }) }) : n ? /* @__PURE__ */
|
|
8933
|
-
/* @__PURE__ */
|
|
8932
|
+
] }) }) }) : n ? /* @__PURE__ */ o(re, { children: [
|
|
8933
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
8934
8934
|
/* @__PURE__ */ r("h2", { className: "text-lg font-bold", children: n.displayName }),
|
|
8935
8935
|
n.subtitle && /* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n.subtitle }),
|
|
8936
|
-
S.length > 1 && /* @__PURE__ */
|
|
8936
|
+
S.length > 1 && /* @__PURE__ */ o("div", { className: "flex items-center justify-between mt-3", children: [
|
|
8937
8937
|
/* @__PURE__ */ r("span", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: a("common.pageXofY", { current: x + 1, total: S.length }) }),
|
|
8938
8938
|
/* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: S.map((w, R) => /* @__PURE__ */ r(
|
|
8939
8939
|
"div",
|
|
@@ -8959,8 +8959,8 @@ const Zi = ({
|
|
|
8959
8959
|
},
|
|
8960
8960
|
w.id
|
|
8961
8961
|
)) }),
|
|
8962
|
-
/* @__PURE__ */
|
|
8963
|
-
/* @__PURE__ */
|
|
8962
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
|
|
8963
|
+
/* @__PURE__ */ o(
|
|
8964
8964
|
G,
|
|
8965
8965
|
{
|
|
8966
8966
|
type: "button",
|
|
@@ -8981,7 +8981,7 @@ const Zi = ({
|
|
|
8981
8981
|
onClick: ae,
|
|
8982
8982
|
children: a("common.continue")
|
|
8983
8983
|
}
|
|
8984
|
-
) : /* @__PURE__ */
|
|
8984
|
+
) : /* @__PURE__ */ o(
|
|
8985
8985
|
G,
|
|
8986
8986
|
{
|
|
8987
8987
|
type: "button",
|
|
@@ -8998,15 +8998,15 @@ const Zi = ({
|
|
|
8998
8998
|
] }) : null;
|
|
8999
8999
|
}, Ji = ({ question: e, value: t, error: i, onChange: a }) => {
|
|
9000
9000
|
var p;
|
|
9001
|
-
const { t: n } =
|
|
9002
|
-
return /* @__PURE__ */
|
|
9003
|
-
/* @__PURE__ */
|
|
9001
|
+
const { t: n } = Te(), s = (((p = e.defaultAnswers) == null ? void 0 : p.length) ?? 0) > 0 ? e.showAsDropdown ? e.canMultipleAnswer ? "multi-select" : "single-select" : e.canMultipleAnswer ? "checkbox" : "radio" : "text";
|
|
9002
|
+
return /* @__PURE__ */ o("div", { className: "space-y-2", children: [
|
|
9003
|
+
/* @__PURE__ */ o("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: [
|
|
9004
9004
|
e.text,
|
|
9005
9005
|
e.isRequired && /* @__PURE__ */ r("span", { className: "text-danger-500 ml-1", children: "*" })
|
|
9006
9006
|
] }),
|
|
9007
9007
|
e.subtitle && /* @__PURE__ */ r("p", { className: "text-xs", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: e.subtitle }),
|
|
9008
9008
|
e.description && /* @__PURE__ */ r("p", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: e.description }),
|
|
9009
|
-
|
|
9009
|
+
s === "text" && /* @__PURE__ */ r(
|
|
9010
9010
|
we,
|
|
9011
9011
|
{
|
|
9012
9012
|
value: t[0] ?? "",
|
|
@@ -9016,7 +9016,7 @@ const Zi = ({
|
|
|
9016
9016
|
required: e.isRequired
|
|
9017
9017
|
}
|
|
9018
9018
|
),
|
|
9019
|
-
|
|
9019
|
+
s === "single-select" && /* @__PURE__ */ r(
|
|
9020
9020
|
At,
|
|
9021
9021
|
{
|
|
9022
9022
|
value: t[0] ?? "",
|
|
@@ -9027,8 +9027,8 @@ const Zi = ({
|
|
|
9027
9027
|
required: e.isRequired
|
|
9028
9028
|
}
|
|
9029
9029
|
),
|
|
9030
|
-
|
|
9031
|
-
(e.defaultAnswers ?? []).map((u) => /* @__PURE__ */
|
|
9030
|
+
s === "radio" && /* @__PURE__ */ o("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
|
|
9031
|
+
(e.defaultAnswers ?? []).map((u) => /* @__PURE__ */ o(
|
|
9032
9032
|
"label",
|
|
9033
9033
|
{
|
|
9034
9034
|
className: "metakyc-option-label",
|
|
@@ -9063,8 +9063,8 @@ const Zi = ({
|
|
|
9063
9063
|
)),
|
|
9064
9064
|
i && /* @__PURE__ */ r("p", { className: "text-sm text-danger-500", children: i })
|
|
9065
9065
|
] }),
|
|
9066
|
-
(
|
|
9067
|
-
(e.defaultAnswers ?? []).map((u) => /* @__PURE__ */
|
|
9066
|
+
(s === "checkbox" || s === "multi-select") && /* @__PURE__ */ o("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
|
|
9067
|
+
(e.defaultAnswers ?? []).map((u) => /* @__PURE__ */ o(
|
|
9068
9068
|
"label",
|
|
9069
9069
|
{
|
|
9070
9070
|
className: "metakyc-option-label",
|
|
@@ -9086,7 +9086,7 @@ const Zi = ({
|
|
|
9086
9086
|
)),
|
|
9087
9087
|
i && /* @__PURE__ */ r("p", { className: "text-sm text-danger-500", children: i })
|
|
9088
9088
|
] }),
|
|
9089
|
-
i &&
|
|
9089
|
+
i && s === "text" && null
|
|
9090
9090
|
] });
|
|
9091
9091
|
};
|
|
9092
9092
|
function ea(e) {
|
|
@@ -9102,7 +9102,7 @@ const ta = ({
|
|
|
9102
9102
|
onComplete: t,
|
|
9103
9103
|
onBack: i
|
|
9104
9104
|
}) => {
|
|
9105
|
-
const { t: a } =
|
|
9105
|
+
const { t: a } = Te(), { uploadDocument: n, isLoading: l, isSubmitting: s, error: p, submit: u } = Ei(e), [d, y] = b({}), [v, T] = b(null), [I, x] = b(0), [q, S] = b({}), L = Me(
|
|
9106
9106
|
() => n ? ea(n.uploadDocumentFiles) : [],
|
|
9107
9107
|
[n]
|
|
9108
9108
|
), B = L[I] ?? [], F = I === L.length - 1, U = L.length, K = te(() => {
|
|
@@ -9142,10 +9142,10 @@ const ta = ({
|
|
|
9142
9142
|
}
|
|
9143
9143
|
}
|
|
9144
9144
|
};
|
|
9145
|
-
return l ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
9145
|
+
return l ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", padding: "48px 0", gap: "16px" }, children: [
|
|
9146
9146
|
/* @__PURE__ */ r(Ve, { className: "my-8" }),
|
|
9147
9147
|
/* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: a("uploadDocument.loading") })
|
|
9148
|
-
] }) }) }) : p ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
9148
|
+
] }) }) }) : p ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { style: {
|
|
9149
9149
|
display: "flex",
|
|
9150
9150
|
flexDirection: "column",
|
|
9151
9151
|
alignItems: "center",
|
|
@@ -9161,15 +9161,15 @@ const ta = ({
|
|
|
9161
9161
|
display: "flex",
|
|
9162
9162
|
alignItems: "center",
|
|
9163
9163
|
justifyContent: "center"
|
|
9164
|
-
}, children: /* @__PURE__ */
|
|
9164
|
+
}, children: /* @__PURE__ */ o("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
9165
9165
|
/* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
|
|
9166
9166
|
/* @__PURE__ */ r("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
|
|
9167
9167
|
/* @__PURE__ */ r("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
|
|
9168
9168
|
] }) }),
|
|
9169
9169
|
/* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-danger, #ef4444)", fontWeight: 500 }, children: a("uploadDocument.errorLoading") }),
|
|
9170
9170
|
/* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: p.message })
|
|
9171
|
-
] }) }) }) : n ? /* @__PURE__ */
|
|
9172
|
-
/* @__PURE__ */
|
|
9171
|
+
] }) }) }) : n ? /* @__PURE__ */ o(re, { children: [
|
|
9172
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
9173
9173
|
/* @__PURE__ */ r("h2", { style: {
|
|
9174
9174
|
fontSize: "18px",
|
|
9175
9175
|
fontWeight: 700,
|
|
@@ -9181,7 +9181,7 @@ const ta = ({
|
|
|
9181
9181
|
color: "var(--metakyc-text-secondary, #6b7280)",
|
|
9182
9182
|
marginTop: "4px"
|
|
9183
9183
|
}, children: n.subtitle }),
|
|
9184
|
-
U > 1 && /* @__PURE__ */
|
|
9184
|
+
U > 1 && /* @__PURE__ */ o("div", { style: {
|
|
9185
9185
|
display: "flex",
|
|
9186
9186
|
alignItems: "center",
|
|
9187
9187
|
justifyContent: "space-between",
|
|
@@ -9203,7 +9203,7 @@ const ta = ({
|
|
|
9203
9203
|
)) })
|
|
9204
9204
|
] })
|
|
9205
9205
|
] }),
|
|
9206
|
-
n.description && I === 0 && /* @__PURE__ */
|
|
9206
|
+
n.description && I === 0 && /* @__PURE__ */ o("div", { style: {
|
|
9207
9207
|
margin: "0 24px",
|
|
9208
9208
|
marginTop: "4px",
|
|
9209
9209
|
display: "flex",
|
|
@@ -9213,7 +9213,7 @@ const ta = ({
|
|
|
9213
9213
|
backgroundColor: "color-mix(in srgb, var(--metakyc-primary, #2563eb) 5%, var(--metakyc-background, #ffffff))",
|
|
9214
9214
|
border: "1px solid color-mix(in srgb, var(--metakyc-primary, #2563eb) 15%, transparent)"
|
|
9215
9215
|
}, children: [
|
|
9216
|
-
/* @__PURE__ */
|
|
9216
|
+
/* @__PURE__ */ o(
|
|
9217
9217
|
"svg",
|
|
9218
9218
|
{
|
|
9219
9219
|
width: "18",
|
|
@@ -9259,7 +9259,7 @@ const ta = ({
|
|
|
9259
9259
|
},
|
|
9260
9260
|
R.id
|
|
9261
9261
|
)) }) }),
|
|
9262
|
-
v && /* @__PURE__ */
|
|
9262
|
+
v && /* @__PURE__ */ o("div", { style: {
|
|
9263
9263
|
margin: "0 24px",
|
|
9264
9264
|
padding: "10px 14px",
|
|
9265
9265
|
borderRadius: "8px",
|
|
@@ -9269,14 +9269,14 @@ const ta = ({
|
|
|
9269
9269
|
alignItems: "center",
|
|
9270
9270
|
gap: "8px"
|
|
9271
9271
|
}, children: [
|
|
9272
|
-
/* @__PURE__ */
|
|
9272
|
+
/* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [
|
|
9273
9273
|
/* @__PURE__ */ r("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
|
|
9274
9274
|
/* @__PURE__ */ r("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
|
|
9275
9275
|
/* @__PURE__ */ r("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
|
|
9276
9276
|
] }),
|
|
9277
9277
|
/* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: v })
|
|
9278
9278
|
] }),
|
|
9279
|
-
/* @__PURE__ */ r(Ne, { children: /* @__PURE__ */
|
|
9279
|
+
/* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ o("div", { style: {
|
|
9280
9280
|
display: "flex",
|
|
9281
9281
|
alignItems: "center",
|
|
9282
9282
|
justifyContent: "space-between",
|
|
@@ -9295,9 +9295,9 @@ const ta = ({
|
|
|
9295
9295
|
G,
|
|
9296
9296
|
{
|
|
9297
9297
|
type: "button",
|
|
9298
|
-
isLoading:
|
|
9298
|
+
isLoading: s,
|
|
9299
9299
|
onClick: w,
|
|
9300
|
-
children: a(
|
|
9300
|
+
children: a(s ? "uploadDocument.uploading" : "common.continue")
|
|
9301
9301
|
}
|
|
9302
9302
|
) : /* @__PURE__ */ r(
|
|
9303
9303
|
G,
|
|
@@ -9310,19 +9310,19 @@ const ta = ({
|
|
|
9310
9310
|
] }) })
|
|
9311
9311
|
] }) : null;
|
|
9312
9312
|
}, ra = ({ applicantId: e, onComplete: t, onBack: i }) => {
|
|
9313
|
-
const { t: a } =
|
|
9313
|
+
const { t: a } = Te(), { overview: n, isLoading: l, isSubmitting: s, error: p, passOverview: u } = Pi(e), d = async () => {
|
|
9314
9314
|
await u(), t == null || t();
|
|
9315
9315
|
};
|
|
9316
|
-
return l ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(Ve, { className: "my-8" }) }) }) : p ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
9316
|
+
return l ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r(Ve, { className: "my-8" }) }) }) : p ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
|
|
9317
9317
|
a("overview.errorLoading"),
|
|
9318
9318
|
" ",
|
|
9319
9319
|
p.message
|
|
9320
|
-
] }) }) }) : n ? /* @__PURE__ */
|
|
9321
|
-
/* @__PURE__ */
|
|
9320
|
+
] }) }) }) : n ? /* @__PURE__ */ o(re, { children: [
|
|
9321
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
9322
9322
|
/* @__PURE__ */ r("h2", { className: "text-lg font-bold", children: n.title || a("overview.title") }),
|
|
9323
9323
|
n.description && /* @__PURE__ */ r("p", { className: "mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n.description })
|
|
9324
9324
|
] }),
|
|
9325
|
-
/* @__PURE__ */ r(ie, { className: "space-y-8", children: n.steps && n.steps.length > 0 ? n.steps.sort((y, v) => y.order - v.order).map((y) => /* @__PURE__ */
|
|
9325
|
+
/* @__PURE__ */ r(ie, { className: "space-y-8", children: n.steps && n.steps.length > 0 ? n.steps.sort((y, v) => y.order - v.order).map((y) => /* @__PURE__ */ o("div", { className: "metakyc-overview-step-item flex items-center space-x-3", children: [
|
|
9326
9326
|
/* @__PURE__ */ r("div", { className: "metakyc-step-icon flex-shrink-0", children: /* @__PURE__ */ r(
|
|
9327
9327
|
"div",
|
|
9328
9328
|
{
|
|
@@ -9331,7 +9331,7 @@ const ta = ({
|
|
|
9331
9331
|
children: y.order + 1
|
|
9332
9332
|
}
|
|
9333
9333
|
) }),
|
|
9334
|
-
/* @__PURE__ */
|
|
9334
|
+
/* @__PURE__ */ o(
|
|
9335
9335
|
"div",
|
|
9336
9336
|
{
|
|
9337
9337
|
className: "metakyc-step-content",
|
|
@@ -9348,9 +9348,9 @@ const ta = ({
|
|
|
9348
9348
|
}
|
|
9349
9349
|
)
|
|
9350
9350
|
] }, y.order)) : /* @__PURE__ */ r("div", { className: "text-center py-8", children: /* @__PURE__ */ r("p", { style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("overview.loadingOverview") }) }) }),
|
|
9351
|
-
/* @__PURE__ */
|
|
9351
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
9352
9352
|
i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") }),
|
|
9353
|
-
/* @__PURE__ */ r(G, { onClick: d, isLoading:
|
|
9353
|
+
/* @__PURE__ */ r(G, { onClick: d, isLoading: s, children: a("common.continue") })
|
|
9354
9354
|
] })
|
|
9355
9355
|
] }) : null;
|
|
9356
9356
|
};
|
|
@@ -9420,17 +9420,17 @@ const ca = ({
|
|
|
9420
9420
|
onComplete: t,
|
|
9421
9421
|
onBack: i
|
|
9422
9422
|
}) => {
|
|
9423
|
-
const { t: a } =
|
|
9423
|
+
const { t: a } = Te(), { config: n } = Fe(), l = n.locale ?? "en", { criteria: s, initialAnswers: p, isLoading: u, isSubmitting: d, error: y, submit: v } = ji(e), [T, I] = b({}), [x, q] = b({}), [S, L] = b(0), [B, F] = b(!1);
|
|
9424
9424
|
Se.useEffect(() => {
|
|
9425
9425
|
p && Object.keys(p).length > 0 && Object.keys(T).length === 0 && I(p);
|
|
9426
9426
|
}, [p]);
|
|
9427
9427
|
const U = Me(
|
|
9428
|
-
() =>
|
|
9429
|
-
[
|
|
9428
|
+
() => s && s.length > 0 ? sa(s) : [],
|
|
9429
|
+
[s]
|
|
9430
9430
|
), K = S === U.length - 1, J = U[S] ?? [];
|
|
9431
9431
|
Se.useEffect(() => {
|
|
9432
|
-
!u &&
|
|
9433
|
-
}, [u,
|
|
9432
|
+
!u && s && s.length === 0 && !B && !d && (F(!0), v({ applicantId: e, criteriaValueInputs: [] }).then(() => t == null ? void 0 : t()).catch(console.error));
|
|
9433
|
+
}, [u, s, B, d, v, e, t]);
|
|
9434
9434
|
const ae = te((X, W) => {
|
|
9435
9435
|
I((_) => ({ ..._, [X]: W })), q((_) => {
|
|
9436
9436
|
const oe = { ..._ };
|
|
@@ -9448,9 +9448,9 @@ const ca = ({
|
|
|
9448
9448
|
}, V = () => {
|
|
9449
9449
|
S > 0 ? L((X) => X - 1) : i == null || i();
|
|
9450
9450
|
}, Q = async () => {
|
|
9451
|
-
if (!(!w() || !
|
|
9451
|
+
if (!(!w() || !s))
|
|
9452
9452
|
try {
|
|
9453
|
-
const X =
|
|
9453
|
+
const X = s.map((_) => {
|
|
9454
9454
|
const oe = (T[_.id] ?? []).filter((H) => H && H.trim());
|
|
9455
9455
|
return oe.length > 0 ? { riskCriteriaId: _.id, values: oe } : null;
|
|
9456
9456
|
}).filter((_) => _ !== null);
|
|
@@ -9459,21 +9459,21 @@ const ca = ({
|
|
|
9459
9459
|
console.error("Risk scoring submit error:", X);
|
|
9460
9460
|
}
|
|
9461
9461
|
};
|
|
9462
|
-
return u ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */
|
|
9462
|
+
return u ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
|
|
9463
9463
|
/* @__PURE__ */ r(Ve, { className: "my-8" }),
|
|
9464
9464
|
/* @__PURE__ */ r("p", { className: "text-center text-sm mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("riskScoring.loadingCriteria") })
|
|
9465
|
-
] }) }) : !u &&
|
|
9465
|
+
] }) }) : !u && s && s.length === 0 ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
|
|
9466
9466
|
/* @__PURE__ */ r(Ve, { className: "my-8" }),
|
|
9467
9467
|
/* @__PURE__ */ r("p", { className: "text-center text-sm mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("riskScoring.noCriteria") })
|
|
9468
|
-
] }) }) : y ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
9468
|
+
] }) }) : y ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
|
|
9469
9469
|
a("riskScoring.errorLoading"),
|
|
9470
9470
|
" ",
|
|
9471
9471
|
y.message
|
|
9472
|
-
] }) }) }) :
|
|
9473
|
-
/* @__PURE__ */
|
|
9472
|
+
] }) }) }) : s ? /* @__PURE__ */ o(re, { children: [
|
|
9473
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
9474
9474
|
/* @__PURE__ */ r("h2", { className: "text-lg font-bold", children: a("riskScoring.title") }),
|
|
9475
9475
|
/* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("riskScoring.subtitle") }),
|
|
9476
|
-
U.length > 1 && /* @__PURE__ */
|
|
9476
|
+
U.length > 1 && /* @__PURE__ */ o("div", { className: "flex items-center justify-between mt-3", children: [
|
|
9477
9477
|
/* @__PURE__ */ r("span", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: a("common.pageXofY", { current: S + 1, total: U.length }) }),
|
|
9478
9478
|
/* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: U.map((X, W) => /* @__PURE__ */ r(
|
|
9479
9479
|
"div",
|
|
@@ -9500,8 +9500,8 @@ const ca = ({
|
|
|
9500
9500
|
},
|
|
9501
9501
|
X.id
|
|
9502
9502
|
)) }),
|
|
9503
|
-
/* @__PURE__ */
|
|
9504
|
-
/* @__PURE__ */
|
|
9503
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
|
|
9504
|
+
/* @__PURE__ */ o(
|
|
9505
9505
|
G,
|
|
9506
9506
|
{
|
|
9507
9507
|
type: "button",
|
|
@@ -9514,7 +9514,7 @@ const ca = ({
|
|
|
9514
9514
|
]
|
|
9515
9515
|
}
|
|
9516
9516
|
),
|
|
9517
|
-
K ? /* @__PURE__ */ r(G, { type: "button", isLoading: d, onClick: Q, children: a("common.continue") }) : /* @__PURE__ */
|
|
9517
|
+
K ? /* @__PURE__ */ r(G, { type: "button", isLoading: d, onClick: Q, children: a("common.continue") }) : /* @__PURE__ */ o(
|
|
9518
9518
|
G,
|
|
9519
9519
|
{
|
|
9520
9520
|
type: "button",
|
|
@@ -9530,15 +9530,15 @@ const ca = ({
|
|
|
9530
9530
|
y && /* @__PURE__ */ r("div", { className: "mx-6 mb-4 p-3 bg-red-50 border border-red-200 rounded", children: /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: y.message }) })
|
|
9531
9531
|
] }) : null;
|
|
9532
9532
|
}, da = ({ criterion: e, value: t, error: i, locale: a, onChange: n }) => {
|
|
9533
|
-
const { t: l } =
|
|
9534
|
-
return /* @__PURE__ */
|
|
9535
|
-
/* @__PURE__ */
|
|
9533
|
+
const { t: l } = Te(), s = la(e), p = e.valueDataType === Ge.Integer || e.valueDataType === Ge.Money || e.valueDataType === Ge.DigitOnly, u = aa(e), d = (y) => u ? na(y, a) : y;
|
|
9534
|
+
return /* @__PURE__ */ o("div", { className: "space-y-2", children: [
|
|
9535
|
+
/* @__PURE__ */ o("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: [
|
|
9536
9536
|
e.displayName,
|
|
9537
9537
|
e.isRequired && /* @__PURE__ */ r("span", { className: "text-danger-500 ml-1", children: "*" })
|
|
9538
9538
|
] }),
|
|
9539
9539
|
e.description && /* @__PURE__ */ r("p", { className: "text-xs", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: e.description }),
|
|
9540
9540
|
p && (e.min !== void 0 || e.max !== void 0) && /* @__PURE__ */ r("p", { className: "text-xs", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: e.min !== void 0 && e.max !== void 0 ? l("riskScoring.range", { min: e.min, max: e.max }) : e.min !== void 0 ? l("riskScoring.minimum", { min: e.min }) : l("riskScoring.maximum", { max: e.max }) }),
|
|
9541
|
-
|
|
9541
|
+
s === "text" && /* @__PURE__ */ r(
|
|
9542
9542
|
we,
|
|
9543
9543
|
{
|
|
9544
9544
|
value: t[0] ?? "",
|
|
@@ -9554,8 +9554,8 @@ const ca = ({
|
|
|
9554
9554
|
}
|
|
9555
9555
|
}
|
|
9556
9556
|
),
|
|
9557
|
-
|
|
9558
|
-
(e.defaultValues ?? []).map((y) => /* @__PURE__ */
|
|
9557
|
+
s === "radio" && /* @__PURE__ */ o("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
|
|
9558
|
+
(e.defaultValues ?? []).map((y) => /* @__PURE__ */ o(
|
|
9559
9559
|
"label",
|
|
9560
9560
|
{
|
|
9561
9561
|
className: "metakyc-option-label",
|
|
@@ -9590,8 +9590,8 @@ const ca = ({
|
|
|
9590
9590
|
)),
|
|
9591
9591
|
i && /* @__PURE__ */ r("p", { className: "text-sm text-danger-500", children: i })
|
|
9592
9592
|
] }),
|
|
9593
|
-
|
|
9594
|
-
(e.defaultValues ?? []).map((y) => /* @__PURE__ */
|
|
9593
|
+
s === "checkbox" && /* @__PURE__ */ o("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
|
|
9594
|
+
(e.defaultValues ?? []).map((y) => /* @__PURE__ */ o(
|
|
9595
9595
|
"label",
|
|
9596
9596
|
{
|
|
9597
9597
|
className: "metakyc-option-label",
|
|
@@ -9613,7 +9613,7 @@ const ca = ({
|
|
|
9613
9613
|
)),
|
|
9614
9614
|
i && /* @__PURE__ */ r("p", { className: "text-sm text-danger-500", children: i })
|
|
9615
9615
|
] }),
|
|
9616
|
-
|
|
9616
|
+
s === "country" && /* @__PURE__ */ r(
|
|
9617
9617
|
At,
|
|
9618
9618
|
{
|
|
9619
9619
|
value: t[0] ?? "",
|
|
@@ -9636,7 +9636,7 @@ const ca = ({
|
|
|
9636
9636
|
onComplete: t,
|
|
9637
9637
|
onBack: i
|
|
9638
9638
|
}) => {
|
|
9639
|
-
const { t: a } =
|
|
9639
|
+
const { t: a } = Te(), { investorCategorizationService: n } = Fe(), [l, s] = b(null), [p, u] = b(!1), [d, y] = b(null);
|
|
9640
9640
|
return /* @__PURE__ */ r("form", { onSubmit: async (T) => {
|
|
9641
9641
|
if (T.preventDefault(), l === null) {
|
|
9642
9642
|
y(a("investorCategorization.pleaseSelect"));
|
|
@@ -9656,12 +9656,12 @@ const ca = ({
|
|
|
9656
9656
|
} finally {
|
|
9657
9657
|
u(!1);
|
|
9658
9658
|
}
|
|
9659
|
-
}, children: /* @__PURE__ */
|
|
9660
|
-
/* @__PURE__ */
|
|
9659
|
+
}, children: /* @__PURE__ */ o(re, { children: [
|
|
9660
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
9661
9661
|
/* @__PURE__ */ r("h2", { className: "text-lg font-bold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: a("investorCategorization.whichStatement") }),
|
|
9662
9662
|
/* @__PURE__ */ r("p", { className: "mt-2", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("investorCategorization.retailInvestorInfo") })
|
|
9663
9663
|
] }),
|
|
9664
|
-
/* @__PURE__ */
|
|
9664
|
+
/* @__PURE__ */ o(ie, { className: "space-y-4", children: [
|
|
9665
9665
|
/* @__PURE__ */ r("p", { className: "text-sm font-medium mb-3", style: { color: "var(--metakyc-text-secondary, #374151)" }, children: a("investorCategorization.chooseOne") }),
|
|
9666
9666
|
/* @__PURE__ */ r(
|
|
9667
9667
|
"label",
|
|
@@ -9671,7 +9671,7 @@ const ca = ({
|
|
|
9671
9671
|
borderColor: l === Le.Individual ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
|
|
9672
9672
|
backgroundColor: l === Le.Individual ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
|
|
9673
9673
|
},
|
|
9674
|
-
children: /* @__PURE__ */
|
|
9674
|
+
children: /* @__PURE__ */ o("div", { className: "flex items-start", children: [
|
|
9675
9675
|
/* @__PURE__ */ r(
|
|
9676
9676
|
"input",
|
|
9677
9677
|
{
|
|
@@ -9679,11 +9679,11 @@ const ca = ({
|
|
|
9679
9679
|
name: "investorType",
|
|
9680
9680
|
value: Le.Individual,
|
|
9681
9681
|
checked: l === Le.Individual,
|
|
9682
|
-
onChange: () =>
|
|
9682
|
+
onChange: () => s(Le.Individual),
|
|
9683
9683
|
className: "mt-1"
|
|
9684
9684
|
}
|
|
9685
9685
|
),
|
|
9686
|
-
/* @__PURE__ */
|
|
9686
|
+
/* @__PURE__ */ o("div", { className: "ml-3", children: [
|
|
9687
9687
|
/* @__PURE__ */ r("div", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: a("investorCategorization.individualInvestor") }),
|
|
9688
9688
|
/* @__PURE__ */ r("div", { className: "text-sm mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("investorCategorization.individualInvestorDesc") })
|
|
9689
9689
|
] })
|
|
@@ -9698,7 +9698,7 @@ const ca = ({
|
|
|
9698
9698
|
borderColor: l === Le.Sophisticated ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
|
|
9699
9699
|
backgroundColor: l === Le.Sophisticated ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
|
|
9700
9700
|
},
|
|
9701
|
-
children: /* @__PURE__ */
|
|
9701
|
+
children: /* @__PURE__ */ o("div", { className: "flex items-start", children: [
|
|
9702
9702
|
/* @__PURE__ */ r(
|
|
9703
9703
|
"input",
|
|
9704
9704
|
{
|
|
@@ -9706,11 +9706,11 @@ const ca = ({
|
|
|
9706
9706
|
name: "investorType",
|
|
9707
9707
|
value: Le.Sophisticated,
|
|
9708
9708
|
checked: l === Le.Sophisticated,
|
|
9709
|
-
onChange: () =>
|
|
9709
|
+
onChange: () => s(Le.Sophisticated),
|
|
9710
9710
|
className: "mt-1"
|
|
9711
9711
|
}
|
|
9712
9712
|
),
|
|
9713
|
-
/* @__PURE__ */
|
|
9713
|
+
/* @__PURE__ */ o("div", { className: "ml-3", children: [
|
|
9714
9714
|
/* @__PURE__ */ r("div", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: a("investorCategorization.sophisticatedInvestor") }),
|
|
9715
9715
|
/* @__PURE__ */ r("div", { className: "text-sm mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("investorCategorization.sophisticatedInvestorDesc") })
|
|
9716
9716
|
] })
|
|
@@ -9725,7 +9725,7 @@ const ca = ({
|
|
|
9725
9725
|
borderColor: l === Le.HighNetWorth ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)",
|
|
9726
9726
|
backgroundColor: l === Le.HighNetWorth ? "var(--metakyc-primary-light, #dbeafe)" : "transparent"
|
|
9727
9727
|
},
|
|
9728
|
-
children: /* @__PURE__ */
|
|
9728
|
+
children: /* @__PURE__ */ o("div", { className: "flex items-start", children: [
|
|
9729
9729
|
/* @__PURE__ */ r(
|
|
9730
9730
|
"input",
|
|
9731
9731
|
{
|
|
@@ -9733,24 +9733,24 @@ const ca = ({
|
|
|
9733
9733
|
name: "investorType",
|
|
9734
9734
|
value: Le.HighNetWorth,
|
|
9735
9735
|
checked: l === Le.HighNetWorth,
|
|
9736
|
-
onChange: () =>
|
|
9736
|
+
onChange: () => s(Le.HighNetWorth),
|
|
9737
9737
|
className: "mt-1"
|
|
9738
9738
|
}
|
|
9739
9739
|
),
|
|
9740
|
-
/* @__PURE__ */
|
|
9740
|
+
/* @__PURE__ */ o("div", { className: "ml-3", children: [
|
|
9741
9741
|
/* @__PURE__ */ r("div", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: a("investorCategorization.highNetworthInvestor") }),
|
|
9742
9742
|
/* @__PURE__ */ r("div", { className: "text-sm mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("investorCategorization.highNetworthInvestorDesc") })
|
|
9743
9743
|
] })
|
|
9744
9744
|
] })
|
|
9745
9745
|
}
|
|
9746
9746
|
),
|
|
9747
|
-
d && /* @__PURE__ */ r("div", { className: "p-4 rounded-lg", style: { backgroundColor: "#fee2e2", border: "1px solid #fca5a5" }, children: /* @__PURE__ */
|
|
9747
|
+
d && /* @__PURE__ */ r("div", { className: "p-4 rounded-lg", style: { backgroundColor: "#fee2e2", border: "1px solid #fca5a5" }, children: /* @__PURE__ */ o("p", { className: "text-sm", style: { color: "#991b1b" }, children: [
|
|
9748
9748
|
/* @__PURE__ */ r("strong", { children: "Error:" }),
|
|
9749
9749
|
" ",
|
|
9750
9750
|
d
|
|
9751
9751
|
] }) })
|
|
9752
9752
|
] }),
|
|
9753
|
-
/* @__PURE__ */
|
|
9753
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
9754
9754
|
i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") }),
|
|
9755
9755
|
/* @__PURE__ */ r(
|
|
9756
9756
|
G,
|
|
@@ -9777,13 +9777,13 @@ const ua = ({
|
|
|
9777
9777
|
onComplete: t,
|
|
9778
9778
|
onBack: i
|
|
9779
9779
|
}) => {
|
|
9780
|
-
const { t: a } =
|
|
9780
|
+
const { t: a } = Te(), { appropriatenessTestService: n } = Fe(), [l, s] = b(null), [p, u] = b(!0), [d, y] = b(!1), [v, T] = b(null), [I, x] = b({}), [q, S] = b(0), [L, B] = b(!1), [F, U] = b(!1), [K, J] = b(0), [ae, w] = b(0), [R, V] = b(null);
|
|
9781
9781
|
ke(() => {
|
|
9782
9782
|
(async () => {
|
|
9783
9783
|
try {
|
|
9784
9784
|
u(!0), T(null);
|
|
9785
9785
|
const A = await n.getAppropriatenessTest(e);
|
|
9786
|
-
if (
|
|
9786
|
+
if (s(A), A.waitTimeSpanForNextTry && A.waitTimeSpanForNextTry !== "00:00:00") {
|
|
9787
9787
|
const O = Kt(A.waitTimeSpanForNextTry);
|
|
9788
9788
|
O > 0 && J(O);
|
|
9789
9789
|
}
|
|
@@ -9815,7 +9815,7 @@ const ua = ({
|
|
|
9815
9815
|
}, W = te(async () => {
|
|
9816
9816
|
try {
|
|
9817
9817
|
const A = await n.getAppropriatenessTest(e);
|
|
9818
|
-
if (
|
|
9818
|
+
if (s(A), A.waitTimeSpanForNextTry && A.waitTimeSpanForNextTry !== "00:00:00") {
|
|
9819
9819
|
const O = Kt(A.waitTimeSpanForNextTry);
|
|
9820
9820
|
O > 0 && J(O);
|
|
9821
9821
|
}
|
|
@@ -9858,20 +9858,20 @@ const ua = ({
|
|
|
9858
9858
|
B(!1), U(!1), x({}), w(0);
|
|
9859
9859
|
};
|
|
9860
9860
|
if (p)
|
|
9861
|
-
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
9861
|
+
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", padding: "48px 0", gap: "16px" }, children: [
|
|
9862
9862
|
/* @__PURE__ */ r(Ve, { className: "my-8" }),
|
|
9863
9863
|
/* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: a("appropriatenessTest.loadingTest") })
|
|
9864
9864
|
] }) }) });
|
|
9865
9865
|
if (!l)
|
|
9866
|
-
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
9866
|
+
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { style: { textAlign: "center", padding: "48px 0" }, children: [
|
|
9867
9867
|
/* @__PURE__ */ r("p", { style: { fontSize: "16px", fontWeight: 600, color: "var(--metakyc-danger, #ef4444)" }, children: a("appropriatenessTest.noTestData") }),
|
|
9868
9868
|
v && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "8px" }, children: v })
|
|
9869
9869
|
] }) }) });
|
|
9870
9870
|
const H = l.testAllowedMaxTry - l.totalFailedTries, je = l.appropriatenessQuestions.length, ge = Object.keys(I).length;
|
|
9871
9871
|
if (K > 0)
|
|
9872
|
-
return /* @__PURE__ */
|
|
9872
|
+
return /* @__PURE__ */ o(re, { children: [
|
|
9873
9873
|
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: l.displayName }) }),
|
|
9874
|
-
/* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
9874
|
+
/* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { style: { textAlign: "center", padding: "32px 0" }, children: [
|
|
9875
9875
|
/* @__PURE__ */ r("div", { style: {
|
|
9876
9876
|
width: "100px",
|
|
9877
9877
|
height: "100px",
|
|
@@ -9902,8 +9902,8 @@ const ua = ({
|
|
|
9902
9902
|
const A = () => {
|
|
9903
9903
|
V(null), oe(), T(null);
|
|
9904
9904
|
};
|
|
9905
|
-
return /* @__PURE__ */
|
|
9906
|
-
/* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
9905
|
+
return /* @__PURE__ */ o(re, { children: [
|
|
9906
|
+
/* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { style: {
|
|
9907
9907
|
display: "flex",
|
|
9908
9908
|
flexDirection: "column",
|
|
9909
9909
|
alignItems: "center",
|
|
@@ -9919,10 +9919,10 @@ const ua = ({
|
|
|
9919
9919
|
alignItems: "center",
|
|
9920
9920
|
justifyContent: "center",
|
|
9921
9921
|
backgroundColor: R.success ? "color-mix(in srgb, var(--metakyc-success, #10b981) 12%, transparent)" : "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)"
|
|
9922
|
-
}, children: R.success ? /* @__PURE__ */
|
|
9922
|
+
}, children: R.success ? /* @__PURE__ */ o("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-success, #10b981)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
9923
9923
|
/* @__PURE__ */ r("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
|
|
9924
9924
|
/* @__PURE__ */ r("polyline", { points: "22 4 12 14.01 9 11.01" })
|
|
9925
|
-
] }) : /* @__PURE__ */
|
|
9925
|
+
] }) : /* @__PURE__ */ o("svg", { width: "36", height: "36", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
9926
9926
|
/* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
|
|
9927
9927
|
/* @__PURE__ */ r("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
|
|
9928
9928
|
/* @__PURE__ */ r("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
|
|
@@ -9964,7 +9964,7 @@ const ua = ({
|
|
|
9964
9964
|
margin: 0
|
|
9965
9965
|
}, children: a("appropriatenessTest.noAttemptsRemaining") }) })
|
|
9966
9966
|
] }) }),
|
|
9967
|
-
/* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", width: "100%", gap: "12px" }, children: R.success ? /* @__PURE__ */ r(G, { type: "button", onClick: () => t == null ? void 0 : t(), children: a("common.continue") }) : /* @__PURE__ */
|
|
9967
|
+
/* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", width: "100%", gap: "12px" }, children: R.success ? /* @__PURE__ */ r(G, { type: "button", onClick: () => t == null ? void 0 : t(), children: a("common.continue") }) : /* @__PURE__ */ o(ut, { children: [
|
|
9968
9968
|
H > 0 && K <= 0 && /* @__PURE__ */ r(G, { type: "button", onClick: A, children: a("appropriatenessTest.retakeTest") }),
|
|
9969
9969
|
H > 0 && K > 0 && /* @__PURE__ */ r(G, { type: "button", onClick: A, children: a("appropriatenessTest.ok") }),
|
|
9970
9970
|
H <= 0 && i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") })
|
|
@@ -9972,13 +9972,13 @@ const ua = ({
|
|
|
9972
9972
|
] });
|
|
9973
9973
|
}
|
|
9974
9974
|
if (!L)
|
|
9975
|
-
return /* @__PURE__ */
|
|
9976
|
-
/* @__PURE__ */
|
|
9975
|
+
return /* @__PURE__ */ o(re, { children: [
|
|
9976
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
9977
9977
|
/* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: l.displayName }),
|
|
9978
9978
|
l.subtitle && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-secondary, #6b7280)", marginTop: "4px" }, children: l.subtitle })
|
|
9979
9979
|
] }),
|
|
9980
|
-
/* @__PURE__ */
|
|
9981
|
-
l.description && /* @__PURE__ */
|
|
9980
|
+
/* @__PURE__ */ o(ie, { children: [
|
|
9981
|
+
l.description && /* @__PURE__ */ o("div", { style: {
|
|
9982
9982
|
marginBottom: "20px",
|
|
9983
9983
|
padding: "12px 14px",
|
|
9984
9984
|
borderRadius: "10px",
|
|
@@ -9987,14 +9987,14 @@ const ua = ({
|
|
|
9987
9987
|
display: "flex",
|
|
9988
9988
|
gap: "10px"
|
|
9989
9989
|
}, children: [
|
|
9990
|
-
/* @__PURE__ */
|
|
9990
|
+
/* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-primary, #2563eb)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0, marginTop: "1px" }, children: [
|
|
9991
9991
|
/* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
|
|
9992
9992
|
/* @__PURE__ */ r("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
|
|
9993
9993
|
/* @__PURE__ */ r("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
|
|
9994
9994
|
] }),
|
|
9995
9995
|
/* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-text-secondary, #374151)", margin: 0, lineHeight: 1.5 }, children: l.description })
|
|
9996
9996
|
] }),
|
|
9997
|
-
/* @__PURE__ */
|
|
9997
|
+
/* @__PURE__ */ o("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "12px", marginBottom: "20px" }, children: [
|
|
9998
9998
|
/* @__PURE__ */ r(ht, { icon: "questions", label: a("appropriatenessTest.questions"), value: String(l.totalQuestionCount) }),
|
|
9999
9999
|
/* @__PURE__ */ r(ht, { icon: "time", label: a("appropriatenessTest.timeLimit"), value: Ct(l.testDurationSec) }),
|
|
10000
10000
|
/* @__PURE__ */ r(ht, { icon: "target", label: a("appropriatenessTest.passRequirement"), value: a("appropriatenessTest.correct", { count: l.testCorrectAnswerPassLimit }) }),
|
|
@@ -10008,7 +10008,7 @@ const ua = ({
|
|
|
10008
10008
|
}
|
|
10009
10009
|
)
|
|
10010
10010
|
] }),
|
|
10011
|
-
v && /* @__PURE__ */
|
|
10011
|
+
v && /* @__PURE__ */ o("div", { style: {
|
|
10012
10012
|
marginBottom: "16px",
|
|
10013
10013
|
padding: "12px 14px",
|
|
10014
10014
|
borderRadius: "10px",
|
|
@@ -10017,12 +10017,12 @@ const ua = ({
|
|
|
10017
10017
|
display: "flex",
|
|
10018
10018
|
gap: "10px"
|
|
10019
10019
|
}, children: [
|
|
10020
|
-
/* @__PURE__ */
|
|
10020
|
+
/* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "var(--metakyc-danger, #ef4444)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0, marginTop: "1px" }, children: [
|
|
10021
10021
|
/* @__PURE__ */ r("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
|
|
10022
10022
|
/* @__PURE__ */ r("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
|
|
10023
10023
|
/* @__PURE__ */ r("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
|
|
10024
10024
|
] }),
|
|
10025
|
-
/* @__PURE__ */
|
|
10025
|
+
/* @__PURE__ */ o("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0, lineHeight: 1.5 }, children: [
|
|
10026
10026
|
/* @__PURE__ */ r("strong", { children: a("appropriatenessTest.previousAttempt") }),
|
|
10027
10027
|
" ",
|
|
10028
10028
|
v
|
|
@@ -10035,20 +10035,20 @@ const ua = ({
|
|
|
10035
10035
|
border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 20%, transparent)"
|
|
10036
10036
|
}, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: a("appropriatenessTest.allAttemptsUsed") }) })
|
|
10037
10037
|
] }),
|
|
10038
|
-
/* @__PURE__ */ r(Ne, { children: /* @__PURE__ */
|
|
10038
|
+
/* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: i ? "space-between" : "flex-end", width: "100%" }, children: [
|
|
10039
10039
|
i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") }),
|
|
10040
10040
|
/* @__PURE__ */ r(G, { type: "button", onClick: Q, disabled: H <= 0, children: a("appropriatenessTest.startTest") })
|
|
10041
10041
|
] }) })
|
|
10042
10042
|
] });
|
|
10043
10043
|
const ye = l.appropriatenessQuestions[ae], be = ae === je - 1, ue = ge === je, P = q <= 60;
|
|
10044
|
-
return /* @__PURE__ */
|
|
10045
|
-
/* @__PURE__ */
|
|
10046
|
-
/* @__PURE__ */
|
|
10047
|
-
/* @__PURE__ */
|
|
10044
|
+
return /* @__PURE__ */ o(re, { children: [
|
|
10045
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
10046
|
+
/* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
|
|
10047
|
+
/* @__PURE__ */ o("div", { children: [
|
|
10048
10048
|
/* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: l.displayName }),
|
|
10049
10049
|
/* @__PURE__ */ r("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "2px" }, children: a("appropriatenessTest.questionXofY", { current: ae + 1, total: je }) })
|
|
10050
10050
|
] }),
|
|
10051
|
-
/* @__PURE__ */
|
|
10051
|
+
/* @__PURE__ */ o("div", { style: {
|
|
10052
10052
|
display: "flex",
|
|
10053
10053
|
alignItems: "center",
|
|
10054
10054
|
gap: "8px",
|
|
@@ -10057,7 +10057,7 @@ const ua = ({
|
|
|
10057
10057
|
backgroundColor: P ? "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)" : "var(--metakyc-surface, #f3f4f6)",
|
|
10058
10058
|
transition: "all 0.3s ease"
|
|
10059
10059
|
}, children: [
|
|
10060
|
-
/* @__PURE__ */
|
|
10060
|
+
/* @__PURE__ */ o(
|
|
10061
10061
|
"svg",
|
|
10062
10062
|
{
|
|
10063
10063
|
width: "16",
|
|
@@ -10083,7 +10083,7 @@ const ua = ({
|
|
|
10083
10083
|
}, children: Ct(q) })
|
|
10084
10084
|
] })
|
|
10085
10085
|
] }),
|
|
10086
|
-
/* @__PURE__ */
|
|
10086
|
+
/* @__PURE__ */ o("div", { style: { marginTop: "12px" }, children: [
|
|
10087
10087
|
/* @__PURE__ */ r("div", { style: {
|
|
10088
10088
|
height: "4px",
|
|
10089
10089
|
borderRadius: "999px",
|
|
@@ -10096,17 +10096,17 @@ const ua = ({
|
|
|
10096
10096
|
width: `${ge / je * 100}%`,
|
|
10097
10097
|
transition: "width 0.3s ease"
|
|
10098
10098
|
} }) }),
|
|
10099
|
-
/* @__PURE__ */
|
|
10099
|
+
/* @__PURE__ */ o("div", { style: {
|
|
10100
10100
|
display: "flex",
|
|
10101
10101
|
justifyContent: "space-between",
|
|
10102
10102
|
marginTop: "4px"
|
|
10103
10103
|
}, children: [
|
|
10104
|
-
/* @__PURE__ */
|
|
10104
|
+
/* @__PURE__ */ o("span", { style: { fontSize: "11px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
|
|
10105
10105
|
ge,
|
|
10106
10106
|
" ",
|
|
10107
10107
|
a("appropriatenessTest.answered")
|
|
10108
10108
|
] }),
|
|
10109
|
-
/* @__PURE__ */
|
|
10109
|
+
/* @__PURE__ */ o("span", { style: { fontSize: "11px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
|
|
10110
10110
|
H,
|
|
10111
10111
|
" ",
|
|
10112
10112
|
a("appropriatenessTest.attemptsLeft")
|
|
@@ -10114,7 +10114,7 @@ const ua = ({
|
|
|
10114
10114
|
] })
|
|
10115
10115
|
] })
|
|
10116
10116
|
] }),
|
|
10117
|
-
/* @__PURE__ */
|
|
10117
|
+
/* @__PURE__ */ o(ie, { children: [
|
|
10118
10118
|
ye && /* @__PURE__ */ r(
|
|
10119
10119
|
ga,
|
|
10120
10120
|
{
|
|
@@ -10156,7 +10156,7 @@ const ua = ({
|
|
|
10156
10156
|
},
|
|
10157
10157
|
A.id
|
|
10158
10158
|
)) }),
|
|
10159
|
-
F && /* @__PURE__ */
|
|
10159
|
+
F && /* @__PURE__ */ o("div", { style: {
|
|
10160
10160
|
marginTop: "16px",
|
|
10161
10161
|
padding: "12px 14px",
|
|
10162
10162
|
borderRadius: "10px",
|
|
@@ -10166,7 +10166,7 @@ const ua = ({
|
|
|
10166
10166
|
alignItems: "center",
|
|
10167
10167
|
gap: "10px"
|
|
10168
10168
|
}, children: [
|
|
10169
|
-
/* @__PURE__ */
|
|
10169
|
+
/* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "#f59e0b", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [
|
|
10170
10170
|
/* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
|
|
10171
10171
|
/* @__PURE__ */ r("polyline", { points: "12 6 12 12 16 14" })
|
|
10172
10172
|
] }),
|
|
@@ -10180,7 +10180,7 @@ const ua = ({
|
|
|
10180
10180
|
border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 20%, transparent)"
|
|
10181
10181
|
}, children: /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", margin: 0 }, children: v }) })
|
|
10182
10182
|
] }),
|
|
10183
|
-
/* @__PURE__ */ r(Ne, { children: /* @__PURE__ */
|
|
10183
|
+
/* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, children: [
|
|
10184
10184
|
/* @__PURE__ */ r(
|
|
10185
10185
|
G,
|
|
10186
10186
|
{
|
|
@@ -10193,7 +10193,7 @@ const ua = ({
|
|
|
10193
10193
|
children: ae > 0 ? a("common.previous") : a("common.cancel")
|
|
10194
10194
|
}
|
|
10195
10195
|
),
|
|
10196
|
-
/* @__PURE__ */
|
|
10196
|
+
/* @__PURE__ */ o("div", { style: { display: "flex", gap: "8px" }, children: [
|
|
10197
10197
|
!be && /* @__PURE__ */ r(
|
|
10198
10198
|
G,
|
|
10199
10199
|
{
|
|
@@ -10217,26 +10217,26 @@ const ua = ({
|
|
|
10217
10217
|
] }) })
|
|
10218
10218
|
] });
|
|
10219
10219
|
}, pa = {
|
|
10220
|
-
questions: /* @__PURE__ */
|
|
10220
|
+
questions: /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
10221
10221
|
/* @__PURE__ */ r("path", { d: "M9 11l3 3L22 4" }),
|
|
10222
10222
|
/* @__PURE__ */ r("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" })
|
|
10223
10223
|
] }),
|
|
10224
|
-
time: /* @__PURE__ */
|
|
10224
|
+
time: /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
10225
10225
|
/* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
|
|
10226
10226
|
/* @__PURE__ */ r("polyline", { points: "12 6 12 12 16 14" })
|
|
10227
10227
|
] }),
|
|
10228
|
-
target: /* @__PURE__ */
|
|
10228
|
+
target: /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
10229
10229
|
/* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
|
|
10230
10230
|
/* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "6" }),
|
|
10231
10231
|
/* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "2" })
|
|
10232
10232
|
] }),
|
|
10233
|
-
retry: /* @__PURE__ */
|
|
10233
|
+
retry: /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
10234
10234
|
/* @__PURE__ */ r("polyline", { points: "23 4 23 10 17 10" }),
|
|
10235
10235
|
/* @__PURE__ */ r("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
|
|
10236
10236
|
] })
|
|
10237
10237
|
}, ht = ({ icon: e, label: t, value: i, variant: a = "default" }) => {
|
|
10238
10238
|
const n = a === "warning";
|
|
10239
|
-
return /* @__PURE__ */
|
|
10239
|
+
return /* @__PURE__ */ o("div", { style: {
|
|
10240
10240
|
display: "flex",
|
|
10241
10241
|
alignItems: "center",
|
|
10242
10242
|
gap: "12px",
|
|
@@ -10249,7 +10249,7 @@ const ua = ({
|
|
|
10249
10249
|
color: n ? "#f59e0b" : "var(--metakyc-primary, #2563eb)",
|
|
10250
10250
|
flexShrink: 0
|
|
10251
10251
|
}, children: pa[e] }),
|
|
10252
|
-
/* @__PURE__ */
|
|
10252
|
+
/* @__PURE__ */ o("div", { children: [
|
|
10253
10253
|
/* @__PURE__ */ r("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", margin: 0 }, children: t }),
|
|
10254
10254
|
/* @__PURE__ */ r("p", { style: {
|
|
10255
10255
|
fontSize: "15px",
|
|
@@ -10260,8 +10260,8 @@ const ua = ({
|
|
|
10260
10260
|
}, children: i })
|
|
10261
10261
|
] })
|
|
10262
10262
|
] });
|
|
10263
|
-
}, ga = ({ question: e, selectedAnswer: t, onSelect: i, disabled: a }) => /* @__PURE__ */
|
|
10264
|
-
/* @__PURE__ */
|
|
10263
|
+
}, ga = ({ question: e, selectedAnswer: t, onSelect: i, disabled: a }) => /* @__PURE__ */ o("div", { children: [
|
|
10264
|
+
/* @__PURE__ */ o("div", { style: { marginBottom: "16px" }, children: [
|
|
10265
10265
|
e.groupName && /* @__PURE__ */ r("span", { style: {
|
|
10266
10266
|
display: "inline-block",
|
|
10267
10267
|
fontSize: "11px",
|
|
@@ -10280,8 +10280,8 @@ const ua = ({
|
|
|
10280
10280
|
}, children: e.question })
|
|
10281
10281
|
] }),
|
|
10282
10282
|
/* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: e.answers.map((n, l) => {
|
|
10283
|
-
const
|
|
10284
|
-
return /* @__PURE__ */
|
|
10283
|
+
const s = t === n;
|
|
10284
|
+
return /* @__PURE__ */ o(
|
|
10285
10285
|
"label",
|
|
10286
10286
|
{
|
|
10287
10287
|
style: {
|
|
@@ -10290,30 +10290,30 @@ const ua = ({
|
|
|
10290
10290
|
gap: "12px",
|
|
10291
10291
|
padding: "14px 16px",
|
|
10292
10292
|
borderRadius: "10px",
|
|
10293
|
-
border: `2px solid ${
|
|
10294
|
-
backgroundColor:
|
|
10293
|
+
border: `2px solid ${s ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #e5e7eb)"}`,
|
|
10294
|
+
backgroundColor: s ? "color-mix(in srgb, var(--metakyc-primary, #2563eb) 5%, var(--metakyc-background, #ffffff))" : "var(--metakyc-background, #ffffff)",
|
|
10295
10295
|
cursor: a ? "default" : "pointer",
|
|
10296
10296
|
transition: "all 0.15s ease",
|
|
10297
10297
|
opacity: a ? 0.6 : 1
|
|
10298
10298
|
},
|
|
10299
10299
|
onMouseEnter: (p) => {
|
|
10300
|
-
!a && !
|
|
10300
|
+
!a && !s && (p.currentTarget.style.borderColor = "color-mix(in srgb, var(--metakyc-primary, #2563eb) 50%, var(--metakyc-border, #e5e7eb))");
|
|
10301
10301
|
},
|
|
10302
10302
|
onMouseLeave: (p) => {
|
|
10303
|
-
|
|
10303
|
+
s || (p.currentTarget.style.borderColor = "var(--metakyc-border, #e5e7eb)");
|
|
10304
10304
|
},
|
|
10305
10305
|
children: [
|
|
10306
10306
|
/* @__PURE__ */ r("div", { style: {
|
|
10307
10307
|
width: "20px",
|
|
10308
10308
|
height: "20px",
|
|
10309
10309
|
borderRadius: "50%",
|
|
10310
|
-
border: `2px solid ${
|
|
10310
|
+
border: `2px solid ${s ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-border, #d1d5db)"}`,
|
|
10311
10311
|
display: "flex",
|
|
10312
10312
|
alignItems: "center",
|
|
10313
10313
|
justifyContent: "center",
|
|
10314
10314
|
flexShrink: 0,
|
|
10315
10315
|
transition: "border-color 0.15s ease"
|
|
10316
|
-
}, children:
|
|
10316
|
+
}, children: s && /* @__PURE__ */ r("div", { style: {
|
|
10317
10317
|
width: "10px",
|
|
10318
10318
|
height: "10px",
|
|
10319
10319
|
borderRadius: "50%",
|
|
@@ -10325,7 +10325,7 @@ const ua = ({
|
|
|
10325
10325
|
type: "radio",
|
|
10326
10326
|
name: `q-${e.id}`,
|
|
10327
10327
|
value: n,
|
|
10328
|
-
checked:
|
|
10328
|
+
checked: s,
|
|
10329
10329
|
onChange: () => i(n),
|
|
10330
10330
|
disabled: a,
|
|
10331
10331
|
style: { position: "absolute", opacity: 0, width: 0, height: 0 }
|
|
@@ -10333,8 +10333,8 @@ const ua = ({
|
|
|
10333
10333
|
),
|
|
10334
10334
|
/* @__PURE__ */ r("span", { style: {
|
|
10335
10335
|
fontSize: "14px",
|
|
10336
|
-
color:
|
|
10337
|
-
fontWeight:
|
|
10336
|
+
color: s ? "var(--metakyc-text-primary, #111827)" : "var(--metakyc-text-secondary, #6b7280)",
|
|
10337
|
+
fontWeight: s ? 500 : 400,
|
|
10338
10338
|
transition: "color 0.15s ease"
|
|
10339
10339
|
}, children: n })
|
|
10340
10340
|
]
|
|
@@ -10348,7 +10348,7 @@ const ua = ({
|
|
|
10348
10348
|
onBack: i
|
|
10349
10349
|
}) => {
|
|
10350
10350
|
var rt, Ye, ct, Ze;
|
|
10351
|
-
const { t: a } =
|
|
10351
|
+
const { t: a } = Te(), { applicantService: n, baseInformationService: l, identityService: s, config: p, currentTheme: u } = Fe(), { identityData: d, provider: y, token: v, isLoading: T, error: I, requestIdentity: x, restartIdentity: q } = Di(e), [S, L] = b(null), [B, F] = b(null), [U, K] = b([]), [J, ae] = b([]), [w, R] = b(!0), [V, Q] = b(!1), [X, W] = b(null), [_, oe] = b(!1), H = Se.useRef(!1), [je, ge] = b({}), [ye, be] = b({}), ue = u != null && u.reviewPageFields && u.reviewPageFields.length > 0 ? u.reviewPageFields[0] : null, P = !!(u != null && u.reviewPageDisabled), A = me(!1);
|
|
10352
10352
|
A.current = P;
|
|
10353
10353
|
const O = ur({
|
|
10354
10354
|
defaultValues: {
|
|
@@ -10458,8 +10458,8 @@ const ua = ({
|
|
|
10458
10458
|
if (he) {
|
|
10459
10459
|
console.log("[Sumsub] Fetching access token for Web SDK…"), W(null), (async () => {
|
|
10460
10460
|
try {
|
|
10461
|
-
const M = await
|
|
10462
|
-
$.accessToken = M, $.onTokenRefresh = () =>
|
|
10461
|
+
const M = await s.refreshSumsubToken(e), $ = et.parseProviderConfig(y, v, p);
|
|
10462
|
+
$.accessToken = M, $.onTokenRefresh = () => s.refreshSumsubToken(e);
|
|
10463
10463
|
const Y = et.createProvider(y, $);
|
|
10464
10464
|
Y.onComplete((ee) => {
|
|
10465
10465
|
console.log("[Sumsub] Verification complete:", ee), t == null || t();
|
|
@@ -10525,7 +10525,7 @@ const ua = ({
|
|
|
10525
10525
|
console.error("[Identity] Error destroying provider:", f);
|
|
10526
10526
|
}
|
|
10527
10527
|
};
|
|
10528
|
-
}, [y, v, S, V, t, _, he, e, p,
|
|
10528
|
+
}, [y, v, S, V, t, _, he, e, p, s]);
|
|
10529
10529
|
const se = async () => {
|
|
10530
10530
|
try {
|
|
10531
10531
|
W(null), oe(!1), await x(), Q(!0);
|
|
@@ -10540,20 +10540,20 @@ const ua = ({
|
|
|
10540
10540
|
}
|
|
10541
10541
|
};
|
|
10542
10542
|
if (w || T)
|
|
10543
|
-
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */
|
|
10543
|
+
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
|
|
10544
10544
|
/* @__PURE__ */ r(Ve, { className: "my-8" }),
|
|
10545
10545
|
/* @__PURE__ */ r("p", { className: "text-center text-gray-600 dark:text-gray-400 mt-4", children: a("identity.loadingIdentity") })
|
|
10546
10546
|
] }) });
|
|
10547
10547
|
if (I)
|
|
10548
|
-
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
10548
|
+
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
|
|
10549
10549
|
"Error: ",
|
|
10550
10550
|
I.message
|
|
10551
10551
|
] }) }) });
|
|
10552
10552
|
if (V && (X || _))
|
|
10553
|
-
return /* @__PURE__ */
|
|
10553
|
+
return /* @__PURE__ */ o(re, { children: [
|
|
10554
10554
|
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: a("identity.sessionIssueTitle") }) }),
|
|
10555
|
-
/* @__PURE__ */
|
|
10556
|
-
/* @__PURE__ */ r("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg mb-6", children: /* @__PURE__ */
|
|
10555
|
+
/* @__PURE__ */ o(ie, { children: [
|
|
10556
|
+
/* @__PURE__ */ r("div", { className: "p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg mb-6", children: /* @__PURE__ */ o("div", { className: "flex items-start", children: [
|
|
10557
10557
|
/* @__PURE__ */ r(
|
|
10558
10558
|
"svg",
|
|
10559
10559
|
{
|
|
@@ -10572,41 +10572,41 @@ const ua = ({
|
|
|
10572
10572
|
)
|
|
10573
10573
|
}
|
|
10574
10574
|
),
|
|
10575
|
-
/* @__PURE__ */
|
|
10575
|
+
/* @__PURE__ */ o("div", { children: [
|
|
10576
10576
|
/* @__PURE__ */ r("h3", { className: "font-semibold text-red-900 dark:text-red-100 mb-1", children: a(_ ? "identity.sessionExpiredTitle" : "identity.verificationError") }),
|
|
10577
10577
|
/* @__PURE__ */ r("p", { className: "text-red-800 dark:text-red-200 text-sm", children: X || a("identity.sessionExpiredMessage") })
|
|
10578
10578
|
] })
|
|
10579
10579
|
] }) }),
|
|
10580
|
-
/* @__PURE__ */
|
|
10580
|
+
/* @__PURE__ */ o("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4", children: [
|
|
10581
10581
|
/* @__PURE__ */ r("h3", { className: "font-semibold text-blue-900 dark:text-blue-100 mb-2", children: a("identity.whatToDoNext") }),
|
|
10582
|
-
/* @__PURE__ */
|
|
10582
|
+
/* @__PURE__ */ o("ul", { className: "text-blue-800 dark:text-blue-200 text-sm space-y-1 list-disc list-inside", children: [
|
|
10583
10583
|
/* @__PURE__ */ r("li", { children: a("identity.clickRestart") }),
|
|
10584
10584
|
/* @__PURE__ */ r("li", { children: a("identity.completeWithoutDelays") }),
|
|
10585
10585
|
/* @__PURE__ */ r("li", { children: a("identity.ifIssuesPersist") })
|
|
10586
10586
|
] })
|
|
10587
10587
|
] })
|
|
10588
10588
|
] }),
|
|
10589
|
-
/* @__PURE__ */
|
|
10589
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
10590
10590
|
i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") }),
|
|
10591
10591
|
/* @__PURE__ */ r(G, { type: "button", onClick: D, disabled: T, children: a(T ? "identity.restarting" : "identity.restartVerification") })
|
|
10592
10592
|
] })
|
|
10593
10593
|
] });
|
|
10594
10594
|
if (V && d) {
|
|
10595
10595
|
const f = y;
|
|
10596
|
-
return he ? /* @__PURE__ */
|
|
10596
|
+
return he ? /* @__PURE__ */ o("div", { style: {
|
|
10597
10597
|
background: "var(--metakyc-background, #ffffff)",
|
|
10598
10598
|
borderRadius: "12px",
|
|
10599
10599
|
border: "1px solid var(--metakyc-border, #e5e7eb)",
|
|
10600
10600
|
overflow: "hidden"
|
|
10601
10601
|
}, children: [
|
|
10602
|
-
/* @__PURE__ */
|
|
10602
|
+
/* @__PURE__ */ o("div", { style: {
|
|
10603
10603
|
display: "flex",
|
|
10604
10604
|
alignItems: "center",
|
|
10605
10605
|
justifyContent: "space-between",
|
|
10606
10606
|
padding: "20px 24px",
|
|
10607
10607
|
borderBottom: "1px solid var(--metakyc-border, #e5e7eb)"
|
|
10608
10608
|
}, children: [
|
|
10609
|
-
/* @__PURE__ */
|
|
10609
|
+
/* @__PURE__ */ o("div", { children: [
|
|
10610
10610
|
/* @__PURE__ */ r("h2", { style: {
|
|
10611
10611
|
margin: 0,
|
|
10612
10612
|
fontSize: "20px",
|
|
@@ -10656,9 +10656,9 @@ const ua = ({
|
|
|
10656
10656
|
padding: "16px 24px",
|
|
10657
10657
|
borderTop: "1px solid var(--metakyc-border, #e5e7eb)"
|
|
10658
10658
|
}, children: /* @__PURE__ */ r(G, { variant: "outline", onClick: i, children: a("common.back") }) })
|
|
10659
|
-
] }) : v != null && v.url ? /* @__PURE__ */
|
|
10660
|
-
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */
|
|
10661
|
-
/* @__PURE__ */
|
|
10659
|
+
] }) : v != null && v.url ? /* @__PURE__ */ o(re, { children: [
|
|
10660
|
+
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ o("div", { className: "flex items-center justify-between", children: [
|
|
10661
|
+
/* @__PURE__ */ o("div", { children: [
|
|
10662
10662
|
/* @__PURE__ */ r("h2", { className: "text-2xl font-bold", children: a("identity.title") }),
|
|
10663
10663
|
/* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: a("identity.subtitle") })
|
|
10664
10664
|
] }),
|
|
@@ -10674,7 +10674,7 @@ const ua = ({
|
|
|
10674
10674
|
}
|
|
10675
10675
|
)
|
|
10676
10676
|
] }) }),
|
|
10677
|
-
/* @__PURE__ */
|
|
10677
|
+
/* @__PURE__ */ o(ie, { children: [
|
|
10678
10678
|
/* @__PURE__ */ r("div", { className: "mb-4 p-3 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg", children: /* @__PURE__ */ r("p", { className: "text-yellow-800 dark:text-yellow-200 text-sm", children: a("identity.importantExpiredMessage") }) }),
|
|
10679
10679
|
/* @__PURE__ */ r("div", { className: "w-full", style: { height: "600px" }, children: /* @__PURE__ */ r(
|
|
10680
10680
|
"iframe",
|
|
@@ -10700,18 +10700,18 @@ const ua = ({
|
|
|
10700
10700
|
) })
|
|
10701
10701
|
] }),
|
|
10702
10702
|
i && /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(G, { variant: "outline", onClick: i, children: a("common.back") }) })
|
|
10703
|
-
] }) : f === Be.SardinAI ? /* @__PURE__ */
|
|
10704
|
-
/* @__PURE__ */
|
|
10703
|
+
] }) : f === Be.SardinAI ? /* @__PURE__ */ o(re, { children: [
|
|
10704
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
10705
10705
|
/* @__PURE__ */ r("h2", { className: "text-2xl font-bold", children: a("identity.deviceRiskAssessment") }),
|
|
10706
10706
|
/* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: a("identity.analyzingDevice") })
|
|
10707
10707
|
] }),
|
|
10708
|
-
/* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
10708
|
+
/* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { className: "text-center py-12", children: [
|
|
10709
10709
|
/* @__PURE__ */ r(Ve, { className: "mb-4" }),
|
|
10710
10710
|
/* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400", children: a("identity.pleaseWaitDevice") }),
|
|
10711
10711
|
/* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-500 mt-2", children: a("identity.automaticProcess") })
|
|
10712
10712
|
] }) })
|
|
10713
|
-
] }) : /* @__PURE__ */
|
|
10714
|
-
/* @__PURE__ */
|
|
10713
|
+
] }) : /* @__PURE__ */ o(re, { children: [
|
|
10714
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
10715
10715
|
/* @__PURE__ */ r("h2", { className: "text-2xl font-bold", children: a("identity.title") }),
|
|
10716
10716
|
/* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: a("identity.subtitle") })
|
|
10717
10717
|
] }),
|
|
@@ -10722,7 +10722,7 @@ const ua = ({
|
|
|
10722
10722
|
const ne = /* @__PURE__ */ new Set(["country", "nationality", "taxCountry", "countryOfBirth", "mobileCountryCode", "otherNationality"]), Z = (f = 4) => {
|
|
10723
10723
|
const M = Math.min(4, Math.max(1, Number(f) || 4));
|
|
10724
10724
|
return { gridColumn: `span ${M} / span ${M}` };
|
|
10725
|
-
},
|
|
10725
|
+
}, Re = (f, M) => {
|
|
10726
10726
|
if (!M && M !== 0) return "—";
|
|
10727
10727
|
if (ne.has(f) && f !== "mobileCountryCode") {
|
|
10728
10728
|
const $ = U.find((Y) => Y.value === M);
|
|
@@ -10731,7 +10731,7 @@ const ua = ({
|
|
|
10731
10731
|
return String(M);
|
|
10732
10732
|
}, ze = ({ helpText: f }) => {
|
|
10733
10733
|
const [M, $] = b(!1), Y = me(null), [, ee] = b({ top: 0, left: 0 });
|
|
10734
|
-
return /* @__PURE__ */
|
|
10734
|
+
return /* @__PURE__ */ o(ut, { children: [
|
|
10735
10735
|
/* @__PURE__ */ r(
|
|
10736
10736
|
"button",
|
|
10737
10737
|
{
|
|
@@ -10782,7 +10782,7 @@ const ua = ({
|
|
|
10782
10782
|
justifyContent: "center"
|
|
10783
10783
|
},
|
|
10784
10784
|
onClick: () => $(!1),
|
|
10785
|
-
children: /* @__PURE__ */
|
|
10785
|
+
children: /* @__PURE__ */ o(
|
|
10786
10786
|
"div",
|
|
10787
10787
|
{
|
|
10788
10788
|
onClick: (z) => z.stopPropagation(),
|
|
@@ -10823,7 +10823,7 @@ const ua = ({
|
|
|
10823
10823
|
document.body
|
|
10824
10824
|
)
|
|
10825
10825
|
] });
|
|
10826
|
-
},
|
|
10826
|
+
}, Ie = (f, M) => M ? /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "flex-start", gap: 5, flexWrap: "nowrap" }, children: [
|
|
10827
10827
|
/* @__PURE__ */ r("div", { style: { flex: 1, minWidth: 0 }, children: f }),
|
|
10828
10828
|
/* @__PURE__ */ r("div", { style: { paddingTop: 24 }, children: /* @__PURE__ */ r(ze, { helpText: M }) })
|
|
10829
10829
|
] }) : f, Ke = (f, M) => {
|
|
@@ -10849,7 +10849,7 @@ const ua = ({
|
|
|
10849
10849
|
$
|
|
10850
10850
|
);
|
|
10851
10851
|
if (f.customType === "link")
|
|
10852
|
-
return /* @__PURE__ */ r("div", { style: Z(f.colSpan), children:
|
|
10852
|
+
return /* @__PURE__ */ r("div", { style: Z(f.colSpan), children: Ie(
|
|
10853
10853
|
/* @__PURE__ */ r(
|
|
10854
10854
|
"a",
|
|
10855
10855
|
{
|
|
@@ -10865,8 +10865,8 @@ const ua = ({
|
|
|
10865
10865
|
) }, $);
|
|
10866
10866
|
if (f.customType === "checkbox" || f.customType === "link_checkbox") {
|
|
10867
10867
|
const g = ee === "true" || ee === !0;
|
|
10868
|
-
return /* @__PURE__ */ r("div", { style: Z(f.colSpan), children:
|
|
10869
|
-
/* @__PURE__ */
|
|
10868
|
+
return /* @__PURE__ */ r("div", { style: Z(f.colSpan), children: Ie(
|
|
10869
|
+
/* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
|
|
10870
10870
|
/* @__PURE__ */ r(
|
|
10871
10871
|
Ue,
|
|
10872
10872
|
{
|
|
@@ -10875,7 +10875,7 @@ const ua = ({
|
|
|
10875
10875
|
style: { marginTop: 2 }
|
|
10876
10876
|
}
|
|
10877
10877
|
),
|
|
10878
|
-
/* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: f.customType === "link_checkbox" && f.linkUrl ? /* @__PURE__ */
|
|
10878
|
+
/* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: f.customType === "link_checkbox" && f.linkUrl ? /* @__PURE__ */ o(ut, { children: [
|
|
10879
10879
|
/* @__PURE__ */ r("a", { href: f.linkUrl, target: "_blank", rel: "noopener noreferrer", style: { color: "var(--metakyc-primary, #6366f1)", textDecoration: "underline" }, children: f.linkText || f.label }),
|
|
10880
10880
|
f.label && f.linkText ? ` ${f.label}` : ""
|
|
10881
10881
|
] }) : f.displayText || f.label })
|
|
@@ -10890,10 +10890,10 @@ const ua = ({
|
|
|
10890
10890
|
[Y]: g.includes(E) ? g.filter((c) => c !== E) : [...g, E]
|
|
10891
10891
|
}));
|
|
10892
10892
|
};
|
|
10893
|
-
return /* @__PURE__ */ r("div", { style: Z(f.colSpan), children:
|
|
10894
|
-
/* @__PURE__ */
|
|
10893
|
+
return /* @__PURE__ */ r("div", { style: Z(f.colSpan), children: Ie(
|
|
10894
|
+
/* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
|
|
10895
10895
|
f.label && /* @__PURE__ */ r("p", { className: "text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: f.displayText || f.label }),
|
|
10896
|
-
(f.options || []).map((E) => /* @__PURE__ */
|
|
10896
|
+
(f.options || []).map((E) => /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
|
|
10897
10897
|
/* @__PURE__ */ r(
|
|
10898
10898
|
Ue,
|
|
10899
10899
|
{
|
|
@@ -10908,10 +10908,10 @@ const ua = ({
|
|
|
10908
10908
|
f.helpText
|
|
10909
10909
|
) }, $);
|
|
10910
10910
|
}
|
|
10911
|
-
return f.customType === "radio_group" ? /* @__PURE__ */ r("div", { style: Z(f.colSpan), children:
|
|
10912
|
-
/* @__PURE__ */
|
|
10911
|
+
return f.customType === "radio_group" ? /* @__PURE__ */ r("div", { style: Z(f.colSpan), children: Ie(
|
|
10912
|
+
/* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
|
|
10913
10913
|
f.label && /* @__PURE__ */ r("p", { className: "text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: f.displayText || f.label }),
|
|
10914
|
-
(f.options || []).map((g) => /* @__PURE__ */
|
|
10914
|
+
(f.options || []).map((g) => /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
|
|
10915
10915
|
/* @__PURE__ */ r(
|
|
10916
10916
|
"input",
|
|
10917
10917
|
{
|
|
@@ -10927,7 +10927,7 @@ const ua = ({
|
|
|
10927
10927
|
] }, g.value))
|
|
10928
10928
|
] }),
|
|
10929
10929
|
f.helpText
|
|
10930
|
-
) }, $) : /* @__PURE__ */ r("div", { style: Z(f.colSpan), children:
|
|
10930
|
+
) }, $) : /* @__PURE__ */ r("div", { style: Z(f.colSpan), children: Ie(
|
|
10931
10931
|
/* @__PURE__ */ r(
|
|
10932
10932
|
we,
|
|
10933
10933
|
{
|
|
@@ -10941,7 +10941,7 @@ const ua = ({
|
|
|
10941
10941
|
}, lt = (f, M) => {
|
|
10942
10942
|
if (f.isCustom) return Ke(f, M);
|
|
10943
10943
|
const $ = f.name ?? "", Y = st[$], ee = f.displayText || (Y == null ? void 0 : Y.label) || $, g = je[$] ?? "", z = $ === "mobileCountryCode", E = !!(Y != null && Y.countriesType) && !z;
|
|
10944
|
-
return f.editable ? z ? /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children:
|
|
10944
|
+
return f.editable ? z ? /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children: Ie(
|
|
10945
10945
|
/* @__PURE__ */ r(
|
|
10946
10946
|
Qe,
|
|
10947
10947
|
{
|
|
@@ -10952,7 +10952,7 @@ const ua = ({
|
|
|
10952
10952
|
}
|
|
10953
10953
|
),
|
|
10954
10954
|
f.helpText
|
|
10955
|
-
) }, `epc-${M}`) : E ? /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children:
|
|
10955
|
+
) }, `epc-${M}`) : E ? /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children: Ie(
|
|
10956
10956
|
/* @__PURE__ */ r(
|
|
10957
10957
|
Qe,
|
|
10958
10958
|
{
|
|
@@ -10963,7 +10963,7 @@ const ua = ({
|
|
|
10963
10963
|
}
|
|
10964
10964
|
),
|
|
10965
10965
|
f.helpText
|
|
10966
|
-
) }, `ec-${M}`) : /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children:
|
|
10966
|
+
) }, `ec-${M}`) : /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children: Ie(
|
|
10967
10967
|
/* @__PURE__ */ r(
|
|
10968
10968
|
we,
|
|
10969
10969
|
{
|
|
@@ -10974,10 +10974,10 @@ const ua = ({
|
|
|
10974
10974
|
}
|
|
10975
10975
|
),
|
|
10976
10976
|
f.helpText
|
|
10977
|
-
) }, `ei-${M}`) : /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children:
|
|
10978
|
-
/* @__PURE__ */
|
|
10977
|
+
) }, `ei-${M}`) : /* @__PURE__ */ r("div", { style: Z(f.colSpan ?? 2), children: Ie(
|
|
10978
|
+
/* @__PURE__ */ o(ut, { children: [
|
|
10979
10979
|
/* @__PURE__ */ r("label", { className: "block text-sm font-medium mb-0.5", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: ee }),
|
|
10980
|
-
/* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)", minHeight: "1.5rem" }, children:
|
|
10980
|
+
/* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)", minHeight: "1.5rem" }, children: Re($, g) })
|
|
10981
10981
|
] }),
|
|
10982
10982
|
f.helpText
|
|
10983
10983
|
) }, `ro-${M}`);
|
|
@@ -10986,35 +10986,35 @@ const ua = ({
|
|
|
10986
10986
|
const f = ue.title || a("identity.reviewYourInformation"), M = ue.subtitle || a("identity.reviewSubtitle");
|
|
10987
10987
|
return /* @__PURE__ */ r("form", { onSubmit: ($) => {
|
|
10988
10988
|
$.preventDefault(), se();
|
|
10989
|
-
}, children: /* @__PURE__ */
|
|
10990
|
-
/* @__PURE__ */
|
|
10989
|
+
}, children: /* @__PURE__ */ o(re, { children: [
|
|
10990
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
10991
10991
|
/* @__PURE__ */ r("h2", { className: "text-lg font-bold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: f }),
|
|
10992
10992
|
M && /* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: M })
|
|
10993
10993
|
] }),
|
|
10994
10994
|
/* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: ue.fields.map(($, Y) => lt($, Y)) }) }),
|
|
10995
|
-
/* @__PURE__ */
|
|
10995
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
10996
10996
|
i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") }),
|
|
10997
10997
|
/* @__PURE__ */ r(G, { type: "submit", isLoading: T, children: a("identity.confirmAndStart") })
|
|
10998
10998
|
] })
|
|
10999
10999
|
] }) });
|
|
11000
11000
|
}
|
|
11001
|
-
return /* @__PURE__ */ r("form", { onSubmit: O.handleSubmit(se), children: /* @__PURE__ */
|
|
11002
|
-
/* @__PURE__ */
|
|
11001
|
+
return /* @__PURE__ */ r("form", { onSubmit: O.handleSubmit(se), children: /* @__PURE__ */ o(re, { children: [
|
|
11002
|
+
/* @__PURE__ */ o(Ce, { children: [
|
|
11003
11003
|
/* @__PURE__ */ r("h2", { className: "text-lg font-bold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: a("identity.reviewYourInformation") }),
|
|
11004
11004
|
/* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a("identity.reviewSubtitle") })
|
|
11005
11005
|
] }),
|
|
11006
|
-
/* @__PURE__ */
|
|
11006
|
+
/* @__PURE__ */ o(ie, { className: "space-y-6", children: [
|
|
11007
11007
|
/* @__PURE__ */ r("div", { className: "space-y-4 pb-4", style: { borderBottom: "1px solid var(--metakyc-border, #e5e7eb)" }, children: [
|
|
11008
11008
|
{ label: a("fields.name"), value: `${((rt = B == null ? void 0 : B.applicantRequestData) == null ? void 0 : rt.firstName) || ""} ${((Ye = B == null ? void 0 : B.applicantRequestData) == null ? void 0 : Ye.lastName) || ""}`.trim() },
|
|
11009
11009
|
{ label: a("fields.email"), value: (ct = B == null ? void 0 : B.applicantRequestData) == null ? void 0 : ct.email },
|
|
11010
11010
|
{ label: a("fields.dateOfBirth"), value: ((Ze = B == null ? void 0 : B.applicantRequestData) == null ? void 0 : Ze.dateOfBirth) || a("fields.notProvided") }
|
|
11011
|
-
].map(({ label: f, value: M }) => /* @__PURE__ */
|
|
11011
|
+
].map(({ label: f, value: M }) => /* @__PURE__ */ o("div", { children: [
|
|
11012
11012
|
/* @__PURE__ */ r("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: f }),
|
|
11013
11013
|
/* @__PURE__ */ r("p", { className: "mt-1 text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: M })
|
|
11014
11014
|
] }, f)) }),
|
|
11015
|
-
/* @__PURE__ */
|
|
11015
|
+
/* @__PURE__ */ o("div", { className: "space-y-4", children: [
|
|
11016
11016
|
/* @__PURE__ */ r("h3", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: a("fields.addressInformation") }),
|
|
11017
|
-
/* @__PURE__ */
|
|
11017
|
+
/* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
|
|
11018
11018
|
/* @__PURE__ */ r(
|
|
11019
11019
|
at,
|
|
11020
11020
|
{
|
|
@@ -11048,18 +11048,18 @@ const ua = ({
|
|
|
11048
11048
|
}
|
|
11049
11049
|
)
|
|
11050
11050
|
] }),
|
|
11051
|
-
/* @__PURE__ */
|
|
11051
|
+
/* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
|
|
11052
11052
|
/* @__PURE__ */ r(at, { control: O.control, name: "street", render: ({ field: f }) => /* @__PURE__ */ r(we, { ...f, label: a("fields.street") }) }),
|
|
11053
11053
|
/* @__PURE__ */ r(at, { control: O.control, name: "streetNumber", render: ({ field: f }) => /* @__PURE__ */ r(we, { ...f, label: a("fields.streetNumber") }) })
|
|
11054
11054
|
] }),
|
|
11055
|
-
/* @__PURE__ */
|
|
11055
|
+
/* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
|
|
11056
11056
|
/* @__PURE__ */ r(at, { control: O.control, name: "city", render: ({ field: f }) => /* @__PURE__ */ r(we, { ...f, label: a("fields.city") }) }),
|
|
11057
11057
|
/* @__PURE__ */ r(at, { control: O.control, name: "zip", render: ({ field: f }) => /* @__PURE__ */ r(we, { ...f, label: a("fields.zip") }) })
|
|
11058
11058
|
] }),
|
|
11059
11059
|
/* @__PURE__ */ r(at, { control: O.control, name: "phonenumber", render: ({ field: f }) => /* @__PURE__ */ r(we, { ...f, label: a("fields.phoneNumber"), type: "tel" }) })
|
|
11060
11060
|
] })
|
|
11061
11061
|
] }),
|
|
11062
|
-
/* @__PURE__ */
|
|
11062
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
11063
11063
|
i && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: i, children: a("common.back") }),
|
|
11064
11064
|
/* @__PURE__ */ r(G, { type: "submit", isLoading: T, children: a("identity.confirmAndStart") })
|
|
11065
11065
|
] })
|
|
@@ -11072,79 +11072,79 @@ const ua = ({
|
|
|
11072
11072
|
onContinue: n,
|
|
11073
11073
|
onContactSupport: l
|
|
11074
11074
|
}) => {
|
|
11075
|
-
const { t:
|
|
11075
|
+
const { t: s } = Te(), u = e === nt.Approved ? {
|
|
11076
11076
|
type: "success",
|
|
11077
|
-
title:
|
|
11077
|
+
title: s("status.verificationApproved"),
|
|
11078
11078
|
icon: "✓",
|
|
11079
11079
|
iconBg: "bg-green-100 dark:bg-green-900/30",
|
|
11080
11080
|
iconColor: "text-green-600 dark:text-green-400",
|
|
11081
|
-
message:
|
|
11081
|
+
message: s("status.verificationApprovedMsg")
|
|
11082
11082
|
} : e === nt.Rejected ? {
|
|
11083
11083
|
type: "error",
|
|
11084
|
-
title:
|
|
11084
|
+
title: s("status.verificationRejected"),
|
|
11085
11085
|
icon: "✕",
|
|
11086
11086
|
iconBg: "bg-red-100 dark:bg-red-900/30",
|
|
11087
11087
|
iconColor: "text-red-600 dark:text-red-400",
|
|
11088
|
-
message:
|
|
11088
|
+
message: s("status.verificationRejectedMsg")
|
|
11089
11089
|
} : e === nt.Pending || e === nt.InProgress ? {
|
|
11090
11090
|
type: "pending",
|
|
11091
|
-
title:
|
|
11091
|
+
title: s("status.verificationPending"),
|
|
11092
11092
|
icon: "⏱",
|
|
11093
11093
|
iconBg: "bg-blue-100 dark:bg-blue-900/30",
|
|
11094
11094
|
iconColor: "text-blue-600 dark:text-blue-400",
|
|
11095
|
-
message:
|
|
11095
|
+
message: s("status.verificationPendingMsg")
|
|
11096
11096
|
} : t === ot.Approved ? {
|
|
11097
11097
|
type: "success",
|
|
11098
|
-
title:
|
|
11098
|
+
title: s("status.applicationApproved"),
|
|
11099
11099
|
icon: "✓",
|
|
11100
11100
|
iconBg: "bg-green-100 dark:bg-green-900/30",
|
|
11101
11101
|
iconColor: "text-green-600 dark:text-green-400",
|
|
11102
|
-
message:
|
|
11102
|
+
message: s("status.applicationApprovedMsg")
|
|
11103
11103
|
} : t === ot.Reject ? {
|
|
11104
11104
|
type: "error",
|
|
11105
|
-
title:
|
|
11105
|
+
title: s("status.applicationRejected"),
|
|
11106
11106
|
icon: "✕",
|
|
11107
11107
|
iconBg: "bg-red-100 dark:bg-red-900/30",
|
|
11108
11108
|
iconColor: "text-red-600 dark:text-red-400",
|
|
11109
|
-
message:
|
|
11109
|
+
message: s("status.applicationRejectedMsg")
|
|
11110
11110
|
} : t === ot.UnderReview || t === ot.AdminReview ? {
|
|
11111
11111
|
type: "pending",
|
|
11112
|
-
title:
|
|
11112
|
+
title: s("status.underReview"),
|
|
11113
11113
|
icon: "📋",
|
|
11114
11114
|
iconBg: "bg-yellow-100 dark:bg-yellow-900/30",
|
|
11115
11115
|
iconColor: "text-yellow-700 dark:text-yellow-400",
|
|
11116
|
-
message:
|
|
11116
|
+
message: s("status.underReviewMsg")
|
|
11117
11117
|
} : i === bt.Success ? {
|
|
11118
11118
|
type: "success",
|
|
11119
|
-
title:
|
|
11119
|
+
title: s("status.processComplete"),
|
|
11120
11120
|
icon: "✓",
|
|
11121
11121
|
iconBg: "bg-green-100 dark:bg-green-900/30",
|
|
11122
11122
|
iconColor: "text-green-600 dark:text-green-400",
|
|
11123
|
-
message:
|
|
11123
|
+
message: s("status.processCompleteMsg")
|
|
11124
11124
|
} : i === bt.Failed ? {
|
|
11125
11125
|
type: "error",
|
|
11126
|
-
title:
|
|
11126
|
+
title: s("status.processFailed"),
|
|
11127
11127
|
icon: "✕",
|
|
11128
11128
|
iconBg: "bg-red-100 dark:bg-red-900/30",
|
|
11129
11129
|
iconColor: "text-red-600 dark:text-red-400",
|
|
11130
|
-
message:
|
|
11130
|
+
message: s("status.processFailedMsg")
|
|
11131
11131
|
} : i === bt.AdminReview ? {
|
|
11132
11132
|
type: "pending",
|
|
11133
|
-
title:
|
|
11133
|
+
title: s("status.adminReviewRequired"),
|
|
11134
11134
|
icon: "📋",
|
|
11135
11135
|
iconBg: "bg-yellow-100 dark:bg-yellow-900/30",
|
|
11136
11136
|
iconColor: "text-yellow-700 dark:text-yellow-400",
|
|
11137
|
-
message:
|
|
11137
|
+
message: s("status.adminReviewRequiredMsg")
|
|
11138
11138
|
} : {
|
|
11139
11139
|
type: "pending",
|
|
11140
|
-
title:
|
|
11140
|
+
title: s("status.processing"),
|
|
11141
11141
|
icon: "⏱",
|
|
11142
11142
|
iconBg: "bg-blue-100 dark:bg-blue-900/30",
|
|
11143
11143
|
iconColor: "text-blue-600 dark:text-blue-400",
|
|
11144
|
-
message:
|
|
11144
|
+
message: s("status.processingMsg")
|
|
11145
11145
|
};
|
|
11146
|
-
return /* @__PURE__ */
|
|
11147
|
-
/* @__PURE__ */
|
|
11146
|
+
return /* @__PURE__ */ o(re, { children: [
|
|
11147
|
+
/* @__PURE__ */ o(ie, { className: "py-12", children: [
|
|
11148
11148
|
/* @__PURE__ */ r("div", { className: "flex justify-center mb-6", children: /* @__PURE__ */ r(
|
|
11149
11149
|
"div",
|
|
11150
11150
|
{
|
|
@@ -11161,79 +11161,79 @@ const ua = ({
|
|
|
11161
11161
|
}
|
|
11162
11162
|
) }),
|
|
11163
11163
|
/* @__PURE__ */ r("p", { className: "text-center mb-6 max-w-md mx-auto", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: a || u.message }),
|
|
11164
|
-
u.type === "success" && /* @__PURE__ */
|
|
11165
|
-
/* @__PURE__ */ r("h3", { className: "font-semibold text-green-900 dark:text-green-100 mb-2", children:
|
|
11166
|
-
/* @__PURE__ */
|
|
11167
|
-
/* @__PURE__ */
|
|
11164
|
+
u.type === "success" && /* @__PURE__ */ o("div", { className: "bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4 mb-6", children: [
|
|
11165
|
+
/* @__PURE__ */ r("h3", { className: "font-semibold text-green-900 dark:text-green-100 mb-2", children: s("status.whatsNext") }),
|
|
11166
|
+
/* @__PURE__ */ o("ul", { className: "text-sm text-green-800 dark:text-green-200 space-y-1", children: [
|
|
11167
|
+
/* @__PURE__ */ o("li", { children: [
|
|
11168
11168
|
"✓ ",
|
|
11169
|
-
|
|
11169
|
+
s("status.identityVerified")
|
|
11170
11170
|
] }),
|
|
11171
|
-
/* @__PURE__ */
|
|
11171
|
+
/* @__PURE__ */ o("li", { children: [
|
|
11172
11172
|
"✓ ",
|
|
11173
|
-
|
|
11173
|
+
s("status.canProceed")
|
|
11174
11174
|
] }),
|
|
11175
|
-
/* @__PURE__ */
|
|
11175
|
+
/* @__PURE__ */ o("li", { children: [
|
|
11176
11176
|
"✓ ",
|
|
11177
|
-
|
|
11177
|
+
s("status.allFeaturesAccessible")
|
|
11178
11178
|
] })
|
|
11179
11179
|
] })
|
|
11180
11180
|
] }),
|
|
11181
|
-
u.type === "error" && /* @__PURE__ */
|
|
11182
|
-
/* @__PURE__ */ r("h3", { className: "font-semibold text-red-900 dark:text-red-100 mb-2", children:
|
|
11183
|
-
/* @__PURE__ */
|
|
11184
|
-
/* @__PURE__ */
|
|
11181
|
+
u.type === "error" && /* @__PURE__ */ o("div", { className: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mb-6", children: [
|
|
11182
|
+
/* @__PURE__ */ r("h3", { className: "font-semibold text-red-900 dark:text-red-100 mb-2", children: s("status.whatCanYouDo") }),
|
|
11183
|
+
/* @__PURE__ */ o("ul", { className: "text-sm text-red-800 dark:text-red-200 space-y-2", children: [
|
|
11184
|
+
/* @__PURE__ */ o("li", { children: [
|
|
11185
11185
|
"• ",
|
|
11186
|
-
|
|
11186
|
+
s("status.reviewSubmittedInfo")
|
|
11187
11187
|
] }),
|
|
11188
|
-
/* @__PURE__ */
|
|
11188
|
+
/* @__PURE__ */ o("li", { children: [
|
|
11189
11189
|
"• ",
|
|
11190
|
-
|
|
11190
|
+
s("status.contactSupportTeam")
|
|
11191
11191
|
] }),
|
|
11192
|
-
/* @__PURE__ */
|
|
11192
|
+
/* @__PURE__ */ o("li", { children: [
|
|
11193
11193
|
"• ",
|
|
11194
|
-
|
|
11194
|
+
s("status.resubmitIfNeeded")
|
|
11195
11195
|
] })
|
|
11196
11196
|
] })
|
|
11197
11197
|
] }),
|
|
11198
|
-
u.type === "pending" && /* @__PURE__ */
|
|
11199
|
-
/* @__PURE__ */ r("h3", { className: "font-semibold text-blue-900 dark:text-blue-100 mb-2", children:
|
|
11200
|
-
/* @__PURE__ */
|
|
11201
|
-
/* @__PURE__ */
|
|
11198
|
+
u.type === "pending" && /* @__PURE__ */ o("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4 mb-6", children: [
|
|
11199
|
+
/* @__PURE__ */ r("h3", { className: "font-semibold text-blue-900 dark:text-blue-100 mb-2", children: s("status.whatHappensNext") }),
|
|
11200
|
+
/* @__PURE__ */ o("ul", { className: "text-sm text-blue-800 dark:text-blue-200 space-y-2", children: [
|
|
11201
|
+
/* @__PURE__ */ o("li", { children: [
|
|
11202
11202
|
"• ",
|
|
11203
|
-
|
|
11203
|
+
s("status.teamReviewing")
|
|
11204
11204
|
] }),
|
|
11205
|
-
/* @__PURE__ */
|
|
11205
|
+
/* @__PURE__ */ o("li", { children: [
|
|
11206
11206
|
"• ",
|
|
11207
|
-
|
|
11207
|
+
s("status.notifiedByEmail")
|
|
11208
11208
|
] }),
|
|
11209
|
-
/* @__PURE__ */
|
|
11209
|
+
/* @__PURE__ */ o("li", { children: [
|
|
11210
11210
|
"• ",
|
|
11211
|
-
|
|
11211
|
+
s("status.noActionRequired")
|
|
11212
11212
|
] })
|
|
11213
11213
|
] })
|
|
11214
11214
|
] }),
|
|
11215
|
-
/* @__PURE__ */ r("div", { className: "mt-6 pt-6", style: { borderTop: "1px solid var(--metakyc-border, #e5e7eb)" }, children: /* @__PURE__ */
|
|
11216
|
-
/* @__PURE__ */
|
|
11217
|
-
/* @__PURE__ */ r("span", { style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children:
|
|
11218
|
-
/* @__PURE__ */ r("div", { className: "font-medium mt-1", style: { color: "var(--metakyc-text-primary, #111827)" }, children: e != null ? nt[e] :
|
|
11215
|
+
/* @__PURE__ */ r("div", { className: "mt-6 pt-6", style: { borderTop: "1px solid var(--metakyc-border, #e5e7eb)" }, children: /* @__PURE__ */ o("div", { className: "grid grid-cols-2 gap-4 text-sm", children: [
|
|
11216
|
+
/* @__PURE__ */ o("div", { children: [
|
|
11217
|
+
/* @__PURE__ */ r("span", { style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: s("status.kycStatus") }),
|
|
11218
|
+
/* @__PURE__ */ r("div", { className: "font-medium mt-1", style: { color: "var(--metakyc-text-primary, #111827)" }, children: e != null ? nt[e] : s("status.notAvailable") })
|
|
11219
11219
|
] }),
|
|
11220
|
-
/* @__PURE__ */
|
|
11221
|
-
/* @__PURE__ */ r("span", { style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children:
|
|
11220
|
+
/* @__PURE__ */ o("div", { children: [
|
|
11221
|
+
/* @__PURE__ */ r("span", { style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: s("status.reviewStatus") }),
|
|
11222
11222
|
/* @__PURE__ */ r("div", { className: "font-medium mt-1", style: { color: "var(--metakyc-text-primary, #111827)" }, children: ot[t] })
|
|
11223
11223
|
] })
|
|
11224
11224
|
] }) })
|
|
11225
11225
|
] }),
|
|
11226
|
-
/* @__PURE__ */
|
|
11227
|
-
u.type === "success" && n && /* @__PURE__ */ r(G, { onClick: n, size: "lg", children:
|
|
11228
|
-
u.type === "error" && /* @__PURE__ */
|
|
11229
|
-
l && /* @__PURE__ */ r(G, { variant: "outline", onClick: l, children:
|
|
11230
|
-
n && /* @__PURE__ */ r(G, { onClick: n, children:
|
|
11226
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", justifyContent: "center", gap: "1rem" }, children: [
|
|
11227
|
+
u.type === "success" && n && /* @__PURE__ */ r(G, { onClick: n, size: "lg", children: s("common.continue") }),
|
|
11228
|
+
u.type === "error" && /* @__PURE__ */ o(ut, { children: [
|
|
11229
|
+
l && /* @__PURE__ */ r(G, { variant: "outline", onClick: l, children: s("status.contactSupport") }),
|
|
11230
|
+
n && /* @__PURE__ */ r(G, { onClick: n, children: s("status.tryAgain") })
|
|
11231
11231
|
] }),
|
|
11232
|
-
u.type === "pending" && /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-400", children:
|
|
11232
|
+
u.type === "pending" && /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: s("status.checkBackLater") }) })
|
|
11233
11233
|
] })
|
|
11234
11234
|
] });
|
|
11235
11235
|
}, fa = ({ config: e, className: t = "" }) => {
|
|
11236
|
-
const { t: i } =
|
|
11236
|
+
const { t: i } = Te();
|
|
11237
11237
|
return !(e != null && e.visible) || !(e != null && e.url) ? null : /* @__PURE__ */ r("div", { className: `metakyc-logo ${t}`, children: /* @__PURE__ */ r(
|
|
11238
11238
|
"img",
|
|
11239
11239
|
{
|
|
@@ -11255,27 +11255,27 @@ const ua = ({
|
|
|
11255
11255
|
subtitle: t,
|
|
11256
11256
|
className: i = ""
|
|
11257
11257
|
}) => {
|
|
11258
|
-
const { currentTheme: a } = Fe(), n = e || (a == null ? void 0 : a.title) || "", l = !!(a != null && a.logo && a.logo.visible && a.logo.url),
|
|
11259
|
-
return !
|
|
11260
|
-
/* @__PURE__ */
|
|
11258
|
+
const { currentTheme: a } = Fe(), { t: n } = Te(), l = e || (a == null ? void 0 : a.title) || "", s = ve(l, n), p = ve(t, n), u = !!(a != null && a.logo && a.logo.visible && a.logo.url), d = !!s;
|
|
11259
|
+
return !u && !d ? null : /* @__PURE__ */ o("div", { className: `metakyc-header ${i}`, children: [
|
|
11260
|
+
/* @__PURE__ */ o(
|
|
11261
11261
|
"div",
|
|
11262
11262
|
{
|
|
11263
11263
|
className: "metakyc-header-title flex items-center text-xl font-bold",
|
|
11264
11264
|
style: { color: "var(--metakyc-text-primary, #111827)" },
|
|
11265
11265
|
children: [
|
|
11266
|
-
|
|
11267
|
-
|
|
11266
|
+
u && /* @__PURE__ */ r(fa, { config: a.logo }),
|
|
11267
|
+
u && d && /* @__PURE__ */ r(
|
|
11268
11268
|
"span",
|
|
11269
11269
|
{
|
|
11270
11270
|
style: { fontSize: "1.5rem", fontWeight: 300, color: "var(--metakyc-text-muted, #9ca3af)", margin: "0 12px" },
|
|
11271
11271
|
children: "|"
|
|
11272
11272
|
}
|
|
11273
11273
|
),
|
|
11274
|
-
|
|
11274
|
+
d && /* @__PURE__ */ r("span", { style: { color: "var(--metakyc-text-primary, #111827)" }, children: s })
|
|
11275
11275
|
]
|
|
11276
11276
|
}
|
|
11277
11277
|
),
|
|
11278
|
-
|
|
11278
|
+
p && /* @__PURE__ */ r("p", { className: "text-sm mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: p })
|
|
11279
11279
|
] });
|
|
11280
11280
|
}, vt = ["firstName", "lastName", "email", "phonenumber", "dateOfBirth"];
|
|
11281
11281
|
function mt(e) {
|
|
@@ -11314,7 +11314,7 @@ const ka = {
|
|
|
11314
11314
|
justifyContent: "center",
|
|
11315
11315
|
padding: "16px"
|
|
11316
11316
|
},
|
|
11317
|
-
children: /* @__PURE__ */
|
|
11317
|
+
children: /* @__PURE__ */ o(
|
|
11318
11318
|
"div",
|
|
11319
11319
|
{
|
|
11320
11320
|
onClick: (l) => l.stopPropagation(),
|
|
@@ -11373,7 +11373,7 @@ const ka = {
|
|
|
11373
11373
|
)
|
|
11374
11374
|
}
|
|
11375
11375
|
) : null;
|
|
11376
|
-
return /* @__PURE__ */
|
|
11376
|
+
return /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "flex-start", gap: "5px", flexWrap: "nowrap" }, children: [
|
|
11377
11377
|
t,
|
|
11378
11378
|
/* @__PURE__ */ r(
|
|
11379
11379
|
"button",
|
|
@@ -11421,23 +11421,23 @@ const ka = {
|
|
|
11421
11421
|
onCancel: a
|
|
11422
11422
|
}) => {
|
|
11423
11423
|
var $, Y, ee, g, z, E, m;
|
|
11424
|
-
const { config: n, baseInformationService: l, currentTheme:
|
|
11424
|
+
const { config: n, baseInformationService: l, currentTheme: s } = Fe(), { createApplicant: p, isLoading: u } = tr(), { t: d } = Te(), y = e || (($ = n.applicantForm) == null ? void 0 : $.workflowKey);
|
|
11425
11425
|
if (!y)
|
|
11426
11426
|
throw new Error(
|
|
11427
11427
|
"workflowKey is required. Provide it either as a prop to CreateApplicantForm or set it in config.applicantForm.workflowKey"
|
|
11428
11428
|
);
|
|
11429
|
-
const v = t || ((Y = n.applicantForm) == null ? void 0 : Y.externalRefId) || "", T = ((ee = n.applicantForm) == null ? void 0 : ee.email) || "", I = ((g = n.applicantForm) == null ? void 0 : g.hiddenValues) || {}, x = ((z = n.applicantForm) == null ? void 0 : z.initialValues) || {}, S = (((E = n.applicantForm) == null ? void 0 : E.fieldLabelMode) || (
|
|
11430
|
-
() =>
|
|
11431
|
-
[
|
|
11429
|
+
const v = t || ((Y = n.applicantForm) == null ? void 0 : Y.externalRefId) || "", T = ((ee = n.applicantForm) == null ? void 0 : ee.email) || "", I = ((g = n.applicantForm) == null ? void 0 : g.hiddenValues) || {}, x = ((z = n.applicantForm) == null ? void 0 : z.initialValues) || {}, S = (((E = n.applicantForm) == null ? void 0 : E.fieldLabelMode) || (s == null ? void 0 : s.fieldLabelMode) || "label") !== "placeholder", L = Me(
|
|
11430
|
+
() => s != null && s.applicantFormPages && s.applicantFormPages.length > 0 ? s.applicantFormPages : null,
|
|
11431
|
+
[s == null ? void 0 : s.applicantFormPages]
|
|
11432
11432
|
), B = Me(() => {
|
|
11433
|
-
const c = new Set(vt), k =
|
|
11433
|
+
const c = new Set(vt), k = s == null ? void 0 : s.applicantFormRequiredFields;
|
|
11434
11434
|
if (k) for (const j of k) c.add(j);
|
|
11435
11435
|
if (L)
|
|
11436
11436
|
for (const j of L)
|
|
11437
11437
|
for (const h of j.fields)
|
|
11438
11438
|
!h.isCustom && h.name && h.required && c.add(h.name);
|
|
11439
11439
|
return Array.from(c);
|
|
11440
|
-
}, [
|
|
11440
|
+
}, [s == null ? void 0 : s.applicantFormRequiredFields, L]), F = Me(() => {
|
|
11441
11441
|
var j;
|
|
11442
11442
|
if (L) {
|
|
11443
11443
|
const h = L.flatMap((C) => C.fields).filter((C) => !C.isCustom && C.name).map((C) => C.name), N = new Set(h);
|
|
@@ -11445,11 +11445,11 @@ const ka = {
|
|
|
11445
11445
|
return Array.from(N);
|
|
11446
11446
|
}
|
|
11447
11447
|
let c;
|
|
11448
|
-
(j = n.applicantForm) != null && j.visibleFields ? c = n.applicantForm.visibleFields :
|
|
11448
|
+
(j = n.applicantForm) != null && j.visibleFields ? c = n.applicantForm.visibleFields : s != null && s.applicantFormVisibleFields && s.applicantFormVisibleFields.length > 0 ? c = s.applicantFormVisibleFields : c = Nr;
|
|
11449
11449
|
const k = new Set(c);
|
|
11450
11450
|
for (const h of vt) k.add(h);
|
|
11451
11451
|
return Array.from(k);
|
|
11452
|
-
}, [(m = n.applicantForm) == null ? void 0 : m.visibleFields,
|
|
11452
|
+
}, [(m = n.applicantForm) == null ? void 0 : m.visibleFields, s == null ? void 0 : s.applicantFormVisibleFields, L]), U = /* @__PURE__ */ new Set([
|
|
11453
11453
|
"country",
|
|
11454
11454
|
"nationality",
|
|
11455
11455
|
"taxCountry",
|
|
@@ -11469,7 +11469,7 @@ const ka = {
|
|
|
11469
11469
|
return c.size === 0 && c.add(void 0), Array.from(c);
|
|
11470
11470
|
}, [F, L]), [J, ae] = b({}), [w, R] = b(!0), V = me(/* @__PURE__ */ new Set()), Q = me(/* @__PURE__ */ new Set());
|
|
11471
11471
|
ke(() => {
|
|
11472
|
-
if (!
|
|
11472
|
+
if (!s) return;
|
|
11473
11473
|
const c = K.filter((h) => {
|
|
11474
11474
|
const N = h != null ? String(h) : "all";
|
|
11475
11475
|
return !Q.current.has(N) && !V.current.has(N);
|
|
@@ -11504,7 +11504,7 @@ const ka = {
|
|
|
11504
11504
|
}) && R(!1);
|
|
11505
11505
|
}
|
|
11506
11506
|
})();
|
|
11507
|
-
}, [K,
|
|
11507
|
+
}, [K, s]);
|
|
11508
11508
|
const X = (c, k) => {
|
|
11509
11509
|
var N;
|
|
11510
11510
|
const j = k ?? ((N = st[c]) == null ? void 0 : N.countriesType), h = j != null ? String(j) : "all";
|
|
@@ -11565,7 +11565,7 @@ const ka = {
|
|
|
11565
11565
|
...oe
|
|
11566
11566
|
}), ge = Object.fromEntries(
|
|
11567
11567
|
Object.entries(I).filter(([c]) => !(c in _) && c !== "externalRefId" && c !== "workflowKey")
|
|
11568
|
-
), [ye, be] = b({ ...ge }), [ue, P] = b(0), [A, O] = b({}), [he, se] = b(null), [D, ne] = b(!1), Z = (c, k) => je((j) => ({ ...j, [c]: k })),
|
|
11568
|
+
), [ye, be] = b({ ...ge }), [ue, P] = b(0), [A, O] = b({}), [he, se] = b(null), [D, ne] = b(!1), Z = (c, k) => je((j) => ({ ...j, [c]: k })), Re = (c, k) => be((j) => ({ ...j, [c]: k })), ze = (c) => !c.conditionalOn || ye[c.conditionalOn] === "true", Ie = L && ue < L.length - 1 ? ue + 1 : -1, Ke = L && ue > 0 ? ue - 1 : -1, lt = (c) => {
|
|
11569
11569
|
var j;
|
|
11570
11570
|
const k = {};
|
|
11571
11571
|
for (const h of c.fields)
|
|
@@ -11587,7 +11587,7 @@ const ka = {
|
|
|
11587
11587
|
if (!L) return;
|
|
11588
11588
|
const c = L[ue];
|
|
11589
11589
|
if (c.conditionalOn && !ze(c)) {
|
|
11590
|
-
O({}),
|
|
11590
|
+
O({}), Ie >= 0 ? P(Ie) : await Ye();
|
|
11591
11591
|
return;
|
|
11592
11592
|
}
|
|
11593
11593
|
const k = lt(c);
|
|
@@ -11595,7 +11595,7 @@ const ka = {
|
|
|
11595
11595
|
O(k);
|
|
11596
11596
|
return;
|
|
11597
11597
|
}
|
|
11598
|
-
O({}),
|
|
11598
|
+
O({}), Ie >= 0 ? P(Ie) : await Ye();
|
|
11599
11599
|
}, Ye = async () => {
|
|
11600
11600
|
if (L) {
|
|
11601
11601
|
let c = {};
|
|
@@ -11717,7 +11717,7 @@ const ka = {
|
|
|
11717
11717
|
ce
|
|
11718
11718
|
);
|
|
11719
11719
|
if (c === "defaultLanguage") {
|
|
11720
|
-
const Ae =
|
|
11720
|
+
const Ae = s != null && s.allowedLanguages && s.allowedLanguages.length > 0 ? Pt.filter((it) => s.allowedLanguages.includes(it.value)) : Pt;
|
|
11721
11721
|
return /* @__PURE__ */ r(
|
|
11722
11722
|
Qe,
|
|
11723
11723
|
{
|
|
@@ -11844,7 +11844,7 @@ const ka = {
|
|
|
11844
11844
|
return /* @__PURE__ */ r("div", { style: { height: "12px" } }, `custom-${k}`);
|
|
11845
11845
|
if (c.customType === "link") {
|
|
11846
11846
|
const C = ve(c.displayText, d) || ve(c.label, d) || c.linkText || c.linkUrl || "";
|
|
11847
|
-
return /* @__PURE__ */ r("div", { className: "metakyc-link-field", children: /* @__PURE__ */
|
|
11847
|
+
return /* @__PURE__ */ r("div", { className: "metakyc-link-field", children: /* @__PURE__ */ o(
|
|
11848
11848
|
"a",
|
|
11849
11849
|
{
|
|
11850
11850
|
href: c.linkUrl || "#",
|
|
@@ -11869,8 +11869,8 @@ const ka = {
|
|
|
11869
11869
|
if (!c.paramName) return null;
|
|
11870
11870
|
const h = A[c.paramName], N = ve(c.displayText, d) || ve(c.label, d) || c.paramName;
|
|
11871
11871
|
if (c.customType === "checkbox")
|
|
11872
|
-
return /* @__PURE__ */
|
|
11873
|
-
/* @__PURE__ */
|
|
11872
|
+
return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
|
|
11873
|
+
/* @__PURE__ */ o(
|
|
11874
11874
|
"label",
|
|
11875
11875
|
{
|
|
11876
11876
|
className: "metakyc-option-label",
|
|
@@ -11880,10 +11880,10 @@ const ka = {
|
|
|
11880
11880
|
Ue,
|
|
11881
11881
|
{
|
|
11882
11882
|
checked: ye[c.paramName] === "true",
|
|
11883
|
-
onChange: (C) =>
|
|
11883
|
+
onChange: (C) => Re(c.paramName, C ? "true" : "false")
|
|
11884
11884
|
}
|
|
11885
11885
|
),
|
|
11886
|
-
/* @__PURE__ */
|
|
11886
|
+
/* @__PURE__ */ o(
|
|
11887
11887
|
"span",
|
|
11888
11888
|
{
|
|
11889
11889
|
className: "metakyc-option-text",
|
|
@@ -11900,8 +11900,8 @@ const ka = {
|
|
|
11900
11900
|
h && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: h })
|
|
11901
11901
|
] }, `custom-${k}`);
|
|
11902
11902
|
if (c.customType === "link_checkbox")
|
|
11903
|
-
return /* @__PURE__ */
|
|
11904
|
-
/* @__PURE__ */
|
|
11903
|
+
return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
|
|
11904
|
+
/* @__PURE__ */ o(
|
|
11905
11905
|
"label",
|
|
11906
11906
|
{
|
|
11907
11907
|
className: "metakyc-option-label",
|
|
@@ -11911,10 +11911,10 @@ const ka = {
|
|
|
11911
11911
|
Ue,
|
|
11912
11912
|
{
|
|
11913
11913
|
checked: ye[c.paramName] === "true",
|
|
11914
|
-
onChange: (C) =>
|
|
11914
|
+
onChange: (C) => Re(c.paramName, C ? "true" : "false")
|
|
11915
11915
|
}
|
|
11916
11916
|
),
|
|
11917
|
-
/* @__PURE__ */
|
|
11917
|
+
/* @__PURE__ */ o(
|
|
11918
11918
|
"span",
|
|
11919
11919
|
{
|
|
11920
11920
|
className: "metakyc-option-text",
|
|
@@ -11945,8 +11945,8 @@ const ka = {
|
|
|
11945
11945
|
] }, `custom-${k}`);
|
|
11946
11946
|
if (c.customType === "group_checkbox") {
|
|
11947
11947
|
const C = (ye[c.paramName] || "").split(",").filter(Boolean);
|
|
11948
|
-
return /* @__PURE__ */
|
|
11949
|
-
j && /* @__PURE__ */
|
|
11948
|
+
return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
|
|
11949
|
+
j && /* @__PURE__ */ o(
|
|
11950
11950
|
"div",
|
|
11951
11951
|
{
|
|
11952
11952
|
className: "text-sm font-medium",
|
|
@@ -11959,7 +11959,7 @@ const ka = {
|
|
|
11959
11959
|
),
|
|
11960
11960
|
/* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((pe) => {
|
|
11961
11961
|
const le = c.singleSelect ? ye[c.paramName] === pe.value : C.includes(pe.value);
|
|
11962
|
-
return /* @__PURE__ */
|
|
11962
|
+
return /* @__PURE__ */ o(
|
|
11963
11963
|
"label",
|
|
11964
11964
|
{
|
|
11965
11965
|
className: "metakyc-option-label",
|
|
@@ -11971,10 +11971,10 @@ const ka = {
|
|
|
11971
11971
|
checked: le,
|
|
11972
11972
|
onChange: (xe) => {
|
|
11973
11973
|
if (c.singleSelect)
|
|
11974
|
-
|
|
11974
|
+
Re(c.paramName, xe ? pe.value : "");
|
|
11975
11975
|
else {
|
|
11976
11976
|
const Oe = xe ? [...C, pe.value] : C.filter((ce) => ce !== pe.value);
|
|
11977
|
-
|
|
11977
|
+
Re(c.paramName, Oe.join(","));
|
|
11978
11978
|
}
|
|
11979
11979
|
}
|
|
11980
11980
|
}
|
|
@@ -11995,8 +11995,8 @@ const ka = {
|
|
|
11995
11995
|
h && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: h })
|
|
11996
11996
|
] }, `custom-${k}`);
|
|
11997
11997
|
}
|
|
11998
|
-
return c.customType === "radio_group" ? /* @__PURE__ */
|
|
11999
|
-
j && /* @__PURE__ */
|
|
11998
|
+
return c.customType === "radio_group" ? /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
|
|
11999
|
+
j && /* @__PURE__ */ o(
|
|
12000
12000
|
"div",
|
|
12001
12001
|
{
|
|
12002
12002
|
className: "text-sm font-medium",
|
|
@@ -12007,7 +12007,7 @@ const ka = {
|
|
|
12007
12007
|
]
|
|
12008
12008
|
}
|
|
12009
12009
|
),
|
|
12010
|
-
/* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((C) => /* @__PURE__ */
|
|
12010
|
+
/* @__PURE__ */ r("div", { className: "metakyc-options-group", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: (c.options || []).map((C) => /* @__PURE__ */ o(
|
|
12011
12011
|
"label",
|
|
12012
12012
|
{
|
|
12013
12013
|
className: "metakyc-option-label",
|
|
@@ -12018,7 +12018,7 @@ const ka = {
|
|
|
12018
12018
|
{
|
|
12019
12019
|
type: "radio",
|
|
12020
12020
|
checked: ye[c.paramName] === C.value,
|
|
12021
|
-
onChange: () =>
|
|
12021
|
+
onChange: () => Re(c.paramName, C.value),
|
|
12022
12022
|
name: `radio-group-${c.paramName}-${k}`,
|
|
12023
12023
|
className: "metakyc-option-input",
|
|
12024
12024
|
style: ka
|
|
@@ -12044,7 +12044,7 @@ const ka = {
|
|
|
12044
12044
|
label: j ? `${N}${c.required ? " *" : ""}` : void 0,
|
|
12045
12045
|
placeholder: j ? void 0 : N,
|
|
12046
12046
|
value: ye[c.paramName] || "",
|
|
12047
|
-
onChange: (C) =>
|
|
12047
|
+
onChange: (C) => Re(c.paramName, C.target.value),
|
|
12048
12048
|
required: c.required,
|
|
12049
12049
|
error: h
|
|
12050
12050
|
},
|
|
@@ -12052,8 +12052,8 @@ const ka = {
|
|
|
12052
12052
|
);
|
|
12053
12053
|
}, M = (c, k) => {
|
|
12054
12054
|
const j = ze(c);
|
|
12055
|
-
return /* @__PURE__ */
|
|
12056
|
-
c.conditionalOn && /* @__PURE__ */ r(Ht, { helpText: c.conditionalHelpText, children: /* @__PURE__ */
|
|
12055
|
+
return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
|
|
12056
|
+
c.conditionalOn && /* @__PURE__ */ r(Ht, { helpText: c.conditionalHelpText, children: /* @__PURE__ */ o(
|
|
12057
12057
|
"label",
|
|
12058
12058
|
{
|
|
12059
12059
|
className: "metakyc-option-label",
|
|
@@ -12063,7 +12063,7 @@ const ka = {
|
|
|
12063
12063
|
Ue,
|
|
12064
12064
|
{
|
|
12065
12065
|
checked: j,
|
|
12066
|
-
onChange: (h) =>
|
|
12066
|
+
onChange: (h) => Re(c.conditionalOn, h ? "true" : "false")
|
|
12067
12067
|
}
|
|
12068
12068
|
),
|
|
12069
12069
|
/* @__PURE__ */ r(
|
|
@@ -12083,17 +12083,17 @@ const ka = {
|
|
|
12083
12083
|
}) })
|
|
12084
12084
|
] });
|
|
12085
12085
|
};
|
|
12086
|
-
if (!
|
|
12087
|
-
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */
|
|
12086
|
+
if (!s || w)
|
|
12087
|
+
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
|
|
12088
12088
|
/* @__PURE__ */ r(Ve, { className: "my-8" }),
|
|
12089
12089
|
/* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: d("common.loadingForm") })
|
|
12090
12090
|
] }) }) });
|
|
12091
12091
|
if (L) {
|
|
12092
|
-
const c = L[ue] ?? L[0], k = Ke === -1, j =
|
|
12093
|
-
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */
|
|
12094
|
-
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(ft, { title: (
|
|
12095
|
-
/* @__PURE__ */
|
|
12096
|
-
(c.title || c.subtitle || c.description) && /* @__PURE__ */
|
|
12092
|
+
const c = L[ue] ?? L[0], k = Ke === -1, j = Ie === -1, h = L.length, N = ze(c), C = Object.values(A);
|
|
12093
|
+
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ o(re, { children: [
|
|
12094
|
+
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(ft, { title: (s == null ? void 0 : s.title) || d("createApplicant.title") }) }),
|
|
12095
|
+
/* @__PURE__ */ o(ie, { children: [
|
|
12096
|
+
(c.title || c.subtitle || c.description) && /* @__PURE__ */ o("div", { className: "mb-4", children: [
|
|
12097
12097
|
c.title && /* @__PURE__ */ r(
|
|
12098
12098
|
"h3",
|
|
12099
12099
|
{
|
|
@@ -12119,7 +12119,7 @@ const ka = {
|
|
|
12119
12119
|
}
|
|
12120
12120
|
)
|
|
12121
12121
|
] }),
|
|
12122
|
-
h > 1 && /* @__PURE__ */
|
|
12122
|
+
h > 1 && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "1rem" }, children: [
|
|
12123
12123
|
L.map((pe, le) => /* @__PURE__ */ r(
|
|
12124
12124
|
"div",
|
|
12125
12125
|
{
|
|
@@ -12132,14 +12132,14 @@ const ka = {
|
|
|
12132
12132
|
},
|
|
12133
12133
|
le
|
|
12134
12134
|
)),
|
|
12135
|
-
/* @__PURE__ */
|
|
12135
|
+
/* @__PURE__ */ o("span", { style: { fontSize: "0.75rem", color: "var(--metakyc-text-muted, #9ca3af)", flexShrink: 0 }, children: [
|
|
12136
12136
|
ue + 1,
|
|
12137
12137
|
" / ",
|
|
12138
12138
|
h
|
|
12139
12139
|
] })
|
|
12140
12140
|
] }),
|
|
12141
|
-
(he || C.length > 0) && /* @__PURE__ */
|
|
12142
|
-
he && /* @__PURE__ */
|
|
12141
|
+
(he || C.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
|
|
12142
|
+
he && /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
|
|
12143
12143
|
/* @__PURE__ */ r("strong", { children: d("common.errorPrefix") }),
|
|
12144
12144
|
" ",
|
|
12145
12145
|
he
|
|
@@ -12148,8 +12148,8 @@ const ka = {
|
|
|
12148
12148
|
] }),
|
|
12149
12149
|
M(c)
|
|
12150
12150
|
] }),
|
|
12151
|
-
/* @__PURE__ */
|
|
12152
|
-
/* @__PURE__ */
|
|
12151
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
12152
|
+
/* @__PURE__ */ o("div", { children: [
|
|
12153
12153
|
!k && /* @__PURE__ */ r(
|
|
12154
12154
|
G,
|
|
12155
12155
|
{
|
|
@@ -12176,17 +12176,17 @@ const ka = {
|
|
|
12176
12176
|
] })
|
|
12177
12177
|
] }) });
|
|
12178
12178
|
}
|
|
12179
|
-
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: ct, children: /* @__PURE__ */
|
|
12180
|
-
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(ft, { title: (
|
|
12181
|
-
/* @__PURE__ */
|
|
12182
|
-
he && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */
|
|
12179
|
+
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: ct, children: /* @__PURE__ */ o(re, { children: [
|
|
12180
|
+
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(ft, { title: (s == null ? void 0 : s.title) || d("createApplicant.title") }) }),
|
|
12181
|
+
/* @__PURE__ */ o(ie, { children: [
|
|
12182
|
+
he && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
|
|
12183
12183
|
/* @__PURE__ */ r("strong", { children: d("common.errorPrefix") }),
|
|
12184
12184
|
" ",
|
|
12185
12185
|
he
|
|
12186
12186
|
] }) }),
|
|
12187
12187
|
/* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: F.map((c) => /* @__PURE__ */ r("div", { style: { gridColumn: "span 4 / span 4" }, children: Ze(c) }, c)) })
|
|
12188
12188
|
] }),
|
|
12189
|
-
/* @__PURE__ */
|
|
12189
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
12190
12190
|
a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: D || u, children: "Cancel" }),
|
|
12191
12191
|
/* @__PURE__ */ r(G, { type: "submit", isLoading: D || u, children: d("createApplicant.createApplicant") })
|
|
12192
12192
|
] })
|
|
@@ -12202,31 +12202,31 @@ const Oa = ({
|
|
|
12202
12202
|
onCancel: a
|
|
12203
12203
|
}) => {
|
|
12204
12204
|
var Ze, f, M, $, Y, ee;
|
|
12205
|
-
const { config: n, baseInformationService: l, currentTheme:
|
|
12205
|
+
const { config: n, baseInformationService: l, currentTheme: s } = Fe(), { createCompanyApplicant: p, isLoading: u } = tr(), { t: d } = Te(), y = e || ((Ze = n.applicantForm) == null ? void 0 : Ze.workflowKey);
|
|
12206
12206
|
if (!y)
|
|
12207
12207
|
throw new Error(
|
|
12208
12208
|
"workflowKey is required. Provide it either as a prop to CreateCompanyApplicantForm or set it in config.applicantForm.workflowKey"
|
|
12209
12209
|
);
|
|
12210
|
-
const v = t || ((f = n.applicantForm) == null ? void 0 : f.externalRefId) || "", T = ((M = n.applicantForm) == null ? void 0 : M.email) || "", I = (($ = n.applicantForm) == null ? void 0 : $.initialValues) || {}, q = (((Y = n.applicantForm) == null ? void 0 : Y.fieldLabelMode) || (
|
|
12211
|
-
() =>
|
|
12212
|
-
[
|
|
12210
|
+
const v = t || ((f = n.applicantForm) == null ? void 0 : f.externalRefId) || "", T = ((M = n.applicantForm) == null ? void 0 : M.email) || "", I = (($ = n.applicantForm) == null ? void 0 : $.initialValues) || {}, q = (((Y = n.applicantForm) == null ? void 0 : Y.fieldLabelMode) || (s == null ? void 0 : s.fieldLabelMode) || "label") !== "placeholder", S = Me(
|
|
12211
|
+
() => s != null && s.companyFormPages && s.companyFormPages.length > 0 ? s.companyFormPages : null,
|
|
12212
|
+
[s == null ? void 0 : s.companyFormPages]
|
|
12213
12213
|
), L = Me(() => {
|
|
12214
|
-
const g = new Set($t), z =
|
|
12214
|
+
const g = new Set($t), z = s == null ? void 0 : s.companyFormRequiredFields;
|
|
12215
12215
|
if (z) for (const E of z) g.add(E);
|
|
12216
12216
|
if (S)
|
|
12217
12217
|
for (const E of S)
|
|
12218
12218
|
for (const m of E.fields)
|
|
12219
12219
|
!m.isCustom && m.name && m.required && g.add(m.name);
|
|
12220
12220
|
return Array.from(g);
|
|
12221
|
-
}, [
|
|
12221
|
+
}, [s == null ? void 0 : s.companyFormRequiredFields, S]), B = Me(() => {
|
|
12222
12222
|
var g;
|
|
12223
12223
|
if (S) {
|
|
12224
12224
|
const z = S.flatMap((m) => m.fields).filter((m) => !m.isCustom && m.name).map((m) => m.name), E = new Set(z);
|
|
12225
12225
|
for (const m of $t) E.add(m);
|
|
12226
12226
|
return Array.from(E);
|
|
12227
12227
|
}
|
|
12228
|
-
return (g = n.applicantForm) != null && g.visibleFields ? n.applicantForm.visibleFields :
|
|
12229
|
-
}, [(ee = n.applicantForm) == null ? void 0 : ee.visibleFields,
|
|
12228
|
+
return (g = n.applicantForm) != null && g.visibleFields ? n.applicantForm.visibleFields : s != null && s.companyFormVisibleFields && s.companyFormVisibleFields.length > 0 ? s.companyFormVisibleFields : Cr;
|
|
12229
|
+
}, [(ee = n.applicantForm) == null ? void 0 : ee.visibleFields, s == null ? void 0 : s.companyFormVisibleFields, S]), F = /* @__PURE__ */ new Set(["countryResidence", "addressCountry"]), U = Me(() => {
|
|
12230
12230
|
var z, E;
|
|
12231
12231
|
const g = /* @__PURE__ */ new Set();
|
|
12232
12232
|
if (S)
|
|
@@ -12239,7 +12239,7 @@ const Oa = ({
|
|
|
12239
12239
|
return g.size === 0 && g.add(void 0), Array.from(g);
|
|
12240
12240
|
}, [B, S]), [K, J] = b({}), [ae, w] = b(!0), R = me(/* @__PURE__ */ new Set()), V = me(/* @__PURE__ */ new Set());
|
|
12241
12241
|
ke(() => {
|
|
12242
|
-
if (!
|
|
12242
|
+
if (!s) return;
|
|
12243
12243
|
const g = U.filter((m) => {
|
|
12244
12244
|
const c = m != null ? String(m) : "all";
|
|
12245
12245
|
return !V.current.has(c) && !R.current.has(c);
|
|
@@ -12265,7 +12265,7 @@ const Oa = ({
|
|
|
12265
12265
|
U.every((c) => V.current.has(c != null ? String(c) : "all")) && w(!1);
|
|
12266
12266
|
}
|
|
12267
12267
|
})();
|
|
12268
|
-
}, [U,
|
|
12268
|
+
}, [U, s]);
|
|
12269
12269
|
const Q = (g, z) => {
|
|
12270
12270
|
var c;
|
|
12271
12271
|
const E = z ?? ((c = dt[g]) == null ? void 0 : c.countriesType), m = E != null ? String(E) : "all";
|
|
@@ -12315,7 +12315,7 @@ const Oa = ({
|
|
|
12315
12315
|
lei: "",
|
|
12316
12316
|
externalRefId: v,
|
|
12317
12317
|
...W
|
|
12318
|
-
}), [H, je] = b({}), [ge, ye] = b(0), [be, ue] = b({}), [P, A] = b(null), [O, he] = b(!1), se = (g, z) => oe((E) => ({ ...E, [g]: z })), D = (g, z) => je((E) => ({ ...E, [g]: z })), ne = (g) => !g.conditionalOn || H[g.conditionalOn] === "true", Z = S && ge < S.length - 1 ? ge + 1 : -1,
|
|
12318
|
+
}), [H, je] = b({}), [ge, ye] = b(0), [be, ue] = b({}), [P, A] = b(null), [O, he] = b(!1), se = (g, z) => oe((E) => ({ ...E, [g]: z })), D = (g, z) => je((E) => ({ ...E, [g]: z })), ne = (g) => !g.conditionalOn || H[g.conditionalOn] === "true", Z = S && ge < S.length - 1 ? ge + 1 : -1, Re = S && ge > 0 ? ge - 1 : -1, ze = (g) => {
|
|
12319
12319
|
var E;
|
|
12320
12320
|
const z = {};
|
|
12321
12321
|
for (const m of g.fields)
|
|
@@ -12333,7 +12333,7 @@ const Oa = ({
|
|
|
12333
12333
|
}
|
|
12334
12334
|
}
|
|
12335
12335
|
return z;
|
|
12336
|
-
},
|
|
12336
|
+
}, Ie = async () => {
|
|
12337
12337
|
if (!S) return;
|
|
12338
12338
|
const g = S[ge];
|
|
12339
12339
|
if (g.conditionalOn && !ne(g)) {
|
|
@@ -12540,8 +12540,8 @@ const Oa = ({
|
|
|
12540
12540
|
) }, `custom-${z}`);
|
|
12541
12541
|
if (!g.paramName) return null;
|
|
12542
12542
|
const E = be[g.paramName], m = ve(g.displayText, d) || ve(g.label, d) || g.paramName, c = g.labelMode ? g.labelMode !== "placeholder" : q;
|
|
12543
|
-
return g.customType === "checkbox" ? /* @__PURE__ */
|
|
12544
|
-
/* @__PURE__ */
|
|
12543
|
+
return g.customType === "checkbox" ? /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
|
|
12544
|
+
/* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer" }, children: [
|
|
12545
12545
|
/* @__PURE__ */ r(
|
|
12546
12546
|
Ue,
|
|
12547
12547
|
{
|
|
@@ -12549,7 +12549,7 @@ const Oa = ({
|
|
|
12549
12549
|
onChange: (k) => D(g.paramName, k ? "true" : "false")
|
|
12550
12550
|
}
|
|
12551
12551
|
),
|
|
12552
|
-
/* @__PURE__ */
|
|
12552
|
+
/* @__PURE__ */ o("span", { style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)" }, children: [
|
|
12553
12553
|
m,
|
|
12554
12554
|
g.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
|
|
12555
12555
|
] })
|
|
@@ -12570,8 +12570,8 @@ const Oa = ({
|
|
|
12570
12570
|
);
|
|
12571
12571
|
}, ct = (g) => {
|
|
12572
12572
|
const z = ne(g);
|
|
12573
|
-
return /* @__PURE__ */
|
|
12574
|
-
g.conditionalOn && /* @__PURE__ */
|
|
12573
|
+
return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
|
|
12574
|
+
g.conditionalOn && /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer" }, children: [
|
|
12575
12575
|
/* @__PURE__ */ r(
|
|
12576
12576
|
Ue,
|
|
12577
12577
|
{
|
|
@@ -12587,29 +12587,29 @@ const Oa = ({
|
|
|
12587
12587
|
}) })
|
|
12588
12588
|
] });
|
|
12589
12589
|
};
|
|
12590
|
-
if (!
|
|
12591
|
-
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */
|
|
12590
|
+
if (!s || ae)
|
|
12591
|
+
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
|
|
12592
12592
|
/* @__PURE__ */ r(Ve, { className: "my-8" }),
|
|
12593
12593
|
/* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: d("common.loadingForm") })
|
|
12594
12594
|
] }) }) });
|
|
12595
12595
|
if (S) {
|
|
12596
|
-
const g = S[ge] ?? S[0], z =
|
|
12597
|
-
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */
|
|
12598
|
-
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(ft, { title: (
|
|
12599
|
-
/* @__PURE__ */
|
|
12600
|
-
(g.title || g.subtitle) && /* @__PURE__ */
|
|
12596
|
+
const g = S[ge] ?? S[0], z = Re === -1, E = Z === -1, m = S.length, c = ne(g), k = Object.values(be);
|
|
12597
|
+
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ o(re, { children: [
|
|
12598
|
+
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(ft, { title: (s == null ? void 0 : s.title) || d("createCompany.title") }) }),
|
|
12599
|
+
/* @__PURE__ */ o(ie, { children: [
|
|
12600
|
+
(g.title || g.subtitle) && /* @__PURE__ */ o("div", { className: "mb-4", children: [
|
|
12601
12601
|
g.title && /* @__PURE__ */ r("h3", { className: "font-semibold text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: g.title }),
|
|
12602
12602
|
g.subtitle && /* @__PURE__ */ r("p", { className: "text-sm mt-0.5", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: g.subtitle })
|
|
12603
12603
|
] }),
|
|
12604
|
-
(P || k.length > 0) && /* @__PURE__ */
|
|
12605
|
-
P && /* @__PURE__ */
|
|
12604
|
+
(P || k.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
|
|
12605
|
+
P && /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
|
|
12606
12606
|
/* @__PURE__ */ r("strong", { children: d("common.errorPrefix") }),
|
|
12607
12607
|
" ",
|
|
12608
12608
|
P
|
|
12609
12609
|
] }),
|
|
12610
12610
|
k.map((j, h) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: j }, h))
|
|
12611
12611
|
] }),
|
|
12612
|
-
m > 1 && /* @__PURE__ */
|
|
12612
|
+
m > 1 && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "1rem" }, children: [
|
|
12613
12613
|
S.map((j, h) => /* @__PURE__ */ r(
|
|
12614
12614
|
"div",
|
|
12615
12615
|
{
|
|
@@ -12622,7 +12622,7 @@ const Oa = ({
|
|
|
12622
12622
|
},
|
|
12623
12623
|
h
|
|
12624
12624
|
)),
|
|
12625
|
-
/* @__PURE__ */
|
|
12625
|
+
/* @__PURE__ */ o("span", { style: { fontSize: "0.75rem", color: "var(--metakyc-text-muted, #9ca3af)", flexShrink: 0 }, children: [
|
|
12626
12626
|
ge + 1,
|
|
12627
12627
|
" / ",
|
|
12628
12628
|
m
|
|
@@ -12630,15 +12630,15 @@ const Oa = ({
|
|
|
12630
12630
|
] }),
|
|
12631
12631
|
ct(g)
|
|
12632
12632
|
] }),
|
|
12633
|
-
/* @__PURE__ */
|
|
12634
|
-
/* @__PURE__ */
|
|
12633
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
12634
|
+
/* @__PURE__ */ o("div", { children: [
|
|
12635
12635
|
!z && /* @__PURE__ */ r(
|
|
12636
12636
|
G,
|
|
12637
12637
|
{
|
|
12638
12638
|
type: "button",
|
|
12639
12639
|
variant: "outline",
|
|
12640
12640
|
onClick: () => {
|
|
12641
|
-
ye(
|
|
12641
|
+
ye(Re), ue({});
|
|
12642
12642
|
},
|
|
12643
12643
|
disabled: O || u,
|
|
12644
12644
|
children: d("common.previous")
|
|
@@ -12646,21 +12646,21 @@ const Oa = ({
|
|
|
12646
12646
|
),
|
|
12647
12647
|
z && a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: O || u, children: "Cancel" })
|
|
12648
12648
|
] }),
|
|
12649
|
-
/* @__PURE__ */ r(G, { type: "button", isLoading: O || u, onClick: E ? Ke :
|
|
12649
|
+
/* @__PURE__ */ r(G, { type: "button", isLoading: O || u, onClick: E ? Ke : Ie, children: E ? g.conditionalOn && !c ? d("common.skipAndSubmit") : d("common.submit") : g.conditionalOn && !c ? d("common.skip") : d("common.next") })
|
|
12650
12650
|
] })
|
|
12651
12651
|
] }) });
|
|
12652
12652
|
}
|
|
12653
|
-
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: lt, children: /* @__PURE__ */
|
|
12654
|
-
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(ft, { title: (
|
|
12655
|
-
/* @__PURE__ */
|
|
12656
|
-
P && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */
|
|
12653
|
+
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: lt, children: /* @__PURE__ */ o(re, { children: [
|
|
12654
|
+
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(ft, { title: (s == null ? void 0 : s.title) || d("createCompany.title") }) }),
|
|
12655
|
+
/* @__PURE__ */ o(ie, { children: [
|
|
12656
|
+
P && /* @__PURE__ */ r("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
|
|
12657
12657
|
/* @__PURE__ */ r("strong", { children: d("common.errorPrefix") }),
|
|
12658
12658
|
" ",
|
|
12659
12659
|
P
|
|
12660
12660
|
] }) }),
|
|
12661
12661
|
/* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: B.map((g) => /* @__PURE__ */ r("div", { style: { gridColumn: "span 4 / span 4" }, children: rt(g) }, g)) })
|
|
12662
12662
|
] }),
|
|
12663
|
-
/* @__PURE__ */
|
|
12663
|
+
/* @__PURE__ */ o(Ne, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
12664
12664
|
a && /* @__PURE__ */ r(G, { type: "button", variant: "outline", onClick: a, disabled: O || u, children: "Cancel" }),
|
|
12665
12665
|
/* @__PURE__ */ r(G, { type: "submit", isLoading: O || u, children: d("createCompany.registerCompany") })
|
|
12666
12666
|
] })
|
|
@@ -12671,9 +12671,9 @@ const Oa = ({
|
|
|
12671
12671
|
onError: i,
|
|
12672
12672
|
className: a
|
|
12673
12673
|
}) => {
|
|
12674
|
-
const { t: n } =
|
|
12674
|
+
const { t: n } = Te(), {
|
|
12675
12675
|
progress: l,
|
|
12676
|
-
currentStep:
|
|
12676
|
+
currentStep: s,
|
|
12677
12677
|
steps: p,
|
|
12678
12678
|
workflowKey: u,
|
|
12679
12679
|
nextWorkflowKey: d,
|
|
@@ -12690,28 +12690,28 @@ const Oa = ({
|
|
|
12690
12690
|
}, [l == null ? void 0 : l.workflowResult, t]), Se.useEffect(() => {
|
|
12691
12691
|
y && S(!1);
|
|
12692
12692
|
}, [y]), v || !l)
|
|
12693
|
-
return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */
|
|
12693
|
+
return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
|
|
12694
12694
|
/* @__PURE__ */ r(Ve, { className: "my-8" }),
|
|
12695
12695
|
/* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n("workflow.loadingWorkflow") })
|
|
12696
12696
|
] }) }) });
|
|
12697
12697
|
if (T)
|
|
12698
|
-
return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
12698
|
+
return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { className: "text-center py-8", children: [
|
|
12699
12699
|
/* @__PURE__ */ r("p", { className: "text-lg mb-4", style: { color: "var(--metakyc-danger, #ef4444)" }, children: n("workflow.errorOccurred") }),
|
|
12700
12700
|
/* @__PURE__ */ r("p", { style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: T.message })
|
|
12701
12701
|
] }) }) }) });
|
|
12702
12702
|
if (y && !q)
|
|
12703
|
-
return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */
|
|
12703
|
+
return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ o("div", { className: "text-center py-8", children: [
|
|
12704
12704
|
/* @__PURE__ */ r("div", { className: "mb-6", children: /* @__PURE__ */ r("div", { className: "inline-flex items-center justify-center w-16 h-16 rounded-full mb-4", style: { backgroundColor: "var(--metakyc-primary-light, #dbeafe)" }, children: /* @__PURE__ */ r("svg", { className: "w-8 h-8", style: { color: "var(--metakyc-primary, #2563eb)" }, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }) }),
|
|
12705
12705
|
/* @__PURE__ */ r("h3", { className: "text-xl font-semibold mb-2", style: { color: "var(--metakyc-text-primary, #111827)" }, children: n("workflow.workflowTransition") }),
|
|
12706
12706
|
/* @__PURE__ */ r("p", { className: "mb-6", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: n("workflow.workflowUpdatedMessage") }),
|
|
12707
|
-
/* @__PURE__ */
|
|
12708
|
-
/* @__PURE__ */
|
|
12709
|
-
/* @__PURE__ */
|
|
12707
|
+
/* @__PURE__ */ o("div", { className: "rounded-lg p-4 mb-6 max-w-md mx-auto", style: { backgroundColor: "var(--metakyc-surface, #f9fafb)" }, children: [
|
|
12708
|
+
/* @__PURE__ */ o("div", { className: "flex items-center justify-between text-sm", children: [
|
|
12709
|
+
/* @__PURE__ */ o("div", { className: "text-left", children: [
|
|
12710
12710
|
/* @__PURE__ */ r("p", { className: "mb-1", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: n("workflow.previousWorkflow") }),
|
|
12711
12711
|
/* @__PURE__ */ r("p", { className: "font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: u })
|
|
12712
12712
|
] }),
|
|
12713
12713
|
/* @__PURE__ */ r("svg", { className: "w-6 h-6 mx-4", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 7l5 5m0 0l-5 5m5-5H6" }) }),
|
|
12714
|
-
/* @__PURE__ */
|
|
12714
|
+
/* @__PURE__ */ o("div", { className: "text-right", children: [
|
|
12715
12715
|
/* @__PURE__ */ r("p", { className: "mb-1", style: { color: "var(--metakyc-text-muted, #9ca3af)" }, children: n("workflow.newWorkflow") }),
|
|
12716
12716
|
/* @__PURE__ */ r("p", { className: "font-medium", style: { color: "var(--metakyc-primary, #2563eb)" }, children: d })
|
|
12717
12717
|
] })
|
|
@@ -12742,8 +12742,8 @@ const Oa = ({
|
|
|
12742
12742
|
}
|
|
12743
12743
|
}
|
|
12744
12744
|
) });
|
|
12745
|
-
if (!
|
|
12746
|
-
return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */
|
|
12745
|
+
if (!s)
|
|
12746
|
+
return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${a || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { children: [
|
|
12747
12747
|
/* @__PURE__ */ r(Ve, { className: "my-8" }),
|
|
12748
12748
|
/* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: l.status === qe.IdentityPending ? n("workflow.loadingIdentityVerification") : n("workflow.loadingCurrentStep") })
|
|
12749
12749
|
] }) }) });
|
|
@@ -12771,8 +12771,8 @@ const Oa = ({
|
|
|
12771
12771
|
return "";
|
|
12772
12772
|
}
|
|
12773
12773
|
}, F = () => {
|
|
12774
|
-
const K = p.filter((V) => V.visibility !== !1), J = K.findIndex((V) => V.order ===
|
|
12775
|
-
return /* @__PURE__ */
|
|
12774
|
+
const K = p.filter((V) => V.visibility !== !1), J = K.findIndex((V) => V.order === s.order), ae = J >= 0 ? J + 1 : 1, w = K.length, R = w > 1 ? (J + 1) / w * 100 : 100;
|
|
12775
|
+
return /* @__PURE__ */ o("div", { style: {
|
|
12776
12776
|
marginBottom: "24px",
|
|
12777
12777
|
backgroundColor: "var(--metakyc-surface, var(--metakyc-background, #ffffff))",
|
|
12778
12778
|
borderRadius: "0.75rem",
|
|
@@ -12780,11 +12780,11 @@ const Oa = ({
|
|
|
12780
12780
|
padding: "1rem 1.5rem",
|
|
12781
12781
|
overflow: "hidden"
|
|
12782
12782
|
}, children: [
|
|
12783
|
-
/* @__PURE__ */
|
|
12783
|
+
/* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: "16px" }, children: [
|
|
12784
12784
|
/* @__PURE__ */ r(ft, {}),
|
|
12785
12785
|
/* @__PURE__ */ r(rr, { variant: l.status === 1 ? "info" : "success", children: n("common.stepXofY", { current: ae, total: w }) })
|
|
12786
12786
|
] }),
|
|
12787
|
-
/* @__PURE__ */
|
|
12787
|
+
/* @__PURE__ */ o("div", { style: { position: "relative", height: "4px", borderRadius: "999px", overflow: "hidden", marginBottom: "16px" }, children: [
|
|
12788
12788
|
/* @__PURE__ */ r("div", { style: { position: "absolute", inset: 0, backgroundColor: "var(--metakyc-border, #e5e7eb)", opacity: 0.3 } }),
|
|
12789
12789
|
/* @__PURE__ */ r("div", { style: {
|
|
12790
12790
|
position: "absolute",
|
|
@@ -12813,9 +12813,9 @@ const Oa = ({
|
|
|
12813
12813
|
onComplete: async () => {
|
|
12814
12814
|
await x();
|
|
12815
12815
|
},
|
|
12816
|
-
onBack:
|
|
12816
|
+
onBack: s.order > 0 ? I : void 0
|
|
12817
12817
|
};
|
|
12818
|
-
switch (
|
|
12818
|
+
switch (s.action) {
|
|
12819
12819
|
case de.Questionaries:
|
|
12820
12820
|
return /* @__PURE__ */ r(Zi, { ...K });
|
|
12821
12821
|
case de.UploadDocument:
|
|
@@ -12842,22 +12842,22 @@ const Oa = ({
|
|
|
12842
12842
|
}
|
|
12843
12843
|
);
|
|
12844
12844
|
default:
|
|
12845
|
-
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */
|
|
12845
|
+
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ie, { className: "py-12 text-center", children: [
|
|
12846
12846
|
/* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(Ve, {}) }),
|
|
12847
|
-
/* @__PURE__ */
|
|
12847
|
+
/* @__PURE__ */ o("p", { className: "text-gray-600 dark:text-gray-400 mb-2", children: [
|
|
12848
12848
|
n("workflow.processingStep"),
|
|
12849
12849
|
" ",
|
|
12850
|
-
|
|
12850
|
+
s.title || s.name
|
|
12851
12851
|
] }),
|
|
12852
|
-
/* @__PURE__ */
|
|
12852
|
+
/* @__PURE__ */ o("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: [
|
|
12853
12853
|
n("workflow.actionType"),
|
|
12854
12854
|
" ",
|
|
12855
|
-
de[
|
|
12855
|
+
de[s.action]
|
|
12856
12856
|
] })
|
|
12857
12857
|
] }) });
|
|
12858
12858
|
}
|
|
12859
12859
|
};
|
|
12860
|
-
return /* @__PURE__ */
|
|
12860
|
+
return /* @__PURE__ */ o("div", { className: `metakyc-sdk ${a || ""}`, children: [
|
|
12861
12861
|
F(),
|
|
12862
12862
|
U()
|
|
12863
12863
|
] });
|
|
@@ -12866,8 +12866,8 @@ const Oa = ({
|
|
|
12866
12866
|
const n = Se.useRef(null), l = Se.useRef(null);
|
|
12867
12867
|
return Se.useImperativeHandle(a, () => n.current), Se.useEffect(() => {
|
|
12868
12868
|
if (l.current && n.current) {
|
|
12869
|
-
const
|
|
12870
|
-
|
|
12869
|
+
const s = n.current, p = l.current, u = p.offsetLeft - s.offsetWidth / 2 + p.offsetWidth / 2;
|
|
12870
|
+
s.scrollTo({ left: Math.max(0, u), behavior: "smooth" });
|
|
12871
12871
|
}
|
|
12872
12872
|
}, [t]), /* @__PURE__ */ r(
|
|
12873
12873
|
"div",
|
|
@@ -12886,10 +12886,10 @@ const Oa = ({
|
|
|
12886
12886
|
padding: "4px 0",
|
|
12887
12887
|
gap: "0"
|
|
12888
12888
|
},
|
|
12889
|
-
children: e.map((
|
|
12890
|
-
const u = p < t, d = p === t, y = u || d, v =
|
|
12891
|
-
return /* @__PURE__ */
|
|
12892
|
-
/* @__PURE__ */
|
|
12889
|
+
children: e.map((s, p) => {
|
|
12890
|
+
const u = p < t, d = p === t, y = u || d, v = s.displayName || s.name || i(s.action) || `Step ${p + 1}`;
|
|
12891
|
+
return /* @__PURE__ */ o(Se.Fragment, { children: [
|
|
12892
|
+
/* @__PURE__ */ o(
|
|
12893
12893
|
"div",
|
|
12894
12894
|
{
|
|
12895
12895
|
ref: d ? l : void 0,
|
|
@@ -12941,7 +12941,7 @@ const Oa = ({
|
|
|
12941
12941
|
opacity: u ? 1 : 0.25,
|
|
12942
12942
|
transition: "opacity 0.2s ease"
|
|
12943
12943
|
} })
|
|
12944
|
-
] },
|
|
12944
|
+
] }, s.order);
|
|
12945
12945
|
})
|
|
12946
12946
|
}
|
|
12947
12947
|
);
|
|
@@ -13115,7 +13115,7 @@ export {
|
|
|
13115
13115
|
Pi as useOverview,
|
|
13116
13116
|
Li as useQuestionnaire,
|
|
13117
13117
|
ji as useRiskScoring,
|
|
13118
|
-
|
|
13118
|
+
Te as useTranslation,
|
|
13119
13119
|
Ei as useUploadDocument,
|
|
13120
13120
|
La as validateFileSize,
|
|
13121
13121
|
Ea as validateFileType
|