@vpdev2/metakyc 1.0.8 → 1.0.10
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/KycWorkflow.d.ts.map +1 -1
- package/dist/identity/providers/sumsub.d.ts.map +1 -1
- package/dist/index.cjs +35 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +693 -698
- package/dist/index.js.map +1 -1
- package/dist/theme/theme-manager.d.ts +9 -23
- package/dist/theme/theme-manager.d.ts.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
var qt = Object.defineProperty;
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import
|
|
2
|
+
var Yt = (e, t, a) => t in e ? qt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
|
|
3
|
+
var ge = (e, t, a) => Yt(e, typeof t != "symbol" ? t + "" : t, a);
|
|
4
|
+
import Vt from "axios";
|
|
5
5
|
import * as Rt from "react";
|
|
6
6
|
import ve, { createContext as Qt, useState as v, useMemo as De, useEffect as fe, useContext as Gt, useRef as de, useCallback as ne, forwardRef as yt, createElement as St } from "react";
|
|
7
7
|
import { jsxs as o, jsx as r, Fragment as ct } from "react/jsx-runtime";
|
|
8
8
|
import Jt, { createPortal as Ct } from "react-dom";
|
|
9
9
|
import { useForm as Xt, Controller as tt } from "react-hook-form";
|
|
10
|
-
import { z as
|
|
10
|
+
import { z as Ve } from "zod";
|
|
11
11
|
var ce = /* @__PURE__ */ ((e) => (e[e.IdentitySdk = 0] = "IdentitySdk", e[e.RiskScoring = 1] = "RiskScoring", e[e.Questionaries = 2] = "Questionaries", e[e.AdditionalData = 3] = "AdditionalData", e[e.AppropriatenessTest = 4] = "AppropriatenessTest", e[e.UploadDocument = 5] = "UploadDocument", e[e.ManualReview = 6] = "ManualReview", e[e.Overview = 7] = "Overview", e[e.InvestorCategorization = 8] = "InvestorCategorization", e))(ce || {}), ft = /* @__PURE__ */ ((e) => (e[e.NotStarted = 0] = "NotStarted", e[e.InProgress = 1] = "InProgress", e[e.Success = 2] = "Success", e[e.PartialSuccess = 3] = "PartialSuccess", e[e.Failed = 4] = "Failed", e[e.Skipped = 5] = "Skipped", e[e.AdminReview = 6] = "AdminReview", e[e.SkippedAndAdminReview = 7] = "SkippedAndAdminReview", e))(ft || {}), Oe = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.InProgress = 1] = "InProgress", e[e.Finished = 2] = "Finished", e[e.OnHold = 3] = "OnHold", e[e.IdentityPending = 4] = "IdentityPending", e))(Oe || {}), Zt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.RepresentativeKYC = 1] = "RepresentativeKYC", e[e.ManualRiskCriteria = 2] = "ManualRiskCriteria", e[e.UploadDocumentReview = 3] = "UploadDocumentReview", e[e.AdminReview = 4] = "AdminReview", e))(Zt || {}), er = /* @__PURE__ */ ((e) => (e[e.LowRisk = 0] = "LowRisk", e[e.MediumRisk = 1] = "MediumRisk", e[e.HighRisk = 2] = "HighRisk", e[e.Alert = 3] = "Alert", e))(er || {}), rt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Pending = 1] = "Pending", e[e.Approved = 2] = "Approved", e[e.Rejected = 3] = "Rejected", e[e.ResendRequested = 4] = "ResendRequested", e[e.Unknown = 5] = "Unknown", e[e.InProgress = 6] = "InProgress", e))(rt || {}), at = /* @__PURE__ */ ((e) => (e[e.Approved = 0] = "Approved", e[e.Reject = 1] = "Reject", e[e.UnderReview = 2] = "UnderReview", e[e.Closed = 3] = "Closed", e[e.AdminReview = 4] = "AdminReview", e[e.New = 5] = "New", e[e.InProgress = 6] = "InProgress", e))(at || {}), tr = /* @__PURE__ */ ((e) => (e[e.ProviderResultPending = 0] = "ProviderResultPending", e[e.ProviderResultReceived = 1] = "ProviderResultReceived", e[e.Canceled = 2] = "Canceled", e[e.ExtendedToNewApplicant = 3] = "ExtendedToNewApplicant", e))(tr || {}), rr = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.ProviderResultPending = 1] = "ProviderResultPending", e[e.ProviderResultReceived = 2] = "ProviderResultReceived", e[e.Canceled = 3] = "Canceled", e))(rr || {}), ze = /* @__PURE__ */ ((e) => (e[e.Onfido = 0] = "Onfido", e[e.Sumsub = 2] = "Sumsub", e[e.SardinAI = 3] = "SardinAI", e))(ze || {}), ar = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Company = 1] = "Company", e))(ar || {}), kt = /* @__PURE__ */ ((e) => (e[e.Male = 0] = "Male", e[e.Female = 1] = "Female", e[e.Other = 2] = "Other", e))(kt || {}), nr = /* @__PURE__ */ ((e) => (e[e.Image = 0] = "Image", e[e.Video = 1] = "Video", e[e.PDF = 2] = "PDF", e[e.OfficePDF = 3] = "OfficePDF", e[e.Custom = 4] = "Custom", e))(nr || {}), ir = /* @__PURE__ */ ((e) => (e[e.Pending = 0] = "Pending", e[e.Approved = 1] = "Approved", e[e.Rejected = 2] = "Rejected", e[e.RequiresRevision = 3] = "RequiresRevision", e))(ir || {}), or = /* @__PURE__ */ ((e) => (e[e.SingleChoice = 0] = "SingleChoice", e[e.MultipleChoice = 1] = "MultipleChoice", e[e.Text = 2] = "Text", e))(or || {}), qe = /* @__PURE__ */ ((e) => (e[e.String = 0] = "String", e[e.Integer = 1] = "Integer", e[e.Money = 2] = "Money", e[e.Boolean = 3] = "Boolean", e[e.Date = 4] = "Date", e[e.Country = 5] = "Country", e[e.DigitOnly = 6] = "DigitOnly", e))(qe || {}), sr = /* @__PURE__ */ ((e) => (e[e.Text = 0] = "Text", e[e.Radio = 1] = "Radio", e[e.Checkbox = 2] = "Checkbox", e[e.Dropdown = 3] = "Dropdown", e[e.Country = 4] = "Country", e))(sr || {}), lr = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Country = 1] = "Country", e))(lr || {}), Ee = /* @__PURE__ */ ((e) => (e[e.Individual = 0] = "Individual", e[e.Sophisticated = 1] = "Sophisticated", e[e.HighNetWorth = 2] = "HighNetWorth", e[e.Business = 3] = "Business", e))(Ee || {}), cr = /* @__PURE__ */ ((e) => (e[e.Retail = 0] = "Retail", e[e.Professional = 1] = "Professional", e[e.EligibleCounterparty = 2] = "EligibleCounterparty", e))(cr || {});
|
|
12
12
|
const Xe = {
|
|
13
13
|
Nationality: 10,
|
|
@@ -140,7 +140,7 @@ class ur {
|
|
|
140
140
|
class Ke extends Error {
|
|
141
141
|
constructor(a, n, i, s, c) {
|
|
142
142
|
super(a);
|
|
143
|
-
|
|
143
|
+
ge(this, "response");
|
|
144
144
|
this.code = n, this.details = i, this.validationErrors = s, this.name = "MetaKYCError", this.response = c, Object.setPrototypeOf(this, Ke.prototype);
|
|
145
145
|
}
|
|
146
146
|
}
|
|
@@ -196,10 +196,10 @@ class mt {
|
|
|
196
196
|
}
|
|
197
197
|
class yr {
|
|
198
198
|
constructor(t) {
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
this.config = { ...pr, ...t }, this.endpointBuilder = new ur(this.config.endpoints), this.axiosInstance =
|
|
199
|
+
ge(this, "axiosInstance");
|
|
200
|
+
ge(this, "endpointBuilder");
|
|
201
|
+
ge(this, "config");
|
|
202
|
+
this.config = { ...pr, ...t }, this.endpointBuilder = new ur(this.config.endpoints), this.axiosInstance = Vt.create({
|
|
203
203
|
baseURL: this.config.baseUrl,
|
|
204
204
|
timeout: this.config.timeout,
|
|
205
205
|
headers: {
|
|
@@ -295,7 +295,7 @@ class yr {
|
|
|
295
295
|
return this.axiosInstance;
|
|
296
296
|
}
|
|
297
297
|
}
|
|
298
|
-
class
|
|
298
|
+
class gr {
|
|
299
299
|
constructor(t) {
|
|
300
300
|
this.httpClient = t;
|
|
301
301
|
}
|
|
@@ -414,7 +414,7 @@ class hr {
|
|
|
414
414
|
)).result;
|
|
415
415
|
}
|
|
416
416
|
}
|
|
417
|
-
class
|
|
417
|
+
class hr {
|
|
418
418
|
constructor(t) {
|
|
419
419
|
this.httpClient = t;
|
|
420
420
|
}
|
|
@@ -682,7 +682,7 @@ class Sr {
|
|
|
682
682
|
)).result;
|
|
683
683
|
}
|
|
684
684
|
}
|
|
685
|
-
const
|
|
685
|
+
const Pe = {
|
|
686
686
|
name: "Default",
|
|
687
687
|
title: "KYC Verification",
|
|
688
688
|
logo: {
|
|
@@ -916,7 +916,7 @@ const Le = {
|
|
|
916
916
|
inputHeight: "2.25rem"
|
|
917
917
|
}
|
|
918
918
|
}, Fr = {
|
|
919
|
-
[Fe.Default]:
|
|
919
|
+
[Fe.Default]: Pe,
|
|
920
920
|
[Fe.Corporate]: Cr,
|
|
921
921
|
[Fe.Fintech]: Nr,
|
|
922
922
|
[Fe.Healthcare]: Ir,
|
|
@@ -924,7 +924,7 @@ const Le = {
|
|
|
924
924
|
[Fe.Minimal]: Er
|
|
925
925
|
};
|
|
926
926
|
function pt(e) {
|
|
927
|
-
return Fr[e] ||
|
|
927
|
+
return Fr[e] || Pe;
|
|
928
928
|
}
|
|
929
929
|
class Ar {
|
|
930
930
|
constructor(t) {
|
|
@@ -1031,7 +1031,7 @@ class Ar {
|
|
|
1031
1031
|
}
|
|
1032
1032
|
class Tr {
|
|
1033
1033
|
constructor() {
|
|
1034
|
-
|
|
1034
|
+
ge(this, "listeners", /* @__PURE__ */ new Map());
|
|
1035
1035
|
}
|
|
1036
1036
|
/**
|
|
1037
1037
|
* Subscribe to an event
|
|
@@ -1074,12 +1074,12 @@ class Tr {
|
|
|
1074
1074
|
this.listeners.delete(t);
|
|
1075
1075
|
}
|
|
1076
1076
|
}
|
|
1077
|
-
class
|
|
1077
|
+
class Lr {
|
|
1078
1078
|
constructor() {
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1079
|
+
ge(this, "events", new Tr());
|
|
1080
|
+
ge(this, "_applicantId", null);
|
|
1081
|
+
ge(this, "_progress", null);
|
|
1082
|
+
ge(this, "_error", null);
|
|
1083
1083
|
}
|
|
1084
1084
|
/**
|
|
1085
1085
|
* Get current applicant ID
|
|
@@ -1214,9 +1214,9 @@ class Pr {
|
|
|
1214
1214
|
this.events.clear();
|
|
1215
1215
|
}
|
|
1216
1216
|
}
|
|
1217
|
-
class
|
|
1217
|
+
class Pr {
|
|
1218
1218
|
constructor() {
|
|
1219
|
-
|
|
1219
|
+
ge(this, "handlers", /* @__PURE__ */ new Map());
|
|
1220
1220
|
}
|
|
1221
1221
|
/**
|
|
1222
1222
|
* Register a step handler
|
|
@@ -1257,9 +1257,9 @@ class Lr {
|
|
|
1257
1257
|
}
|
|
1258
1258
|
class Dr {
|
|
1259
1259
|
constructor(t, a, n, i, s, c, d, y) {
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
this.applicantService = t, this.questionnaireService = a, this.uploadDocumentService = n, this.appropriatenessTestService = i, this.overviewService = s, this.riskScoringService = c, this.investorCategorizationService = y, this.state = new
|
|
1260
|
+
ge(this, "state");
|
|
1261
|
+
ge(this, "stepRouter");
|
|
1262
|
+
this.applicantService = t, this.questionnaireService = a, this.uploadDocumentService = n, this.appropriatenessTestService = i, this.overviewService = s, this.riskScoringService = c, this.investorCategorizationService = y, this.state = new Lr(), this.stepRouter = new Pr(), this.registerStepHandlers();
|
|
1263
1263
|
}
|
|
1264
1264
|
/**
|
|
1265
1265
|
* Register all step handlers
|
|
@@ -1409,17 +1409,18 @@ function Ot(e, t) {
|
|
|
1409
1409
|
i.src = e, t && (i.id = t), i.async = !0, i.onload = () => a(), i.onerror = () => n(new Error(`Failed to load script: ${e}`)), document.head.appendChild(i);
|
|
1410
1410
|
});
|
|
1411
1411
|
}
|
|
1412
|
-
function
|
|
1412
|
+
function Va(e) {
|
|
1413
1413
|
return !!document.getElementById(e);
|
|
1414
1414
|
}
|
|
1415
|
-
function
|
|
1415
|
+
function Qa(e) {
|
|
1416
1416
|
const t = document.getElementById(e);
|
|
1417
1417
|
t && t.remove();
|
|
1418
1418
|
}
|
|
1419
1419
|
const Mr = "https://static.sumsub.com/idensic/static/sns-websdk-builder.js";
|
|
1420
1420
|
function Ue(e, t) {
|
|
1421
1421
|
try {
|
|
1422
|
-
|
|
1422
|
+
const a = document.querySelector(".metakyc-sdk") || document.documentElement;
|
|
1423
|
+
return getComputedStyle(a).getPropertyValue(e).trim() || t;
|
|
1423
1424
|
} catch {
|
|
1424
1425
|
return t;
|
|
1425
1426
|
}
|
|
@@ -1453,10 +1454,10 @@ a:hover { color: ${t}; }
|
|
|
1453
1454
|
}
|
|
1454
1455
|
class Or {
|
|
1455
1456
|
constructor(t) {
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1457
|
+
ge(this, "sdk", null);
|
|
1458
|
+
ge(this, "config");
|
|
1459
|
+
ge(this, "completeCallback", null);
|
|
1460
|
+
ge(this, "errorCallback", null);
|
|
1460
1461
|
this.config = t;
|
|
1461
1462
|
}
|
|
1462
1463
|
async loadSDK() {
|
|
@@ -1510,8 +1511,8 @@ class Or {
|
|
|
1510
1511
|
}
|
|
1511
1512
|
class $r {
|
|
1512
1513
|
constructor(t) {
|
|
1513
|
-
|
|
1514
|
-
|
|
1514
|
+
ge(this, "sdk", null);
|
|
1515
|
+
ge(this, "config");
|
|
1515
1516
|
this.config = t;
|
|
1516
1517
|
}
|
|
1517
1518
|
/**
|
|
@@ -1576,9 +1577,9 @@ class $r {
|
|
|
1576
1577
|
}
|
|
1577
1578
|
class Br {
|
|
1578
1579
|
constructor(t) {
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1580
|
+
ge(this, "sardineContext", null);
|
|
1581
|
+
ge(this, "config");
|
|
1582
|
+
ge(this, "sessionKey");
|
|
1582
1583
|
this.config = t, this.sessionKey = t.sessionKey || this.generateSessionKey();
|
|
1583
1584
|
}
|
|
1584
1585
|
/**
|
|
@@ -1773,60 +1774,27 @@ class Je {
|
|
|
1773
1774
|
}
|
|
1774
1775
|
}
|
|
1775
1776
|
}
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1780
|
-
|
|
1781
|
-
.metakyc-sdk textarea,
|
|
1782
|
-
.metakyc-sdk .metakyc-searchable-select-trigger,
|
|
1783
|
-
.metakyc-sdk .metakyc-multiselect-trigger {
|
|
1784
|
-
background-color: var(--metakyc-input-bg, var(--metakyc-background, #ffffff)) !important;
|
|
1785
|
-
color: var(--metakyc-input-text, var(--metakyc-text-primary, #111827)) !important;
|
|
1786
|
-
border-color: var(--metakyc-input-border, var(--metakyc-border, #d1d5db)) !important;
|
|
1787
|
-
}
|
|
1788
|
-
.metakyc-sdk input[type="checkbox"],
|
|
1789
|
-
.metakyc-sdk input[type="radio"] {
|
|
1790
|
-
appearance: none !important;
|
|
1791
|
-
-webkit-appearance: none !important;
|
|
1792
|
-
background-color: var(--metakyc-input-bg, var(--metakyc-background, #ffffff)) !important;
|
|
1793
|
-
border: 1.5px solid var(--metakyc-input-border, var(--metakyc-border, #d1d5db)) !important;
|
|
1794
|
-
accent-color: var(--metakyc-primary, #2563eb) !important;
|
|
1795
|
-
}
|
|
1796
|
-
.metakyc-sdk input[type="checkbox"]:checked,
|
|
1797
|
-
.metakyc-sdk input[type="radio"]:checked {
|
|
1798
|
-
background-color: var(--metakyc-primary, #2563eb) !important;
|
|
1799
|
-
border-color: var(--metakyc-primary, #2563eb) !important;
|
|
1800
|
-
}
|
|
1801
|
-
.metakyc-sdk .metakyc-help-btn {
|
|
1802
|
-
color: var(--metakyc-primary, #2563eb) !important;
|
|
1803
|
-
border-color: var(--metakyc-primary, #2563eb) !important;
|
|
1804
|
-
background: transparent !important;
|
|
1805
|
-
position: relative !important;
|
|
1806
|
-
z-index: 2 !important;
|
|
1807
|
-
}
|
|
1808
|
-
`;
|
|
1809
|
-
}
|
|
1810
|
-
class jr {
|
|
1811
|
-
constructor(t) {
|
|
1812
|
-
he(this, "currentTheme", Le);
|
|
1813
|
-
he(this, "customStyleElement", null);
|
|
1814
|
-
he(this, "inputStyleElement", null);
|
|
1815
|
-
he(this, "container");
|
|
1816
|
-
this.container = t || document.documentElement;
|
|
1777
|
+
class _r {
|
|
1778
|
+
constructor() {
|
|
1779
|
+
ge(this, "currentTheme", Pe);
|
|
1780
|
+
ge(this, "customStyleElement", null);
|
|
1781
|
+
ge(this, "themeStyleElement", null);
|
|
1817
1782
|
}
|
|
1818
1783
|
/**
|
|
1819
1784
|
* Apply theme configuration
|
|
1820
1785
|
*/
|
|
1821
1786
|
applyTheme(t) {
|
|
1822
|
-
this.currentTheme = this.mergeWithDefault(t), this.
|
|
1787
|
+
this.currentTheme = this.mergeWithDefault(t), this.injectThemeCSS(), this.currentTheme.customCSS && this.injectCustomCSS(this.currentTheme.customCSS), console.log("[ThemeManager] Theme applied:", this.currentTheme.name || "Custom");
|
|
1823
1788
|
}
|
|
1824
1789
|
/**
|
|
1825
|
-
*
|
|
1790
|
+
* Build and inject a single <style> tag that sets all CSS variables on
|
|
1791
|
+
* .metakyc-sdk AND re-asserts critical input/portal rules.
|
|
1792
|
+
* Scoping to .metakyc-sdk means host-app variables can never interfere.
|
|
1826
1793
|
*/
|
|
1827
|
-
|
|
1828
|
-
var
|
|
1829
|
-
|
|
1794
|
+
injectThemeCSS() {
|
|
1795
|
+
var d;
|
|
1796
|
+
this.themeStyleElement && this.themeStyleElement.remove();
|
|
1797
|
+
const t = this.currentTheme.colors, a = this.currentTheme.typography, n = this.currentTheme.spacing, i = {
|
|
1830
1798
|
primary: t.primary,
|
|
1831
1799
|
"primary-hover": t.primaryHover,
|
|
1832
1800
|
"primary-light": t.primaryLight,
|
|
@@ -1843,54 +1811,74 @@ class jr {
|
|
|
1843
1811
|
"text-primary": t.textPrimary,
|
|
1844
1812
|
"text-secondary": t.textSecondary,
|
|
1845
1813
|
"text-muted": t.textMuted,
|
|
1846
|
-
// Input-specific — fall back to general colors when not explicitly set.
|
|
1847
|
-
// Use || (not ??) so empty string '' also triggers the fallback.
|
|
1848
1814
|
"input-bg": t.inputBg || t.background,
|
|
1849
1815
|
"input-text": t.inputText || t.textPrimary,
|
|
1850
1816
|
"input-border": t.inputBorder || t.border,
|
|
1851
1817
|
"input-border-focus": t.inputBorderFocus || t.primary,
|
|
1852
1818
|
"input-placeholder": t.inputPlaceholder || t.textMuted
|
|
1853
1819
|
};
|
|
1854
|
-
Object.entries(a).forEach(([
|
|
1855
|
-
|
|
1856
|
-
}),
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
*/
|
|
1861
|
-
applyDarkModeColors(t) {
|
|
1862
|
-
Object.entries(t).forEach(([a, n]) => {
|
|
1863
|
-
if (n) {
|
|
1864
|
-
const i = `--metakyc-dark-${this.kebabCase(a)}`;
|
|
1865
|
-
this.container.style.setProperty(i, n);
|
|
1866
|
-
}
|
|
1820
|
+
a != null && a.fontFamily && (i["font-family"] = a.fontFamily), a != null && a.headingFont && (i["heading-font"] = a.headingFont), a != null && a.fontSize && Object.entries(a.fontSize).forEach(([y, p]) => {
|
|
1821
|
+
i[`font-size-${y}`] = p;
|
|
1822
|
+
}), a != null && a.fontWeight && Object.entries(a.fontWeight).forEach(([y, p]) => {
|
|
1823
|
+
i[`font-weight-${y}`] = String(p);
|
|
1824
|
+
}), n && Object.entries(n).forEach(([y, p]) => {
|
|
1825
|
+
i[this.kebabCase(y)] = p;
|
|
1867
1826
|
});
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
|
|
1827
|
+
const c = `
|
|
1828
|
+
/* ── metakyc-theme-vars: scoped CSS variables ──────────────────────────────── */
|
|
1829
|
+
.metakyc-sdk,
|
|
1830
|
+
.metakyc-searchable-select-dropdown,
|
|
1831
|
+
.metakyc-multiselect-dropdown {
|
|
1832
|
+
${Object.entries(i).filter(([, y]) => !!y).map(([y, p]) => ` --metakyc-${y}: ${p} !important;`).join(`
|
|
1833
|
+
`)}
|
|
1834
|
+
}
|
|
1835
|
+
|
|
1836
|
+
/* ── metakyc-input-overrides: hardened input styling ───────────────────────── */
|
|
1837
|
+
.metakyc-sdk input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
|
|
1838
|
+
.metakyc-sdk select,
|
|
1839
|
+
.metakyc-sdk textarea,
|
|
1840
|
+
.metakyc-sdk .metakyc-searchable-select-trigger,
|
|
1841
|
+
.metakyc-sdk .metakyc-multiselect-trigger {
|
|
1842
|
+
background-color: var(--metakyc-input-bg, var(--metakyc-background, #ffffff)) !important;
|
|
1843
|
+
color: var(--metakyc-input-text, var(--metakyc-text-primary, #111827)) !important;
|
|
1844
|
+
border-color: var(--metakyc-input-border, var(--metakyc-border, #d1d5db)) !important;
|
|
1845
|
+
}
|
|
1846
|
+
.metakyc-sdk input[type="checkbox"],
|
|
1847
|
+
.metakyc-sdk input[type="radio"] {
|
|
1848
|
+
appearance: none !important;
|
|
1849
|
+
-webkit-appearance: none !important;
|
|
1850
|
+
background-color: var(--metakyc-input-bg, var(--metakyc-background, #ffffff)) !important;
|
|
1851
|
+
border: 1.5px solid var(--metakyc-input-border, var(--metakyc-border, #d1d5db)) !important;
|
|
1852
|
+
accent-color: var(--metakyc-primary, #2563eb) !important;
|
|
1853
|
+
}
|
|
1854
|
+
.metakyc-sdk input[type="checkbox"]:checked,
|
|
1855
|
+
.metakyc-sdk input[type="radio"]:checked {
|
|
1856
|
+
background-color: var(--metakyc-primary, #2563eb) !important;
|
|
1857
|
+
border-color: var(--metakyc-primary, #2563eb) !important;
|
|
1858
|
+
}
|
|
1859
|
+
.metakyc-sdk .metakyc-help-btn {
|
|
1860
|
+
color: var(--metakyc-primary, #2563eb) !important;
|
|
1861
|
+
border-color: var(--metakyc-primary, #2563eb) !important;
|
|
1862
|
+
background: transparent !important;
|
|
1863
|
+
position: relative !important;
|
|
1864
|
+
z-index: 2 !important;
|
|
1865
|
+
}
|
|
1866
|
+
|
|
1867
|
+
/* ── Portal dropdowns (rendered at document.body, outside .metakyc-sdk) ────── */
|
|
1868
|
+
.metakyc-searchable-select-dropdown,
|
|
1869
|
+
.metakyc-multiselect-dropdown {
|
|
1870
|
+
background-color: var(--metakyc-input-bg, var(--metakyc-background, #ffffff)) !important;
|
|
1871
|
+
border-color: var(--metakyc-input-border, var(--metakyc-border, #d1d5db)) !important;
|
|
1872
|
+
color: var(--metakyc-input-text, var(--metakyc-text-primary, #111827)) !important;
|
|
1873
|
+
}
|
|
1874
|
+
.metakyc-searchable-select-dropdown input,
|
|
1875
|
+
.metakyc-multiselect-dropdown input {
|
|
1876
|
+
background-color: var(--metakyc-input-bg, var(--metakyc-background, #ffffff)) !important;
|
|
1877
|
+
color: var(--metakyc-input-text, var(--metakyc-text-primary, #111827)) !important;
|
|
1878
|
+
border-color: var(--metakyc-input-border, var(--metakyc-border, #d1d5db)) !important;
|
|
1879
|
+
}
|
|
1880
|
+
`;
|
|
1881
|
+
this.themeStyleElement = document.createElement("style"), this.themeStyleElement.id = "metakyc-theme-vars", this.themeStyleElement.textContent = c, (d = this.customStyleElement) != null && d.parentNode ? document.head.insertBefore(this.themeStyleElement, this.customStyleElement) : document.head.appendChild(this.themeStyleElement);
|
|
1894
1882
|
}
|
|
1895
1883
|
/**
|
|
1896
1884
|
* Inject custom CSS into document
|
|
@@ -1904,19 +1892,19 @@ class jr {
|
|
|
1904
1892
|
mergeWithDefault(t) {
|
|
1905
1893
|
var a;
|
|
1906
1894
|
return {
|
|
1907
|
-
name: t.name ||
|
|
1908
|
-
title: t.title ||
|
|
1909
|
-
logo: { ...
|
|
1910
|
-
colors: { ...
|
|
1911
|
-
typography: t.typography ? { ...
|
|
1912
|
-
spacing: t.spacing ? { ...
|
|
1895
|
+
name: t.name || Pe.name,
|
|
1896
|
+
title: t.title || Pe.title,
|
|
1897
|
+
logo: { ...Pe.logo, ...t.logo },
|
|
1898
|
+
colors: { ...Pe.colors, ...t.colors },
|
|
1899
|
+
typography: t.typography ? { ...Pe.typography, ...t.typography } : Pe.typography,
|
|
1900
|
+
spacing: t.spacing ? { ...Pe.spacing, ...t.spacing } : Pe.spacing,
|
|
1913
1901
|
customCSS: t.customCSS,
|
|
1914
1902
|
darkMode: t.darkMode ? {
|
|
1915
1903
|
colors: {
|
|
1916
|
-
...(a =
|
|
1904
|
+
...(a = Pe.darkMode) == null ? void 0 : a.colors,
|
|
1917
1905
|
...t.darkMode.colors
|
|
1918
1906
|
}
|
|
1919
|
-
} :
|
|
1907
|
+
} : Pe.darkMode,
|
|
1920
1908
|
applicantFormVisibleFields: t.applicantFormVisibleFields,
|
|
1921
1909
|
applicantFormRequiredFields: t.applicantFormRequiredFields,
|
|
1922
1910
|
allowedLanguages: t.allowedLanguages,
|
|
@@ -1940,13 +1928,13 @@ class jr {
|
|
|
1940
1928
|
* Reset to default theme
|
|
1941
1929
|
*/
|
|
1942
1930
|
resetTheme() {
|
|
1943
|
-
this.applyTheme(
|
|
1931
|
+
this.applyTheme(Pe);
|
|
1944
1932
|
}
|
|
1945
1933
|
/**
|
|
1946
1934
|
* Remove all custom styles
|
|
1947
1935
|
*/
|
|
1948
1936
|
cleanup() {
|
|
1949
|
-
this.
|
|
1937
|
+
this.themeStyleElement && (this.themeStyleElement.remove(), this.themeStyleElement = null), this.customStyleElement && (this.customStyleElement.remove(), this.customStyleElement = null);
|
|
1950
1938
|
}
|
|
1951
1939
|
/**
|
|
1952
1940
|
* Convert camelCase to kebab-case
|
|
@@ -1955,26 +1943,26 @@ class jr {
|
|
|
1955
1943
|
return t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
1956
1944
|
}
|
|
1957
1945
|
}
|
|
1958
|
-
const $t = Qt(null), Hr = "1.0.8", Wr = '.metakyc-sdk .pointer-events-none{pointer-events:none}.metakyc-sdk .visible{visibility:visible}.metakyc-sdk .static{position:static}.metakyc-sdk .fixed{position:fixed}.metakyc-sdk .absolute{position:absolute}.metakyc-sdk .relative{position:relative}.metakyc-sdk .inset-y-0{top:0;bottom:0}.metakyc-sdk .left-0{left:0}.metakyc-sdk .right-0{right:0}.metakyc-sdk .right-3{right:.75rem}.metakyc-sdk .top-1\\/2{top:50%}.metakyc-sdk .mx-4{margin-left:1rem;margin-right:1rem}.metakyc-sdk .mx-6{margin-left:1.5rem;margin-right:1.5rem}.metakyc-sdk .mx-auto{margin-left:auto;margin-right:auto}.metakyc-sdk .my-8{margin-top:2rem;margin-bottom:2rem}.metakyc-sdk .-ml-1{margin-left:-.25rem}.metakyc-sdk .mb-0\\.5{margin-bottom:.125rem}.metakyc-sdk .mb-1{margin-bottom:.25rem}.metakyc-sdk .mb-2{margin-bottom:.5rem}.metakyc-sdk .mb-3{margin-bottom:.75rem}.metakyc-sdk .mb-4{margin-bottom:1rem}.metakyc-sdk .mb-6{margin-bottom:1.5rem}.metakyc-sdk .ml-0\\.5{margin-left:.125rem}.metakyc-sdk .ml-1{margin-left:.25rem}.metakyc-sdk .ml-3{margin-left:.75rem}.metakyc-sdk .mr-2{margin-right:.5rem}.metakyc-sdk .mr-3{margin-right:.75rem}.metakyc-sdk .mt-0\\.5{margin-top:.125rem}.metakyc-sdk .mt-1{margin-top:.25rem}.metakyc-sdk .mt-2{margin-top:.5rem}.metakyc-sdk .mt-3{margin-top:.75rem}.metakyc-sdk .mt-4{margin-top:1rem}.metakyc-sdk .mt-6{margin-top:1.5rem}.metakyc-sdk .block{display:block}.metakyc-sdk .inline-block{display:inline-block}.metakyc-sdk .inline{display:inline}.metakyc-sdk .flex{display:flex}.metakyc-sdk .inline-flex{display:inline-flex}.metakyc-sdk .grid{display:grid}.metakyc-sdk .hidden{display:none}.metakyc-sdk .h-12{height:3rem}.metakyc-sdk .h-16{height:4rem}.metakyc-sdk .h-24{height:6rem}.metakyc-sdk .h-4{height:1rem}.metakyc-sdk .h-6{height:1.5rem}.metakyc-sdk .h-8{height:2rem}.metakyc-sdk .h-full{height:100%}.metakyc-sdk .max-h-52{max-height:13rem}.metakyc-sdk .min-h-\\[400px\\]{min-height:400px}.metakyc-sdk .w-12{width:3rem}.metakyc-sdk .w-16{width:4rem}.metakyc-sdk .w-20{width:5rem}.metakyc-sdk .w-24{width:6rem}.metakyc-sdk .w-4{width:1rem}.metakyc-sdk .w-6{width:1.5rem}.metakyc-sdk .w-8{width:2rem}.metakyc-sdk .w-full{width:100%}.metakyc-sdk .max-w-md{max-width:28rem}.metakyc-sdk .flex-1{flex:1 1 0%}.metakyc-sdk .flex-shrink-0{flex-shrink:0}.metakyc-sdk .-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.metakyc-sdk .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.metakyc-sdk .animate-spin{animation:spin 1s linear infinite}.metakyc-sdk .cursor-not-allowed{cursor:not-allowed}.metakyc-sdk .cursor-pointer{cursor:pointer}.metakyc-sdk .resize{resize:both}.metakyc-sdk .list-inside{list-style-position:inside}.metakyc-sdk .list-disc{list-style-type:disc}.metakyc-sdk .list-none{list-style-type:none}.metakyc-sdk .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.metakyc-sdk .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metakyc-sdk .flex-col{flex-direction:column}.metakyc-sdk .flex-wrap{flex-wrap:wrap}.metakyc-sdk .items-start{align-items:flex-start}.metakyc-sdk .items-center{align-items:center}.metakyc-sdk .justify-center{justify-content:center}.metakyc-sdk .justify-between{justify-content:space-between}.metakyc-sdk .gap-1{gap:.25rem}.metakyc-sdk .gap-1\\.5{gap:.375rem}.metakyc-sdk .gap-2{gap:.5rem}.metakyc-sdk .gap-4{gap:1rem}.metakyc-sdk :is(.space-x-3>:not([hidden])~:not([hidden])){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.metakyc-sdk :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.metakyc-sdk :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.metakyc-sdk :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.metakyc-sdk :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.metakyc-sdk :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.metakyc-sdk :is(.space-y-8>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.metakyc-sdk .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metakyc-sdk .rounded{border-radius:.25rem}.metakyc-sdk .rounded-full{border-radius:9999px}.metakyc-sdk .rounded-lg{border-radius:.5rem}.metakyc-sdk .rounded-xl{border-radius:.75rem}.metakyc-sdk .border{border-width:1px}.metakyc-sdk .border-0{border-width:0px}.metakyc-sdk .border-2{border-width:2px}.metakyc-sdk .border-b{border-bottom-width:1px}.metakyc-sdk .border-t{border-top-width:1px}.metakyc-sdk .border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.metakyc-sdk .border-danger-500{border-color:var(--metakyc-danger, #EF4444)}.metakyc-sdk .border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.metakyc-sdk .border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.metakyc-sdk .border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.metakyc-sdk .bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.metakyc-sdk .p-3{padding:.75rem}.metakyc-sdk .p-4{padding:1rem}.metakyc-sdk .px-2{padding-left:.5rem;padding-right:.5rem}.metakyc-sdk .px-2\\.5{padding-left:.625rem;padding-right:.625rem}.metakyc-sdk .px-3{padding-left:.75rem;padding-right:.75rem}.metakyc-sdk .px-4{padding-left:1rem;padding-right:1rem}.metakyc-sdk .px-6{padding-left:1.5rem;padding-right:1.5rem}.metakyc-sdk .py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.metakyc-sdk .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.metakyc-sdk .py-12{padding-top:3rem;padding-bottom:3rem}.metakyc-sdk .py-2{padding-top:.5rem;padding-bottom:.5rem}.metakyc-sdk .py-3{padding-top:.75rem;padding-bottom:.75rem}.metakyc-sdk .py-4{padding-top:1rem;padding-bottom:1rem}.metakyc-sdk .py-8{padding-top:2rem;padding-bottom:2rem}.metakyc-sdk .pb-4{padding-bottom:1rem}.metakyc-sdk .pl-10{padding-left:2.5rem}.metakyc-sdk .pl-3{padding-left:.75rem}.metakyc-sdk .pr-10{padding-right:2.5rem}.metakyc-sdk .pr-3{padding-right:.75rem}.metakyc-sdk .pr-6{padding-right:1.5rem}.metakyc-sdk .pt-6{padding-top:1.5rem}.metakyc-sdk .text-left{text-align:left}.metakyc-sdk .text-center{text-align:center}.metakyc-sdk .text-right{text-align:right}.metakyc-sdk .text-2xl{font-size:1.5rem;line-height:2rem}.metakyc-sdk .text-3xl{font-size:1.875rem;line-height:2.25rem}.metakyc-sdk .text-5xl{font-size:3rem;line-height:1}.metakyc-sdk .text-base{font-size:1rem;line-height:1.5rem}.metakyc-sdk .text-lg{font-size:1.125rem;line-height:1.75rem}.metakyc-sdk .text-sm{font-size:.875rem;line-height:1.25rem}.metakyc-sdk .text-xl{font-size:1.25rem;line-height:1.75rem}.metakyc-sdk .text-xs{font-size:.75rem;line-height:1rem}.metakyc-sdk .font-bold{font-weight:700}.metakyc-sdk .font-medium{font-weight:500}.metakyc-sdk .font-semibold{font-weight:600}.metakyc-sdk .uppercase{text-transform:uppercase}.metakyc-sdk .lowercase{text-transform:lowercase}.metakyc-sdk .tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.metakyc-sdk .leading-6{line-height:1.5rem}.metakyc-sdk .text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-danger-500{color:var(--metakyc-danger, #EF4444)}.metakyc-sdk .text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-primary,.metakyc-sdk .text-primary-500{color:var(--metakyc-primary, #3B82F6)}.metakyc-sdk .text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-secondary{color:var(--metakyc-secondary, #64748b)}.metakyc-sdk .text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.metakyc-sdk .underline{text-decoration-line:underline}.metakyc-sdk .opacity-25{opacity:.25}.metakyc-sdk .opacity-50{opacity:.5}.metakyc-sdk .opacity-60{opacity:.6}.metakyc-sdk .opacity-75{opacity:.75}.metakyc-sdk .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.metakyc-sdk .outline{outline-style:solid}.metakyc-sdk .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.metakyc-sdk .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.metakyc-sdk .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.metakyc-sdk .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.metakyc-sdk .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.metakyc-sdk .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.metakyc-sdk .duration-200{transition-duration:.2s}.metakyc-sdk .grid{display:grid!important}.metakyc-sdk .flex{display:flex!important}.metakyc-sdk .inline-flex{display:inline-flex!important}.metakyc-sdk .hidden{display:none!important}.metakyc-sdk .block{display:block!important}.metakyc-sdk .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.metakyc-sdk .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metakyc-sdk .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.metakyc-sdk .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.metakyc-sdk .col-span-1{grid-column:span 1 / span 1!important}.metakyc-sdk .col-span-2{grid-column:span 2 / span 2!important}.metakyc-sdk .col-span-3{grid-column:span 3 / span 3!important}.metakyc-sdk .col-span-4{grid-column:span 4 / span 4!important}.metakyc-sdk .gap-1{gap:.25rem!important}.metakyc-sdk .gap-2{gap:.5rem!important}.metakyc-sdk .gap-3{gap:.75rem!important}.metakyc-sdk .gap-4{gap:1rem!important}.metakyc-sdk .gap-6{gap:1.5rem!important}.metakyc-sdk .gap-8{gap:2rem!important}.metakyc-sdk .flex-col{flex-direction:column!important}.metakyc-sdk .flex-row{flex-direction:row!important}.metakyc-sdk .flex-wrap{flex-wrap:wrap!important}.metakyc-sdk .flex-1{flex:1 1 0%!important}.metakyc-sdk .flex-shrink-0{flex-shrink:0!important}.metakyc-sdk .items-center{align-items:center!important}.metakyc-sdk .items-start{align-items:flex-start!important}.metakyc-sdk .items-end{align-items:flex-end!important}.metakyc-sdk .justify-between{justify-content:space-between!important}.metakyc-sdk .justify-center{justify-content:center!important}.metakyc-sdk .justify-end{justify-content:flex-end!important}.metakyc-sdk .justify-start{justify-content:flex-start!important}.metakyc-sdk .space-y-1>*+*{margin-top:.25rem!important}.metakyc-sdk .space-y-1\\.5>*+*{margin-top:.375rem!important}.metakyc-sdk .space-y-2>*+*{margin-top:.5rem!important}.metakyc-sdk .space-y-3>*+*{margin-top:.75rem!important}.metakyc-sdk .space-y-4>*+*{margin-top:1rem!important}.metakyc-sdk .space-y-6>*+*{margin-top:1.5rem!important}.metakyc-sdk .w-full{width:100%!important}.metakyc-sdk .relative{position:relative!important}.metakyc-sdk .absolute{position:absolute!important}.metakyc-sdk .overflow-hidden{overflow:hidden!important}.metakyc-sdk .overflow-auto{overflow:auto!important}.metakyc-sdk .overflow-x-auto{overflow-x:auto!important}@media (min-width: 768px){.metakyc-sdk .md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metakyc-sdk .md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.metakyc-sdk *,.metakyc-sdk *:before,.metakyc-sdk *:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--metakyc-border, #e5e7eb)}.metakyc-sdk{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.metakyc-sdk img,.metakyc-sdk video{max-width:100%;height:auto}.metakyc-sdk h1,.metakyc-sdk h2,.metakyc-sdk h3,.metakyc-sdk h4,.metakyc-sdk h5,.metakyc-sdk h6,.metakyc-sdk p{margin:0}.metakyc-sdk ol,.metakyc-sdk ul{list-style:none;margin:0;padding:0}.metakyc-sdk button,.metakyc-sdk input,.metakyc-sdk optgroup,.metakyc-sdk select,.metakyc-sdk textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.metakyc-sdk button,.metakyc-sdk [role=button]{cursor:pointer}.metakyc-sdk a{color:inherit;text-decoration:inherit}.metakyc-sdk input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.metakyc-sdk select,.metakyc-sdk textarea,.metakyc-sdk .metakyc-searchable-select-trigger,.metakyc-sdk .metakyc-multiselect-trigger{background-color:var(--metakyc-input-bg, var(--metakyc-background, #ffffff))!important;color:var(--metakyc-input-text, var(--metakyc-text-primary, #111827))!important;border-color:var(--metakyc-input-border, var(--metakyc-border, #d1d5db))!important}.metakyc-sdk input::-moz-placeholder,.metakyc-sdk textarea::-moz-placeholder{color:var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))!important;opacity:1!important}.metakyc-sdk input::placeholder,.metakyc-sdk textarea::placeholder{color:var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))!important;opacity:1!important}.metakyc-sdk input:not([type=checkbox]):not([type=radio]):focus,.metakyc-sdk select:focus,.metakyc-sdk textarea:focus{outline:none!important;border-color:var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb)) 20%,transparent)!important}.metakyc-sdk input[type=checkbox],.metakyc-sdk input[type=radio]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex-shrink:0!important;cursor:pointer!important;background-color:var(--metakyc-input-bg, var(--metakyc-background, #ffffff))!important;border:1.5px solid var(--metakyc-input-border, var(--metakyc-border, #d1d5db))!important;position:relative!important;transition:background-color .15s,border-color .15s!important;vertical-align:middle!important;display:inline-block!important;padding:0!important;margin:0!important;color-scheme:light!important}.metakyc-sdk input[type=checkbox]{border-radius:4px!important}.metakyc-sdk input[type=radio]{border-radius:50%!important}.metakyc-sdk input[type=checkbox]:checked,.metakyc-sdk input[type=radio]:checked{background-color:var(--metakyc-primary, #2563eb)!important;border-color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk input[type=checkbox]:checked:after{content:""!important;display:block!important;position:absolute!important;left:4px!important;top:1px!important;width:5px!important;height:9px!important;border:2px solid #ffffff!important;border-top:none!important;border-left:none!important;transform:rotate(45deg)!important}.metakyc-sdk input[type=radio]:checked:after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#fff!important}.metakyc-sdk input[type=checkbox]:focus,.metakyc-sdk input[type=radio]:focus{outline:none!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--metakyc-primary, #2563eb) 30%,transparent)!important}.metakyc-searchable-select-dropdown,.metakyc-multiselect-dropdown{background-color:var(--metakyc-input-bg, var(--metakyc-background, #ffffff))!important;border-color:var(--metakyc-input-border, var(--metakyc-border, #d1d5db))!important;color:var(--metakyc-input-text, var(--metakyc-text-primary, #111827))!important}.metakyc-searchable-select-dropdown input,.metakyc-multiselect-dropdown input{background-color:var(--metakyc-input-bg, var(--metakyc-background, #ffffff))!important;color:var(--metakyc-input-text, var(--metakyc-text-primary, #111827))!important;border-color:var(--metakyc-input-border, var(--metakyc-border, #d1d5db))!important}.metakyc-searchable-select-dropdown input::-moz-placeholder,.metakyc-multiselect-dropdown input::-moz-placeholder{color:var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))!important;opacity:1!important}.metakyc-searchable-select-dropdown input::placeholder,.metakyc-multiselect-dropdown input::placeholder{color:var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))!important;opacity:1!important}.metakyc-searchable-select-dropdown input:focus,.metakyc-multiselect-dropdown input:focus{outline:none!important;background-color:var(--metakyc-input-bg, var(--metakyc-background, #ffffff))!important;color:var(--metakyc-input-text, var(--metakyc-text-primary, #111827))!important;border-color:var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb)) 20%,transparent)!important}.metakyc-searchable-select-dropdown li:hover,.metakyc-multiselect-dropdown li:hover{background-color:var(--metakyc-surface, var(--metakyc-background, #f9fafb))!important}.metakyc-sdk .metakyc-help-btn{color:var(--metakyc-primary, #2563eb)!important;border-color:var(--metakyc-primary, #2563eb)!important;background:transparent!important;position:relative!important;z-index:2!important}.metakyc-sdk .metakyc-overview-step-item,.metakyc-sdk .metakyc-overview-step-item *,.metakyc-sdk .metakyc-step-content,.metakyc-sdk .metakyc-step-content *,.metakyc-sdk .metakyc-step-title,.metakyc-sdk .metakyc-step-title *,.metakyc-sdk .metakyc-step-icon,.metakyc-sdk .metakyc-step-icon *,.metakyc-sdk .metakyc-step-description,.metakyc-sdk .metakyc-step-description *{border-top-width:0!important;border-bottom-width:0!important;border-left-width:0!important;border-right-width:0!important;border-top-style:none!important;border-bottom-style:none!important;border-left-style:none!important;border-right-style:none!important;border-top-color:transparent!important;border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;outline-width:0!important;outline-style:none!important;text-decoration:none!important;text-decoration-line:none!important}.metakyc-sdk .metakyc-overview-step-item:before,.metakyc-sdk .metakyc-overview-step-item:after,.metakyc-sdk .metakyc-overview-step-item *:before,.metakyc-sdk .metakyc-overview-step-item *:after,.metakyc-sdk .metakyc-step-content:before,.metakyc-sdk .metakyc-step-content:after,.metakyc-sdk .metakyc-step-content *:before,.metakyc-sdk .metakyc-step-content *:after,.metakyc-sdk .metakyc-step-title:before,.metakyc-sdk .metakyc-step-title:after,.metakyc-sdk .metakyc-step-description:before,.metakyc-sdk .metakyc-step-description:after{content:none!important;display:none!important;visibility:hidden!important;border:none!important;box-shadow:none!important;outline:none!important;background:none!important;height:0!important;width:0!important}.metakyc-sdk .metakyc-overview-step-item{border-width:0!important;border-style:none!important;border:0!important;box-shadow:none!important;outline:none!important}.metakyc-sdk .metakyc-step-content{border-width:0!important;border-style:none!important;border:0!important;padding-top:0!important;margin-top:0!important;box-shadow:none!important;outline:none!important}.metakyc-sdk .metakyc-step-title{border-width:0!important;border-style:none!important;border:0!important;padding-top:0!important;margin-top:0!important;box-shadow:none!important;outline:none!important;text-decoration:none!important}.metakyc-sdk{background-color:var(--metakyc-background, #ffffff)!important;color:var(--metakyc-text-primary, #111827)!important;font-family:var(--metakyc-font-family, inherit)!important;padding:1.5rem!important}.metakyc-sdk h1,.metakyc-sdk h2,.metakyc-sdk h3,.metakyc-sdk h4,.metakyc-sdk h5,.metakyc-sdk h6{color:var(--metakyc-text-primary, #111827);letter-spacing:normal}.metakyc-sdk .text-gray-900{color:var(--metakyc-text-primary, #111827)!important}.metakyc-sdk .text-gray-800{color:var(--metakyc-text-primary, #1f2937)!important}.metakyc-sdk .text-gray-700{color:var(--metakyc-text-secondary, #374151)!important}.metakyc-sdk .text-gray-600{color:var(--metakyc-text-secondary, #6b7280)!important}.metakyc-sdk .text-gray-500{color:var(--metakyc-text-muted, #6b7280)!important}.metakyc-sdk .text-gray-400{color:var(--metakyc-text-muted, #9ca3af)!important}.metakyc-sdk .text-gray-300{color:var(--metakyc-text-muted, #d1d5db)!important}.metakyc-sdk .text-white{color:#fff!important}.metakyc-sdk .bg-white{background-color:var(--metakyc-background, #ffffff)!important}.metakyc-sdk .bg-gray-50{background-color:var(--metakyc-surface, #f9fafb)!important}.metakyc-sdk .bg-gray-100{background-color:var(--metakyc-surface, #f3f4f6)!important}.metakyc-sdk .bg-gray-200{background-color:var(--metakyc-border, #e5e7eb)!important}.metakyc-sdk .bg-gray-800{background-color:var(--metakyc-surface, #1f2937)!important}.metakyc-sdk .border-gray-100,.metakyc-sdk .border-gray-200,.metakyc-sdk .border-gray-300{border-color:var(--metakyc-border, #e5e7eb)!important}.metakyc-sdk .border-t{border-top-color:var(--metakyc-border, #e5e7eb)!important}.metakyc-sdk .border-b{border-bottom-color:var(--metakyc-border, #e5e7eb)!important}.metakyc-sdk .divide-gray-200>*{border-color:var(--metakyc-border, #e5e7eb)!important}.metakyc-sdk .bg-primary-500,.metakyc-sdk .bg-primary-600{background-color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk .bg-primary-50,.metakyc-sdk .bg-primary-100{background-color:var(--metakyc-primary-light, #dbeafe)!important}.metakyc-sdk .text-primary-500,.metakyc-sdk .text-primary-600,.metakyc-sdk .text-primary-800{color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk .text-primary-900{color:var(--metakyc-primary-dark, #1e40af)!important}.metakyc-sdk .border-primary-500,.metakyc-sdk .border-primary-600{border-color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk .hover\\:bg-primary-50:hover{background-color:var(--metakyc-primary-light, #dbeafe)!important}.metakyc-sdk .hover\\:bg-primary-600:hover{background-color:var(--metakyc-primary-hover, #1d4ed8)!important}.metakyc-sdk .bg-blue-600{background-color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk .bg-blue-100{background-color:var(--metakyc-primary-light, #dbeafe)!important}.metakyc-sdk .text-blue-600,.metakyc-sdk .text-blue-400{color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk .hover\\:bg-blue-700:hover{background-color:var(--metakyc-primary-hover, #1d4ed8)!important}.metakyc-sdk .metakyc-overview-steps h3:before,.metakyc-sdk .metakyc-overview-steps h3:after{content:none!important;display:none!important}.metakyc-sdk .metakyc-overview-steps *:before,.metakyc-sdk .metakyc-overview-steps *:after{content:none!important;display:none!important}.metakyc-sdk .metakyc-stepper-scroll::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.metakyc-sdk .metakyc-file-dropzone:hover{border-color:var(--metakyc-primary, #2563eb)!important;background-color:color-mix(in srgb,var(--metakyc-primary, #2563eb) 3%,var(--metakyc-background, #ffffff))!important}.metakyc-sdk .metakyc-file-item:hover{background-color:color-mix(in srgb,var(--metakyc-surface, #f9fafb) 80%,var(--metakyc-border, #e5e7eb))!important}.metakyc-sdk .metakyc-file-upload label{color:var(--metakyc-text-primary, #111827)!important}.metakyc-sdk .metakyc-file-upload p{margin:0!important;line-height:1.4!important}.metakyc-sdk .metakyc-file-item button{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.metakyc-sdk .metakyc-file-dropzone{box-shadow:none!important;outline:none!important}.metakyc-sdk .hover\\:opacity-90:hover{opacity:.9}.metakyc-sdk .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.metakyc-sdk .focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.metakyc-sdk .focus\\:ring-offset-0:focus{--tw-ring-offset-width: 0px}.metakyc-sdk .focus\\:ring-offset-1:focus{--tw-ring-offset-width: 1px}.metakyc-sdk .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.metakyc-sdk .disabled\\:opacity-50:disabled{opacity:.5}.metakyc-sdk .disabled\\:opacity-60:disabled{opacity:.6}.metakyc-sdk .dark\\:border-blue-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.metakyc-sdk .dark\\:border-green-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.metakyc-sdk .dark\\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.metakyc-sdk .dark\\:border-yellow-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))}.metakyc-sdk .dark\\:bg-blue-900\\/20:is(.dark *){background-color:#1e3a8a33}.metakyc-sdk .dark\\:bg-blue-900\\/30:is(.dark *){background-color:#1e3a8a4d}.metakyc-sdk .dark\\:bg-green-900\\/20:is(.dark *){background-color:#14532d33}.metakyc-sdk .dark\\:bg-green-900\\/30:is(.dark *){background-color:#14532d4d}.metakyc-sdk .dark\\:bg-red-900\\/20:is(.dark *){background-color:#7f1d1d33}.metakyc-sdk .dark\\:bg-red-900\\/30:is(.dark *){background-color:#7f1d1d4d}.metakyc-sdk .dark\\:bg-yellow-900\\/20:is(.dark *){background-color:#713f1233}.metakyc-sdk .dark\\:bg-yellow-900\\/30:is(.dark *){background-color:#713f124d}.metakyc-sdk .dark\\:text-blue-100:is(.dark *){--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-blue-200:is(.dark *){--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-green-100:is(.dark *){--tw-text-opacity: 1;color:rgb(220 252 231 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-green-200:is(.dark *){--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-red-100:is(.dark *){--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-yellow-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-yellow-400:is(.dark *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.metakyc-sdk .md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}', Ft = "metakyc-sdk-styles";
|
|
1946
|
+
const $t = Qt(null), jr = "1.0.10", Hr = '.metakyc-sdk .pointer-events-none{pointer-events:none}.metakyc-sdk .visible{visibility:visible}.metakyc-sdk .static{position:static}.metakyc-sdk .fixed{position:fixed}.metakyc-sdk .absolute{position:absolute}.metakyc-sdk .relative{position:relative}.metakyc-sdk .inset-y-0{top:0;bottom:0}.metakyc-sdk .left-0{left:0}.metakyc-sdk .right-0{right:0}.metakyc-sdk .right-3{right:.75rem}.metakyc-sdk .top-1\\/2{top:50%}.metakyc-sdk .mx-4{margin-left:1rem;margin-right:1rem}.metakyc-sdk .mx-6{margin-left:1.5rem;margin-right:1.5rem}.metakyc-sdk .mx-auto{margin-left:auto;margin-right:auto}.metakyc-sdk .my-8{margin-top:2rem;margin-bottom:2rem}.metakyc-sdk .-ml-1{margin-left:-.25rem}.metakyc-sdk .mb-0\\.5{margin-bottom:.125rem}.metakyc-sdk .mb-1{margin-bottom:.25rem}.metakyc-sdk .mb-2{margin-bottom:.5rem}.metakyc-sdk .mb-3{margin-bottom:.75rem}.metakyc-sdk .mb-4{margin-bottom:1rem}.metakyc-sdk .mb-6{margin-bottom:1.5rem}.metakyc-sdk .ml-0\\.5{margin-left:.125rem}.metakyc-sdk .ml-1{margin-left:.25rem}.metakyc-sdk .ml-3{margin-left:.75rem}.metakyc-sdk .mr-2{margin-right:.5rem}.metakyc-sdk .mr-3{margin-right:.75rem}.metakyc-sdk .mt-0\\.5{margin-top:.125rem}.metakyc-sdk .mt-1{margin-top:.25rem}.metakyc-sdk .mt-2{margin-top:.5rem}.metakyc-sdk .mt-3{margin-top:.75rem}.metakyc-sdk .mt-4{margin-top:1rem}.metakyc-sdk .mt-6{margin-top:1.5rem}.metakyc-sdk .block{display:block}.metakyc-sdk .inline-block{display:inline-block}.metakyc-sdk .inline{display:inline}.metakyc-sdk .flex{display:flex}.metakyc-sdk .inline-flex{display:inline-flex}.metakyc-sdk .grid{display:grid}.metakyc-sdk .hidden{display:none}.metakyc-sdk .h-12{height:3rem}.metakyc-sdk .h-16{height:4rem}.metakyc-sdk .h-24{height:6rem}.metakyc-sdk .h-4{height:1rem}.metakyc-sdk .h-6{height:1.5rem}.metakyc-sdk .h-8{height:2rem}.metakyc-sdk .h-full{height:100%}.metakyc-sdk .max-h-52{max-height:13rem}.metakyc-sdk .min-h-\\[400px\\]{min-height:400px}.metakyc-sdk .w-12{width:3rem}.metakyc-sdk .w-16{width:4rem}.metakyc-sdk .w-20{width:5rem}.metakyc-sdk .w-24{width:6rem}.metakyc-sdk .w-4{width:1rem}.metakyc-sdk .w-6{width:1.5rem}.metakyc-sdk .w-8{width:2rem}.metakyc-sdk .w-full{width:100%}.metakyc-sdk .max-w-md{max-width:28rem}.metakyc-sdk .flex-1{flex:1 1 0%}.metakyc-sdk .flex-shrink-0{flex-shrink:0}.metakyc-sdk .-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.metakyc-sdk .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.metakyc-sdk .animate-spin{animation:spin 1s linear infinite}.metakyc-sdk .cursor-not-allowed{cursor:not-allowed}.metakyc-sdk .cursor-pointer{cursor:pointer}.metakyc-sdk .resize{resize:both}.metakyc-sdk .list-inside{list-style-position:inside}.metakyc-sdk .list-disc{list-style-type:disc}.metakyc-sdk .list-none{list-style-type:none}.metakyc-sdk .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.metakyc-sdk .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metakyc-sdk .flex-col{flex-direction:column}.metakyc-sdk .flex-wrap{flex-wrap:wrap}.metakyc-sdk .items-start{align-items:flex-start}.metakyc-sdk .items-center{align-items:center}.metakyc-sdk .justify-center{justify-content:center}.metakyc-sdk .justify-between{justify-content:space-between}.metakyc-sdk .gap-1{gap:.25rem}.metakyc-sdk .gap-1\\.5{gap:.375rem}.metakyc-sdk .gap-2{gap:.5rem}.metakyc-sdk .gap-4{gap:1rem}.metakyc-sdk :is(.space-x-3>:not([hidden])~:not([hidden])){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.metakyc-sdk :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.metakyc-sdk :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.metakyc-sdk :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.metakyc-sdk :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.metakyc-sdk :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.metakyc-sdk :is(.space-y-8>:not([hidden])~:not([hidden])){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.metakyc-sdk .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metakyc-sdk .rounded{border-radius:.25rem}.metakyc-sdk .rounded-full{border-radius:9999px}.metakyc-sdk .rounded-lg{border-radius:.5rem}.metakyc-sdk .rounded-xl{border-radius:.75rem}.metakyc-sdk .border{border-width:1px}.metakyc-sdk .border-0{border-width:0px}.metakyc-sdk .border-2{border-width:2px}.metakyc-sdk .border-b{border-bottom-width:1px}.metakyc-sdk .border-t{border-top-width:1px}.metakyc-sdk .border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.metakyc-sdk .border-danger-500{border-color:var(--metakyc-danger, #EF4444)}.metakyc-sdk .border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.metakyc-sdk .border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.metakyc-sdk .border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.metakyc-sdk .bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.metakyc-sdk .bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.metakyc-sdk .p-3{padding:.75rem}.metakyc-sdk .p-4{padding:1rem}.metakyc-sdk .px-2{padding-left:.5rem;padding-right:.5rem}.metakyc-sdk .px-2\\.5{padding-left:.625rem;padding-right:.625rem}.metakyc-sdk .px-3{padding-left:.75rem;padding-right:.75rem}.metakyc-sdk .px-4{padding-left:1rem;padding-right:1rem}.metakyc-sdk .px-6{padding-left:1.5rem;padding-right:1.5rem}.metakyc-sdk .py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.metakyc-sdk .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.metakyc-sdk .py-12{padding-top:3rem;padding-bottom:3rem}.metakyc-sdk .py-2{padding-top:.5rem;padding-bottom:.5rem}.metakyc-sdk .py-3{padding-top:.75rem;padding-bottom:.75rem}.metakyc-sdk .py-4{padding-top:1rem;padding-bottom:1rem}.metakyc-sdk .py-8{padding-top:2rem;padding-bottom:2rem}.metakyc-sdk .pb-4{padding-bottom:1rem}.metakyc-sdk .pl-10{padding-left:2.5rem}.metakyc-sdk .pl-3{padding-left:.75rem}.metakyc-sdk .pr-10{padding-right:2.5rem}.metakyc-sdk .pr-3{padding-right:.75rem}.metakyc-sdk .pr-6{padding-right:1.5rem}.metakyc-sdk .pt-6{padding-top:1.5rem}.metakyc-sdk .text-left{text-align:left}.metakyc-sdk .text-center{text-align:center}.metakyc-sdk .text-right{text-align:right}.metakyc-sdk .text-2xl{font-size:1.5rem;line-height:2rem}.metakyc-sdk .text-3xl{font-size:1.875rem;line-height:2.25rem}.metakyc-sdk .text-5xl{font-size:3rem;line-height:1}.metakyc-sdk .text-base{font-size:1rem;line-height:1.5rem}.metakyc-sdk .text-lg{font-size:1.125rem;line-height:1.75rem}.metakyc-sdk .text-sm{font-size:.875rem;line-height:1.25rem}.metakyc-sdk .text-xl{font-size:1.25rem;line-height:1.75rem}.metakyc-sdk .text-xs{font-size:.75rem;line-height:1rem}.metakyc-sdk .font-bold{font-weight:700}.metakyc-sdk .font-medium{font-weight:500}.metakyc-sdk .font-semibold{font-weight:600}.metakyc-sdk .uppercase{text-transform:uppercase}.metakyc-sdk .lowercase{text-transform:lowercase}.metakyc-sdk .tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.metakyc-sdk .leading-6{line-height:1.5rem}.metakyc-sdk .text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-danger-500{color:var(--metakyc-danger, #EF4444)}.metakyc-sdk .text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-primary,.metakyc-sdk .text-primary-500{color:var(--metakyc-primary, #3B82F6)}.metakyc-sdk .text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-secondary{color:var(--metakyc-secondary, #64748b)}.metakyc-sdk .text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.metakyc-sdk .text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.metakyc-sdk .underline{text-decoration-line:underline}.metakyc-sdk .opacity-25{opacity:.25}.metakyc-sdk .opacity-50{opacity:.5}.metakyc-sdk .opacity-60{opacity:.6}.metakyc-sdk .opacity-75{opacity:.75}.metakyc-sdk .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.metakyc-sdk .outline{outline-style:solid}.metakyc-sdk .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.metakyc-sdk .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.metakyc-sdk .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.metakyc-sdk .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.metakyc-sdk .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.metakyc-sdk .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.metakyc-sdk .duration-200{transition-duration:.2s}.metakyc-sdk .grid{display:grid!important}.metakyc-sdk .flex{display:flex!important}.metakyc-sdk .inline-flex{display:inline-flex!important}.metakyc-sdk .hidden{display:none!important}.metakyc-sdk .block{display:block!important}.metakyc-sdk .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.metakyc-sdk .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metakyc-sdk .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.metakyc-sdk .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.metakyc-sdk .col-span-1{grid-column:span 1 / span 1!important}.metakyc-sdk .col-span-2{grid-column:span 2 / span 2!important}.metakyc-sdk .col-span-3{grid-column:span 3 / span 3!important}.metakyc-sdk .col-span-4{grid-column:span 4 / span 4!important}.metakyc-sdk .gap-1{gap:.25rem!important}.metakyc-sdk .gap-2{gap:.5rem!important}.metakyc-sdk .gap-3{gap:.75rem!important}.metakyc-sdk .gap-4{gap:1rem!important}.metakyc-sdk .gap-6{gap:1.5rem!important}.metakyc-sdk .gap-8{gap:2rem!important}.metakyc-sdk .flex-col{flex-direction:column!important}.metakyc-sdk .flex-row{flex-direction:row!important}.metakyc-sdk .flex-wrap{flex-wrap:wrap!important}.metakyc-sdk .flex-1{flex:1 1 0%!important}.metakyc-sdk .flex-shrink-0{flex-shrink:0!important}.metakyc-sdk .items-center{align-items:center!important}.metakyc-sdk .items-start{align-items:flex-start!important}.metakyc-sdk .items-end{align-items:flex-end!important}.metakyc-sdk .justify-between{justify-content:space-between!important}.metakyc-sdk .justify-center{justify-content:center!important}.metakyc-sdk .justify-end{justify-content:flex-end!important}.metakyc-sdk .justify-start{justify-content:flex-start!important}.metakyc-sdk .space-y-1>*+*{margin-top:.25rem!important}.metakyc-sdk .space-y-1\\.5>*+*{margin-top:.375rem!important}.metakyc-sdk .space-y-2>*+*{margin-top:.5rem!important}.metakyc-sdk .space-y-3>*+*{margin-top:.75rem!important}.metakyc-sdk .space-y-4>*+*{margin-top:1rem!important}.metakyc-sdk .space-y-6>*+*{margin-top:1.5rem!important}.metakyc-sdk .w-full{width:100%!important}.metakyc-sdk .relative{position:relative!important}.metakyc-sdk .absolute{position:absolute!important}.metakyc-sdk .overflow-hidden{overflow:hidden!important}.metakyc-sdk .overflow-auto{overflow:auto!important}.metakyc-sdk .overflow-x-auto{overflow-x:auto!important}@media (min-width: 768px){.metakyc-sdk .md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metakyc-sdk .md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.metakyc-sdk *,.metakyc-sdk *:before,.metakyc-sdk *:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--metakyc-border, #e5e7eb)}.metakyc-sdk{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.metakyc-sdk img,.metakyc-sdk video{max-width:100%;height:auto}.metakyc-sdk h1,.metakyc-sdk h2,.metakyc-sdk h3,.metakyc-sdk h4,.metakyc-sdk h5,.metakyc-sdk h6,.metakyc-sdk p{margin:0}.metakyc-sdk ol,.metakyc-sdk ul{list-style:none;margin:0;padding:0}.metakyc-sdk button,.metakyc-sdk input,.metakyc-sdk optgroup,.metakyc-sdk select,.metakyc-sdk textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.metakyc-sdk button,.metakyc-sdk [role=button]{cursor:pointer}.metakyc-sdk a{color:inherit;text-decoration:inherit}.metakyc-sdk input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.metakyc-sdk select,.metakyc-sdk textarea,.metakyc-sdk .metakyc-searchable-select-trigger,.metakyc-sdk .metakyc-multiselect-trigger{background-color:var(--metakyc-input-bg, var(--metakyc-background, #ffffff))!important;color:var(--metakyc-input-text, var(--metakyc-text-primary, #111827))!important;border-color:var(--metakyc-input-border, var(--metakyc-border, #d1d5db))!important}.metakyc-sdk input::-moz-placeholder,.metakyc-sdk textarea::-moz-placeholder{color:var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))!important;opacity:1!important}.metakyc-sdk input::placeholder,.metakyc-sdk textarea::placeholder{color:var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))!important;opacity:1!important}.metakyc-sdk input:not([type=checkbox]):not([type=radio]):focus,.metakyc-sdk select:focus,.metakyc-sdk textarea:focus{outline:none!important;border-color:var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb)) 20%,transparent)!important}.metakyc-sdk input[type=checkbox],.metakyc-sdk input[type=radio]{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;flex-shrink:0!important;cursor:pointer!important;background-color:var(--metakyc-input-bg, var(--metakyc-background, #ffffff))!important;border:1.5px solid var(--metakyc-input-border, var(--metakyc-border, #d1d5db))!important;position:relative!important;transition:background-color .15s,border-color .15s!important;vertical-align:middle!important;display:inline-block!important;padding:0!important;margin:0!important;color-scheme:light!important}.metakyc-sdk input[type=checkbox]{border-radius:4px!important}.metakyc-sdk input[type=radio]{border-radius:50%!important}.metakyc-sdk input[type=checkbox]:checked,.metakyc-sdk input[type=radio]:checked{background-color:var(--metakyc-primary, #2563eb)!important;border-color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk input[type=checkbox]:checked:after{content:""!important;display:block!important;position:absolute!important;left:4px!important;top:1px!important;width:5px!important;height:9px!important;border:2px solid #ffffff!important;border-top:none!important;border-left:none!important;transform:rotate(45deg)!important}.metakyc-sdk input[type=radio]:checked:after{content:""!important;display:block!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#fff!important}.metakyc-sdk input[type=checkbox]:focus,.metakyc-sdk input[type=radio]:focus{outline:none!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--metakyc-primary, #2563eb) 30%,transparent)!important}.metakyc-searchable-select-dropdown,.metakyc-multiselect-dropdown{background-color:var(--metakyc-input-bg, var(--metakyc-background, #ffffff))!important;border-color:var(--metakyc-input-border, var(--metakyc-border, #d1d5db))!important;color:var(--metakyc-input-text, var(--metakyc-text-primary, #111827))!important}.metakyc-searchable-select-dropdown input,.metakyc-multiselect-dropdown input{background-color:var(--metakyc-input-bg, var(--metakyc-background, #ffffff))!important;color:var(--metakyc-input-text, var(--metakyc-text-primary, #111827))!important;border-color:var(--metakyc-input-border, var(--metakyc-border, #d1d5db))!important}.metakyc-searchable-select-dropdown input::-moz-placeholder,.metakyc-multiselect-dropdown input::-moz-placeholder{color:var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))!important;opacity:1!important}.metakyc-searchable-select-dropdown input::placeholder,.metakyc-multiselect-dropdown input::placeholder{color:var(--metakyc-input-placeholder, var(--metakyc-text-muted, #9ca3af))!important;opacity:1!important}.metakyc-searchable-select-dropdown input:focus,.metakyc-multiselect-dropdown input:focus{outline:none!important;background-color:var(--metakyc-input-bg, var(--metakyc-background, #ffffff))!important;color:var(--metakyc-input-text, var(--metakyc-text-primary, #111827))!important;border-color:var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--metakyc-input-border-focus, var(--metakyc-primary, #2563eb)) 20%,transparent)!important}.metakyc-searchable-select-dropdown li:hover,.metakyc-multiselect-dropdown li:hover{background-color:var(--metakyc-surface, var(--metakyc-background, #f9fafb))!important}.metakyc-sdk .metakyc-help-btn{color:var(--metakyc-primary, #2563eb)!important;border-color:var(--metakyc-primary, #2563eb)!important;background:transparent!important;position:relative!important;z-index:2!important}.metakyc-sdk .metakyc-overview-step-item,.metakyc-sdk .metakyc-overview-step-item *,.metakyc-sdk .metakyc-step-content,.metakyc-sdk .metakyc-step-content *,.metakyc-sdk .metakyc-step-title,.metakyc-sdk .metakyc-step-title *,.metakyc-sdk .metakyc-step-icon,.metakyc-sdk .metakyc-step-icon *,.metakyc-sdk .metakyc-step-description,.metakyc-sdk .metakyc-step-description *{border-top-width:0!important;border-bottom-width:0!important;border-left-width:0!important;border-right-width:0!important;border-top-style:none!important;border-bottom-style:none!important;border-left-style:none!important;border-right-style:none!important;border-top-color:transparent!important;border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;outline-width:0!important;outline-style:none!important;text-decoration:none!important;text-decoration-line:none!important}.metakyc-sdk .metakyc-overview-step-item:before,.metakyc-sdk .metakyc-overview-step-item:after,.metakyc-sdk .metakyc-overview-step-item *:before,.metakyc-sdk .metakyc-overview-step-item *:after,.metakyc-sdk .metakyc-step-content:before,.metakyc-sdk .metakyc-step-content:after,.metakyc-sdk .metakyc-step-content *:before,.metakyc-sdk .metakyc-step-content *:after,.metakyc-sdk .metakyc-step-title:before,.metakyc-sdk .metakyc-step-title:after,.metakyc-sdk .metakyc-step-description:before,.metakyc-sdk .metakyc-step-description:after{content:none!important;display:none!important;visibility:hidden!important;border:none!important;box-shadow:none!important;outline:none!important;background:none!important;height:0!important;width:0!important}.metakyc-sdk .metakyc-overview-step-item{border-width:0!important;border-style:none!important;border:0!important;box-shadow:none!important;outline:none!important}.metakyc-sdk .metakyc-step-content{border-width:0!important;border-style:none!important;border:0!important;padding-top:0!important;margin-top:0!important;box-shadow:none!important;outline:none!important}.metakyc-sdk .metakyc-step-title{border-width:0!important;border-style:none!important;border:0!important;padding-top:0!important;margin-top:0!important;box-shadow:none!important;outline:none!important;text-decoration:none!important}.metakyc-sdk{background-color:var(--metakyc-background, #ffffff)!important;color:var(--metakyc-text-primary, #111827)!important;font-family:var(--metakyc-font-family, inherit)!important;padding:1.5rem!important;border-radius:.75rem!important}.metakyc-sdk h1,.metakyc-sdk h2,.metakyc-sdk h3,.metakyc-sdk h4,.metakyc-sdk h5,.metakyc-sdk h6{color:var(--metakyc-text-primary, #111827);letter-spacing:normal}.metakyc-sdk .text-gray-900{color:var(--metakyc-text-primary, #111827)!important}.metakyc-sdk .text-gray-800{color:var(--metakyc-text-primary, #1f2937)!important}.metakyc-sdk .text-gray-700{color:var(--metakyc-text-secondary, #374151)!important}.metakyc-sdk .text-gray-600{color:var(--metakyc-text-secondary, #6b7280)!important}.metakyc-sdk .text-gray-500{color:var(--metakyc-text-muted, #6b7280)!important}.metakyc-sdk .text-gray-400{color:var(--metakyc-text-muted, #9ca3af)!important}.metakyc-sdk .text-gray-300{color:var(--metakyc-text-muted, #d1d5db)!important}.metakyc-sdk .text-white{color:#fff!important}.metakyc-sdk .bg-white{background-color:var(--metakyc-background, #ffffff)!important}.metakyc-sdk .bg-gray-50{background-color:var(--metakyc-surface, #f9fafb)!important}.metakyc-sdk .bg-gray-100{background-color:var(--metakyc-surface, #f3f4f6)!important}.metakyc-sdk .bg-gray-200{background-color:var(--metakyc-border, #e5e7eb)!important}.metakyc-sdk .bg-gray-800{background-color:var(--metakyc-surface, #1f2937)!important}.metakyc-sdk .border-gray-100,.metakyc-sdk .border-gray-200,.metakyc-sdk .border-gray-300{border-color:var(--metakyc-border, #e5e7eb)!important}.metakyc-sdk .border-t{border-top-color:var(--metakyc-border, #e5e7eb)!important}.metakyc-sdk .border-b{border-bottom-color:var(--metakyc-border, #e5e7eb)!important}.metakyc-sdk .divide-gray-200>*{border-color:var(--metakyc-border, #e5e7eb)!important}.metakyc-sdk .bg-primary-500,.metakyc-sdk .bg-primary-600{background-color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk .bg-primary-50,.metakyc-sdk .bg-primary-100{background-color:var(--metakyc-primary-light, #dbeafe)!important}.metakyc-sdk .text-primary-500,.metakyc-sdk .text-primary-600,.metakyc-sdk .text-primary-800{color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk .text-primary-900{color:var(--metakyc-primary-dark, #1e40af)!important}.metakyc-sdk .border-primary-500,.metakyc-sdk .border-primary-600{border-color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk .hover\\:bg-primary-50:hover{background-color:var(--metakyc-primary-light, #dbeafe)!important}.metakyc-sdk .hover\\:bg-primary-600:hover{background-color:var(--metakyc-primary-hover, #1d4ed8)!important}.metakyc-sdk .bg-blue-600{background-color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk .bg-blue-100{background-color:var(--metakyc-primary-light, #dbeafe)!important}.metakyc-sdk .text-blue-600,.metakyc-sdk .text-blue-400{color:var(--metakyc-primary, #2563eb)!important}.metakyc-sdk .hover\\:bg-blue-700:hover{background-color:var(--metakyc-primary-hover, #1d4ed8)!important}.metakyc-sdk .metakyc-overview-steps h3:before,.metakyc-sdk .metakyc-overview-steps h3:after{content:none!important;display:none!important}.metakyc-sdk .metakyc-overview-steps *:before,.metakyc-sdk .metakyc-overview-steps *:after{content:none!important;display:none!important}.metakyc-sdk .metakyc-stepper-scroll::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.metakyc-sdk .metakyc-file-dropzone:hover{border-color:var(--metakyc-primary, #2563eb)!important;background-color:color-mix(in srgb,var(--metakyc-primary, #2563eb) 3%,var(--metakyc-background, #ffffff))!important}.metakyc-sdk .metakyc-file-item:hover{background-color:color-mix(in srgb,var(--metakyc-surface, #f9fafb) 80%,var(--metakyc-border, #e5e7eb))!important}.metakyc-sdk .metakyc-file-upload label{color:var(--metakyc-text-primary, #111827)!important}.metakyc-sdk .metakyc-file-upload p{margin:0!important;line-height:1.4!important}.metakyc-sdk .metakyc-file-item button{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.metakyc-sdk .metakyc-file-dropzone{box-shadow:none!important;outline:none!important}.metakyc-sdk .hover\\:opacity-90:hover{opacity:.9}.metakyc-sdk .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.metakyc-sdk .focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.metakyc-sdk .focus\\:ring-offset-0:focus{--tw-ring-offset-width: 0px}.metakyc-sdk .focus\\:ring-offset-1:focus{--tw-ring-offset-width: 1px}.metakyc-sdk .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.metakyc-sdk .disabled\\:opacity-50:disabled{opacity:.5}.metakyc-sdk .disabled\\:opacity-60:disabled{opacity:.6}.metakyc-sdk .dark\\:border-blue-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.metakyc-sdk .dark\\:border-green-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.metakyc-sdk .dark\\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.metakyc-sdk .dark\\:border-yellow-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))}.metakyc-sdk .dark\\:bg-blue-900\\/20:is(.dark *){background-color:#1e3a8a33}.metakyc-sdk .dark\\:bg-blue-900\\/30:is(.dark *){background-color:#1e3a8a4d}.metakyc-sdk .dark\\:bg-green-900\\/20:is(.dark *){background-color:#14532d33}.metakyc-sdk .dark\\:bg-green-900\\/30:is(.dark *){background-color:#14532d4d}.metakyc-sdk .dark\\:bg-red-900\\/20:is(.dark *){background-color:#7f1d1d33}.metakyc-sdk .dark\\:bg-red-900\\/30:is(.dark *){background-color:#7f1d1d4d}.metakyc-sdk .dark\\:bg-yellow-900\\/20:is(.dark *){background-color:#713f1233}.metakyc-sdk .dark\\:bg-yellow-900\\/30:is(.dark *){background-color:#713f124d}.metakyc-sdk .dark\\:text-blue-100:is(.dark *){--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-blue-200:is(.dark *){--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-green-100:is(.dark *){--tw-text-opacity: 1;color:rgb(220 252 231 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-green-200:is(.dark *){--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-red-100:is(.dark *){--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-yellow-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.metakyc-sdk .dark\\:text-yellow-400:is(.dark *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.metakyc-sdk .md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}', Ft = "metakyc-sdk-styles";
|
|
1959
1947
|
let bt = !1;
|
|
1960
|
-
function
|
|
1948
|
+
function Wr() {
|
|
1961
1949
|
if (bt || typeof document > "u") return;
|
|
1962
1950
|
if (document.getElementById(Ft)) {
|
|
1963
1951
|
bt = !0;
|
|
1964
1952
|
return;
|
|
1965
1953
|
}
|
|
1966
1954
|
const e = document.createElement("style");
|
|
1967
|
-
e.id = Ft, e.textContent =
|
|
1955
|
+
e.id = Ft, e.textContent = Hr, document.head.appendChild(e), bt = !0;
|
|
1968
1956
|
}
|
|
1969
|
-
const
|
|
1970
|
-
|
|
1957
|
+
const Ga = ({ config: e, children: t }) => {
|
|
1958
|
+
Wr();
|
|
1971
1959
|
const [a, n] = v(null), i = ve.useRef(!1), s = ve.useRef(!1), c = De(() => {
|
|
1972
|
-
const y = new yr(e), p = new
|
|
1960
|
+
const y = new yr(e), p = new gr(y), k = new hr(y), L = new fr(y), x = new kr(y), A = new br(y), T = new xr(y), w = new vr(y), N = new wr(y), O = new Sr(y), Q = new Ar(y), M = new _r();
|
|
1973
1961
|
return {
|
|
1974
1962
|
httpClient: y,
|
|
1975
1963
|
applicantService: p,
|
|
1976
1964
|
questionnaireService: k,
|
|
1977
|
-
uploadDocumentService:
|
|
1965
|
+
uploadDocumentService: L,
|
|
1978
1966
|
appropriatenessTestService: x,
|
|
1979
1967
|
overviewService: A,
|
|
1980
1968
|
riskScoringService: T,
|
|
@@ -2037,7 +2025,7 @@ const Ja = ({ config: e, children: t }) => {
|
|
|
2037
2025
|
},
|
|
2038
2026
|
children: [
|
|
2039
2027
|
"SDK v",
|
|
2040
|
-
|
|
2028
|
+
jr
|
|
2041
2029
|
]
|
|
2042
2030
|
}
|
|
2043
2031
|
),
|
|
@@ -2050,7 +2038,7 @@ function Te() {
|
|
|
2050
2038
|
throw new Error("useMetaKYC must be used within a MetaKYCProvider");
|
|
2051
2039
|
return e;
|
|
2052
2040
|
}
|
|
2053
|
-
async function
|
|
2041
|
+
async function Ur(e) {
|
|
2054
2042
|
return new Promise((t, a) => {
|
|
2055
2043
|
const n = new FileReader();
|
|
2056
2044
|
n.readAsDataURL(e), n.onload = () => {
|
|
@@ -2059,10 +2047,10 @@ async function Kr(e) {
|
|
|
2059
2047
|
}, n.onerror = (i) => a(i);
|
|
2060
2048
|
});
|
|
2061
2049
|
}
|
|
2062
|
-
function
|
|
2050
|
+
function Ja(e, t) {
|
|
2063
2051
|
return e.size <= t;
|
|
2064
2052
|
}
|
|
2065
|
-
function
|
|
2053
|
+
function Xa(e, t) {
|
|
2066
2054
|
return t.split(",").map((n) => n.trim()).some((n) => {
|
|
2067
2055
|
if (n.endsWith("/*")) {
|
|
2068
2056
|
const i = n.slice(0, -2);
|
|
@@ -2076,7 +2064,7 @@ function xt(e) {
|
|
|
2076
2064
|
const t = 1024, a = ["Bytes", "KB", "MB", "GB"], n = Math.floor(Math.log(e) / Math.log(t));
|
|
2077
2065
|
return Math.round(e / Math.pow(t, n) * 100) / 100 + " " + a[n];
|
|
2078
2066
|
}
|
|
2079
|
-
function
|
|
2067
|
+
function Za(e) {
|
|
2080
2068
|
return e;
|
|
2081
2069
|
}
|
|
2082
2070
|
function Ae(...e) {
|
|
@@ -2086,14 +2074,14 @@ const dt = {
|
|
|
2086
2074
|
APPLICANT_ID: "metakyc_applicant_id",
|
|
2087
2075
|
WORKFLOW_STATE: "metakyc_workflow_state"
|
|
2088
2076
|
};
|
|
2089
|
-
function
|
|
2077
|
+
function Kr(e) {
|
|
2090
2078
|
try {
|
|
2091
2079
|
localStorage.setItem(dt.APPLICANT_ID, e.toString());
|
|
2092
2080
|
} catch (t) {
|
|
2093
2081
|
console.warn("Failed to save applicant ID to storage:", t);
|
|
2094
2082
|
}
|
|
2095
2083
|
}
|
|
2096
|
-
function
|
|
2084
|
+
function qr() {
|
|
2097
2085
|
try {
|
|
2098
2086
|
const e = localStorage.getItem(dt.APPLICANT_ID);
|
|
2099
2087
|
return e ? parseInt(e, 10) : null;
|
|
@@ -2108,14 +2096,14 @@ function Yr() {
|
|
|
2108
2096
|
console.warn("Failed to clear applicant ID from storage:", e);
|
|
2109
2097
|
}
|
|
2110
2098
|
}
|
|
2111
|
-
function
|
|
2099
|
+
function Vr(e) {
|
|
2112
2100
|
try {
|
|
2113
2101
|
localStorage.setItem(dt.WORKFLOW_STATE, JSON.stringify(e));
|
|
2114
2102
|
} catch (t) {
|
|
2115
2103
|
console.warn("Failed to save workflow state to storage:", t);
|
|
2116
2104
|
}
|
|
2117
2105
|
}
|
|
2118
|
-
function
|
|
2106
|
+
function en() {
|
|
2119
2107
|
try {
|
|
2120
2108
|
const e = localStorage.getItem(dt.WORKFLOW_STATE);
|
|
2121
2109
|
return e ? JSON.parse(e) : null;
|
|
@@ -2123,23 +2111,23 @@ function tn() {
|
|
|
2123
2111
|
return console.warn("Failed to retrieve workflow state from storage:", e), null;
|
|
2124
2112
|
}
|
|
2125
2113
|
}
|
|
2126
|
-
function
|
|
2114
|
+
function Qr() {
|
|
2127
2115
|
try {
|
|
2128
2116
|
localStorage.removeItem(dt.WORKFLOW_STATE);
|
|
2129
2117
|
} catch (e) {
|
|
2130
2118
|
console.warn("Failed to clear workflow state from storage:", e);
|
|
2131
2119
|
}
|
|
2132
2120
|
}
|
|
2133
|
-
function
|
|
2134
|
-
Yr(),
|
|
2121
|
+
function tn() {
|
|
2122
|
+
Yr(), Qr();
|
|
2135
2123
|
}
|
|
2136
|
-
function
|
|
2137
|
-
const { createOrchestrator: t } = Te(), [a, n] = v(null), [i, s] = v(!1), [c, d] = v(null), y = de(null), p = e ||
|
|
2124
|
+
function Gr(e) {
|
|
2125
|
+
const { createOrchestrator: t } = Te(), [a, n] = v(null), [i, s] = v(!1), [c, d] = v(null), y = de(null), p = e || qr();
|
|
2138
2126
|
fe(() => {
|
|
2139
2127
|
y.current || (y.current = t());
|
|
2140
2128
|
}, [t]), fe(() => {
|
|
2141
2129
|
var M;
|
|
2142
|
-
a && p && (
|
|
2130
|
+
a && p && (Kr(p), Vr({
|
|
2143
2131
|
applicantId: p,
|
|
2144
2132
|
currentStepOrder: (M = a.currentStep) == null ? void 0 : M.order,
|
|
2145
2133
|
status: a.status,
|
|
@@ -2148,7 +2136,7 @@ function Jr(e) {
|
|
|
2148
2136
|
nextWorkflowKey: a.nextWorkflowKey
|
|
2149
2137
|
}));
|
|
2150
2138
|
}, [a, p]);
|
|
2151
|
-
const k = de(!1),
|
|
2139
|
+
const k = de(!1), L = de(!1), x = ne(async () => {
|
|
2152
2140
|
if (!(!p || !y.current)) {
|
|
2153
2141
|
if (k.current) {
|
|
2154
2142
|
console.log("[Workflow] Load already in progress, skipping...");
|
|
@@ -2157,7 +2145,7 @@ function Jr(e) {
|
|
|
2157
2145
|
k.current = !0, s(!0), d(null);
|
|
2158
2146
|
try {
|
|
2159
2147
|
const M = await y.current.initialize(p);
|
|
2160
|
-
n(M),
|
|
2148
|
+
n(M), L.current = !0;
|
|
2161
2149
|
} catch (M) {
|
|
2162
2150
|
d(M);
|
|
2163
2151
|
} finally {
|
|
@@ -2166,7 +2154,7 @@ function Jr(e) {
|
|
|
2166
2154
|
}
|
|
2167
2155
|
}, [p]);
|
|
2168
2156
|
fe(() => {
|
|
2169
|
-
p && !
|
|
2157
|
+
p && !L.current && x();
|
|
2170
2158
|
}, [p, x]);
|
|
2171
2159
|
const A = ne(async () => {
|
|
2172
2160
|
if (y.current) {
|
|
@@ -2243,8 +2231,8 @@ function Jr(e) {
|
|
|
2243
2231
|
orchestrator: y.current
|
|
2244
2232
|
};
|
|
2245
2233
|
}
|
|
2246
|
-
function
|
|
2247
|
-
const { questionnaireService: t, applicantService: a } = Te(), [n, i] = v(null), [s, c] = v({}), [d, y] = v(!1), [p, k] = v(!1), [
|
|
2234
|
+
function Jr(e) {
|
|
2235
|
+
const { questionnaireService: t, applicantService: a } = Te(), [n, i] = v(null), [s, c] = v({}), [d, y] = v(!1), [p, k] = v(!1), [L, x] = v(null), A = de(!1), T = de(null), w = ne(async () => {
|
|
2248
2236
|
var O, Q;
|
|
2249
2237
|
if (e) {
|
|
2250
2238
|
if (A.current) {
|
|
@@ -2297,24 +2285,24 @@ function Xr(e) {
|
|
|
2297
2285
|
initialAnswers: s,
|
|
2298
2286
|
isLoading: d,
|
|
2299
2287
|
isSubmitting: p,
|
|
2300
|
-
error:
|
|
2288
|
+
error: L,
|
|
2301
2289
|
load: w,
|
|
2302
2290
|
submit: N
|
|
2303
2291
|
};
|
|
2304
2292
|
}
|
|
2305
|
-
function
|
|
2306
|
-
const { uploadDocumentService: t } = Te(), [a, n] = v(null), [i, s] = v(!1), [c, d] = v(!1), [y, p] = v(0), [k,
|
|
2293
|
+
function Xr(e) {
|
|
2294
|
+
const { uploadDocumentService: t } = Te(), [a, n] = v(null), [i, s] = v(!1), [c, d] = v(!1), [y, p] = v(0), [k, L] = v(null), x = de(!1), A = de(null), T = ne(async () => {
|
|
2307
2295
|
if (e) {
|
|
2308
2296
|
if (x.current) {
|
|
2309
2297
|
console.log("[UploadDocument] Load already in progress, skipping...");
|
|
2310
2298
|
return;
|
|
2311
2299
|
}
|
|
2312
|
-
x.current = !0, s(!0),
|
|
2300
|
+
x.current = !0, s(!0), L(null);
|
|
2313
2301
|
try {
|
|
2314
2302
|
const N = await t.getUploadDocument(e);
|
|
2315
2303
|
n(N), A.current = e;
|
|
2316
2304
|
} catch (N) {
|
|
2317
|
-
|
|
2305
|
+
L(N);
|
|
2318
2306
|
} finally {
|
|
2319
2307
|
s(!1), x.current = !1;
|
|
2320
2308
|
}
|
|
@@ -2325,11 +2313,11 @@ function Zr(e) {
|
|
|
2325
2313
|
}, [e]);
|
|
2326
2314
|
const w = ne(
|
|
2327
2315
|
async (N) => {
|
|
2328
|
-
d(!0), p(0),
|
|
2316
|
+
d(!0), p(0), L(null);
|
|
2329
2317
|
try {
|
|
2330
2318
|
await t.fillUploadDocument(N), p(100);
|
|
2331
2319
|
} catch (O) {
|
|
2332
|
-
throw
|
|
2320
|
+
throw L(O), O;
|
|
2333
2321
|
} finally {
|
|
2334
2322
|
d(!1);
|
|
2335
2323
|
}
|
|
@@ -2346,8 +2334,8 @@ function Zr(e) {
|
|
|
2346
2334
|
submit: w
|
|
2347
2335
|
};
|
|
2348
2336
|
}
|
|
2349
|
-
function
|
|
2350
|
-
const { appropriatenessTestService: t } = Te(), [a, n] = v(null), [i, s] = v(!1), [c, d] = v(!1), [y, p] = v(null), [k,
|
|
2337
|
+
function rn(e) {
|
|
2338
|
+
const { appropriatenessTestService: t } = Te(), [a, n] = v(null), [i, s] = v(!1), [c, d] = v(!1), [y, p] = v(null), [k, L] = v(null), x = de(!1), A = de(null), T = ne(async () => {
|
|
2351
2339
|
if (e) {
|
|
2352
2340
|
if (x.current) {
|
|
2353
2341
|
console.log("[AppropriatenessTest] Load already in progress, skipping...");
|
|
@@ -2372,7 +2360,7 @@ function an(e) {
|
|
|
2372
2360
|
d(!0), p(null);
|
|
2373
2361
|
try {
|
|
2374
2362
|
const O = await t.fillAppropriatenessTest(N);
|
|
2375
|
-
return
|
|
2363
|
+
return L(O), O;
|
|
2376
2364
|
} catch (O) {
|
|
2377
2365
|
throw p(O), O;
|
|
2378
2366
|
} finally {
|
|
@@ -2391,8 +2379,8 @@ function an(e) {
|
|
|
2391
2379
|
submit: w
|
|
2392
2380
|
};
|
|
2393
2381
|
}
|
|
2394
|
-
function
|
|
2395
|
-
const { overviewService: t } = Te(), [a, n] = v(null), [i, s] = v(!1), [c, d] = v(!1), [y, p] = v(null), k = de(!1),
|
|
2382
|
+
function Zr(e) {
|
|
2383
|
+
const { overviewService: t } = Te(), [a, n] = v(null), [i, s] = v(!1), [c, d] = v(!1), [y, p] = v(null), k = de(!1), L = de(null), x = ne(async () => {
|
|
2396
2384
|
if (e) {
|
|
2397
2385
|
if (k.current) {
|
|
2398
2386
|
console.log("[Overview] Load already in progress, skipping...");
|
|
@@ -2401,7 +2389,7 @@ function ea(e) {
|
|
|
2401
2389
|
k.current = !0, s(!0), p(null);
|
|
2402
2390
|
try {
|
|
2403
2391
|
const T = await t.getOverviewData(e);
|
|
2404
|
-
n(T),
|
|
2392
|
+
n(T), L.current = e;
|
|
2405
2393
|
} catch (T) {
|
|
2406
2394
|
p(T);
|
|
2407
2395
|
} finally {
|
|
@@ -2410,7 +2398,7 @@ function ea(e) {
|
|
|
2410
2398
|
}
|
|
2411
2399
|
}, [e, t]);
|
|
2412
2400
|
fe(() => {
|
|
2413
|
-
e &&
|
|
2401
|
+
e && L.current !== e && x();
|
|
2414
2402
|
}, [e]);
|
|
2415
2403
|
const A = ne(async () => {
|
|
2416
2404
|
if (e) {
|
|
@@ -2433,7 +2421,7 @@ function ea(e) {
|
|
|
2433
2421
|
passOverview: A
|
|
2434
2422
|
};
|
|
2435
2423
|
}
|
|
2436
|
-
function
|
|
2424
|
+
function ea(e) {
|
|
2437
2425
|
const { identityService: t } = Te(), [a, n] = v(
|
|
2438
2426
|
null
|
|
2439
2427
|
), [i, s] = v(!1), [c, d] = v(null), y = de(!1), p = ne(
|
|
@@ -2483,7 +2471,7 @@ function ta(e) {
|
|
|
2483
2471
|
}
|
|
2484
2472
|
},
|
|
2485
2473
|
[e, t]
|
|
2486
|
-
),
|
|
2474
|
+
), L = ne(async () => {
|
|
2487
2475
|
if (e) {
|
|
2488
2476
|
if (y.current) {
|
|
2489
2477
|
console.log("[Identity] Restart already in progress, skipping...");
|
|
@@ -2516,11 +2504,11 @@ function ta(e) {
|
|
|
2516
2504
|
error: c,
|
|
2517
2505
|
requestIdentity: p,
|
|
2518
2506
|
requestCompanyIdentity: k,
|
|
2519
|
-
restartIdentity:
|
|
2507
|
+
restartIdentity: L
|
|
2520
2508
|
};
|
|
2521
2509
|
}
|
|
2522
|
-
function
|
|
2523
|
-
const { riskScoringService: t, applicantService: a } = Te(), [n, i] = v(null), [s, c] = v({}), [d, y] = v(!1), [p, k] = v(!1), [
|
|
2510
|
+
function ta(e) {
|
|
2511
|
+
const { riskScoringService: t, applicantService: a } = Te(), [n, i] = v(null), [s, c] = v({}), [d, y] = v(!1), [p, k] = v(!1), [L, x] = v(null), [A, T] = v(null), w = de(!1), N = de(null), O = ne(async () => {
|
|
2524
2512
|
var M;
|
|
2525
2513
|
if (e) {
|
|
2526
2514
|
if (w.current) {
|
|
@@ -2538,7 +2526,7 @@ function ra(e) {
|
|
|
2538
2526
|
for (const f of ee.riskCriteriaResults ?? [])
|
|
2539
2527
|
if (f.riskCriteriaId != null && f.answer != null && f.answer !== "") {
|
|
2540
2528
|
const $ = [...new Set(
|
|
2541
|
-
f.answer.split(",").map((
|
|
2529
|
+
f.answer.split(",").map((Y) => Y.trim()).filter((Y) => Y !== "")
|
|
2542
2530
|
)];
|
|
2543
2531
|
$.length > 0 && (E[f.riskCriteriaId] = $);
|
|
2544
2532
|
}
|
|
@@ -2575,7 +2563,7 @@ function ra(e) {
|
|
|
2575
2563
|
result: A,
|
|
2576
2564
|
isLoading: d,
|
|
2577
2565
|
isSubmitting: p,
|
|
2578
|
-
error:
|
|
2566
|
+
error: L,
|
|
2579
2567
|
load: O,
|
|
2580
2568
|
submit: Q
|
|
2581
2569
|
};
|
|
@@ -2618,7 +2606,7 @@ function Bt() {
|
|
|
2618
2606
|
}
|
|
2619
2607
|
},
|
|
2620
2608
|
[e]
|
|
2621
|
-
),
|
|
2609
|
+
), L = ne(
|
|
2622
2610
|
async (A) => {
|
|
2623
2611
|
if (d.current)
|
|
2624
2612
|
throw console.log("[Applicant] Data load already in progress, skipping..."), new Error("Data load already in progress");
|
|
@@ -2650,11 +2638,11 @@ function Bt() {
|
|
|
2650
2638
|
error: i,
|
|
2651
2639
|
createApplicant: p,
|
|
2652
2640
|
createCompanyApplicant: k,
|
|
2653
|
-
getApplicantData:
|
|
2641
|
+
getApplicantData: L,
|
|
2654
2642
|
stopProgress: x
|
|
2655
2643
|
};
|
|
2656
2644
|
}
|
|
2657
|
-
const
|
|
2645
|
+
const ra = {
|
|
2658
2646
|
primary: {
|
|
2659
2647
|
backgroundColor: "var(--metakyc-primary, #2563eb)",
|
|
2660
2648
|
color: "#ffffff",
|
|
@@ -2715,7 +2703,7 @@ const aa = {
|
|
|
2715
2703
|
opacity: i || n ? 0.5 : 1,
|
|
2716
2704
|
lineHeight: "1.25rem",
|
|
2717
2705
|
...k[a],
|
|
2718
|
-
...
|
|
2706
|
+
...ra[t],
|
|
2719
2707
|
...c
|
|
2720
2708
|
},
|
|
2721
2709
|
disabled: i || n,
|
|
@@ -2852,7 +2840,7 @@ const re = ({ children: e, className: t, style: a, ...n }) => /* @__PURE__ */ r(
|
|
|
2852
2840
|
...n,
|
|
2853
2841
|
children: e
|
|
2854
2842
|
}
|
|
2855
|
-
),
|
|
2843
|
+
), aa = {
|
|
2856
2844
|
display: "inline-flex",
|
|
2857
2845
|
alignItems: "center",
|
|
2858
2846
|
justifyContent: "center",
|
|
@@ -2886,7 +2874,7 @@ const re = ({ children: e, className: t, style: a, ...n }) => /* @__PURE__ */ r(
|
|
|
2886
2874
|
(d.key === " " || d.key === "Enter") && (d.preventDefault(), a || t(!e));
|
|
2887
2875
|
},
|
|
2888
2876
|
style: {
|
|
2889
|
-
...
|
|
2877
|
+
...aa,
|
|
2890
2878
|
backgroundColor: e ? c : s,
|
|
2891
2879
|
borderColor: e ? c : i,
|
|
2892
2880
|
opacity: a ? 0.5 : 1,
|
|
@@ -2915,7 +2903,7 @@ const re = ({ children: e, className: t, style: a, ...n }) => /* @__PURE__ */ r(
|
|
|
2915
2903
|
)
|
|
2916
2904
|
}
|
|
2917
2905
|
);
|
|
2918
|
-
},
|
|
2906
|
+
}, na = {
|
|
2919
2907
|
// Theme-aware variants
|
|
2920
2908
|
default: {
|
|
2921
2909
|
backgroundColor: "var(--metakyc-surface, #f3f4f6)",
|
|
@@ -2945,7 +2933,7 @@ const re = ({ children: e, className: t, style: a, ...n }) => /* @__PURE__ */ r(
|
|
|
2945
2933
|
"inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",
|
|
2946
2934
|
a
|
|
2947
2935
|
),
|
|
2948
|
-
style: { ...
|
|
2936
|
+
style: { ...na[t], ...n },
|
|
2949
2937
|
...i,
|
|
2950
2938
|
children: e
|
|
2951
2939
|
}
|
|
@@ -3052,7 +3040,7 @@ const re = ({ children: e, className: t, style: a, ...n }) => /* @__PURE__ */ r(
|
|
|
3052
3040
|
] })
|
|
3053
3041
|
);
|
|
3054
3042
|
Nt.displayName = "Select";
|
|
3055
|
-
const At = 280,
|
|
3043
|
+
const At = 280, ia = ({
|
|
3056
3044
|
label: e,
|
|
3057
3045
|
value: t,
|
|
3058
3046
|
onChange: a,
|
|
@@ -3062,7 +3050,7 @@ const At = 280, oa = ({
|
|
|
3062
3050
|
readOnly: c = !1,
|
|
3063
3051
|
required: d = !1
|
|
3064
3052
|
}) => {
|
|
3065
|
-
const y = s || c, [p, k] = v(!1), [
|
|
3053
|
+
const y = s || c, [p, k] = v(!1), [L, x] = v(""), [A, T] = v(null), [w, N] = v({
|
|
3066
3054
|
bg: "#ffffff",
|
|
3067
3055
|
borderColor: "#d1d5db",
|
|
3068
3056
|
textPrimary: "#111827",
|
|
@@ -3075,7 +3063,7 @@ const At = 280, oa = ({
|
|
|
3075
3063
|
const F = Q.current.getBoundingClientRect(), B = window.innerHeight - F.bottom < At && F.top > At;
|
|
3076
3064
|
return { top: B ? F.top : F.bottom + 4, left: F.left, width: F.width, openUp: B };
|
|
3077
3065
|
}, []), K = ne(() => {
|
|
3078
|
-
const F = getComputedStyle(document.documentElement), U = (H,
|
|
3066
|
+
const F = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), U = (H, he) => F.getPropertyValue(H).trim() || he, B = U("--metakyc-input-bg", U("--metakyc-background", "#ffffff"));
|
|
3079
3067
|
N({
|
|
3080
3068
|
bg: B,
|
|
3081
3069
|
borderColor: U("--metakyc-input-border", U("--metakyc-border", "#d1d5db")),
|
|
@@ -3096,9 +3084,9 @@ const At = 280, oa = ({
|
|
|
3096
3084
|
fe(() => {
|
|
3097
3085
|
if (!p) return;
|
|
3098
3086
|
const F = (U) => {
|
|
3099
|
-
var H,
|
|
3087
|
+
var H, he;
|
|
3100
3088
|
const B = U.target;
|
|
3101
|
-
!((H = O.current) != null && H.contains(B)) && !((
|
|
3089
|
+
!((H = O.current) != null && H.contains(B)) && !((he = M.current) != null && he.contains(B)) && E();
|
|
3102
3090
|
};
|
|
3103
3091
|
return document.addEventListener("mousedown", F), () => document.removeEventListener("mousedown", F);
|
|
3104
3092
|
}, [p, E]), fe(() => {
|
|
@@ -3112,15 +3100,15 @@ const At = 280, oa = ({
|
|
|
3112
3100
|
};
|
|
3113
3101
|
}, [p, j]);
|
|
3114
3102
|
const f = n.filter(
|
|
3115
|
-
(F) => F.label.toLowerCase().includes(
|
|
3103
|
+
(F) => F.label.toLowerCase().includes(L.toLowerCase())
|
|
3116
3104
|
), $ = (F) => {
|
|
3117
3105
|
y || a(t.includes(F) ? t.filter((U) => U !== F) : [...t, F]);
|
|
3118
|
-
},
|
|
3106
|
+
}, Y = (F, U) => {
|
|
3119
3107
|
U.stopPropagation(), y || a(t.filter((B) => B !== F));
|
|
3120
3108
|
}, G = (F) => {
|
|
3121
3109
|
var U;
|
|
3122
3110
|
return ((U = n.find((B) => B.value === F)) == null ? void 0 : U.label) || F;
|
|
3123
|
-
}, { bg: _, borderColor: J, textPrimary: ie, textSecondary:
|
|
3111
|
+
}, { bg: _, borderColor: J, textPrimary: ie, textSecondary: V, primaryColor: we, primaryLight: pe, hoverBg: ue } = w, xe = p && A && /* @__PURE__ */ o(
|
|
3124
3112
|
"div",
|
|
3125
3113
|
{
|
|
3126
3114
|
ref: M,
|
|
@@ -3143,7 +3131,7 @@ const At = 280, oa = ({
|
|
|
3143
3131
|
"input",
|
|
3144
3132
|
{
|
|
3145
3133
|
type: "text",
|
|
3146
|
-
value:
|
|
3134
|
+
value: L,
|
|
3147
3135
|
onChange: (F) => x(F.target.value),
|
|
3148
3136
|
placeholder: "Search...",
|
|
3149
3137
|
autoFocus: !0,
|
|
@@ -3162,7 +3150,7 @@ const At = 280, oa = ({
|
|
|
3162
3150
|
boxSizing: "border-box"
|
|
3163
3151
|
},
|
|
3164
3152
|
onFocus: (F) => {
|
|
3165
|
-
const U = getComputedStyle(document.documentElement), B = U.getPropertyValue("--metakyc-input-border-focus").trim() || U.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
|
|
3153
|
+
const U = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), B = U.getPropertyValue("--metakyc-input-border-focus").trim() || U.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
|
|
3166
3154
|
F.currentTarget.style.backgroundColor = _, F.currentTarget.style.color = ie, F.currentTarget.style.borderColor = B, F.currentTarget.style.outline = "none", F.currentTarget.style.boxShadow = `0 0 0 2px ${B}33`;
|
|
3167
3155
|
},
|
|
3168
3156
|
onBlur: (F) => {
|
|
@@ -3170,7 +3158,7 @@ const At = 280, oa = ({
|
|
|
3170
3158
|
}
|
|
3171
3159
|
}
|
|
3172
3160
|
) }),
|
|
3173
|
-
/* @__PURE__ */ r("ul", { style: { listStyle: "none", margin: 0, padding: "4px 0", maxHeight: "192px", overflowY: "auto" }, children: f.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color:
|
|
3161
|
+
/* @__PURE__ */ r("ul", { style: { listStyle: "none", margin: 0, padding: "4px 0", maxHeight: "192px", overflowY: "auto" }, children: f.length === 0 ? /* @__PURE__ */ r("li", { style: { padding: "8px 12px", fontSize: "13px", color: V }, children: "No results" }) : f.map((F) => {
|
|
3174
3162
|
const U = t.includes(F.value);
|
|
3175
3163
|
return /* @__PURE__ */ o(
|
|
3176
3164
|
"li",
|
|
@@ -3278,7 +3266,7 @@ const At = 280, oa = ({
|
|
|
3278
3266
|
"button",
|
|
3279
3267
|
{
|
|
3280
3268
|
type: "button",
|
|
3281
|
-
onClick: (U) =>
|
|
3269
|
+
onClick: (U) => Y(F, U),
|
|
3282
3270
|
className: "metakyc-multiselect-chip-remove",
|
|
3283
3271
|
style: {
|
|
3284
3272
|
background: "transparent",
|
|
@@ -3319,7 +3307,7 @@ const At = 280, oa = ({
|
|
|
3319
3307
|
),
|
|
3320
3308
|
typeof document < "u" && xe ? Ct(xe, document.body) : null
|
|
3321
3309
|
] });
|
|
3322
|
-
}, Tt = 260,
|
|
3310
|
+
}, Tt = 260, Ye = ({
|
|
3323
3311
|
label: e,
|
|
3324
3312
|
error: t,
|
|
3325
3313
|
helperText: a,
|
|
@@ -3332,8 +3320,8 @@ const At = 280, oa = ({
|
|
|
3332
3320
|
required: p = !1,
|
|
3333
3321
|
className: k
|
|
3334
3322
|
}) => {
|
|
3335
|
-
var
|
|
3336
|
-
const
|
|
3323
|
+
var he;
|
|
3324
|
+
const L = d || y, [x, A] = v(!1), [T, w] = v(""), [N, O] = v(null), [Q, M] = v({
|
|
3337
3325
|
bg: "#ffffff",
|
|
3338
3326
|
border: "#d1d5db",
|
|
3339
3327
|
text: "#111827",
|
|
@@ -3342,7 +3330,7 @@ const At = 280, oa = ({
|
|
|
3342
3330
|
primaryLight: "#eff6ff",
|
|
3343
3331
|
hoverBg: "#f9fafb"
|
|
3344
3332
|
}), j = ne(() => {
|
|
3345
|
-
const R = getComputedStyle(document.documentElement), te = (oe, Ne) => R.getPropertyValue(oe).trim() || Ne, ye = te("--metakyc-input-bg", te("--metakyc-background", "#ffffff"));
|
|
3333
|
+
const R = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), te = (oe, Ne) => R.getPropertyValue(oe).trim() || Ne, ye = te("--metakyc-input-bg", te("--metakyc-background", "#ffffff"));
|
|
3346
3334
|
M({
|
|
3347
3335
|
bg: ye,
|
|
3348
3336
|
border: te("--metakyc-input-border", te("--metakyc-border", "#d1d5db")),
|
|
@@ -3361,14 +3349,14 @@ const At = 280, oa = ({
|
|
|
3361
3349
|
width: R.width,
|
|
3362
3350
|
openUp: ye
|
|
3363
3351
|
};
|
|
3364
|
-
}, []),
|
|
3365
|
-
if (
|
|
3352
|
+
}, []), Y = ne(() => {
|
|
3353
|
+
if (L) return;
|
|
3366
3354
|
j();
|
|
3367
3355
|
const R = $();
|
|
3368
3356
|
R && O(R), A(!0);
|
|
3369
|
-
}, [
|
|
3357
|
+
}, [L, $, j]), G = ne(() => {
|
|
3370
3358
|
A(!1), w("");
|
|
3371
|
-
}, []), _ = () => x ? G() :
|
|
3359
|
+
}, []), _ = () => x ? G() : Y();
|
|
3372
3360
|
fe(() => {
|
|
3373
3361
|
if (!x) return;
|
|
3374
3362
|
const R = (te) => {
|
|
@@ -3394,8 +3382,8 @@ const At = 280, oa = ({
|
|
|
3394
3382
|
}, [x]);
|
|
3395
3383
|
const J = n.filter(
|
|
3396
3384
|
(R) => R.label.toLowerCase().includes(T.toLowerCase()) || R.value.toLowerCase().includes(T.toLowerCase())
|
|
3397
|
-
), ie = (
|
|
3398
|
-
|
|
3385
|
+
), ie = (he = n.find((R) => R.value === s)) == null ? void 0 : he.label, V = (R, te) => {
|
|
3386
|
+
L || te || (c(R), G());
|
|
3399
3387
|
}, { bg: we, border: pe, text: ue, textSecondary: xe, primary: F, primaryLight: U, hoverBg: B } = Q, H = x && N && /* @__PURE__ */ o(
|
|
3400
3388
|
"div",
|
|
3401
3389
|
{
|
|
@@ -3438,7 +3426,7 @@ const At = 280, oa = ({
|
|
|
3438
3426
|
boxSizing: "border-box"
|
|
3439
3427
|
},
|
|
3440
3428
|
onFocus: (R) => {
|
|
3441
|
-
const te = getComputedStyle(document.documentElement), ye = te.getPropertyValue("--metakyc-input-border-focus").trim() || te.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
|
|
3429
|
+
const te = getComputedStyle(document.querySelector(".metakyc-sdk") || document.documentElement), ye = te.getPropertyValue("--metakyc-input-border-focus").trim() || te.getPropertyValue("--metakyc-primary").trim() || "#2563eb";
|
|
3442
3430
|
R.currentTarget.style.backgroundColor = we, R.currentTarget.style.color = ue, R.currentTarget.style.borderColor = ye, R.currentTarget.style.outline = "none", R.currentTarget.style.boxShadow = `0 0 0 2px ${ye}33`;
|
|
3443
3431
|
},
|
|
3444
3432
|
onBlur: (R) => {
|
|
@@ -3462,7 +3450,7 @@ const At = 280, oa = ({
|
|
|
3462
3450
|
"li",
|
|
3463
3451
|
{
|
|
3464
3452
|
className: "metakyc-searchable-select-option",
|
|
3465
|
-
onClick: () =>
|
|
3453
|
+
onClick: () => V(R.value, R.disabled),
|
|
3466
3454
|
style: {
|
|
3467
3455
|
padding: "8px 12px",
|
|
3468
3456
|
fontSize: "13px",
|
|
@@ -3510,7 +3498,7 @@ const At = 280, oa = ({
|
|
|
3510
3498
|
{
|
|
3511
3499
|
ref: ee,
|
|
3512
3500
|
role: "button",
|
|
3513
|
-
tabIndex:
|
|
3501
|
+
tabIndex: L ? -1 : 0,
|
|
3514
3502
|
onClick: _,
|
|
3515
3503
|
onKeyDown: (R) => {
|
|
3516
3504
|
(R.key === "Enter" || R.key === " ") && (R.preventDefault(), _()), R.key === "Escape" && G();
|
|
@@ -3520,7 +3508,7 @@ const At = 280, oa = ({
|
|
|
3520
3508
|
"w-full px-3 py-2 rounded-lg border text-sm transition-colors text-left",
|
|
3521
3509
|
"flex items-center justify-between gap-2",
|
|
3522
3510
|
"focus:outline-none",
|
|
3523
|
-
|
|
3511
|
+
L ? "opacity-60 cursor-not-allowed" : "cursor-pointer"
|
|
3524
3512
|
),
|
|
3525
3513
|
style: {
|
|
3526
3514
|
backgroundColor: "var(--metakyc-input-bg, #ffffff)",
|
|
@@ -3550,12 +3538,12 @@ const At = 280, oa = ({
|
|
|
3550
3538
|
}
|
|
3551
3539
|
);
|
|
3552
3540
|
};
|
|
3553
|
-
|
|
3554
|
-
function
|
|
3541
|
+
Ye.displayName = "SearchableSelect";
|
|
3542
|
+
function oa(e) {
|
|
3555
3543
|
const t = e.type;
|
|
3556
3544
|
return t.startsWith("image/") ? "image" : t === "application/pdf" ? "pdf" : "file";
|
|
3557
3545
|
}
|
|
3558
|
-
const
|
|
3546
|
+
const sa = ({
|
|
3559
3547
|
label: e,
|
|
3560
3548
|
subtitle: t,
|
|
3561
3549
|
error: a,
|
|
@@ -3567,27 +3555,27 @@ const la = ({
|
|
|
3567
3555
|
value: y = [],
|
|
3568
3556
|
className: p
|
|
3569
3557
|
}) => {
|
|
3570
|
-
const [k,
|
|
3558
|
+
const [k, L] = v(!1), [x, A] = v(null), T = de(null), w = ne((E) => {
|
|
3571
3559
|
if (!E) return;
|
|
3572
3560
|
A(null);
|
|
3573
3561
|
const f = Array.from(E);
|
|
3574
|
-
if (s && f.filter((
|
|
3562
|
+
if (s && f.filter((Y) => Y.size > s).length > 0) {
|
|
3575
3563
|
A(`File exceeds the maximum size of ${xt(s)}`);
|
|
3576
3564
|
return;
|
|
3577
3565
|
}
|
|
3578
3566
|
d == null || d(i ? [...y, ...f] : [f[0]]);
|
|
3579
3567
|
}, [s, i, d, y]), N = ne((E) => {
|
|
3580
|
-
E.preventDefault(), E.stopPropagation(),
|
|
3568
|
+
E.preventDefault(), E.stopPropagation(), L(!0);
|
|
3581
3569
|
}, []), O = ne((E) => {
|
|
3582
|
-
E.preventDefault(), E.stopPropagation(),
|
|
3570
|
+
E.preventDefault(), E.stopPropagation(), L(!1);
|
|
3583
3571
|
}, []), Q = ne((E) => {
|
|
3584
|
-
E.preventDefault(), E.stopPropagation(),
|
|
3572
|
+
E.preventDefault(), E.stopPropagation(), L(!1), w(E.dataTransfer.files);
|
|
3585
3573
|
}, [w]), M = () => {
|
|
3586
3574
|
var E;
|
|
3587
3575
|
(E = T.current) == null || E.click();
|
|
3588
3576
|
}, j = (E) => {
|
|
3589
3577
|
A(null);
|
|
3590
|
-
const f = y.filter(($,
|
|
3578
|
+
const f = y.filter(($, Y) => Y !== E);
|
|
3591
3579
|
d == null || d(f);
|
|
3592
3580
|
}, K = a || x, ee = y.length > 0;
|
|
3593
3581
|
return /* @__PURE__ */ o("div", { className: Ae("metakyc-file-upload", p), style: { width: "100%" }, children: [
|
|
@@ -3695,7 +3683,7 @@ const la = ({
|
|
|
3695
3683
|
}
|
|
3696
3684
|
),
|
|
3697
3685
|
ee && /* @__PURE__ */ r("div", { style: { marginTop: "12px", display: "flex", flexDirection: "column", gap: "8px" }, children: y.map((E, f) => {
|
|
3698
|
-
const $ =
|
|
3686
|
+
const $ = oa(E), Y = $ === "image", G = Y ? URL.createObjectURL(E) : null;
|
|
3699
3687
|
return /* @__PURE__ */ o(
|
|
3700
3688
|
"div",
|
|
3701
3689
|
{
|
|
@@ -3723,9 +3711,9 @@ const la = ({
|
|
|
3723
3711
|
alignItems: "center",
|
|
3724
3712
|
justifyContent: "center",
|
|
3725
3713
|
overflow: "hidden",
|
|
3726
|
-
backgroundColor:
|
|
3714
|
+
backgroundColor: Y ? "transparent" : "color-mix(in srgb, var(--metakyc-primary, #2563eb) 10%, transparent)"
|
|
3727
3715
|
},
|
|
3728
|
-
children:
|
|
3716
|
+
children: Y && G ? /* @__PURE__ */ r(
|
|
3729
3717
|
"img",
|
|
3730
3718
|
{
|
|
3731
3719
|
src: G,
|
|
@@ -3797,7 +3785,7 @@ const la = ({
|
|
|
3797
3785
|
}) }),
|
|
3798
3786
|
K && /* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-danger, #ef4444)", marginTop: "6px" }, children: K })
|
|
3799
3787
|
] });
|
|
3800
|
-
},
|
|
3788
|
+
}, la = yt(
|
|
3801
3789
|
({ countryCode: e = "+1", onCountryCodeChange: t, className: a, ...n }, i) => /* @__PURE__ */ o("div", { className: "w-full", children: [
|
|
3802
3790
|
n.label && /* @__PURE__ */ o(
|
|
3803
3791
|
"label",
|
|
@@ -3844,7 +3832,7 @@ const la = ({
|
|
|
3844
3832
|
n.error && /* @__PURE__ */ r("p", { className: "mt-1 text-sm text-danger-500", children: n.error })
|
|
3845
3833
|
] })
|
|
3846
3834
|
);
|
|
3847
|
-
|
|
3835
|
+
la.displayName = "PhoneInput";
|
|
3848
3836
|
/**
|
|
3849
3837
|
* @license lucide-react v0.574.0 - ISC
|
|
3850
3838
|
*
|
|
@@ -3858,14 +3846,14 @@ const jt = (...e) => e.filter((t, a, n) => !!t && t.trim() !== "" && n.indexOf(t
|
|
|
3858
3846
|
* This source code is licensed under the ISC license.
|
|
3859
3847
|
* See the LICENSE file in the root directory of this source tree.
|
|
3860
3848
|
*/
|
|
3861
|
-
const
|
|
3849
|
+
const ca = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
3862
3850
|
/**
|
|
3863
3851
|
* @license lucide-react v0.574.0 - ISC
|
|
3864
3852
|
*
|
|
3865
3853
|
* This source code is licensed under the ISC license.
|
|
3866
3854
|
* See the LICENSE file in the root directory of this source tree.
|
|
3867
3855
|
*/
|
|
3868
|
-
const
|
|
3856
|
+
const da = (e) => e.replace(
|
|
3869
3857
|
/^([A-Z])|[\s-_]+(\w)/g,
|
|
3870
3858
|
(t, a, n) => n ? n.toUpperCase() : a.toLowerCase()
|
|
3871
3859
|
);
|
|
@@ -3875,8 +3863,8 @@ const ma = (e) => e.replace(
|
|
|
3875
3863
|
* This source code is licensed under the ISC license.
|
|
3876
3864
|
* See the LICENSE file in the root directory of this source tree.
|
|
3877
3865
|
*/
|
|
3878
|
-
const
|
|
3879
|
-
const t =
|
|
3866
|
+
const Lt = (e) => {
|
|
3867
|
+
const t = da(e);
|
|
3880
3868
|
return t.charAt(0).toUpperCase() + t.slice(1);
|
|
3881
3869
|
};
|
|
3882
3870
|
/**
|
|
@@ -3885,7 +3873,7 @@ const Pt = (e) => {
|
|
|
3885
3873
|
* This source code is licensed under the ISC license.
|
|
3886
3874
|
* See the LICENSE file in the root directory of this source tree.
|
|
3887
3875
|
*/
|
|
3888
|
-
var
|
|
3876
|
+
var ma = {
|
|
3889
3877
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3890
3878
|
width: 24,
|
|
3891
3879
|
height: 24,
|
|
@@ -3902,7 +3890,7 @@ var pa = {
|
|
|
3902
3890
|
* This source code is licensed under the ISC license.
|
|
3903
3891
|
* See the LICENSE file in the root directory of this source tree.
|
|
3904
3892
|
*/
|
|
3905
|
-
const
|
|
3893
|
+
const pa = (e) => {
|
|
3906
3894
|
for (const t in e)
|
|
3907
3895
|
if (t.startsWith("aria-") || t === "role" || t === "title")
|
|
3908
3896
|
return !0;
|
|
@@ -3914,7 +3902,7 @@ const ua = (e) => {
|
|
|
3914
3902
|
* This source code is licensed under the ISC license.
|
|
3915
3903
|
* See the LICENSE file in the root directory of this source tree.
|
|
3916
3904
|
*/
|
|
3917
|
-
const
|
|
3905
|
+
const ua = yt(
|
|
3918
3906
|
({
|
|
3919
3907
|
color: e = "currentColor",
|
|
3920
3908
|
size: t = 24,
|
|
@@ -3928,13 +3916,13 @@ const ya = yt(
|
|
|
3928
3916
|
"svg",
|
|
3929
3917
|
{
|
|
3930
3918
|
ref: y,
|
|
3931
|
-
...
|
|
3919
|
+
...ma,
|
|
3932
3920
|
width: t,
|
|
3933
3921
|
height: t,
|
|
3934
3922
|
stroke: e,
|
|
3935
3923
|
strokeWidth: n ? Number(a) * 24 / Number(t) : a,
|
|
3936
3924
|
className: jt("lucide", i),
|
|
3937
|
-
...!s && !
|
|
3925
|
+
...!s && !pa(d) && { "aria-hidden": "true" },
|
|
3938
3926
|
...d
|
|
3939
3927
|
},
|
|
3940
3928
|
[
|
|
@@ -3951,18 +3939,18 @@ const ya = yt(
|
|
|
3951
3939
|
*/
|
|
3952
3940
|
const Ht = (e, t) => {
|
|
3953
3941
|
const a = yt(
|
|
3954
|
-
({ className: n, ...i }, s) => St(
|
|
3942
|
+
({ className: n, ...i }, s) => St(ua, {
|
|
3955
3943
|
ref: s,
|
|
3956
3944
|
iconNode: t,
|
|
3957
3945
|
className: jt(
|
|
3958
|
-
`lucide-${
|
|
3946
|
+
`lucide-${ca(Lt(e))}`,
|
|
3959
3947
|
`lucide-${e}`,
|
|
3960
3948
|
n
|
|
3961
3949
|
),
|
|
3962
3950
|
...i
|
|
3963
3951
|
})
|
|
3964
3952
|
);
|
|
3965
|
-
return a.displayName =
|
|
3953
|
+
return a.displayName = Lt(e), a;
|
|
3966
3954
|
};
|
|
3967
3955
|
/**
|
|
3968
3956
|
* @license lucide-react v0.574.0 - ISC
|
|
@@ -3970,7 +3958,7 @@ const Ht = (e, t) => {
|
|
|
3970
3958
|
* This source code is licensed under the ISC license.
|
|
3971
3959
|
* See the LICENSE file in the root directory of this source tree.
|
|
3972
3960
|
*/
|
|
3973
|
-
const
|
|
3961
|
+
const ya = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Wt = Ht("chevron-left", ya);
|
|
3974
3962
|
/**
|
|
3975
3963
|
* @license lucide-react v0.574.0 - ISC
|
|
3976
3964
|
*
|
|
@@ -3978,7 +3966,7 @@ const ha = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Wt = Ht("chevron-
|
|
|
3978
3966
|
* See the LICENSE file in the root directory of this source tree.
|
|
3979
3967
|
*/
|
|
3980
3968
|
const ga = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ut = Ht("chevron-right", ga);
|
|
3981
|
-
function
|
|
3969
|
+
function ha(e, t) {
|
|
3982
3970
|
const a = !t || t.length === 0 || t.every((n) => !n || !n.trim());
|
|
3983
3971
|
if (e.isRequired && a)
|
|
3984
3972
|
return e.errorMessage || "This field is required";
|
|
@@ -4007,7 +3995,7 @@ function fa(e, t) {
|
|
|
4007
3995
|
}
|
|
4008
3996
|
return null;
|
|
4009
3997
|
}
|
|
4010
|
-
function
|
|
3998
|
+
function fa(e) {
|
|
4011
3999
|
const t = e.flatMap(
|
|
4012
4000
|
(n, i) => (n.questions ?? []).map((s, c) => ({ question: s, groupIndex: i, qIdx: c }))
|
|
4013
4001
|
), a = /* @__PURE__ */ new Map();
|
|
@@ -4017,27 +4005,27 @@ function ka(e) {
|
|
|
4017
4005
|
}
|
|
4018
4006
|
return Array.from(a.entries()).sort(([n], [i]) => n - i).map(([, n]) => n);
|
|
4019
4007
|
}
|
|
4020
|
-
const
|
|
4008
|
+
const ka = ({
|
|
4021
4009
|
applicantId: e,
|
|
4022
4010
|
onComplete: t,
|
|
4023
4011
|
onBack: a
|
|
4024
4012
|
}) => {
|
|
4025
|
-
const { questionnaire: n, initialAnswers: i, isLoading: s, isSubmitting: c, error: d, submit: y } =
|
|
4013
|
+
const { questionnaire: n, initialAnswers: i, isLoading: s, isSubmitting: c, error: d, submit: y } = Jr(e), [p, k] = v({}), [L, x] = v({}), [A, T] = v(0);
|
|
4026
4014
|
ve.useEffect(() => {
|
|
4027
4015
|
i && Object.keys(i).length > 0 && Object.keys(p).length === 0 && k(i);
|
|
4028
4016
|
}, [i]);
|
|
4029
4017
|
const w = De(
|
|
4030
|
-
() => n ?
|
|
4018
|
+
() => n ? fa(n.questionGroups) : [],
|
|
4031
4019
|
[n]
|
|
4032
4020
|
), N = A === w.length - 1, O = w[A] ?? [], Q = ne((E, f) => {
|
|
4033
4021
|
k(($) => ({ ...$, [E]: f })), x(($) => {
|
|
4034
|
-
const
|
|
4035
|
-
return delete
|
|
4022
|
+
const Y = { ...$ };
|
|
4023
|
+
return delete Y[E], Y;
|
|
4036
4024
|
});
|
|
4037
4025
|
}, []), M = ne(() => {
|
|
4038
4026
|
const E = {};
|
|
4039
4027
|
for (const { question: f } of O) {
|
|
4040
|
-
const $ =
|
|
4028
|
+
const $ = ha(f, p[f.id] ?? []);
|
|
4041
4029
|
$ && (E[f.id] = $);
|
|
4042
4030
|
}
|
|
4043
4031
|
return x((f) => ({ ...f, ...E })), Object.keys(E).length === 0;
|
|
@@ -4049,9 +4037,9 @@ const ba = ({
|
|
|
4049
4037
|
if (!(!M() || !n))
|
|
4050
4038
|
try {
|
|
4051
4039
|
const E = n.questionGroups.flatMap(
|
|
4052
|
-
($) => ($.questions ?? []).map((
|
|
4053
|
-
questionId:
|
|
4054
|
-
values: p[
|
|
4040
|
+
($) => ($.questions ?? []).map((Y) => ({
|
|
4041
|
+
questionId: Y.id,
|
|
4042
|
+
values: p[Y.id] ?? []
|
|
4055
4043
|
}))
|
|
4056
4044
|
), f = {
|
|
4057
4045
|
applicantId: e,
|
|
@@ -4092,11 +4080,11 @@ const ba = ({
|
|
|
4092
4080
|
] })
|
|
4093
4081
|
] }),
|
|
4094
4082
|
/* @__PURE__ */ r(ae, { className: "space-y-6", children: O.map(({ question: E }) => /* @__PURE__ */ r(
|
|
4095
|
-
|
|
4083
|
+
ba,
|
|
4096
4084
|
{
|
|
4097
4085
|
question: E,
|
|
4098
4086
|
value: p[E.id] ?? [],
|
|
4099
|
-
error:
|
|
4087
|
+
error: L[E.id],
|
|
4100
4088
|
onChange: (f) => Q(E.id, f)
|
|
4101
4089
|
},
|
|
4102
4090
|
E.id
|
|
@@ -4138,7 +4126,7 @@ const ba = ({
|
|
|
4138
4126
|
] }),
|
|
4139
4127
|
d && /* @__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: d.message }) })
|
|
4140
4128
|
] }) : null;
|
|
4141
|
-
},
|
|
4129
|
+
}, ba = ({ question: e, value: t, error: a, onChange: n }) => {
|
|
4142
4130
|
var c;
|
|
4143
4131
|
const s = (((c = e.defaultAnswers) == null ? void 0 : c.length) ?? 0) > 0 ? e.showAsDropdown ? e.canMultipleAnswer ? "multi-select" : "single-select" : e.canMultipleAnswer ? "checkbox" : "radio" : "text";
|
|
4144
4132
|
return /* @__PURE__ */ o("div", { className: "space-y-2", children: [
|
|
@@ -4231,7 +4219,7 @@ const ba = ({
|
|
|
4231
4219
|
a && s === "text" && null
|
|
4232
4220
|
] });
|
|
4233
4221
|
};
|
|
4234
|
-
function
|
|
4222
|
+
function xa(e) {
|
|
4235
4223
|
const t = /* @__PURE__ */ new Map();
|
|
4236
4224
|
for (const a of e) {
|
|
4237
4225
|
const n = a.pageNumber != null && a.pageNumber > 0 ? a.pageNumber : 1;
|
|
@@ -4239,13 +4227,13 @@ function va(e) {
|
|
|
4239
4227
|
}
|
|
4240
4228
|
return Array.from(t.entries()).sort(([a], [n]) => a - n).map(([, a]) => a);
|
|
4241
4229
|
}
|
|
4242
|
-
const
|
|
4230
|
+
const va = ({
|
|
4243
4231
|
applicantId: e,
|
|
4244
4232
|
onComplete: t,
|
|
4245
4233
|
onBack: a
|
|
4246
4234
|
}) => {
|
|
4247
|
-
const { uploadDocument: n, isLoading: i, isSubmitting: s, error: c, submit: d } =
|
|
4248
|
-
() => n ?
|
|
4235
|
+
const { uploadDocument: n, isLoading: i, isSubmitting: s, error: c, submit: d } = Xr(e), [y, p] = v({}), [k, L] = v(null), [x, A] = v(0), [T, w] = v({}), N = De(
|
|
4236
|
+
() => n ? xa(n.uploadDocumentFiles) : [],
|
|
4249
4237
|
[n]
|
|
4250
4238
|
), O = N[x] ?? [], Q = x === N.length - 1, M = N.length, j = ne(() => {
|
|
4251
4239
|
const f = {};
|
|
@@ -4258,18 +4246,18 @@ const wa = ({
|
|
|
4258
4246
|
x > 0 ? (A((f) => f - 1), w({})) : a == null || a();
|
|
4259
4247
|
}, E = async () => {
|
|
4260
4248
|
if (!(!j() || !n)) {
|
|
4261
|
-
|
|
4249
|
+
L(null);
|
|
4262
4250
|
try {
|
|
4263
4251
|
const f = await Promise.all(
|
|
4264
|
-
n.uploadDocumentFiles.map(async (
|
|
4265
|
-
const G = y[
|
|
4252
|
+
n.uploadDocumentFiles.map(async (Y) => {
|
|
4253
|
+
const G = y[Y.id] || [], _ = await Promise.all(
|
|
4266
4254
|
G.map(async (J) => ({
|
|
4267
4255
|
fileName: J.name,
|
|
4268
|
-
fileData: await
|
|
4256
|
+
fileData: await Ur(J)
|
|
4269
4257
|
}))
|
|
4270
4258
|
);
|
|
4271
4259
|
return {
|
|
4272
|
-
uploadDocumentFileId:
|
|
4260
|
+
uploadDocumentFileId: Y.id,
|
|
4273
4261
|
valueList: _
|
|
4274
4262
|
};
|
|
4275
4263
|
})
|
|
@@ -4280,7 +4268,7 @@ const wa = ({
|
|
|
4280
4268
|
};
|
|
4281
4269
|
await d($), t == null || t();
|
|
4282
4270
|
} catch (f) {
|
|
4283
|
-
|
|
4271
|
+
L((f == null ? void 0 : f.message) || "Failed to submit documents. Please try again.");
|
|
4284
4272
|
}
|
|
4285
4273
|
}
|
|
4286
4274
|
};
|
|
@@ -4387,7 +4375,7 @@ const wa = ({
|
|
|
4387
4375
|
}, children: n.description })
|
|
4388
4376
|
] }),
|
|
4389
4377
|
/* @__PURE__ */ r(ae, { children: /* @__PURE__ */ r("div", { style: { display: "flex", flexDirection: "column", gap: "24px" }, children: O.map((f) => /* @__PURE__ */ r(
|
|
4390
|
-
|
|
4378
|
+
sa,
|
|
4391
4379
|
{
|
|
4392
4380
|
label: f.displayName,
|
|
4393
4381
|
subtitle: f.subtitle,
|
|
@@ -4398,10 +4386,10 @@ const wa = ({
|
|
|
4398
4386
|
error: T[f.id],
|
|
4399
4387
|
value: y[f.id] || [],
|
|
4400
4388
|
onChange: ($) => {
|
|
4401
|
-
|
|
4402
|
-
const G = { ...
|
|
4389
|
+
L(null), w((Y) => {
|
|
4390
|
+
const G = { ...Y };
|
|
4403
4391
|
return delete G[f.id], G;
|
|
4404
|
-
}), p((
|
|
4392
|
+
}), p((Y) => ({ ...Y, [f.id]: $ }));
|
|
4405
4393
|
}
|
|
4406
4394
|
},
|
|
4407
4395
|
f.id
|
|
@@ -4456,8 +4444,8 @@ const wa = ({
|
|
|
4456
4444
|
)
|
|
4457
4445
|
] }) })
|
|
4458
4446
|
] }) : null;
|
|
4459
|
-
},
|
|
4460
|
-
const { overview: n, isLoading: i, isSubmitting: s, error: c, passOverview: d } =
|
|
4447
|
+
}, wa = ({ applicantId: e, onComplete: t, onBack: a }) => {
|
|
4448
|
+
const { overview: n, isLoading: i, isSubmitting: s, error: c, passOverview: d } = Zr(e), y = async () => {
|
|
4461
4449
|
await d(), t == null || t();
|
|
4462
4450
|
};
|
|
4463
4451
|
return i ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ r(Me, { className: "my-8" }) }) }) : c ? /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ o("p", { className: "text-danger-500", children: [
|
|
@@ -4500,7 +4488,7 @@ const wa = ({
|
|
|
4500
4488
|
] })
|
|
4501
4489
|
] }) : null;
|
|
4502
4490
|
};
|
|
4503
|
-
function
|
|
4491
|
+
function Sa(e) {
|
|
4504
4492
|
const t = (e ?? "en").toLowerCase().replace("_", "-");
|
|
4505
4493
|
try {
|
|
4506
4494
|
return Intl.NumberFormat.supportedLocalesOf([t]), t;
|
|
@@ -4508,11 +4496,11 @@ function Ca(e) {
|
|
|
4508
4496
|
return "en";
|
|
4509
4497
|
}
|
|
4510
4498
|
}
|
|
4511
|
-
function
|
|
4499
|
+
function Ca(e) {
|
|
4512
4500
|
return e.valueDataType === qe.Money && Array.isArray(e.defaultValues) && e.defaultValues.length > 0;
|
|
4513
4501
|
}
|
|
4514
|
-
function
|
|
4515
|
-
const a = new Intl.NumberFormat(
|
|
4502
|
+
function Na(e, t) {
|
|
4503
|
+
const a = new Intl.NumberFormat(Sa(t), {
|
|
4516
4504
|
minimumFractionDigits: 0,
|
|
4517
4505
|
maximumFractionDigits: 2
|
|
4518
4506
|
});
|
|
@@ -4521,7 +4509,7 @@ function Ia(e, t) {
|
|
|
4521
4509
|
return isNaN(i) ? n : a.format(i);
|
|
4522
4510
|
});
|
|
4523
4511
|
}
|
|
4524
|
-
function
|
|
4512
|
+
function Ia(e, t) {
|
|
4525
4513
|
const a = !t || t.length === 0 || t.every((n) => !n || !n.trim());
|
|
4526
4514
|
if (e.isRequired && a)
|
|
4527
4515
|
return e.errorMessage || `${e.displayName} is required`;
|
|
@@ -4551,27 +4539,27 @@ function Ra(e, t) {
|
|
|
4551
4539
|
}
|
|
4552
4540
|
return null;
|
|
4553
4541
|
}
|
|
4554
|
-
function
|
|
4542
|
+
function Ra(e) {
|
|
4555
4543
|
const t = /* @__PURE__ */ new Map();
|
|
4556
4544
|
return e.forEach((a, n) => {
|
|
4557
4545
|
const i = a.pageNumber != null && a.pageNumber > 0 ? a.pageNumber : 1;
|
|
4558
4546
|
t.has(i) || t.set(i, []), t.get(i).push({ criterion: a, idx: n });
|
|
4559
4547
|
}), Array.from(t.entries()).sort(([a], [n]) => a - n).map(([, a]) => a);
|
|
4560
4548
|
}
|
|
4561
|
-
function
|
|
4549
|
+
function Ea(e) {
|
|
4562
4550
|
return e.builtInType === 1 ? "country" : !e.defaultValues || e.defaultValues.length === 0 ? "text" : e.multipleValue ? "checkbox" : "radio";
|
|
4563
4551
|
}
|
|
4564
|
-
const
|
|
4552
|
+
const Fa = ({
|
|
4565
4553
|
applicantId: e,
|
|
4566
4554
|
onComplete: t,
|
|
4567
4555
|
onBack: a
|
|
4568
4556
|
}) => {
|
|
4569
|
-
const { config: n } = Te(), i = n.locale ?? "en", { criteria: s, initialAnswers: c, isLoading: d, isSubmitting: y, error: p, submit: k } =
|
|
4557
|
+
const { config: n } = Te(), i = n.locale ?? "en", { criteria: s, initialAnswers: c, isLoading: d, isSubmitting: y, error: p, submit: k } = ta(e), [L, x] = v({}), [A, T] = v({}), [w, N] = v(0), [O, Q] = v(!1);
|
|
4570
4558
|
ve.useEffect(() => {
|
|
4571
|
-
c && Object.keys(c).length > 0 && Object.keys(
|
|
4559
|
+
c && Object.keys(c).length > 0 && Object.keys(L).length === 0 && x(c);
|
|
4572
4560
|
}, [c]);
|
|
4573
4561
|
const M = De(
|
|
4574
|
-
() => s && s.length > 0 ?
|
|
4562
|
+
() => s && s.length > 0 ? Ra(s) : [],
|
|
4575
4563
|
[s]
|
|
4576
4564
|
), j = w === M.length - 1, K = M[w] ?? [];
|
|
4577
4565
|
ve.useEffect(() => {
|
|
@@ -4585,19 +4573,19 @@ const Aa = ({
|
|
|
4585
4573
|
}, []), E = ne(() => {
|
|
4586
4574
|
const G = {};
|
|
4587
4575
|
for (const { criterion: _ } of K) {
|
|
4588
|
-
const J =
|
|
4576
|
+
const J = Ia(_, L[_.id] ?? []);
|
|
4589
4577
|
J && (G[_.id] = J);
|
|
4590
4578
|
}
|
|
4591
4579
|
return T((_) => ({ ..._, ...G })), Object.keys(G).length === 0;
|
|
4592
|
-
}, [K,
|
|
4580
|
+
}, [K, L]), f = () => {
|
|
4593
4581
|
E() && N((G) => G + 1);
|
|
4594
4582
|
}, $ = () => {
|
|
4595
4583
|
w > 0 ? N((G) => G - 1) : a == null || a();
|
|
4596
|
-
},
|
|
4584
|
+
}, Y = async () => {
|
|
4597
4585
|
if (!(!E() || !s))
|
|
4598
4586
|
try {
|
|
4599
4587
|
const G = s.map((J) => {
|
|
4600
|
-
const ie = (
|
|
4588
|
+
const ie = (L[J.id] ?? []).filter((V) => V && V.trim());
|
|
4601
4589
|
return ie.length > 0 ? { riskCriteriaId: J.id, values: ie } : null;
|
|
4602
4590
|
}).filter((J) => J !== null);
|
|
4603
4591
|
await k({ applicantId: e, criteriaValueInputs: G }), t == null || t();
|
|
@@ -4640,10 +4628,10 @@ const Aa = ({
|
|
|
4640
4628
|
] })
|
|
4641
4629
|
] }),
|
|
4642
4630
|
/* @__PURE__ */ r(ae, { className: "space-y-6", children: K.map(({ criterion: G }) => /* @__PURE__ */ r(
|
|
4643
|
-
|
|
4631
|
+
Aa,
|
|
4644
4632
|
{
|
|
4645
4633
|
criterion: G,
|
|
4646
|
-
value:
|
|
4634
|
+
value: L[G.id] ?? [],
|
|
4647
4635
|
error: A[G.id],
|
|
4648
4636
|
locale: i,
|
|
4649
4637
|
onChange: (_) => ee(G.id, _)
|
|
@@ -4664,7 +4652,7 @@ const Aa = ({
|
|
|
4664
4652
|
]
|
|
4665
4653
|
}
|
|
4666
4654
|
),
|
|
4667
|
-
j ? /* @__PURE__ */ r(X, { type: "button", isLoading: y, onClick:
|
|
4655
|
+
j ? /* @__PURE__ */ r(X, { type: "button", isLoading: y, onClick: Y, children: "Continue" }) : /* @__PURE__ */ o(
|
|
4668
4656
|
X,
|
|
4669
4657
|
{
|
|
4670
4658
|
type: "button",
|
|
@@ -4679,8 +4667,8 @@ const Aa = ({
|
|
|
4679
4667
|
] }),
|
|
4680
4668
|
p && /* @__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: p.message }) })
|
|
4681
4669
|
] }) : null;
|
|
4682
|
-
},
|
|
4683
|
-
const s =
|
|
4670
|
+
}, Aa = ({ criterion: e, value: t, error: a, locale: n, onChange: i }) => {
|
|
4671
|
+
const s = Ea(e), c = e.valueDataType === qe.Integer || e.valueDataType === qe.Money || e.valueDataType === qe.DigitOnly, d = Ca(e), y = (p) => d ? Na(p, n) : p;
|
|
4684
4672
|
return /* @__PURE__ */ o("div", { className: "space-y-2", children: [
|
|
4685
4673
|
/* @__PURE__ */ o("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: [
|
|
4686
4674
|
e.displayName,
|
|
@@ -4752,7 +4740,7 @@ const Aa = ({
|
|
|
4752
4740
|
{
|
|
4753
4741
|
checked: t.includes(p),
|
|
4754
4742
|
onChange: (k) => {
|
|
4755
|
-
i(k ? [...t, p] : t.filter((
|
|
4743
|
+
i(k ? [...t, p] : t.filter((L) => L !== p));
|
|
4756
4744
|
}
|
|
4757
4745
|
}
|
|
4758
4746
|
),
|
|
@@ -4781,14 +4769,14 @@ const Aa = ({
|
|
|
4781
4769
|
}
|
|
4782
4770
|
)
|
|
4783
4771
|
] });
|
|
4784
|
-
},
|
|
4772
|
+
}, Ta = ({
|
|
4785
4773
|
applicantId: e,
|
|
4786
4774
|
onComplete: t,
|
|
4787
4775
|
onBack: a
|
|
4788
4776
|
}) => {
|
|
4789
4777
|
const { investorCategorizationService: n } = Te(), [i, s] = v(null), [c, d] = v(!1), [y, p] = v(null);
|
|
4790
|
-
return /* @__PURE__ */ r("form", { onSubmit: async (
|
|
4791
|
-
if (
|
|
4778
|
+
return /* @__PURE__ */ r("form", { onSubmit: async (L) => {
|
|
4779
|
+
if (L.preventDefault(), i === null) {
|
|
4792
4780
|
p("Please select an investor type");
|
|
4793
4781
|
return;
|
|
4794
4782
|
}
|
|
@@ -4923,7 +4911,7 @@ const Aa = ({
|
|
|
4923
4911
|
] })
|
|
4924
4912
|
] }) });
|
|
4925
4913
|
};
|
|
4926
|
-
function
|
|
4914
|
+
function Pt(e) {
|
|
4927
4915
|
const t = e.split(":").map(Number);
|
|
4928
4916
|
return t.length === 3 ? t[0] * 3600 + t[1] * 60 + t[2] : 0;
|
|
4929
4917
|
}
|
|
@@ -4936,18 +4924,18 @@ const La = ({
|
|
|
4936
4924
|
onComplete: t,
|
|
4937
4925
|
onBack: a
|
|
4938
4926
|
}) => {
|
|
4939
|
-
const { appropriatenessTestService: n } = Te(), [i, s] = v(null), [c, d] = v(!0), [y, p] = v(!1), [k,
|
|
4927
|
+
const { appropriatenessTestService: n } = Te(), [i, s] = v(null), [c, d] = v(!0), [y, p] = v(!1), [k, L] = v(null), [x, A] = v({}), [T, w] = v(0), [N, O] = v(!1), [Q, M] = v(!1), [j, K] = v(0), [ee, E] = v(0), [f, $] = v(null);
|
|
4940
4928
|
fe(() => {
|
|
4941
4929
|
(async () => {
|
|
4942
4930
|
try {
|
|
4943
|
-
d(!0),
|
|
4931
|
+
d(!0), L(null);
|
|
4944
4932
|
const B = await n.getAppropriatenessTest(e);
|
|
4945
4933
|
if (s(B), B.waitTimeSpanForNextTry && B.waitTimeSpanForNextTry !== "00:00:00") {
|
|
4946
|
-
const H =
|
|
4934
|
+
const H = Pt(B.waitTimeSpanForNextTry);
|
|
4947
4935
|
H > 0 && K(H);
|
|
4948
4936
|
}
|
|
4949
4937
|
} catch (B) {
|
|
4950
|
-
|
|
4938
|
+
L(B.message || "Failed to load appropriateness test");
|
|
4951
4939
|
} finally {
|
|
4952
4940
|
d(!1);
|
|
4953
4941
|
}
|
|
@@ -4967,15 +4955,15 @@ const La = ({
|
|
|
4967
4955
|
}, [j]), fe(() => {
|
|
4968
4956
|
Q && !y && J();
|
|
4969
4957
|
}, [Q]);
|
|
4970
|
-
const
|
|
4971
|
-
i && (O(!0), w(i.testDurationSec), E(0), A({}),
|
|
4958
|
+
const Y = () => {
|
|
4959
|
+
i && (O(!0), w(i.testDurationSec), E(0), A({}), L(null));
|
|
4972
4960
|
}, G = (B, H) => {
|
|
4973
|
-
A((
|
|
4961
|
+
A((he) => ({ ...he, [B]: H }));
|
|
4974
4962
|
}, _ = ne(async () => {
|
|
4975
4963
|
try {
|
|
4976
4964
|
const B = await n.getAppropriatenessTest(e);
|
|
4977
4965
|
if (s(B), B.waitTimeSpanForNextTry && B.waitTimeSpanForNextTry !== "00:00:00") {
|
|
4978
|
-
const H =
|
|
4966
|
+
const H = Pt(B.waitTimeSpanForNextTry);
|
|
4979
4967
|
H > 0 && K(H);
|
|
4980
4968
|
}
|
|
4981
4969
|
} catch {
|
|
@@ -4985,21 +4973,21 @@ const La = ({
|
|
|
4985
4973
|
if (!Q) {
|
|
4986
4974
|
const H = i.appropriatenessQuestions.length - Object.keys(x).length;
|
|
4987
4975
|
if (H > 0) {
|
|
4988
|
-
|
|
4976
|
+
L(`Please answer all questions. ${H} remaining.`);
|
|
4989
4977
|
return;
|
|
4990
4978
|
}
|
|
4991
4979
|
}
|
|
4992
|
-
p(!0),
|
|
4980
|
+
p(!0), L(null);
|
|
4993
4981
|
try {
|
|
4994
4982
|
const H = i.appropriatenessQuestions.map(
|
|
4995
4983
|
(R) => ({ appropriatenessQuestionId: R.id, value: x[R.id] || "" })
|
|
4996
|
-
),
|
|
4984
|
+
), he = {
|
|
4997
4985
|
applicantId: e,
|
|
4998
4986
|
appropriatenessTestId: i.id,
|
|
4999
4987
|
appropriatenessQuestionResults: H
|
|
5000
4988
|
};
|
|
5001
4989
|
try {
|
|
5002
|
-
const R = await n.fillAppropriatenessTest(
|
|
4990
|
+
const R = await n.fillAppropriatenessTest(he);
|
|
5003
4991
|
R.isSuccess ? $({ success: !0, message: R.message || "Congratulations! You have passed the test." }) : ($({ success: !1, message: R.message || "You did not pass the test." }), setTimeout(() => _(), 1e3));
|
|
5004
4992
|
} catch (R) {
|
|
5005
4993
|
if (R.code === 400 && R.message)
|
|
@@ -5008,7 +4996,7 @@ const La = ({
|
|
|
5008
4996
|
throw R;
|
|
5009
4997
|
}
|
|
5010
4998
|
} catch (H) {
|
|
5011
|
-
|
|
4999
|
+
L(H.message || "Failed to submit test. Please try again."), ie();
|
|
5012
5000
|
} finally {
|
|
5013
5001
|
p(!1);
|
|
5014
5002
|
}
|
|
@@ -5026,7 +5014,7 @@ const La = ({
|
|
|
5026
5014
|
/* @__PURE__ */ r("p", { style: { fontSize: "16px", fontWeight: 600, color: "var(--metakyc-danger, #ef4444)" }, children: "No test data available" }),
|
|
5027
5015
|
k && /* @__PURE__ */ r("p", { style: { fontSize: "14px", color: "var(--metakyc-text-muted, #9ca3af)", marginTop: "8px" }, children: k })
|
|
5028
5016
|
] }) }) });
|
|
5029
|
-
const
|
|
5017
|
+
const V = i.testAllowedMaxTry - i.totalFailedTries, we = i.appropriatenessQuestions.length, pe = Object.keys(x).length;
|
|
5030
5018
|
if (j > 0)
|
|
5031
5019
|
return /* @__PURE__ */ o(re, { children: [
|
|
5032
5020
|
/* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r("h2", { style: { fontSize: "18px", fontWeight: 700, color: "var(--metakyc-text-primary, #111827)", margin: 0 }, children: i.displayName }) }),
|
|
@@ -5059,7 +5047,7 @@ const La = ({
|
|
|
5059
5047
|
] });
|
|
5060
5048
|
if (f) {
|
|
5061
5049
|
const B = () => {
|
|
5062
|
-
$(null), ie(),
|
|
5050
|
+
$(null), ie(), L(null);
|
|
5063
5051
|
};
|
|
5064
5052
|
return /* @__PURE__ */ o(re, { children: [
|
|
5065
5053
|
/* @__PURE__ */ r(ae, { children: /* @__PURE__ */ o("div", { style: {
|
|
@@ -5100,7 +5088,7 @@ const La = ({
|
|
|
5100
5088
|
maxWidth: "400px",
|
|
5101
5089
|
whiteSpace: "pre-line"
|
|
5102
5090
|
}, children: f.message }),
|
|
5103
|
-
!f.success &&
|
|
5091
|
+
!f.success && V > 0 && /* @__PURE__ */ r("div", { style: {
|
|
5104
5092
|
marginTop: "4px",
|
|
5105
5093
|
padding: "10px 20px",
|
|
5106
5094
|
borderRadius: "10px",
|
|
@@ -5112,12 +5100,12 @@ const La = ({
|
|
|
5112
5100
|
margin: 0
|
|
5113
5101
|
}, children: [
|
|
5114
5102
|
"You have ",
|
|
5115
|
-
/* @__PURE__ */ r("strong", { style: { color: "var(--metakyc-text-primary, #111827)" }, children:
|
|
5103
|
+
/* @__PURE__ */ r("strong", { style: { color: "var(--metakyc-text-primary, #111827)" }, children: V }),
|
|
5116
5104
|
" attempt",
|
|
5117
|
-
|
|
5105
|
+
V !== 1 ? "s" : "",
|
|
5118
5106
|
" remaining"
|
|
5119
5107
|
] }) }),
|
|
5120
|
-
!f.success &&
|
|
5108
|
+
!f.success && V <= 0 && /* @__PURE__ */ r("div", { style: {
|
|
5121
5109
|
marginTop: "4px",
|
|
5122
5110
|
padding: "10px 20px",
|
|
5123
5111
|
borderRadius: "10px",
|
|
@@ -5130,9 +5118,9 @@ const La = ({
|
|
|
5130
5118
|
}, children: "No attempts remaining. Please contact support for assistance." }) })
|
|
5131
5119
|
] }) }),
|
|
5132
5120
|
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "center", width: "100%", gap: "12px" }, children: f.success ? /* @__PURE__ */ r(X, { type: "button", onClick: () => t == null ? void 0 : t(), children: "Continue" }) : /* @__PURE__ */ o(ct, { children: [
|
|
5133
|
-
|
|
5134
|
-
|
|
5135
|
-
|
|
5121
|
+
V > 0 && j <= 0 && /* @__PURE__ */ r(X, { type: "button", onClick: B, children: "Retake Test" }),
|
|
5122
|
+
V > 0 && j > 0 && /* @__PURE__ */ r(X, { type: "button", onClick: B, children: "OK" }),
|
|
5123
|
+
V <= 0 && a && /* @__PURE__ */ r(X, { type: "button", variant: "outline", onClick: a, children: "Back" })
|
|
5136
5124
|
] }) }) })
|
|
5137
5125
|
] });
|
|
5138
5126
|
}
|
|
@@ -5160,16 +5148,16 @@ const La = ({
|
|
|
5160
5148
|
/* @__PURE__ */ r("p", { style: { fontSize: "13px", color: "var(--metakyc-text-secondary, #374151)", margin: 0, lineHeight: 1.5 }, children: i.description })
|
|
5161
5149
|
] }),
|
|
5162
5150
|
/* @__PURE__ */ o("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "12px", marginBottom: "20px" }, children: [
|
|
5163
|
-
/* @__PURE__ */ r(
|
|
5164
|
-
/* @__PURE__ */ r(
|
|
5165
|
-
/* @__PURE__ */ r(
|
|
5151
|
+
/* @__PURE__ */ r(gt, { icon: "questions", label: "Questions", value: String(i.totalQuestionCount) }),
|
|
5152
|
+
/* @__PURE__ */ r(gt, { icon: "time", label: "Time Limit", value: vt(i.testDurationSec) }),
|
|
5153
|
+
/* @__PURE__ */ r(gt, { icon: "target", label: "Pass Requirement", value: `${i.testCorrectAnswerPassLimit} correct` }),
|
|
5166
5154
|
/* @__PURE__ */ r(
|
|
5167
|
-
|
|
5155
|
+
gt,
|
|
5168
5156
|
{
|
|
5169
5157
|
icon: "retry",
|
|
5170
5158
|
label: "Attempts Left",
|
|
5171
|
-
value: String(
|
|
5172
|
-
variant:
|
|
5159
|
+
value: String(V),
|
|
5160
|
+
variant: V <= 1 ? "warning" : "default"
|
|
5173
5161
|
}
|
|
5174
5162
|
)
|
|
5175
5163
|
] }),
|
|
@@ -5193,7 +5181,7 @@ const La = ({
|
|
|
5193
5181
|
k
|
|
5194
5182
|
] })
|
|
5195
5183
|
] }),
|
|
5196
|
-
|
|
5184
|
+
V <= 0 && /* @__PURE__ */ r("div", { style: {
|
|
5197
5185
|
padding: "12px 14px",
|
|
5198
5186
|
borderRadius: "10px",
|
|
5199
5187
|
backgroundColor: "color-mix(in srgb, var(--metakyc-danger, #ef4444) 8%, transparent)",
|
|
@@ -5202,7 +5190,7 @@ const La = ({
|
|
|
5202
5190
|
] }),
|
|
5203
5191
|
/* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: a ? "space-between" : "flex-end", width: "100%" }, children: [
|
|
5204
5192
|
a && /* @__PURE__ */ r(X, { type: "button", variant: "outline", onClick: a, children: "Back" }),
|
|
5205
|
-
/* @__PURE__ */ r(X, { type: "button", onClick:
|
|
5193
|
+
/* @__PURE__ */ r(X, { type: "button", onClick: Y, disabled: V <= 0, children: "Start Test" })
|
|
5206
5194
|
] }) })
|
|
5207
5195
|
] });
|
|
5208
5196
|
const ue = i.appropriatenessQuestions[ee], xe = ee === we - 1, F = pe === we, U = T <= 60;
|
|
@@ -5276,9 +5264,9 @@ const La = ({
|
|
|
5276
5264
|
" answered"
|
|
5277
5265
|
] }),
|
|
5278
5266
|
/* @__PURE__ */ o("span", { style: { fontSize: "11px", color: "var(--metakyc-text-muted, #9ca3af)" }, children: [
|
|
5279
|
-
|
|
5267
|
+
V,
|
|
5280
5268
|
" attempt",
|
|
5281
|
-
|
|
5269
|
+
V !== 1 ? "s" : "",
|
|
5282
5270
|
" left"
|
|
5283
5271
|
] })
|
|
5284
5272
|
] })
|
|
@@ -5286,7 +5274,7 @@ const La = ({
|
|
|
5286
5274
|
] }),
|
|
5287
5275
|
/* @__PURE__ */ o(ae, { children: [
|
|
5288
5276
|
ue && /* @__PURE__ */ r(
|
|
5289
|
-
|
|
5277
|
+
Da,
|
|
5290
5278
|
{
|
|
5291
5279
|
question: ue,
|
|
5292
5280
|
index: ee,
|
|
@@ -5386,7 +5374,7 @@ const La = ({
|
|
|
5386
5374
|
] })
|
|
5387
5375
|
] }) })
|
|
5388
5376
|
] });
|
|
5389
|
-
},
|
|
5377
|
+
}, Pa = {
|
|
5390
5378
|
questions: /* @__PURE__ */ o("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
5391
5379
|
/* @__PURE__ */ r("path", { d: "M9 11l3 3L22 4" }),
|
|
5392
5380
|
/* @__PURE__ */ r("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" })
|
|
@@ -5404,7 +5392,7 @@ const La = ({
|
|
|
5404
5392
|
/* @__PURE__ */ r("polyline", { points: "23 4 23 10 17 10" }),
|
|
5405
5393
|
/* @__PURE__ */ r("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })
|
|
5406
5394
|
] })
|
|
5407
|
-
},
|
|
5395
|
+
}, gt = ({ icon: e, label: t, value: a, variant: n = "default" }) => {
|
|
5408
5396
|
const i = n === "warning";
|
|
5409
5397
|
return /* @__PURE__ */ o("div", { style: {
|
|
5410
5398
|
display: "flex",
|
|
@@ -5418,7 +5406,7 @@ const La = ({
|
|
|
5418
5406
|
/* @__PURE__ */ r("div", { style: {
|
|
5419
5407
|
color: i ? "#f59e0b" : "var(--metakyc-primary, #2563eb)",
|
|
5420
5408
|
flexShrink: 0
|
|
5421
|
-
}, children:
|
|
5409
|
+
}, children: Pa[e] }),
|
|
5422
5410
|
/* @__PURE__ */ o("div", { children: [
|
|
5423
5411
|
/* @__PURE__ */ r("p", { style: { fontSize: "12px", color: "var(--metakyc-text-muted, #9ca3af)", margin: 0 }, children: t }),
|
|
5424
5412
|
/* @__PURE__ */ r("p", { style: {
|
|
@@ -5430,7 +5418,7 @@ const La = ({
|
|
|
5430
5418
|
}, children: a })
|
|
5431
5419
|
] })
|
|
5432
5420
|
] });
|
|
5433
|
-
},
|
|
5421
|
+
}, Da = ({ question: e, selectedAnswer: t, onSelect: a, disabled: n }) => /* @__PURE__ */ o("div", { children: [
|
|
5434
5422
|
/* @__PURE__ */ o("div", { style: { marginBottom: "16px" }, children: [
|
|
5435
5423
|
e.groupName && /* @__PURE__ */ r("span", { style: {
|
|
5436
5424
|
display: "inline-block",
|
|
@@ -5512,13 +5500,13 @@ const La = ({
|
|
|
5512
5500
|
s
|
|
5513
5501
|
);
|
|
5514
5502
|
}) })
|
|
5515
|
-
] }),
|
|
5503
|
+
] }), Ma = ({
|
|
5516
5504
|
applicantId: e,
|
|
5517
5505
|
onComplete: t,
|
|
5518
5506
|
onBack: a
|
|
5519
5507
|
}) => {
|
|
5520
5508
|
var Ze, He, ot, Qe;
|
|
5521
|
-
const { applicantService: n, baseInformationService: i, identityService: s, config: c, currentTheme: d } = Te(), { identityData: y, provider: p, token: k, isLoading:
|
|
5509
|
+
const { applicantService: n, baseInformationService: i, identityService: s, config: c, currentTheme: d } = Te(), { identityData: y, provider: p, token: k, isLoading: L, error: x, requestIdentity: A, restartIdentity: T } = ea(e), [w, N] = v(null), [O, Q] = v(null), [M, j] = v([]), [K, ee] = v([]), [E, f] = v(!0), [$, Y] = v(!1), [G, _] = v(null), [J, ie] = v(!1), V = ve.useRef(!1), [we, pe] = v({}), [ue, xe] = v({}), F = d != null && d.reviewPageFields && d.reviewPageFields.length > 0 ? d.reviewPageFields[0] : null, U = !!(d != null && d.reviewPageDisabled), B = de(!1);
|
|
5522
5510
|
B.current = U;
|
|
5523
5511
|
const H = Xt({
|
|
5524
5512
|
defaultValues: {
|
|
@@ -5533,7 +5521,7 @@ const La = ({
|
|
|
5533
5521
|
});
|
|
5534
5522
|
fe(() => {
|
|
5535
5523
|
if (U) {
|
|
5536
|
-
|
|
5524
|
+
V.current || (V.current = !0, A().then(() => Y(!0)).catch((z) => console.error("[Identity] Auto-request failed:", z)).finally(() => f(!1)));
|
|
5537
5525
|
return;
|
|
5538
5526
|
}
|
|
5539
5527
|
(async () => {
|
|
@@ -5545,10 +5533,10 @@ const La = ({
|
|
|
5545
5533
|
// CountriesType.PhoneNumber
|
|
5546
5534
|
]);
|
|
5547
5535
|
Q(z);
|
|
5548
|
-
const Z = /* @__PURE__ */ new Set(), u = q.map((
|
|
5536
|
+
const Z = /* @__PURE__ */ new Set(), u = q.map((h) => ({ value: h.abbreviation3 || h.abbreviation, label: h.name })).filter((h) => !h.value || Z.has(h.value) ? !1 : (Z.add(h.value), !0));
|
|
5549
5537
|
j(u);
|
|
5550
|
-
const I = /* @__PURE__ */ new Set(),
|
|
5551
|
-
ee(
|
|
5538
|
+
const I = /* @__PURE__ */ new Set(), P = W.filter((h) => h.countryCode).map((h) => ({ value: h.countryCode, label: `${h.countryCode} – ${h.name}` })).filter((h) => I.has(h.value) ? !1 : (I.add(h.value), !0));
|
|
5539
|
+
ee(P);
|
|
5552
5540
|
const m = z.applicantRequestData;
|
|
5553
5541
|
if (pe({
|
|
5554
5542
|
firstName: (m == null ? void 0 : m.firstName) || "",
|
|
@@ -5580,12 +5568,12 @@ const La = ({
|
|
|
5580
5568
|
country: (m == null ? void 0 : m.country) || "",
|
|
5581
5569
|
nationality: (m == null ? void 0 : m.nationality) || "",
|
|
5582
5570
|
phonenumber: (m == null ? void 0 : m.phonenumber) || ""
|
|
5583
|
-
}), z.kycRecords && z.kycRecords.length > 0 && z.kycRecords[0].providerTokenObject !== null && !
|
|
5584
|
-
console.log("[Identity] Review page disabled + existing identity — auto-requesting..."),
|
|
5571
|
+
}), z.kycRecords && z.kycRecords.length > 0 && z.kycRecords[0].providerTokenObject !== null && !V.current && B.current) {
|
|
5572
|
+
console.log("[Identity] Review page disabled + existing identity — auto-requesting..."), V.current = !0;
|
|
5585
5573
|
try {
|
|
5586
|
-
await A(),
|
|
5587
|
-
} catch (
|
|
5588
|
-
console.error("[Identity] Auto-request failed:",
|
|
5574
|
+
await A(), Y(!0);
|
|
5575
|
+
} catch (h) {
|
|
5576
|
+
console.error("[Identity] Auto-request failed:", h);
|
|
5589
5577
|
}
|
|
5590
5578
|
}
|
|
5591
5579
|
} catch (z) {
|
|
@@ -5595,12 +5583,12 @@ const La = ({
|
|
|
5595
5583
|
}
|
|
5596
5584
|
})();
|
|
5597
5585
|
}, [e]), fe(() => {
|
|
5598
|
-
y && !$ && B.current && (console.log("[Identity] Review page disabled — showing cached provider"),
|
|
5586
|
+
y && !$ && B.current && (console.log("[Identity] Review page disabled — showing cached provider"), Y(!0));
|
|
5599
5587
|
}, [y, $]), fe(() => {
|
|
5600
5588
|
if (k) {
|
|
5601
5589
|
if (k.expiresAt) {
|
|
5602
|
-
const
|
|
5603
|
-
if (Date.now() >=
|
|
5590
|
+
const g = new Date(k.expiresAt).getTime();
|
|
5591
|
+
if (Date.now() >= g) {
|
|
5604
5592
|
console.warn("[Identity] Token has expired (expiresAt)"), ie(!0), _("Your verification session has expired. Please restart.");
|
|
5605
5593
|
return;
|
|
5606
5594
|
}
|
|
@@ -5621,11 +5609,11 @@ const La = ({
|
|
|
5621
5609
|
}
|
|
5622
5610
|
}
|
|
5623
5611
|
}, [k]);
|
|
5624
|
-
const
|
|
5612
|
+
const he = p !== null && p === ze.Sumsub;
|
|
5625
5613
|
fe(() => {
|
|
5626
5614
|
if (p !== null && k && !w && $ && !J) {
|
|
5627
|
-
const
|
|
5628
|
-
if (
|
|
5615
|
+
const g = p;
|
|
5616
|
+
if (he) {
|
|
5629
5617
|
console.log("[Sumsub] Fetching access token for Web SDK…"), _(null), (async () => {
|
|
5630
5618
|
try {
|
|
5631
5619
|
const z = await s.refreshSumsubToken(e), q = Je.parseProviderConfig(p, k, c);
|
|
@@ -5645,7 +5633,7 @@ const La = ({
|
|
|
5645
5633
|
if (k.url) {
|
|
5646
5634
|
console.log("[Identity] Loading provider URL for user verification:", k.url), _(null);
|
|
5647
5635
|
try {
|
|
5648
|
-
if (new URL(k.url),
|
|
5636
|
+
if (new URL(k.url), g === ze.SardinAI) {
|
|
5649
5637
|
console.log("[SardinAI] Initializing Risk SDK in background...");
|
|
5650
5638
|
try {
|
|
5651
5639
|
const z = Je.parseProviderConfig(p, k, c);
|
|
@@ -5660,7 +5648,7 @@ const La = ({
|
|
|
5660
5648
|
}
|
|
5661
5649
|
return;
|
|
5662
5650
|
}
|
|
5663
|
-
if (
|
|
5651
|
+
if (g === ze.SardinAI) {
|
|
5664
5652
|
console.log("[SardinAI] No URL provided - initializing Risk SDK only..."), _(null);
|
|
5665
5653
|
try {
|
|
5666
5654
|
const z = Je.parseProviderConfig(p, k, c), q = Je.createProvider(p, z);
|
|
@@ -5680,7 +5668,7 @@ const La = ({
|
|
|
5680
5668
|
try {
|
|
5681
5669
|
_(null);
|
|
5682
5670
|
const z = Je.parseProviderConfig(p, k, c), q = Je.createProvider(p, z);
|
|
5683
|
-
|
|
5671
|
+
g === ze.Onfido && q.initialize("identity-container").catch((W) => {
|
|
5684
5672
|
console.error("[Onfido] Initialization error:", W), _(`Failed to initialize: ${W.message}`);
|
|
5685
5673
|
}), N(q);
|
|
5686
5674
|
} catch (z) {
|
|
@@ -5691,25 +5679,25 @@ const La = ({
|
|
|
5691
5679
|
if (w && w.destroy)
|
|
5692
5680
|
try {
|
|
5693
5681
|
w.destroy();
|
|
5694
|
-
} catch (
|
|
5695
|
-
console.error("[Identity] Error destroying provider:",
|
|
5682
|
+
} catch (g) {
|
|
5683
|
+
console.error("[Identity] Error destroying provider:", g);
|
|
5696
5684
|
}
|
|
5697
5685
|
};
|
|
5698
|
-
}, [p, k, w, $, t, J,
|
|
5686
|
+
}, [p, k, w, $, t, J, he, e, c, s]);
|
|
5699
5687
|
const R = async () => {
|
|
5700
5688
|
try {
|
|
5701
|
-
_(null), ie(!1), await A(),
|
|
5702
|
-
} catch (
|
|
5703
|
-
console.error("Error starting identity verification:",
|
|
5689
|
+
_(null), ie(!1), await A(), Y(!0);
|
|
5690
|
+
} catch (g) {
|
|
5691
|
+
console.error("Error starting identity verification:", g);
|
|
5704
5692
|
}
|
|
5705
5693
|
}, te = async () => {
|
|
5706
5694
|
try {
|
|
5707
|
-
_(null), ie(!1), N(null), console.log("[Identity] Restarting verification..."), await T(),
|
|
5708
|
-
} catch (
|
|
5709
|
-
console.error("Error restarting identity verification:",
|
|
5695
|
+
_(null), ie(!1), N(null), console.log("[Identity] Restarting verification..."), await T(), Y(!0);
|
|
5696
|
+
} catch (g) {
|
|
5697
|
+
console.error("Error restarting identity verification:", g), _(g.message || "Failed to restart verification");
|
|
5710
5698
|
}
|
|
5711
5699
|
};
|
|
5712
|
-
if (E ||
|
|
5700
|
+
if (E || L)
|
|
5713
5701
|
return /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ae, { children: [
|
|
5714
5702
|
/* @__PURE__ */ r(Me, { className: "my-8" }),
|
|
5715
5703
|
/* @__PURE__ */ r("p", { className: "text-center text-gray-600 dark:text-gray-400 mt-4", children: "Loading identity verification..." })
|
|
@@ -5758,12 +5746,12 @@ const La = ({
|
|
|
5758
5746
|
] }),
|
|
5759
5747
|
/* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
5760
5748
|
a && /* @__PURE__ */ r(X, { type: "button", variant: "outline", onClick: a, children: "Back" }),
|
|
5761
|
-
/* @__PURE__ */ r(X, { type: "button", onClick: te, disabled:
|
|
5749
|
+
/* @__PURE__ */ r(X, { type: "button", onClick: te, disabled: L, children: L ? "Restarting..." : "Restart Verification" })
|
|
5762
5750
|
] })
|
|
5763
5751
|
] });
|
|
5764
5752
|
if ($ && y) {
|
|
5765
|
-
const
|
|
5766
|
-
return
|
|
5753
|
+
const g = p;
|
|
5754
|
+
return he ? /* @__PURE__ */ o("div", { style: {
|
|
5767
5755
|
background: "var(--metakyc-background, #ffffff)",
|
|
5768
5756
|
borderRadius: "12px",
|
|
5769
5757
|
border: "1px solid var(--metakyc-border, #e5e7eb)",
|
|
@@ -5794,7 +5782,7 @@ const La = ({
|
|
|
5794
5782
|
{
|
|
5795
5783
|
type: "button",
|
|
5796
5784
|
onClick: te,
|
|
5797
|
-
disabled:
|
|
5785
|
+
disabled: L,
|
|
5798
5786
|
style: {
|
|
5799
5787
|
padding: "6px 14px",
|
|
5800
5788
|
fontSize: "13px",
|
|
@@ -5803,10 +5791,10 @@ const La = ({
|
|
|
5803
5791
|
border: "1px solid var(--metakyc-border, #d1d5db)",
|
|
5804
5792
|
background: "var(--metakyc-background, #ffffff)",
|
|
5805
5793
|
color: "var(--metakyc-text-primary, #111827)",
|
|
5806
|
-
cursor:
|
|
5807
|
-
opacity:
|
|
5794
|
+
cursor: L ? "not-allowed" : "pointer",
|
|
5795
|
+
opacity: L ? 0.5 : 1
|
|
5808
5796
|
},
|
|
5809
|
-
children:
|
|
5797
|
+
children: L ? "Restarting…" : "Restart"
|
|
5810
5798
|
}
|
|
5811
5799
|
)
|
|
5812
5800
|
] }),
|
|
@@ -5839,7 +5827,7 @@ const La = ({
|
|
|
5839
5827
|
variant: "outline",
|
|
5840
5828
|
size: "sm",
|
|
5841
5829
|
onClick: te,
|
|
5842
|
-
disabled:
|
|
5830
|
+
disabled: L,
|
|
5843
5831
|
children: "Restart"
|
|
5844
5832
|
}
|
|
5845
5833
|
)
|
|
@@ -5862,8 +5850,8 @@ const La = ({
|
|
|
5862
5850
|
try {
|
|
5863
5851
|
const u = z.target, I = u.contentDocument || ((q = u.contentWindow) == null ? void 0 : q.document);
|
|
5864
5852
|
if (I) {
|
|
5865
|
-
const
|
|
5866
|
-
(
|
|
5853
|
+
const P = ((Z = (W = I.body) == null ? void 0 : W.textContent) == null ? void 0 : Z.toLowerCase()) || "";
|
|
5854
|
+
(P.includes("expired") || P.includes("invalid") || P.includes("error")) && (console.warn("[Identity] Iframe shows expiration message"), ie(!0), _("Your verification link has expired."));
|
|
5867
5855
|
}
|
|
5868
5856
|
} catch {
|
|
5869
5857
|
console.log("[Identity] Cannot check iframe content (CORS)");
|
|
@@ -5873,7 +5861,7 @@ const La = ({
|
|
|
5873
5861
|
) })
|
|
5874
5862
|
] }),
|
|
5875
5863
|
a && /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(X, { variant: "outline", onClick: a, children: "Back" }) })
|
|
5876
|
-
] }) :
|
|
5864
|
+
] }) : g === ze.SardinAI ? /* @__PURE__ */ o(re, { children: [
|
|
5877
5865
|
/* @__PURE__ */ o(Se, { children: [
|
|
5878
5866
|
/* @__PURE__ */ r("h2", { className: "text-2xl font-bold", children: "Device Risk Assessment" }),
|
|
5879
5867
|
/* @__PURE__ */ r("p", { className: "text-gray-600 dark:text-gray-400 mt-1", children: "Analyzing device security and behavioral patterns..." })
|
|
@@ -5892,17 +5880,17 @@ const La = ({
|
|
|
5892
5880
|
a && /* @__PURE__ */ r(Ce, { children: /* @__PURE__ */ r(X, { variant: "outline", onClick: a, children: "Back" }) })
|
|
5893
5881
|
] });
|
|
5894
5882
|
}
|
|
5895
|
-
const ye = /* @__PURE__ */ new Set(["country", "nationality", "taxCountry", "countryOfBirth", "mobileCountryCode", "otherNationality"]), oe = (
|
|
5896
|
-
const z = Math.min(4, Math.max(1, Number(
|
|
5883
|
+
const ye = /* @__PURE__ */ new Set(["country", "nationality", "taxCountry", "countryOfBirth", "mobileCountryCode", "otherNationality"]), oe = (g = 4) => {
|
|
5884
|
+
const z = Math.min(4, Math.max(1, Number(g) || 4));
|
|
5897
5885
|
return { gridColumn: `span ${z} / span ${z}` };
|
|
5898
|
-
}, Ne = (
|
|
5886
|
+
}, Ne = (g, z) => {
|
|
5899
5887
|
if (!z && z !== 0) return "—";
|
|
5900
|
-
if (ye.has(
|
|
5888
|
+
if (ye.has(g) && g !== "mobileCountryCode") {
|
|
5901
5889
|
const q = M.find((W) => W.value === z);
|
|
5902
5890
|
return q ? q.label : String(z);
|
|
5903
5891
|
}
|
|
5904
5892
|
return String(z);
|
|
5905
|
-
}, $e = ({ helpText:
|
|
5893
|
+
}, $e = ({ helpText: g }) => {
|
|
5906
5894
|
const [z, q] = v(!1), W = de(null), [, Z] = v({ top: 0, left: 0 });
|
|
5907
5895
|
return /* @__PURE__ */ o(ct, { children: [
|
|
5908
5896
|
/* @__PURE__ */ r(
|
|
@@ -5969,7 +5957,7 @@ const La = ({
|
|
|
5969
5957
|
boxShadow: "0 24px 64px rgba(0,0,0,0.4)"
|
|
5970
5958
|
},
|
|
5971
5959
|
children: [
|
|
5972
|
-
/* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html:
|
|
5960
|
+
/* @__PURE__ */ r("div", { dangerouslySetInnerHTML: { __html: g }, style: { fontSize: 13, color: "var(--metakyc-text-primary, #111827)", lineHeight: 1.6 } }),
|
|
5973
5961
|
/* @__PURE__ */ r(
|
|
5974
5962
|
"button",
|
|
5975
5963
|
{
|
|
@@ -5996,95 +5984,95 @@ const La = ({
|
|
|
5996
5984
|
document.body
|
|
5997
5985
|
)
|
|
5998
5986
|
] });
|
|
5999
|
-
}, Ie = (
|
|
6000
|
-
/* @__PURE__ */ r("div", { style: { flex: 1, minWidth: 0 }, children:
|
|
5987
|
+
}, Ie = (g, z) => z ? /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "flex-start", gap: 5, flexWrap: "nowrap" }, children: [
|
|
5988
|
+
/* @__PURE__ */ r("div", { style: { flex: 1, minWidth: 0 }, children: g }),
|
|
6001
5989
|
/* @__PURE__ */ r("div", { style: { paddingTop: 24 }, children: /* @__PURE__ */ r($e, { helpText: z }) })
|
|
6002
|
-
] }) :
|
|
6003
|
-
const q = `cf-${z}`, W =
|
|
6004
|
-
if (
|
|
6005
|
-
return /* @__PURE__ */ r("div", { style: { ...oe(
|
|
6006
|
-
if (
|
|
6007
|
-
return /* @__PURE__ */ r("div", { style: oe(
|
|
5990
|
+
] }) : g, je = (g, z) => {
|
|
5991
|
+
const q = `cf-${z}`, W = g.paramName ?? "", Z = ue[W];
|
|
5992
|
+
if (g.customType === "br")
|
|
5993
|
+
return /* @__PURE__ */ r("div", { style: { ...oe(g.colSpan), minHeight: "0.5rem" } }, q);
|
|
5994
|
+
if (g.customType === "paragraph")
|
|
5995
|
+
return /* @__PURE__ */ r("div", { style: oe(g.colSpan), children: /* @__PURE__ */ r(
|
|
6008
5996
|
"div",
|
|
6009
5997
|
{
|
|
6010
5998
|
className: "text-sm",
|
|
6011
5999
|
style: { color: "var(--metakyc-text-secondary, #6b7280)" },
|
|
6012
|
-
dangerouslySetInnerHTML: { __html:
|
|
6000
|
+
dangerouslySetInnerHTML: { __html: g.label || "" }
|
|
6013
6001
|
}
|
|
6014
6002
|
) }, q);
|
|
6015
|
-
if (
|
|
6003
|
+
if (g.customType === "html")
|
|
6016
6004
|
return /* @__PURE__ */ r(
|
|
6017
6005
|
"div",
|
|
6018
6006
|
{
|
|
6019
|
-
style: oe(
|
|
6020
|
-
dangerouslySetInnerHTML: { __html:
|
|
6007
|
+
style: oe(g.colSpan),
|
|
6008
|
+
dangerouslySetInnerHTML: { __html: g.label || "" }
|
|
6021
6009
|
},
|
|
6022
6010
|
q
|
|
6023
6011
|
);
|
|
6024
|
-
if (
|
|
6025
|
-
return /* @__PURE__ */ r("div", { style: oe(
|
|
6012
|
+
if (g.customType === "link")
|
|
6013
|
+
return /* @__PURE__ */ r("div", { style: oe(g.colSpan), children: Ie(
|
|
6026
6014
|
/* @__PURE__ */ r(
|
|
6027
6015
|
"a",
|
|
6028
6016
|
{
|
|
6029
|
-
href:
|
|
6017
|
+
href: g.linkUrl ?? "#",
|
|
6030
6018
|
target: "_blank",
|
|
6031
6019
|
rel: "noopener noreferrer",
|
|
6032
6020
|
className: "text-sm underline",
|
|
6033
6021
|
style: { color: "var(--metakyc-primary, #6366f1)" },
|
|
6034
|
-
children:
|
|
6022
|
+
children: g.displayText || g.label || g.linkText || g.linkUrl
|
|
6035
6023
|
}
|
|
6036
6024
|
),
|
|
6037
|
-
|
|
6025
|
+
g.helpText
|
|
6038
6026
|
) }, q);
|
|
6039
|
-
if (
|
|
6027
|
+
if (g.customType === "checkbox" || g.customType === "link_checkbox") {
|
|
6040
6028
|
const u = Z === "true" || Z === !0;
|
|
6041
|
-
return /* @__PURE__ */ r("div", { style: oe(
|
|
6029
|
+
return /* @__PURE__ */ r("div", { style: oe(g.colSpan), children: Ie(
|
|
6042
6030
|
/* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
|
|
6043
6031
|
/* @__PURE__ */ r(
|
|
6044
6032
|
Be,
|
|
6045
6033
|
{
|
|
6046
6034
|
checked: !!u,
|
|
6047
|
-
onChange: (I) => xe((
|
|
6035
|
+
onChange: (I) => xe((P) => ({ ...P, [W]: String(I) })),
|
|
6048
6036
|
style: { marginTop: 2 }
|
|
6049
6037
|
}
|
|
6050
6038
|
),
|
|
6051
|
-
/* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children:
|
|
6052
|
-
/* @__PURE__ */ r("a", { href:
|
|
6053
|
-
|
|
6054
|
-
] }) :
|
|
6039
|
+
/* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: g.customType === "link_checkbox" && g.linkUrl ? /* @__PURE__ */ o(ct, { children: [
|
|
6040
|
+
/* @__PURE__ */ r("a", { href: g.linkUrl, target: "_blank", rel: "noopener noreferrer", style: { color: "var(--metakyc-primary, #6366f1)", textDecoration: "underline" }, children: g.linkText || g.label }),
|
|
6041
|
+
g.label && g.linkText ? ` ${g.label}` : ""
|
|
6042
|
+
] }) : g.displayText || g.label })
|
|
6055
6043
|
] }),
|
|
6056
|
-
|
|
6044
|
+
g.helpText
|
|
6057
6045
|
) }, q);
|
|
6058
6046
|
}
|
|
6059
|
-
if (
|
|
6060
|
-
const u = Array.isArray(Z) ? Z : Z ? [Z] : [], I = (
|
|
6061
|
-
|
|
6047
|
+
if (g.customType === "group_checkbox") {
|
|
6048
|
+
const u = Array.isArray(Z) ? Z : Z ? [Z] : [], I = (P) => {
|
|
6049
|
+
g.singleSelect ? xe((m) => ({ ...m, [W]: u[0] === P ? [] : [P] })) : xe((m) => ({
|
|
6062
6050
|
...m,
|
|
6063
|
-
[W]: u.includes(
|
|
6051
|
+
[W]: u.includes(P) ? u.filter((l) => l !== P) : [...u, P]
|
|
6064
6052
|
}));
|
|
6065
6053
|
};
|
|
6066
|
-
return /* @__PURE__ */ r("div", { style: oe(
|
|
6054
|
+
return /* @__PURE__ */ r("div", { style: oe(g.colSpan), children: Ie(
|
|
6067
6055
|
/* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
|
|
6068
|
-
|
|
6069
|
-
(
|
|
6056
|
+
g.label && /* @__PURE__ */ r("p", { className: "text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: g.displayText || g.label }),
|
|
6057
|
+
(g.options || []).map((P) => /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
|
|
6070
6058
|
/* @__PURE__ */ r(
|
|
6071
6059
|
Be,
|
|
6072
6060
|
{
|
|
6073
|
-
checked: u.includes(
|
|
6074
|
-
onChange: () => I(
|
|
6061
|
+
checked: u.includes(P.value),
|
|
6062
|
+
onChange: () => I(P.value),
|
|
6075
6063
|
style: { marginTop: 2 }
|
|
6076
6064
|
}
|
|
6077
6065
|
),
|
|
6078
|
-
/* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children:
|
|
6079
|
-
] },
|
|
6066
|
+
/* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: P.label })
|
|
6067
|
+
] }, P.value))
|
|
6080
6068
|
] }),
|
|
6081
|
-
|
|
6069
|
+
g.helpText
|
|
6082
6070
|
) }, q);
|
|
6083
6071
|
}
|
|
6084
|
-
return
|
|
6072
|
+
return g.customType === "radio_group" ? /* @__PURE__ */ r("div", { style: oe(g.colSpan), children: Ie(
|
|
6085
6073
|
/* @__PURE__ */ o("div", { className: "space-y-1.5", children: [
|
|
6086
|
-
|
|
6087
|
-
(
|
|
6074
|
+
g.label && /* @__PURE__ */ r("p", { className: "text-sm font-medium", style: { color: "var(--metakyc-text-primary, #111827)" }, children: g.displayText || g.label }),
|
|
6075
|
+
(g.options || []).map((u) => /* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "flex-start", gap: 8, cursor: "pointer" }, children: [
|
|
6088
6076
|
/* @__PURE__ */ r(
|
|
6089
6077
|
"input",
|
|
6090
6078
|
{
|
|
@@ -6099,24 +6087,24 @@ const La = ({
|
|
|
6099
6087
|
/* @__PURE__ */ r("span", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)" }, children: u.label })
|
|
6100
6088
|
] }, u.value))
|
|
6101
6089
|
] }),
|
|
6102
|
-
|
|
6103
|
-
) }, q) : /* @__PURE__ */ r("div", { style: oe(
|
|
6090
|
+
g.helpText
|
|
6091
|
+
) }, q) : /* @__PURE__ */ r("div", { style: oe(g.colSpan), children: Ie(
|
|
6104
6092
|
/* @__PURE__ */ r(
|
|
6105
6093
|
be,
|
|
6106
6094
|
{
|
|
6107
|
-
label:
|
|
6095
|
+
label: g.displayText || g.label || W,
|
|
6108
6096
|
value: String(Z ?? ""),
|
|
6109
6097
|
onChange: (u) => xe((I) => ({ ...I, [W]: u.target.value }))
|
|
6110
6098
|
}
|
|
6111
6099
|
),
|
|
6112
|
-
|
|
6100
|
+
g.helpText
|
|
6113
6101
|
) }, q);
|
|
6114
|
-
}, it = (
|
|
6115
|
-
if (
|
|
6116
|
-
const q =
|
|
6117
|
-
return
|
|
6102
|
+
}, it = (g, z) => {
|
|
6103
|
+
if (g.isCustom) return je(g, z);
|
|
6104
|
+
const q = g.name ?? "", W = nt[q], Z = g.displayText || (W == null ? void 0 : W.label) || q, u = we[q] ?? "", I = q === "mobileCountryCode", P = !!(W != null && W.countriesType) && !I;
|
|
6105
|
+
return g.editable ? I ? /* @__PURE__ */ r("div", { style: oe(g.colSpan ?? 2), children: Ie(
|
|
6118
6106
|
/* @__PURE__ */ r(
|
|
6119
|
-
|
|
6107
|
+
Ye,
|
|
6120
6108
|
{
|
|
6121
6109
|
label: Z,
|
|
6122
6110
|
value: String(u),
|
|
@@ -6124,10 +6112,10 @@ const La = ({
|
|
|
6124
6112
|
options: [{ value: "", label: "Select country code…" }, ...K]
|
|
6125
6113
|
}
|
|
6126
6114
|
),
|
|
6127
|
-
|
|
6128
|
-
) }, `epc-${z}`) :
|
|
6115
|
+
g.helpText
|
|
6116
|
+
) }, `epc-${z}`) : P ? /* @__PURE__ */ r("div", { style: oe(g.colSpan ?? 2), children: Ie(
|
|
6129
6117
|
/* @__PURE__ */ r(
|
|
6130
|
-
|
|
6118
|
+
Ye,
|
|
6131
6119
|
{
|
|
6132
6120
|
label: Z,
|
|
6133
6121
|
value: String(u),
|
|
@@ -6135,8 +6123,8 @@ const La = ({
|
|
|
6135
6123
|
options: [{ value: "", label: `Select ${Z.toLowerCase()}…` }, ...M]
|
|
6136
6124
|
}
|
|
6137
6125
|
),
|
|
6138
|
-
|
|
6139
|
-
) }, `ec-${z}`) : /* @__PURE__ */ r("div", { style: oe(
|
|
6126
|
+
g.helpText
|
|
6127
|
+
) }, `ec-${z}`) : /* @__PURE__ */ r("div", { style: oe(g.colSpan ?? 2), children: Ie(
|
|
6140
6128
|
/* @__PURE__ */ r(
|
|
6141
6129
|
be,
|
|
6142
6130
|
{
|
|
@@ -6146,28 +6134,28 @@ const La = ({
|
|
|
6146
6134
|
onChange: (m) => pe((l) => ({ ...l, [q]: m.target.value }))
|
|
6147
6135
|
}
|
|
6148
6136
|
),
|
|
6149
|
-
|
|
6150
|
-
) }, `ei-${z}`) : /* @__PURE__ */ r("div", { style: oe(
|
|
6137
|
+
g.helpText
|
|
6138
|
+
) }, `ei-${z}`) : /* @__PURE__ */ r("div", { style: oe(g.colSpan ?? 2), children: Ie(
|
|
6151
6139
|
/* @__PURE__ */ o(ct, { children: [
|
|
6152
6140
|
/* @__PURE__ */ r("label", { className: "block text-sm font-medium mb-0.5", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: Z }),
|
|
6153
6141
|
/* @__PURE__ */ r("p", { className: "text-sm", style: { color: "var(--metakyc-text-primary, #111827)", minHeight: "1.5rem" }, children: Ne(q, u) })
|
|
6154
6142
|
] }),
|
|
6155
|
-
|
|
6143
|
+
g.helpText
|
|
6156
6144
|
) }, `ro-${z}`);
|
|
6157
6145
|
};
|
|
6158
6146
|
if (F) {
|
|
6159
|
-
const
|
|
6147
|
+
const g = F.title || "Review Your Information", z = F.subtitle || "Please review and confirm your information before starting identity verification";
|
|
6160
6148
|
return /* @__PURE__ */ r("form", { onSubmit: (q) => {
|
|
6161
6149
|
q.preventDefault(), R();
|
|
6162
6150
|
}, children: /* @__PURE__ */ o(re, { children: [
|
|
6163
6151
|
/* @__PURE__ */ o(Se, { children: [
|
|
6164
|
-
/* @__PURE__ */ r("h2", { className: "text-lg font-bold", style: { color: "var(--metakyc-text-primary, #111827)" }, children:
|
|
6152
|
+
/* @__PURE__ */ r("h2", { className: "text-lg font-bold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: g }),
|
|
6165
6153
|
/* @__PURE__ */ r("p", { className: "mt-1 text-sm", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: z })
|
|
6166
6154
|
] }),
|
|
6167
6155
|
/* @__PURE__ */ r(ae, { children: /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: F.fields.map((q, W) => it(q, W)) }) }),
|
|
6168
6156
|
/* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
6169
6157
|
a && /* @__PURE__ */ r(X, { type: "button", variant: "outline", onClick: a, children: "Back" }),
|
|
6170
|
-
/* @__PURE__ */ r(X, { type: "submit", isLoading:
|
|
6158
|
+
/* @__PURE__ */ r(X, { type: "submit", isLoading: L, children: "Confirm and Start Verification" })
|
|
6171
6159
|
] })
|
|
6172
6160
|
] }) });
|
|
6173
6161
|
}
|
|
@@ -6181,10 +6169,10 @@ const La = ({
|
|
|
6181
6169
|
{ label: "Name", value: `${((Ze = O == null ? void 0 : O.applicantRequestData) == null ? void 0 : Ze.firstName) || ""} ${((He = O == null ? void 0 : O.applicantRequestData) == null ? void 0 : He.lastName) || ""}`.trim() },
|
|
6182
6170
|
{ label: "Email", value: (ot = O == null ? void 0 : O.applicantRequestData) == null ? void 0 : ot.email },
|
|
6183
6171
|
{ label: "Date of Birth", value: ((Qe = O == null ? void 0 : O.applicantRequestData) == null ? void 0 : Qe.dateOfBirth) || "Not provided" }
|
|
6184
|
-
].map(({ label:
|
|
6185
|
-
/* @__PURE__ */ r("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children:
|
|
6172
|
+
].map(({ label: g, value: z }) => /* @__PURE__ */ o("div", { children: [
|
|
6173
|
+
/* @__PURE__ */ r("label", { className: "block text-sm font-medium", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: g }),
|
|
6186
6174
|
/* @__PURE__ */ r("p", { className: "mt-1 text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: z })
|
|
6187
|
-
] },
|
|
6175
|
+
] }, g)) }),
|
|
6188
6176
|
/* @__PURE__ */ o("div", { className: "space-y-4", children: [
|
|
6189
6177
|
/* @__PURE__ */ r("h3", { className: "text-base font-semibold", style: { color: "var(--metakyc-text-primary, #111827)" }, children: "Address Information" }),
|
|
6190
6178
|
/* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
|
|
@@ -6193,12 +6181,12 @@ const La = ({
|
|
|
6193
6181
|
{
|
|
6194
6182
|
control: H.control,
|
|
6195
6183
|
name: "country",
|
|
6196
|
-
render: ({ field:
|
|
6197
|
-
|
|
6184
|
+
render: ({ field: g }) => /* @__PURE__ */ r(
|
|
6185
|
+
Ye,
|
|
6198
6186
|
{
|
|
6199
6187
|
label: "Country",
|
|
6200
|
-
value:
|
|
6201
|
-
onChange:
|
|
6188
|
+
value: g.value,
|
|
6189
|
+
onChange: g.onChange,
|
|
6202
6190
|
options: [{ value: "", label: "Select country…" }, ...M]
|
|
6203
6191
|
}
|
|
6204
6192
|
)
|
|
@@ -6209,12 +6197,12 @@ const La = ({
|
|
|
6209
6197
|
{
|
|
6210
6198
|
control: H.control,
|
|
6211
6199
|
name: "nationality",
|
|
6212
|
-
render: ({ field:
|
|
6213
|
-
|
|
6200
|
+
render: ({ field: g }) => /* @__PURE__ */ r(
|
|
6201
|
+
Ye,
|
|
6214
6202
|
{
|
|
6215
6203
|
label: "Nationality",
|
|
6216
|
-
value:
|
|
6217
|
-
onChange:
|
|
6204
|
+
value: g.value,
|
|
6205
|
+
onChange: g.onChange,
|
|
6218
6206
|
options: [{ value: "", label: "Select nationality…" }, ...M]
|
|
6219
6207
|
}
|
|
6220
6208
|
)
|
|
@@ -6222,19 +6210,19 @@ const La = ({
|
|
|
6222
6210
|
)
|
|
6223
6211
|
] }),
|
|
6224
6212
|
/* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
|
|
6225
|
-
/* @__PURE__ */ r(tt, { control: H.control, name: "street", render: ({ field:
|
|
6226
|
-
/* @__PURE__ */ r(tt, { control: H.control, name: "streetNumber", render: ({ field:
|
|
6213
|
+
/* @__PURE__ */ r(tt, { control: H.control, name: "street", render: ({ field: g }) => /* @__PURE__ */ r(be, { ...g, label: "Street" }) }),
|
|
6214
|
+
/* @__PURE__ */ r(tt, { control: H.control, name: "streetNumber", render: ({ field: g }) => /* @__PURE__ */ r(be, { ...g, label: "Street Number" }) })
|
|
6227
6215
|
] }),
|
|
6228
6216
|
/* @__PURE__ */ o("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
|
|
6229
|
-
/* @__PURE__ */ r(tt, { control: H.control, name: "city", render: ({ field:
|
|
6230
|
-
/* @__PURE__ */ r(tt, { control: H.control, name: "zip", render: ({ field:
|
|
6217
|
+
/* @__PURE__ */ r(tt, { control: H.control, name: "city", render: ({ field: g }) => /* @__PURE__ */ r(be, { ...g, label: "City" }) }),
|
|
6218
|
+
/* @__PURE__ */ r(tt, { control: H.control, name: "zip", render: ({ field: g }) => /* @__PURE__ */ r(be, { ...g, label: "ZIP / Postal Code" }) })
|
|
6231
6219
|
] }),
|
|
6232
|
-
/* @__PURE__ */ r(tt, { control: H.control, name: "phonenumber", render: ({ field:
|
|
6220
|
+
/* @__PURE__ */ r(tt, { control: H.control, name: "phonenumber", render: ({ field: g }) => /* @__PURE__ */ r(be, { ...g, label: "Phone Number", type: "tel" }) })
|
|
6233
6221
|
] })
|
|
6234
6222
|
] }),
|
|
6235
6223
|
/* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
6236
6224
|
a && /* @__PURE__ */ r(X, { type: "button", variant: "outline", onClick: a, children: "Back" }),
|
|
6237
|
-
/* @__PURE__ */ r(X, { type: "submit", isLoading:
|
|
6225
|
+
/* @__PURE__ */ r(X, { type: "submit", isLoading: L, children: "Confirm and Start Verification" })
|
|
6238
6226
|
] })
|
|
6239
6227
|
] }) });
|
|
6240
6228
|
}, Dt = ({
|
|
@@ -6379,7 +6367,7 @@ const La = ({
|
|
|
6379
6367
|
d.type === "pending" && /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Please check back later or wait for our email notification" }) })
|
|
6380
6368
|
] })
|
|
6381
6369
|
] });
|
|
6382
|
-
},
|
|
6370
|
+
}, za = ({ config: e, className: t = "" }) => !(e != null && e.visible) || !(e != null && e.url) ? null : /* @__PURE__ */ r("div", { className: `metakyc-logo ${t}`, children: /* @__PURE__ */ r(
|
|
6383
6371
|
"img",
|
|
6384
6372
|
{
|
|
6385
6373
|
src: e.url,
|
|
@@ -6407,7 +6395,7 @@ const La = ({
|
|
|
6407
6395
|
className: "metakyc-header-title flex items-center text-xl font-bold",
|
|
6408
6396
|
style: { color: "var(--metakyc-text-primary, #111827)" },
|
|
6409
6397
|
children: [
|
|
6410
|
-
s && /* @__PURE__ */ r(
|
|
6398
|
+
s && /* @__PURE__ */ r(za, { config: n.logo }),
|
|
6411
6399
|
s && c && /* @__PURE__ */ r(
|
|
6412
6400
|
"span",
|
|
6413
6401
|
{
|
|
@@ -6421,11 +6409,11 @@ const La = ({
|
|
|
6421
6409
|
),
|
|
6422
6410
|
t && /* @__PURE__ */ r("p", { className: "text-sm mt-1", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: t })
|
|
6423
6411
|
] });
|
|
6424
|
-
},
|
|
6412
|
+
}, ht = ["firstName", "lastName", "email", "phonenumber", "dateOfBirth"];
|
|
6425
6413
|
function lt(e) {
|
|
6426
6414
|
return e == null || e === "" || Array.isArray(e) && e.length === 0;
|
|
6427
6415
|
}
|
|
6428
|
-
const
|
|
6416
|
+
const Oa = {
|
|
6429
6417
|
width: "16px",
|
|
6430
6418
|
height: "16px",
|
|
6431
6419
|
minWidth: "16px",
|
|
@@ -6558,24 +6546,24 @@ const $a = {
|
|
|
6558
6546
|
),
|
|
6559
6547
|
typeof document < "u" && i ? Ct(i, document.body) : null
|
|
6560
6548
|
] });
|
|
6561
|
-
},
|
|
6549
|
+
}, an = ({
|
|
6562
6550
|
workflowKey: e,
|
|
6563
6551
|
externalRefId: t,
|
|
6564
6552
|
onSuccess: a,
|
|
6565
6553
|
onCancel: n
|
|
6566
6554
|
}) => {
|
|
6567
|
-
var q, W, Z, u, I,
|
|
6555
|
+
var q, W, Z, u, I, P, m;
|
|
6568
6556
|
const { config: i, baseInformationService: s, currentTheme: c } = Te(), { createApplicant: d, isLoading: y } = Bt(), p = e || ((q = i.applicantForm) == null ? void 0 : q.workflowKey);
|
|
6569
6557
|
if (!p)
|
|
6570
6558
|
throw new Error(
|
|
6571
6559
|
"workflowKey is required. Provide it either as a prop to CreateApplicantForm or set it in config.applicantForm.workflowKey"
|
|
6572
6560
|
);
|
|
6573
|
-
const k = t || ((W = i.applicantForm) == null ? void 0 : W.externalRefId) || "",
|
|
6561
|
+
const k = t || ((W = i.applicantForm) == null ? void 0 : W.externalRefId) || "", L = ((Z = i.applicantForm) == null ? void 0 : Z.email) || "", x = ((u = i.applicantForm) == null ? void 0 : u.hiddenValues) || {}, A = ((I = i.applicantForm) == null ? void 0 : I.initialValues) || {}, w = (((P = i.applicantForm) == null ? void 0 : P.fieldLabelMode) || (c == null ? void 0 : c.fieldLabelMode) || "label") !== "placeholder", N = De(
|
|
6574
6562
|
() => c != null && c.applicantFormPages && c.applicantFormPages.length > 0 ? c.applicantFormPages : null,
|
|
6575
6563
|
[c == null ? void 0 : c.applicantFormPages]
|
|
6576
6564
|
), O = De(() => {
|
|
6577
|
-
const l = new Set(
|
|
6578
|
-
if (
|
|
6565
|
+
const l = new Set(ht), h = c == null ? void 0 : c.applicantFormRequiredFields;
|
|
6566
|
+
if (h) for (const D of h) l.add(D);
|
|
6579
6567
|
if (N)
|
|
6580
6568
|
for (const D of N)
|
|
6581
6569
|
for (const b of D.fields)
|
|
@@ -6585,14 +6573,14 @@ const $a = {
|
|
|
6585
6573
|
var D;
|
|
6586
6574
|
if (N) {
|
|
6587
6575
|
const b = N.flatMap((S) => S.fields).filter((S) => !S.isCustom && S.name).map((S) => S.name), C = new Set(b);
|
|
6588
|
-
for (const S of
|
|
6576
|
+
for (const S of ht) C.add(S);
|
|
6589
6577
|
return Array.from(C);
|
|
6590
6578
|
}
|
|
6591
6579
|
let l;
|
|
6592
6580
|
(D = i.applicantForm) != null && D.visibleFields ? l = i.applicantForm.visibleFields : c != null && c.applicantFormVisibleFields && c.applicantFormVisibleFields.length > 0 ? l = c.applicantFormVisibleFields : l = mr;
|
|
6593
|
-
const
|
|
6594
|
-
for (const b of
|
|
6595
|
-
return Array.from(
|
|
6581
|
+
const h = new Set(l);
|
|
6582
|
+
for (const b of ht) h.add(b);
|
|
6583
|
+
return Array.from(h);
|
|
6596
6584
|
}, [(m = i.applicantForm) == null ? void 0 : m.visibleFields, c == null ? void 0 : c.applicantFormVisibleFields, N]), M = /* @__PURE__ */ new Set([
|
|
6597
6585
|
"country",
|
|
6598
6586
|
"nationality",
|
|
@@ -6601,57 +6589,57 @@ const $a = {
|
|
|
6601
6589
|
"mobileCountryCode",
|
|
6602
6590
|
"otherNationality"
|
|
6603
6591
|
]), j = De(() => {
|
|
6604
|
-
var
|
|
6592
|
+
var h, D;
|
|
6605
6593
|
const l = /* @__PURE__ */ new Set();
|
|
6606
6594
|
if (N)
|
|
6607
6595
|
for (const b of N)
|
|
6608
6596
|
for (const C of b.fields)
|
|
6609
|
-
!C.isCustom && C.name && M.has(C.name) && l.add(C.countriesType ?? ((
|
|
6597
|
+
!C.isCustom && C.name && M.has(C.name) && l.add(C.countriesType ?? ((h = nt[C.name]) == null ? void 0 : h.countriesType));
|
|
6610
6598
|
else
|
|
6611
6599
|
for (const b of Q)
|
|
6612
6600
|
M.has(b) && l.add((D = nt[b]) == null ? void 0 : D.countriesType);
|
|
6613
6601
|
return l.size === 0 && l.add(void 0), Array.from(l);
|
|
6614
|
-
}, [Q, N]), [K, ee] = v({}), [E, f] = v(!0), $ = de(/* @__PURE__ */ new Set()),
|
|
6602
|
+
}, [Q, N]), [K, ee] = v({}), [E, f] = v(!0), $ = de(/* @__PURE__ */ new Set()), Y = de(/* @__PURE__ */ new Set());
|
|
6615
6603
|
fe(() => {
|
|
6616
6604
|
if (!c) return;
|
|
6617
6605
|
const l = j.filter((b) => {
|
|
6618
6606
|
const C = b != null ? String(b) : "all";
|
|
6619
|
-
return !
|
|
6607
|
+
return !Y.current.has(C) && !$.current.has(C);
|
|
6620
6608
|
});
|
|
6621
6609
|
if (l.length === 0) {
|
|
6622
6610
|
j.every((C) => {
|
|
6623
6611
|
const S = C != null ? String(C) : "all";
|
|
6624
|
-
return
|
|
6612
|
+
return Y.current.has(S);
|
|
6625
6613
|
}) && f(!1);
|
|
6626
6614
|
return;
|
|
6627
6615
|
}
|
|
6628
6616
|
f(!0);
|
|
6629
|
-
const
|
|
6630
|
-
|
|
6617
|
+
const h = l.map((b) => b != null ? String(b) : "all");
|
|
6618
|
+
h.forEach((b) => $.current.add(b)), (async () => {
|
|
6631
6619
|
try {
|
|
6632
6620
|
const b = await Promise.all(
|
|
6633
6621
|
l.map(async (C) => {
|
|
6634
|
-
const S = C != null ? String(C) : "all", me = await s.getCountries("", i.locale || "en", C), se = C === 40, ke = /* @__PURE__ */ new Set(),
|
|
6622
|
+
const S = C != null ? String(C) : "all", me = await s.getCountries("", i.locale || "en", C), se = C === 40, ke = /* @__PURE__ */ new Set(), Le = me.map((le) => se && le.countryCode ? {
|
|
6635
6623
|
value: le.countryCode,
|
|
6636
6624
|
label: `${le.countryCode} – ${le.name}`
|
|
6637
6625
|
} : { value: le.abbreviation3 || le.abbreviation, label: le.name }).filter((le) => !le.value || ke.has(le.value) ? !1 : (ke.add(le.value), !0));
|
|
6638
|
-
return
|
|
6626
|
+
return Y.current.add(S), $.current.delete(S), [S, Le];
|
|
6639
6627
|
})
|
|
6640
6628
|
);
|
|
6641
6629
|
ee((C) => ({ ...C, ...Object.fromEntries(b) }));
|
|
6642
6630
|
} catch (b) {
|
|
6643
|
-
|
|
6631
|
+
h.forEach((C) => $.current.delete(C)), console.error("Failed to load countries:", b);
|
|
6644
6632
|
} finally {
|
|
6645
6633
|
j.every((C) => {
|
|
6646
6634
|
const S = C != null ? String(C) : "all";
|
|
6647
|
-
return
|
|
6635
|
+
return Y.current.has(S);
|
|
6648
6636
|
}) && f(!1);
|
|
6649
6637
|
}
|
|
6650
6638
|
})();
|
|
6651
6639
|
}, [j, c]);
|
|
6652
|
-
const G = (l,
|
|
6640
|
+
const G = (l, h) => {
|
|
6653
6641
|
var C;
|
|
6654
|
-
const D =
|
|
6642
|
+
const D = h ?? ((C = nt[l]) == null ? void 0 : C.countriesType), b = D != null ? String(D) : "all";
|
|
6655
6643
|
return K[b] || [];
|
|
6656
6644
|
}, _ = {
|
|
6657
6645
|
firstName: 1,
|
|
@@ -6680,12 +6668,12 @@ const $a = {
|
|
|
6680
6668
|
Object.entries(x).filter(([l]) => l in _)
|
|
6681
6669
|
), ie = Object.fromEntries(
|
|
6682
6670
|
Object.entries(A).filter(([l]) => l in _)
|
|
6683
|
-
), [
|
|
6671
|
+
), [V, we] = v({
|
|
6684
6672
|
workflowKey: p,
|
|
6685
6673
|
firstName: "",
|
|
6686
6674
|
lastName: "",
|
|
6687
6675
|
title: "",
|
|
6688
|
-
email:
|
|
6676
|
+
email: L,
|
|
6689
6677
|
dateOfBirth: "",
|
|
6690
6678
|
phonenumber: "",
|
|
6691
6679
|
externalRefId: k,
|
|
@@ -6709,24 +6697,24 @@ const $a = {
|
|
|
6709
6697
|
...ie
|
|
6710
6698
|
}), pe = Object.fromEntries(
|
|
6711
6699
|
Object.entries(x).filter(([l]) => !(l in J) && l !== "externalRefId" && l !== "workflowKey")
|
|
6712
|
-
), [ue, xe] = v({ ...pe }), [F, U] = v(0), [B, H] = v({}), [
|
|
6700
|
+
), [ue, xe] = v({ ...pe }), [F, U] = v(0), [B, H] = v({}), [he, R] = v(null), [te, ye] = v(!1), oe = (l, h) => we((D) => ({ ...D, [l]: h })), Ne = (l, h) => xe((D) => ({ ...D, [l]: h })), $e = (l) => !l.conditionalOn || ue[l.conditionalOn] === "true", Ie = N && F < N.length - 1 ? F + 1 : -1, je = N && F > 0 ? F - 1 : -1, it = (l) => {
|
|
6713
6701
|
var D;
|
|
6714
|
-
const
|
|
6702
|
+
const h = {};
|
|
6715
6703
|
for (const b of l.fields)
|
|
6716
6704
|
if (b.isCustom) {
|
|
6717
6705
|
if (b.customType === "paragraph" || b.customType === "html" || b.customType === "br" || b.customType === "link") continue;
|
|
6718
6706
|
if (b.required && b.paramName) {
|
|
6719
6707
|
const C = ue[b.paramName], S = b.displayText || b.label || b.paramName;
|
|
6720
|
-
b.customType === "checkbox" || b.customType === "link_checkbox" ? C !== "true" && (
|
|
6708
|
+
b.customType === "checkbox" || b.customType === "link_checkbox" ? C !== "true" && (h[b.paramName] = `${S} is required.`) : (!C || C.trim() === "") && (h[b.paramName] = `${S} is required.`);
|
|
6721
6709
|
}
|
|
6722
6710
|
} else if (b.name) {
|
|
6723
6711
|
const C = b.name;
|
|
6724
|
-
if (O.includes(C) && lt(
|
|
6712
|
+
if (O.includes(C) && lt(V[C])) {
|
|
6725
6713
|
const S = b.displayText || ((D = nt[C]) == null ? void 0 : D.label) || C;
|
|
6726
|
-
|
|
6714
|
+
h[C] = `${S} is required.`;
|
|
6727
6715
|
}
|
|
6728
6716
|
}
|
|
6729
|
-
return
|
|
6717
|
+
return h;
|
|
6730
6718
|
}, Ze = async () => {
|
|
6731
6719
|
if (!N) return;
|
|
6732
6720
|
const l = N[F];
|
|
@@ -6734,17 +6722,17 @@ const $a = {
|
|
|
6734
6722
|
H({}), Ie >= 0 ? U(Ie) : await He();
|
|
6735
6723
|
return;
|
|
6736
6724
|
}
|
|
6737
|
-
const
|
|
6738
|
-
if (Object.keys(
|
|
6739
|
-
H(
|
|
6725
|
+
const h = it(l);
|
|
6726
|
+
if (Object.keys(h).length > 0) {
|
|
6727
|
+
H(h);
|
|
6740
6728
|
return;
|
|
6741
6729
|
}
|
|
6742
6730
|
H({}), Ie >= 0 ? U(Ie) : await He();
|
|
6743
6731
|
}, He = async () => {
|
|
6744
6732
|
if (N) {
|
|
6745
6733
|
let l = {};
|
|
6746
|
-
for (const
|
|
6747
|
-
$e(
|
|
6734
|
+
for (const h of N)
|
|
6735
|
+
$e(h) && (l = { ...l, ...it(h) });
|
|
6748
6736
|
if (Object.keys(l).length > 0) {
|
|
6749
6737
|
H(l);
|
|
6750
6738
|
return;
|
|
@@ -6752,35 +6740,35 @@ const $a = {
|
|
|
6752
6740
|
}
|
|
6753
6741
|
ye(!0), R(null);
|
|
6754
6742
|
try {
|
|
6755
|
-
if (!
|
|
6743
|
+
if (!V.externalRefId || V.externalRefId.trim() === "") {
|
|
6756
6744
|
R("External Reference ID is required. Please pass it via config.applicantForm.externalRefId.");
|
|
6757
6745
|
return;
|
|
6758
6746
|
}
|
|
6759
6747
|
const l = {
|
|
6760
|
-
workflowKey:
|
|
6761
|
-
externalRefId:
|
|
6748
|
+
workflowKey: V.workflowKey,
|
|
6749
|
+
externalRefId: V.externalRefId.trim()
|
|
6762
6750
|
};
|
|
6763
6751
|
if (N) {
|
|
6764
6752
|
for (const C of N)
|
|
6765
6753
|
if ($e(C)) {
|
|
6766
6754
|
for (const S of C.fields)
|
|
6767
6755
|
if (!S.isCustom && S.name) {
|
|
6768
|
-
const me = S.name, se =
|
|
6756
|
+
const me = S.name, se = V[me];
|
|
6769
6757
|
lt(se) || (l[me] = se);
|
|
6770
6758
|
}
|
|
6771
6759
|
}
|
|
6772
|
-
for (const C of
|
|
6760
|
+
for (const C of ht)
|
|
6773
6761
|
if (l[C] === void 0) {
|
|
6774
|
-
const S =
|
|
6762
|
+
const S = V[C];
|
|
6775
6763
|
lt(S) || (l[C] = S);
|
|
6776
6764
|
}
|
|
6777
6765
|
} else
|
|
6778
6766
|
Q.forEach((C) => {
|
|
6779
6767
|
if (C === "externalRefId") return;
|
|
6780
|
-
const S =
|
|
6768
|
+
const S = V[C];
|
|
6781
6769
|
lt(S) || (l[C] = S);
|
|
6782
6770
|
});
|
|
6783
|
-
const
|
|
6771
|
+
const h = [];
|
|
6784
6772
|
if (N) {
|
|
6785
6773
|
for (const C of N)
|
|
6786
6774
|
if ($e(C))
|
|
@@ -6791,15 +6779,15 @@ const $a = {
|
|
|
6791
6779
|
if (S.customType === "checkbox" || S.customType === "link_checkbox")
|
|
6792
6780
|
se = me === "true" ? "yes" : "no";
|
|
6793
6781
|
else if (se = me, !se && !S.required) continue;
|
|
6794
|
-
|
|
6782
|
+
h.push({ paramName: S.paramName, value: se });
|
|
6795
6783
|
}
|
|
6796
6784
|
}
|
|
6797
6785
|
for (const [C, S] of Object.entries(J))
|
|
6798
6786
|
l[C] === void 0 && !lt(S) && (l[C] = S);
|
|
6799
|
-
const D = new Set(
|
|
6787
|
+
const D = new Set(h.map((C) => C.paramName));
|
|
6800
6788
|
for (const [C, S] of Object.entries(pe))
|
|
6801
|
-
!D.has(C) && S &&
|
|
6802
|
-
|
|
6789
|
+
!D.has(C) && S && h.push({ paramName: C, value: S });
|
|
6790
|
+
h.length > 0 && (l.applicantAdditionalDatas = h);
|
|
6803
6791
|
const b = await d(l);
|
|
6804
6792
|
a(b.applicantId);
|
|
6805
6793
|
} catch (l) {
|
|
@@ -6808,34 +6796,34 @@ const $a = {
|
|
|
6808
6796
|
ye(!1);
|
|
6809
6797
|
}
|
|
6810
6798
|
}, ot = async (l) => {
|
|
6811
|
-
var
|
|
6799
|
+
var h;
|
|
6812
6800
|
l.preventDefault();
|
|
6813
6801
|
for (const D of O)
|
|
6814
|
-
if (lt(
|
|
6815
|
-
const b = ((
|
|
6802
|
+
if (lt(V[D])) {
|
|
6803
|
+
const b = ((h = nt[D]) == null ? void 0 : h.label) || D;
|
|
6816
6804
|
R(`${b} is required.`);
|
|
6817
6805
|
return;
|
|
6818
6806
|
}
|
|
6819
6807
|
await He();
|
|
6820
|
-
}, Qe = (l,
|
|
6808
|
+
}, Qe = (l, h, D, b, C) => {
|
|
6821
6809
|
var It;
|
|
6822
6810
|
const S = nt[l];
|
|
6823
6811
|
if (!S) return null;
|
|
6824
|
-
const me = O.includes(l), se = B[l], ke = D || S.label,
|
|
6812
|
+
const me = O.includes(l), se = B[l], ke = D || S.label, Le = l in ie, le = h ?? l, _e = { required: me }, We = C ? C !== "placeholder" : w, Ge = We ? ke : void 0, Kt = We ? "..." : ke;
|
|
6825
6813
|
switch (S.type) {
|
|
6826
6814
|
case "select":
|
|
6827
6815
|
if (l === "country" || l === "nationality" || l === "taxCountry" || l === "countryOfBirth" || l === "mobileCountryCode") {
|
|
6828
6816
|
const Re = G(l, b);
|
|
6829
6817
|
return /* @__PURE__ */ r(
|
|
6830
|
-
|
|
6818
|
+
Ye,
|
|
6831
6819
|
{
|
|
6832
6820
|
..._e,
|
|
6833
6821
|
label: Ge,
|
|
6834
|
-
value:
|
|
6822
|
+
value: V[l] || "",
|
|
6835
6823
|
onChange: (et) => oe(l, et),
|
|
6836
6824
|
options: [{ value: "", label: `Select ${Kt.toLowerCase()}` }, ...Re],
|
|
6837
6825
|
disabled: E,
|
|
6838
|
-
readOnly:
|
|
6826
|
+
readOnly: Le,
|
|
6839
6827
|
error: se
|
|
6840
6828
|
},
|
|
6841
6829
|
le
|
|
@@ -6843,11 +6831,11 @@ const $a = {
|
|
|
6843
6831
|
}
|
|
6844
6832
|
if (l === "salutation")
|
|
6845
6833
|
return /* @__PURE__ */ r(
|
|
6846
|
-
|
|
6834
|
+
Ye,
|
|
6847
6835
|
{
|
|
6848
6836
|
..._e,
|
|
6849
6837
|
label: Ge,
|
|
6850
|
-
value: ((It =
|
|
6838
|
+
value: ((It = V[l]) == null ? void 0 : It.toString()) || "",
|
|
6851
6839
|
onChange: (Re) => oe(l, Re ? Number(Re) : null),
|
|
6852
6840
|
options: [
|
|
6853
6841
|
{ value: "", label: We ? "Select salutation..." : ke },
|
|
@@ -6855,7 +6843,7 @@ const $a = {
|
|
|
6855
6843
|
{ value: kt.Female.toString(), label: "Female" },
|
|
6856
6844
|
{ value: kt.Other.toString(), label: "Other" }
|
|
6857
6845
|
],
|
|
6858
|
-
readOnly:
|
|
6846
|
+
readOnly: Le,
|
|
6859
6847
|
error: se
|
|
6860
6848
|
},
|
|
6861
6849
|
le
|
|
@@ -6863,14 +6851,14 @@ const $a = {
|
|
|
6863
6851
|
if (l === "defaultLanguage") {
|
|
6864
6852
|
const Re = c != null && c.allowedLanguages && c.allowedLanguages.length > 0 ? Et.filter((et) => c.allowedLanguages.includes(et.value)) : Et;
|
|
6865
6853
|
return /* @__PURE__ */ r(
|
|
6866
|
-
|
|
6854
|
+
Ye,
|
|
6867
6855
|
{
|
|
6868
6856
|
..._e,
|
|
6869
6857
|
label: Ge,
|
|
6870
|
-
value:
|
|
6858
|
+
value: V[l] || "",
|
|
6871
6859
|
onChange: (et) => oe(l, et),
|
|
6872
6860
|
options: [{ value: "", label: We ? "Select language..." : ke }, ...Re],
|
|
6873
|
-
readOnly:
|
|
6861
|
+
readOnly: Le,
|
|
6874
6862
|
error: se
|
|
6875
6863
|
},
|
|
6876
6864
|
le
|
|
@@ -6881,16 +6869,16 @@ const $a = {
|
|
|
6881
6869
|
if (l === "otherNationality") {
|
|
6882
6870
|
const Re = G(l, b);
|
|
6883
6871
|
return /* @__PURE__ */ r(
|
|
6884
|
-
|
|
6872
|
+
ia,
|
|
6885
6873
|
{
|
|
6886
6874
|
..._e,
|
|
6887
6875
|
label: Ge,
|
|
6888
|
-
value:
|
|
6876
|
+
value: V[l] || [],
|
|
6889
6877
|
onChange: (et) => oe(l, et),
|
|
6890
6878
|
options: Re,
|
|
6891
6879
|
placeholder: We ? "Select other nationalities..." : ke,
|
|
6892
6880
|
disabled: E,
|
|
6893
|
-
readOnly:
|
|
6881
|
+
readOnly: Le
|
|
6894
6882
|
},
|
|
6895
6883
|
le
|
|
6896
6884
|
);
|
|
@@ -6904,9 +6892,9 @@ const $a = {
|
|
|
6904
6892
|
type: "date",
|
|
6905
6893
|
label: Ge,
|
|
6906
6894
|
placeholder: We ? void 0 : ke,
|
|
6907
|
-
value:
|
|
6895
|
+
value: V[l] || "",
|
|
6908
6896
|
onChange: (Re) => oe(l, Re.target.value),
|
|
6909
|
-
readOnly:
|
|
6897
|
+
readOnly: Le,
|
|
6910
6898
|
error: se
|
|
6911
6899
|
},
|
|
6912
6900
|
le
|
|
@@ -6919,9 +6907,9 @@ const $a = {
|
|
|
6919
6907
|
type: "email",
|
|
6920
6908
|
label: Ge,
|
|
6921
6909
|
placeholder: We ? void 0 : ke,
|
|
6922
|
-
value:
|
|
6910
|
+
value: V[l] || "",
|
|
6923
6911
|
onChange: (Re) => oe(l, Re.target.value),
|
|
6924
|
-
readOnly:
|
|
6912
|
+
readOnly: Le,
|
|
6925
6913
|
error: se
|
|
6926
6914
|
},
|
|
6927
6915
|
le
|
|
@@ -6934,9 +6922,9 @@ const $a = {
|
|
|
6934
6922
|
type: "tel",
|
|
6935
6923
|
label: Ge,
|
|
6936
6924
|
placeholder: We ? void 0 : ke,
|
|
6937
|
-
value:
|
|
6925
|
+
value: V[l] || "",
|
|
6938
6926
|
onChange: (Re) => oe(l, Re.target.value),
|
|
6939
|
-
readOnly:
|
|
6927
|
+
readOnly: Le,
|
|
6940
6928
|
error: se
|
|
6941
6929
|
},
|
|
6942
6930
|
le
|
|
@@ -6949,15 +6937,15 @@ const $a = {
|
|
|
6949
6937
|
type: "text",
|
|
6950
6938
|
label: Ge,
|
|
6951
6939
|
placeholder: We ? void 0 : ke,
|
|
6952
|
-
value:
|
|
6940
|
+
value: V[l] || "",
|
|
6953
6941
|
onChange: (Re) => oe(l, Re.target.value),
|
|
6954
|
-
readOnly:
|
|
6942
|
+
readOnly: Le,
|
|
6955
6943
|
error: se
|
|
6956
6944
|
},
|
|
6957
6945
|
le
|
|
6958
6946
|
);
|
|
6959
6947
|
}
|
|
6960
|
-
},
|
|
6948
|
+
}, g = (l, h) => {
|
|
6961
6949
|
const D = l.labelMode ? l.labelMode !== "placeholder" : w;
|
|
6962
6950
|
if (l.customType === "paragraph") {
|
|
6963
6951
|
const S = l.displayText || l.label || "";
|
|
@@ -6973,7 +6961,7 @@ const $a = {
|
|
|
6973
6961
|
},
|
|
6974
6962
|
dangerouslySetInnerHTML: { __html: S }
|
|
6975
6963
|
},
|
|
6976
|
-
`custom-${
|
|
6964
|
+
`custom-${h}`
|
|
6977
6965
|
);
|
|
6978
6966
|
}
|
|
6979
6967
|
if (l.customType === "html")
|
|
@@ -6982,10 +6970,10 @@ const $a = {
|
|
|
6982
6970
|
{
|
|
6983
6971
|
dangerouslySetInnerHTML: { __html: l.label || "" }
|
|
6984
6972
|
},
|
|
6985
|
-
`custom-${
|
|
6973
|
+
`custom-${h}`
|
|
6986
6974
|
);
|
|
6987
6975
|
if (l.customType === "br")
|
|
6988
|
-
return /* @__PURE__ */ r("div", { style: { height: "12px" } }, `custom-${
|
|
6976
|
+
return /* @__PURE__ */ r("div", { style: { height: "12px" } }, `custom-${h}`);
|
|
6989
6977
|
if (l.customType === "link") {
|
|
6990
6978
|
const S = l.displayText || l.label || l.linkText || l.linkUrl || "";
|
|
6991
6979
|
return /* @__PURE__ */ r("div", { className: "metakyc-link-field", children: /* @__PURE__ */ o(
|
|
@@ -7008,7 +6996,7 @@ const $a = {
|
|
|
7008
6996
|
/* @__PURE__ */ r("span", { style: { fontSize: "10px", opacity: 0.7 }, children: "↗" })
|
|
7009
6997
|
]
|
|
7010
6998
|
}
|
|
7011
|
-
) }, `custom-${
|
|
6999
|
+
) }, `custom-${h}`);
|
|
7012
7000
|
}
|
|
7013
7001
|
if (!l.paramName) return null;
|
|
7014
7002
|
const b = B[l.paramName], C = l.displayText || l.label || l.paramName;
|
|
@@ -7042,7 +7030,7 @@ const $a = {
|
|
|
7042
7030
|
}
|
|
7043
7031
|
),
|
|
7044
7032
|
b && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: b })
|
|
7045
|
-
] }, `custom-${
|
|
7033
|
+
] }, `custom-${h}`);
|
|
7046
7034
|
if (l.customType === "link_checkbox")
|
|
7047
7035
|
return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
|
|
7048
7036
|
/* @__PURE__ */ o(
|
|
@@ -7086,7 +7074,7 @@ const $a = {
|
|
|
7086
7074
|
}
|
|
7087
7075
|
),
|
|
7088
7076
|
b && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: b })
|
|
7089
|
-
] }, `custom-${
|
|
7077
|
+
] }, `custom-${h}`);
|
|
7090
7078
|
if (l.customType === "group_checkbox") {
|
|
7091
7079
|
const S = (ue[l.paramName] || "").split(",").filter(Boolean);
|
|
7092
7080
|
return /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
|
|
@@ -7117,8 +7105,8 @@ const $a = {
|
|
|
7117
7105
|
if (l.singleSelect)
|
|
7118
7106
|
Ne(l.paramName, ke ? me.value : "");
|
|
7119
7107
|
else {
|
|
7120
|
-
const
|
|
7121
|
-
Ne(l.paramName,
|
|
7108
|
+
const Le = ke ? [...S, me.value] : S.filter((le) => le !== me.value);
|
|
7109
|
+
Ne(l.paramName, Le.join(","));
|
|
7122
7110
|
}
|
|
7123
7111
|
}
|
|
7124
7112
|
}
|
|
@@ -7137,7 +7125,7 @@ const $a = {
|
|
|
7137
7125
|
);
|
|
7138
7126
|
}) }),
|
|
7139
7127
|
b && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: b })
|
|
7140
|
-
] }, `custom-${
|
|
7128
|
+
] }, `custom-${h}`);
|
|
7141
7129
|
}
|
|
7142
7130
|
return l.customType === "radio_group" ? /* @__PURE__ */ o("div", { className: "flex flex-col gap-1.5", children: [
|
|
7143
7131
|
D && /* @__PURE__ */ o(
|
|
@@ -7163,9 +7151,9 @@ const $a = {
|
|
|
7163
7151
|
type: "radio",
|
|
7164
7152
|
checked: ue[l.paramName] === S.value,
|
|
7165
7153
|
onChange: () => Ne(l.paramName, S.value),
|
|
7166
|
-
name: `radio-group-${l.paramName}-${
|
|
7154
|
+
name: `radio-group-${l.paramName}-${h}`,
|
|
7167
7155
|
className: "metakyc-option-input",
|
|
7168
|
-
style:
|
|
7156
|
+
style: Oa
|
|
7169
7157
|
}
|
|
7170
7158
|
),
|
|
7171
7159
|
/* @__PURE__ */ r(
|
|
@@ -7181,7 +7169,7 @@ const $a = {
|
|
|
7181
7169
|
S.value
|
|
7182
7170
|
)) }),
|
|
7183
7171
|
b && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs", children: b })
|
|
7184
|
-
] }, `custom-${
|
|
7172
|
+
] }, `custom-${h}`) : /* @__PURE__ */ r(
|
|
7185
7173
|
be,
|
|
7186
7174
|
{
|
|
7187
7175
|
type: "text",
|
|
@@ -7192,9 +7180,9 @@ const $a = {
|
|
|
7192
7180
|
required: l.required,
|
|
7193
7181
|
error: b
|
|
7194
7182
|
},
|
|
7195
|
-
`custom-${
|
|
7183
|
+
`custom-${h}`
|
|
7196
7184
|
);
|
|
7197
|
-
}, z = (l,
|
|
7185
|
+
}, z = (l, h) => {
|
|
7198
7186
|
const D = $e(l);
|
|
7199
7187
|
return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
|
|
7200
7188
|
l.conditionalOn && /* @__PURE__ */ r(Mt, { helpText: l.conditionalHelpText, children: /* @__PURE__ */ o(
|
|
@@ -7223,7 +7211,7 @@ const $a = {
|
|
|
7223
7211
|
) }),
|
|
7224
7212
|
D && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: l.fields.map((b, C) => {
|
|
7225
7213
|
const S = Math.min(4, Math.max(1, Number(b.colSpan) || 4)), me = b.isCustom ? `custom-${C}-${b.paramName}` : `builtin-${b.name}-${C}`;
|
|
7226
|
-
return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${S} / span ${S}` }, children: /* @__PURE__ */ r(Mt, { helpText: b.helpText, children: b.isCustom ?
|
|
7214
|
+
return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${S} / span ${S}` }, children: /* @__PURE__ */ r(Mt, { helpText: b.helpText, children: b.isCustom ? g(b, C) : Qe(b.name, me, b.displayText, b.countriesType, b.labelMode) }) }, me);
|
|
7227
7215
|
}) })
|
|
7228
7216
|
] });
|
|
7229
7217
|
};
|
|
@@ -7233,7 +7221,7 @@ const $a = {
|
|
|
7233
7221
|
/* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: "Loading form…" })
|
|
7234
7222
|
] }) }) });
|
|
7235
7223
|
if (N) {
|
|
7236
|
-
const l = N[F] ?? N[0],
|
|
7224
|
+
const l = N[F] ?? N[0], h = je === -1, D = Ie === -1, b = N.length, C = $e(l), S = Object.values(B);
|
|
7237
7225
|
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ o(re, { children: [
|
|
7238
7226
|
/* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r(ut, { title: (c == null ? void 0 : c.title) || "Create Applicant" }) }),
|
|
7239
7227
|
/* @__PURE__ */ o(ae, { children: [
|
|
@@ -7263,11 +7251,11 @@ const $a = {
|
|
|
7263
7251
|
}
|
|
7264
7252
|
)
|
|
7265
7253
|
] }),
|
|
7266
|
-
(
|
|
7267
|
-
|
|
7254
|
+
(he || S.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
|
|
7255
|
+
he && /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
|
|
7268
7256
|
/* @__PURE__ */ r("strong", { children: "Error:" }),
|
|
7269
7257
|
" ",
|
|
7270
|
-
|
|
7258
|
+
he
|
|
7271
7259
|
] }),
|
|
7272
7260
|
S.map((me, se) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: me }, se))
|
|
7273
7261
|
] }),
|
|
@@ -7294,7 +7282,7 @@ const $a = {
|
|
|
7294
7282
|
] }),
|
|
7295
7283
|
/* @__PURE__ */ o(Ce, { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
7296
7284
|
/* @__PURE__ */ o("div", { children: [
|
|
7297
|
-
!
|
|
7285
|
+
!h && /* @__PURE__ */ r(
|
|
7298
7286
|
X,
|
|
7299
7287
|
{
|
|
7300
7288
|
type: "button",
|
|
@@ -7306,7 +7294,7 @@ const $a = {
|
|
|
7306
7294
|
children: "Previous"
|
|
7307
7295
|
}
|
|
7308
7296
|
),
|
|
7309
|
-
|
|
7297
|
+
h && n && /* @__PURE__ */ r(X, { type: "button", variant: "outline", onClick: n, disabled: te || y, children: "Cancel" })
|
|
7310
7298
|
] }),
|
|
7311
7299
|
/* @__PURE__ */ r(
|
|
7312
7300
|
X,
|
|
@@ -7323,10 +7311,10 @@ const $a = {
|
|
|
7323
7311
|
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ r("form", { onSubmit: ot, children: /* @__PURE__ */ o(re, { children: [
|
|
7324
7312
|
/* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r(ut, { title: (c == null ? void 0 : c.title) || "Create Applicant" }) }),
|
|
7325
7313
|
/* @__PURE__ */ o(ae, { children: [
|
|
7326
|
-
|
|
7314
|
+
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: [
|
|
7327
7315
|
/* @__PURE__ */ r("strong", { children: "Error:" }),
|
|
7328
7316
|
" ",
|
|
7329
|
-
|
|
7317
|
+
he
|
|
7330
7318
|
] }) }),
|
|
7331
7319
|
/* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: Q.map((l) => /* @__PURE__ */ r("div", { style: { gridColumn: "span 4 / span 4" }, children: Qe(l) }, l)) })
|
|
7332
7320
|
] }),
|
|
@@ -7339,39 +7327,39 @@ const $a = {
|
|
|
7339
7327
|
function wt(e) {
|
|
7340
7328
|
return e == null || e === "" || Array.isArray(e) && e.length === 0;
|
|
7341
7329
|
}
|
|
7342
|
-
const
|
|
7330
|
+
const nn = ({
|
|
7343
7331
|
workflowKey: e,
|
|
7344
7332
|
externalRefId: t,
|
|
7345
7333
|
onSuccess: a,
|
|
7346
7334
|
onCancel: n
|
|
7347
7335
|
}) => {
|
|
7348
|
-
var Qe,
|
|
7336
|
+
var Qe, g, z, q, W, Z;
|
|
7349
7337
|
const { config: i, baseInformationService: s, currentTheme: c } = Te(), { createCompanyApplicant: d, isLoading: y } = Bt(), p = e || ((Qe = i.applicantForm) == null ? void 0 : Qe.workflowKey);
|
|
7350
7338
|
if (!p)
|
|
7351
7339
|
throw new Error(
|
|
7352
7340
|
"workflowKey is required. Provide it either as a prop to CreateCompanyApplicantForm or set it in config.applicantForm.workflowKey"
|
|
7353
7341
|
);
|
|
7354
|
-
const k = t || ((
|
|
7342
|
+
const k = t || ((g = i.applicantForm) == null ? void 0 : g.externalRefId) || "", L = ((z = i.applicantForm) == null ? void 0 : z.email) || "", x = ((q = i.applicantForm) == null ? void 0 : q.initialValues) || {}, T = (((W = i.applicantForm) == null ? void 0 : W.fieldLabelMode) || (c == null ? void 0 : c.fieldLabelMode) || "label") !== "placeholder", w = De(
|
|
7355
7343
|
() => c != null && c.companyFormPages && c.companyFormPages.length > 0 ? c.companyFormPages : null,
|
|
7356
7344
|
[c == null ? void 0 : c.companyFormPages]
|
|
7357
7345
|
), N = De(() => {
|
|
7358
7346
|
const u = new Set(zt), I = c == null ? void 0 : c.companyFormRequiredFields;
|
|
7359
|
-
if (I) for (const
|
|
7347
|
+
if (I) for (const P of I) u.add(P);
|
|
7360
7348
|
if (w)
|
|
7361
|
-
for (const
|
|
7362
|
-
for (const m of
|
|
7349
|
+
for (const P of w)
|
|
7350
|
+
for (const m of P.fields)
|
|
7363
7351
|
!m.isCustom && m.name && m.required && u.add(m.name);
|
|
7364
7352
|
return Array.from(u);
|
|
7365
7353
|
}, [c == null ? void 0 : c.companyFormRequiredFields, w]), O = De(() => {
|
|
7366
7354
|
var u;
|
|
7367
7355
|
if (w) {
|
|
7368
|
-
const I = w.flatMap((m) => m.fields).filter((m) => !m.isCustom && m.name).map((m) => m.name),
|
|
7369
|
-
for (const m of zt)
|
|
7370
|
-
return Array.from(
|
|
7356
|
+
const I = w.flatMap((m) => m.fields).filter((m) => !m.isCustom && m.name).map((m) => m.name), P = new Set(I);
|
|
7357
|
+
for (const m of zt) P.add(m);
|
|
7358
|
+
return Array.from(P);
|
|
7371
7359
|
}
|
|
7372
7360
|
return (u = i.applicantForm) != null && u.visibleFields ? i.applicantForm.visibleFields : c != null && c.companyFormVisibleFields && c.companyFormVisibleFields.length > 0 ? c.companyFormVisibleFields : dr;
|
|
7373
7361
|
}, [(Z = i.applicantForm) == null ? void 0 : Z.visibleFields, c == null ? void 0 : c.companyFormVisibleFields, w]), Q = /* @__PURE__ */ new Set(["countryResidence", "addressCountry"]), M = De(() => {
|
|
7374
|
-
var I,
|
|
7362
|
+
var I, P;
|
|
7375
7363
|
const u = /* @__PURE__ */ new Set();
|
|
7376
7364
|
if (w)
|
|
7377
7365
|
for (const m of w)
|
|
@@ -7379,7 +7367,7 @@ const on = ({
|
|
|
7379
7367
|
!l.isCustom && l.name && Q.has(l.name) && u.add(l.countriesType ?? ((I = st[l.name]) == null ? void 0 : I.countriesType));
|
|
7380
7368
|
else
|
|
7381
7369
|
for (const m of O)
|
|
7382
|
-
Q.has(m) && u.add((
|
|
7370
|
+
Q.has(m) && u.add((P = st[m]) == null ? void 0 : P.countriesType);
|
|
7383
7371
|
return u.size === 0 && u.add(void 0), Array.from(u);
|
|
7384
7372
|
}, [O, w]), [j, K] = v({}), [ee, E] = v(!0), f = de(/* @__PURE__ */ new Set()), $ = de(/* @__PURE__ */ new Set());
|
|
7385
7373
|
fe(() => {
|
|
@@ -7398,8 +7386,8 @@ const on = ({
|
|
|
7398
7386
|
try {
|
|
7399
7387
|
const m = await Promise.all(
|
|
7400
7388
|
u.map(async (l) => {
|
|
7401
|
-
const
|
|
7402
|
-
return $.current.add(
|
|
7389
|
+
const h = l != null ? String(l) : "all", D = await s.getCountries("", i.locale || "en", l), b = /* @__PURE__ */ new Set(), C = D.map((S) => ({ value: S.abbreviation3 || S.abbreviation, label: S.name })).filter((S) => !S.value || b.has(S.value) ? !1 : (b.add(S.value), !0));
|
|
7390
|
+
return $.current.add(h), f.current.delete(h), [h, C];
|
|
7403
7391
|
})
|
|
7404
7392
|
);
|
|
7405
7393
|
K((l) => ({ ...l, ...Object.fromEntries(m) }));
|
|
@@ -7410,9 +7398,9 @@ const on = ({
|
|
|
7410
7398
|
}
|
|
7411
7399
|
})();
|
|
7412
7400
|
}, [M, c]);
|
|
7413
|
-
const
|
|
7401
|
+
const Y = (u, I) => {
|
|
7414
7402
|
var l;
|
|
7415
|
-
const
|
|
7403
|
+
const P = I ?? ((l = st[u]) == null ? void 0 : l.countriesType), m = P != null ? String(P) : "all";
|
|
7416
7404
|
return j[m] || [];
|
|
7417
7405
|
}, G = {
|
|
7418
7406
|
companyName: 1,
|
|
@@ -7439,7 +7427,7 @@ const on = ({
|
|
|
7439
7427
|
), [J, ie] = v({
|
|
7440
7428
|
workflowKey: p,
|
|
7441
7429
|
companyName: "",
|
|
7442
|
-
email:
|
|
7430
|
+
email: L,
|
|
7443
7431
|
phone: "",
|
|
7444
7432
|
registrationNumber: "",
|
|
7445
7433
|
countryResidence: "",
|
|
@@ -7459,21 +7447,21 @@ const on = ({
|
|
|
7459
7447
|
lei: "",
|
|
7460
7448
|
externalRefId: k,
|
|
7461
7449
|
..._
|
|
7462
|
-
}), [
|
|
7463
|
-
var
|
|
7450
|
+
}), [V, we] = v({}), [pe, ue] = v(0), [xe, F] = v({}), [U, B] = v(null), [H, he] = v(!1), R = (u, I) => ie((P) => ({ ...P, [u]: I })), te = (u, I) => we((P) => ({ ...P, [u]: I })), ye = (u) => !u.conditionalOn || V[u.conditionalOn] === "true", oe = w && pe < w.length - 1 ? pe + 1 : -1, Ne = w && pe > 0 ? pe - 1 : -1, $e = (u) => {
|
|
7451
|
+
var P;
|
|
7464
7452
|
const I = {};
|
|
7465
7453
|
for (const m of u.fields)
|
|
7466
7454
|
if (m.isCustom) {
|
|
7467
7455
|
if (m.customType === "paragraph" || m.customType === "html" || m.customType === "br" || m.customType === "link") continue;
|
|
7468
7456
|
if (m.required && m.paramName) {
|
|
7469
|
-
const l =
|
|
7470
|
-
m.customType === "checkbox" || m.customType === "link_checkbox" ? l !== "true" && (I[m.paramName] = `${
|
|
7457
|
+
const l = V[m.paramName], h = m.displayText || m.label || m.paramName;
|
|
7458
|
+
m.customType === "checkbox" || m.customType === "link_checkbox" ? l !== "true" && (I[m.paramName] = `${h} is required.`) : (!l || l.trim() === "") && (I[m.paramName] = `${h} is required.`);
|
|
7471
7459
|
}
|
|
7472
7460
|
} else if (m.name) {
|
|
7473
7461
|
const l = m.name;
|
|
7474
7462
|
if (N.includes(l) && wt(J[l])) {
|
|
7475
|
-
const
|
|
7476
|
-
I[l] = `${
|
|
7463
|
+
const h = m.displayText || ((P = st[l]) == null ? void 0 : P.label) || l;
|
|
7464
|
+
I[l] = `${h} is required.`;
|
|
7477
7465
|
}
|
|
7478
7466
|
}
|
|
7479
7467
|
return I;
|
|
@@ -7494,23 +7482,23 @@ const on = ({
|
|
|
7494
7482
|
var u;
|
|
7495
7483
|
if (w) {
|
|
7496
7484
|
let I = {};
|
|
7497
|
-
for (const
|
|
7498
|
-
ye(
|
|
7485
|
+
for (const P of w)
|
|
7486
|
+
ye(P) && (I = { ...I, ...$e(P) });
|
|
7499
7487
|
if (Object.keys(I).length > 0) {
|
|
7500
7488
|
F(I);
|
|
7501
7489
|
return;
|
|
7502
7490
|
}
|
|
7503
7491
|
}
|
|
7504
|
-
|
|
7492
|
+
he(!0), B(null);
|
|
7505
7493
|
try {
|
|
7506
7494
|
const I = {
|
|
7507
7495
|
workflowKey: J.workflowKey,
|
|
7508
7496
|
externalRefId: ((u = J.externalRefId) == null ? void 0 : u.trim()) || void 0
|
|
7509
|
-
},
|
|
7510
|
-
for (const
|
|
7511
|
-
const D = J[
|
|
7497
|
+
}, P = w ? w.filter((h) => ye(h)).flatMap((h) => h.fields).filter((h) => !h.isCustom && h.name).map((h) => h.name) : O;
|
|
7498
|
+
for (const h of P) {
|
|
7499
|
+
const D = J[h];
|
|
7512
7500
|
if (!wt(D))
|
|
7513
|
-
switch (
|
|
7501
|
+
switch (h) {
|
|
7514
7502
|
case "companyName":
|
|
7515
7503
|
I.companyName = D;
|
|
7516
7504
|
break;
|
|
@@ -7536,17 +7524,17 @@ const on = ({
|
|
|
7536
7524
|
I.companyZip = D;
|
|
7537
7525
|
break;
|
|
7538
7526
|
default:
|
|
7539
|
-
I[
|
|
7527
|
+
I[h] = D;
|
|
7540
7528
|
break;
|
|
7541
7529
|
}
|
|
7542
7530
|
}
|
|
7543
7531
|
const m = [];
|
|
7544
7532
|
if (w) {
|
|
7545
|
-
for (const
|
|
7546
|
-
if (ye(
|
|
7547
|
-
for (const D of
|
|
7533
|
+
for (const h of w)
|
|
7534
|
+
if (ye(h))
|
|
7535
|
+
for (const D of h.fields) {
|
|
7548
7536
|
if (!D.isCustom || !D.paramName || D.customType === "paragraph" || D.customType === "html" || D.customType === "br" || D.customType === "link") continue;
|
|
7549
|
-
const b =
|
|
7537
|
+
const b = V[D.paramName] ?? "";
|
|
7550
7538
|
let C;
|
|
7551
7539
|
if (D.customType === "checkbox" || D.customType === "link_checkbox")
|
|
7552
7540
|
C = b === "true" ? "yes" : "no";
|
|
@@ -7560,34 +7548,34 @@ const on = ({
|
|
|
7560
7548
|
} catch (I) {
|
|
7561
7549
|
console.error("Error creating company applicant:", I), B(I.message || "Failed to create company applicant");
|
|
7562
7550
|
} finally {
|
|
7563
|
-
|
|
7551
|
+
he(!1);
|
|
7564
7552
|
}
|
|
7565
7553
|
}, it = async (u) => {
|
|
7566
7554
|
var I;
|
|
7567
7555
|
u.preventDefault();
|
|
7568
|
-
for (const
|
|
7569
|
-
if (wt(J[
|
|
7570
|
-
const m = ((I = st[
|
|
7556
|
+
for (const P of N)
|
|
7557
|
+
if (wt(J[P])) {
|
|
7558
|
+
const m = ((I = st[P]) == null ? void 0 : I.label) || P;
|
|
7571
7559
|
B(`${m} is required.`);
|
|
7572
7560
|
return;
|
|
7573
7561
|
}
|
|
7574
7562
|
await je();
|
|
7575
|
-
}, Ze = (u, I,
|
|
7576
|
-
const
|
|
7577
|
-
if (!
|
|
7578
|
-
const D = N.includes(u), b = xe[u], C =
|
|
7579
|
-
switch (
|
|
7563
|
+
}, Ze = (u, I, P, m, l) => {
|
|
7564
|
+
const h = st[u];
|
|
7565
|
+
if (!h) return null;
|
|
7566
|
+
const D = N.includes(u), b = xe[u], C = P || h.label, S = u in _, me = I ?? u, se = l ? l !== "placeholder" : T, ke = se ? C : void 0, Le = se ? "..." : C;
|
|
7567
|
+
switch (h.type) {
|
|
7580
7568
|
case "select":
|
|
7581
7569
|
if (u === "countryResidence" || u === "addressCountry") {
|
|
7582
|
-
const le =
|
|
7570
|
+
const le = Y(u, m);
|
|
7583
7571
|
return /* @__PURE__ */ r(
|
|
7584
|
-
|
|
7572
|
+
Ye,
|
|
7585
7573
|
{
|
|
7586
7574
|
required: D,
|
|
7587
7575
|
label: ke,
|
|
7588
7576
|
value: J[u] || "",
|
|
7589
7577
|
onChange: (_e) => R(u, _e),
|
|
7590
|
-
options: [{ value: "", label: `Select ${
|
|
7578
|
+
options: [{ value: "", label: `Select ${Le.toLowerCase()}` }, ...le],
|
|
7591
7579
|
disabled: ee,
|
|
7592
7580
|
readOnly: S,
|
|
7593
7581
|
error: b
|
|
@@ -7683,14 +7671,14 @@ const on = ({
|
|
|
7683
7671
|
}
|
|
7684
7672
|
) }, `custom-${I}`);
|
|
7685
7673
|
if (!u.paramName) return null;
|
|
7686
|
-
const
|
|
7674
|
+
const P = xe[u.paramName], m = u.displayText || u.label || u.paramName, l = u.labelMode ? u.labelMode !== "placeholder" : T;
|
|
7687
7675
|
return u.customType === "checkbox" ? /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
|
|
7688
7676
|
/* @__PURE__ */ o("label", { style: { display: "flex", alignItems: "center", gap: "10px", cursor: "pointer" }, children: [
|
|
7689
7677
|
/* @__PURE__ */ r(
|
|
7690
7678
|
Be,
|
|
7691
7679
|
{
|
|
7692
|
-
checked:
|
|
7693
|
-
onChange: (
|
|
7680
|
+
checked: V[u.paramName] === "true",
|
|
7681
|
+
onChange: (h) => te(u.paramName, h ? "true" : "false")
|
|
7694
7682
|
}
|
|
7695
7683
|
),
|
|
7696
7684
|
/* @__PURE__ */ o("span", { style: { fontSize: "14px", color: "var(--metakyc-text-primary, #111827)" }, children: [
|
|
@@ -7698,17 +7686,17 @@ const on = ({
|
|
|
7698
7686
|
u.required && /* @__PURE__ */ r("span", { className: "text-red-500 ml-0.5", children: "*" })
|
|
7699
7687
|
] })
|
|
7700
7688
|
] }),
|
|
7701
|
-
|
|
7689
|
+
P && /* @__PURE__ */ r("p", { className: "text-red-500 text-xs mt-0.5", children: P })
|
|
7702
7690
|
] }, `custom-${I}`) : /* @__PURE__ */ r(
|
|
7703
7691
|
be,
|
|
7704
7692
|
{
|
|
7705
7693
|
type: "text",
|
|
7706
7694
|
label: l ? `${m}${u.required ? " *" : ""}` : void 0,
|
|
7707
7695
|
placeholder: l ? void 0 : m,
|
|
7708
|
-
value:
|
|
7709
|
-
onChange: (
|
|
7696
|
+
value: V[u.paramName] || "",
|
|
7697
|
+
onChange: (h) => te(u.paramName, h.target.value),
|
|
7710
7698
|
required: u.required,
|
|
7711
|
-
error:
|
|
7699
|
+
error: P
|
|
7712
7700
|
},
|
|
7713
7701
|
`custom-${I}`
|
|
7714
7702
|
);
|
|
@@ -7720,14 +7708,14 @@ const on = ({
|
|
|
7720
7708
|
Be,
|
|
7721
7709
|
{
|
|
7722
7710
|
checked: I,
|
|
7723
|
-
onChange: (
|
|
7711
|
+
onChange: (P) => te(u.conditionalOn, P ? "true" : "false")
|
|
7724
7712
|
}
|
|
7725
7713
|
),
|
|
7726
7714
|
/* @__PURE__ */ r("span", { style: { fontSize: "14px", fontWeight: 500 }, children: u.conditionalOn })
|
|
7727
7715
|
] }),
|
|
7728
|
-
I && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: u.fields.map((
|
|
7729
|
-
const l = Math.min(4, Math.max(1, Number(
|
|
7730
|
-
return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${l} / span ${l}` }, children:
|
|
7716
|
+
I && /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "repeat(4, minmax(0, 1fr))", gap: "1rem" }, children: u.fields.map((P, m) => {
|
|
7717
|
+
const l = Math.min(4, Math.max(1, Number(P.colSpan) || 4)), h = P.isCustom ? `custom-${m}-${P.paramName}` : `builtin-${P.name}-${m}`;
|
|
7718
|
+
return /* @__PURE__ */ r("div", { style: { gridColumn: `span ${l} / span ${l}` }, children: P.isCustom ? He(P, m) : Ze(P.name, h, P.displayText, P.countriesType, P.labelMode) }, h);
|
|
7731
7719
|
}) })
|
|
7732
7720
|
] });
|
|
7733
7721
|
};
|
|
@@ -7737,7 +7725,7 @@ const on = ({
|
|
|
7737
7725
|
/* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)", fontSize: "0.875rem" }, children: "Loading form…" })
|
|
7738
7726
|
] }) }) });
|
|
7739
7727
|
if (w) {
|
|
7740
|
-
const u = w[pe] ?? w[0], I = Ne === -1,
|
|
7728
|
+
const u = w[pe] ?? w[0], I = Ne === -1, P = oe === -1, m = w.length, l = ye(u), h = Object.values(xe);
|
|
7741
7729
|
return /* @__PURE__ */ r("div", { className: "metakyc-sdk", children: /* @__PURE__ */ o(re, { children: [
|
|
7742
7730
|
/* @__PURE__ */ r(Se, { children: /* @__PURE__ */ r(ut, { title: (c == null ? void 0 : c.title) || "Company Registration" }) }),
|
|
7743
7731
|
/* @__PURE__ */ o(ae, { children: [
|
|
@@ -7745,13 +7733,13 @@ const on = ({
|
|
|
7745
7733
|
u.title && /* @__PURE__ */ r("h3", { className: "font-semibold text-base", style: { color: "var(--metakyc-text-primary, #111827)" }, children: u.title }),
|
|
7746
7734
|
u.subtitle && /* @__PURE__ */ r("p", { className: "text-sm mt-0.5", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: u.subtitle })
|
|
7747
7735
|
] }),
|
|
7748
|
-
(U ||
|
|
7736
|
+
(U || h.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 bg-red-50 border border-red-200 rounded-lg", children: [
|
|
7749
7737
|
U && /* @__PURE__ */ o("p", { className: "text-red-600 text-sm", children: [
|
|
7750
7738
|
/* @__PURE__ */ r("strong", { children: "Error:" }),
|
|
7751
7739
|
" ",
|
|
7752
7740
|
U
|
|
7753
7741
|
] }),
|
|
7754
|
-
|
|
7742
|
+
h.map((D, b) => /* @__PURE__ */ r("p", { className: "text-red-600 text-sm", children: D }, b))
|
|
7755
7743
|
] }),
|
|
7756
7744
|
m > 1 && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", marginBottom: "1rem" }, children: [
|
|
7757
7745
|
w.map((D, b) => /* @__PURE__ */ r(
|
|
@@ -7790,7 +7778,7 @@ const on = ({
|
|
|
7790
7778
|
),
|
|
7791
7779
|
I && n && /* @__PURE__ */ r(X, { type: "button", variant: "outline", onClick: n, disabled: H || y, children: "Cancel" })
|
|
7792
7780
|
] }),
|
|
7793
|
-
/* @__PURE__ */ r(X, { type: "button", isLoading: H || y, onClick:
|
|
7781
|
+
/* @__PURE__ */ r(X, { type: "button", isLoading: H || y, onClick: P ? je : Ie, children: P ? u.conditionalOn && !l ? "Skip & Submit" : "Submit" : u.conditionalOn && !l ? "Skip" : "Next" })
|
|
7794
7782
|
] })
|
|
7795
7783
|
] }) });
|
|
7796
7784
|
}
|
|
@@ -7809,7 +7797,7 @@ const on = ({
|
|
|
7809
7797
|
/* @__PURE__ */ r(X, { type: "submit", isLoading: H || y, children: "Register Company" })
|
|
7810
7798
|
] })
|
|
7811
7799
|
] }) }) });
|
|
7812
|
-
},
|
|
7800
|
+
}, on = ({
|
|
7813
7801
|
applicantId: e,
|
|
7814
7802
|
onComplete: t,
|
|
7815
7803
|
onError: a,
|
|
@@ -7823,11 +7811,11 @@ const on = ({
|
|
|
7823
7811
|
workflowKey: y,
|
|
7824
7812
|
nextWorkflowKey: p,
|
|
7825
7813
|
hasWorkflowChanged: k,
|
|
7826
|
-
isLoading:
|
|
7814
|
+
isLoading: L,
|
|
7827
7815
|
error: x,
|
|
7828
7816
|
moveBack: A,
|
|
7829
7817
|
refreshProgress: T
|
|
7830
|
-
} =
|
|
7818
|
+
} = Gr(e), [w, N] = ve.useState(!1), O = ve.useRef(null);
|
|
7831
7819
|
if (ve.useEffect(() => {
|
|
7832
7820
|
x && a && a(x);
|
|
7833
7821
|
}, [x, a]), ve.useEffect(() => {
|
|
@@ -7836,7 +7824,7 @@ const on = ({
|
|
|
7836
7824
|
n === "dark" ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
|
|
7837
7825
|
}, [n]), ve.useEffect(() => {
|
|
7838
7826
|
k && N(!1);
|
|
7839
|
-
}, [k]),
|
|
7827
|
+
}, [k]), L || !s)
|
|
7840
7828
|
return /* @__PURE__ */ r("div", { className: `metakyc-sdk ${i || ""}`, children: /* @__PURE__ */ r(re, { children: /* @__PURE__ */ o(ae, { children: [
|
|
7841
7829
|
/* @__PURE__ */ r(Me, { className: "my-8" }),
|
|
7842
7830
|
/* @__PURE__ */ r("p", { className: "text-center mt-4", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: "Loading workflow..." })
|
|
@@ -7918,8 +7906,15 @@ const on = ({
|
|
|
7918
7906
|
return "";
|
|
7919
7907
|
}
|
|
7920
7908
|
}, M = () => {
|
|
7921
|
-
const K = d.filter((
|
|
7922
|
-
return /* @__PURE__ */ o("div", { style: {
|
|
7909
|
+
const K = d.filter((Y) => Y.visibility !== !1), ee = K.findIndex((Y) => Y.order === c.order), E = ee >= 0 ? ee + 1 : 1, f = K.length, $ = f > 1 ? ee / (f - 1) * 100 : 100;
|
|
7910
|
+
return /* @__PURE__ */ o("div", { style: {
|
|
7911
|
+
marginBottom: "24px",
|
|
7912
|
+
backgroundColor: "var(--metakyc-surface, var(--metakyc-background, #ffffff))",
|
|
7913
|
+
borderRadius: "0.75rem",
|
|
7914
|
+
border: "1px solid var(--metakyc-border, #e5e7eb)",
|
|
7915
|
+
padding: "1rem 1.5rem",
|
|
7916
|
+
overflow: "hidden"
|
|
7917
|
+
}, children: [
|
|
7923
7918
|
/* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: "16px" }, children: [
|
|
7924
7919
|
/* @__PURE__ */ r(ut, {}),
|
|
7925
7920
|
/* @__PURE__ */ o(_t, { variant: s.status === 1 ? "info" : "success", children: [
|
|
@@ -7942,7 +7937,7 @@ const on = ({
|
|
|
7942
7937
|
transition: "width 0.4s ease"
|
|
7943
7938
|
} }) }) }),
|
|
7944
7939
|
/* @__PURE__ */ r(
|
|
7945
|
-
|
|
7940
|
+
$a,
|
|
7946
7941
|
{
|
|
7947
7942
|
ref: O,
|
|
7948
7943
|
visibleSteps: K,
|
|
@@ -7961,18 +7956,18 @@ const on = ({
|
|
|
7961
7956
|
};
|
|
7962
7957
|
switch (c.action) {
|
|
7963
7958
|
case ce.Questionaries:
|
|
7964
|
-
return /* @__PURE__ */ r(
|
|
7959
|
+
return /* @__PURE__ */ r(ka, { ...K });
|
|
7965
7960
|
case ce.UploadDocument:
|
|
7966
|
-
return /* @__PURE__ */ r(
|
|
7961
|
+
return /* @__PURE__ */ r(va, { ...K });
|
|
7967
7962
|
case ce.Overview:
|
|
7968
|
-
return /* @__PURE__ */ r(
|
|
7963
|
+
return /* @__PURE__ */ r(wa, { ...K });
|
|
7969
7964
|
case ce.IdentitySdk:
|
|
7970
|
-
return /* @__PURE__ */ r(
|
|
7965
|
+
return /* @__PURE__ */ r(Ma, { ...K });
|
|
7971
7966
|
case ce.RiskScoring:
|
|
7972
|
-
return /* @__PURE__ */ r(
|
|
7967
|
+
return /* @__PURE__ */ r(Fa, { ...K });
|
|
7973
7968
|
case ce.AdditionalData:
|
|
7974
7969
|
case ce.InvestorCategorization:
|
|
7975
|
-
return /* @__PURE__ */ r(
|
|
7970
|
+
return /* @__PURE__ */ r(Ta, { ...K });
|
|
7976
7971
|
case ce.AppropriatenessTest:
|
|
7977
7972
|
return /* @__PURE__ */ r(La, { ...K });
|
|
7978
7973
|
case ce.ManualReview:
|
|
@@ -8003,7 +7998,7 @@ const on = ({
|
|
|
8003
7998
|
M(),
|
|
8004
7999
|
j()
|
|
8005
8000
|
] });
|
|
8006
|
-
},
|
|
8001
|
+
}, $a = ve.forwardRef(
|
|
8007
8002
|
({ visibleSteps: e, currentVisibleStepIndex: t, getStepFallbackName: a }, n) => {
|
|
8008
8003
|
const i = ve.useRef(null), s = ve.useRef(null);
|
|
8009
8004
|
return ve.useImperativeHandle(n, () => i.current), ve.useEffect(() => {
|
|
@@ -8029,7 +8024,7 @@ const on = ({
|
|
|
8029
8024
|
gap: "0"
|
|
8030
8025
|
},
|
|
8031
8026
|
children: e.map((c, d) => {
|
|
8032
|
-
const y = d < t, p = d === t, k = y || p,
|
|
8027
|
+
const y = d < t, p = d === t, k = y || p, L = c.displayName || c.name || a(c.action) || `Step ${d + 1}`;
|
|
8033
8028
|
return /* @__PURE__ */ o(ve.Fragment, { children: [
|
|
8034
8029
|
/* @__PURE__ */ o(
|
|
8035
8030
|
"div",
|
|
@@ -8069,7 +8064,7 @@ const on = ({
|
|
|
8069
8064
|
fontWeight: p ? 600 : 400,
|
|
8070
8065
|
color: p ? "var(--metakyc-text-primary, #111827)" : y ? "var(--metakyc-primary, #2563eb)" : "var(--metakyc-text-muted, #9ca3af)",
|
|
8071
8066
|
transition: "color 0.2s ease"
|
|
8072
|
-
}, children:
|
|
8067
|
+
}, children: L })
|
|
8073
8068
|
]
|
|
8074
8069
|
}
|
|
8075
8070
|
),
|
|
@@ -8088,13 +8083,13 @@ const on = ({
|
|
|
8088
8083
|
);
|
|
8089
8084
|
}
|
|
8090
8085
|
);
|
|
8091
|
-
function
|
|
8092
|
-
return
|
|
8093
|
-
questionResults:
|
|
8086
|
+
function sn(e) {
|
|
8087
|
+
return Ve.object({
|
|
8088
|
+
questionResults: Ve.any()
|
|
8094
8089
|
}).passthrough();
|
|
8095
8090
|
}
|
|
8096
|
-
function
|
|
8097
|
-
let t =
|
|
8091
|
+
function Ba(e) {
|
|
8092
|
+
let t = Ve.array(Ve.instanceof(File));
|
|
8098
8093
|
if (e.isRequired ? t = t.min(
|
|
8099
8094
|
1,
|
|
8100
8095
|
`${e.displayName} is required`
|
|
@@ -8115,32 +8110,32 @@ function _a(e) {
|
|
|
8115
8110
|
}
|
|
8116
8111
|
return t;
|
|
8117
8112
|
}
|
|
8118
|
-
function
|
|
8113
|
+
function ln(e) {
|
|
8119
8114
|
const t = {};
|
|
8120
8115
|
return e.uploadDocumentFiles.forEach((a) => {
|
|
8121
8116
|
const n = `file_${a.id}`;
|
|
8122
|
-
t[n] =
|
|
8123
|
-
}),
|
|
8117
|
+
t[n] = Ba(a);
|
|
8118
|
+
}), Ve.object(t);
|
|
8124
8119
|
}
|
|
8125
|
-
function
|
|
8126
|
-
return
|
|
8120
|
+
function cn(e) {
|
|
8121
|
+
return Ve.any();
|
|
8127
8122
|
}
|
|
8128
|
-
function
|
|
8129
|
-
return
|
|
8123
|
+
function _a(e) {
|
|
8124
|
+
return Ve.string().min(1, "This question is required");
|
|
8130
8125
|
}
|
|
8131
|
-
function
|
|
8126
|
+
function dn(e) {
|
|
8132
8127
|
const t = {};
|
|
8133
8128
|
return e.appropriatenessQuestions.forEach((a) => {
|
|
8134
8129
|
const n = `question_${a.id}`;
|
|
8135
|
-
t[n] =
|
|
8136
|
-
}),
|
|
8130
|
+
t[n] = _a();
|
|
8131
|
+
}), Ve.object(t);
|
|
8137
8132
|
}
|
|
8138
|
-
const
|
|
8133
|
+
const mn = Ve.any();
|
|
8139
8134
|
export {
|
|
8140
8135
|
Et as ALLOWED_LANGUAGES,
|
|
8141
8136
|
Zt as ApplicantProgressOnHoldReason,
|
|
8142
8137
|
Oe as ApplicantProgressStatus,
|
|
8143
|
-
|
|
8138
|
+
gr as ApplicantService,
|
|
8144
8139
|
tr as ApplicantStatus,
|
|
8145
8140
|
or as AppropriatenessQuestionType,
|
|
8146
8141
|
kr as AppropriatenessTestService,
|
|
@@ -8155,8 +8150,8 @@ export {
|
|
|
8155
8150
|
Se as CardHeader,
|
|
8156
8151
|
Be as Checkbox,
|
|
8157
8152
|
Xe as CountriesType,
|
|
8158
|
-
|
|
8159
|
-
|
|
8153
|
+
an as CreateApplicantForm,
|
|
8154
|
+
nn as CreateCompanyApplicantForm,
|
|
8160
8155
|
lr as CriteriaBuiltInType,
|
|
8161
8156
|
dr as DEFAULT_COMPANY_VISIBLE_FIELDS,
|
|
8162
8157
|
mr as DEFAULT_VISIBLE_FIELDS,
|
|
@@ -8166,95 +8161,95 @@ export {
|
|
|
8166
8161
|
Tr as EventEmitter,
|
|
8167
8162
|
nt as FIELD_METADATA,
|
|
8168
8163
|
nr as FileType,
|
|
8169
|
-
|
|
8164
|
+
sa as FileUpload,
|
|
8170
8165
|
kt as GenderType,
|
|
8171
8166
|
ut as Header,
|
|
8172
8167
|
yr as HttpClient,
|
|
8173
8168
|
Je as IdentityProviderManager,
|
|
8174
8169
|
vr as IdentityService,
|
|
8175
8170
|
ze as IdentityVerificationProvider,
|
|
8176
|
-
|
|
8171
|
+
Ma as IdentityVerificationStep,
|
|
8177
8172
|
be as Input,
|
|
8178
8173
|
Sr as InvestorCategorizationService,
|
|
8179
|
-
|
|
8174
|
+
Ta as InvestorCategorizationStep,
|
|
8180
8175
|
Ee as InvestorCategorizationType,
|
|
8181
8176
|
cr as InvestorCategoryType,
|
|
8182
8177
|
rr as KycProcessStatus,
|
|
8183
8178
|
rt as KycStatus,
|
|
8184
8179
|
Dt as KycStatusDisplay,
|
|
8185
|
-
|
|
8186
|
-
|
|
8180
|
+
on as KycWorkflow,
|
|
8181
|
+
za as Logo,
|
|
8187
8182
|
$t as MetaKYCContext,
|
|
8188
8183
|
Ke as MetaKYCError,
|
|
8189
|
-
|
|
8190
|
-
|
|
8184
|
+
Ga as MetaKYCProvider,
|
|
8185
|
+
ia as MultiSelect,
|
|
8191
8186
|
$r as OnfidoProvider,
|
|
8192
8187
|
br as OverviewService,
|
|
8193
|
-
|
|
8194
|
-
|
|
8195
|
-
|
|
8196
|
-
|
|
8188
|
+
wa as OverviewStep,
|
|
8189
|
+
la as PhoneInput,
|
|
8190
|
+
hr as QuestionnaireService,
|
|
8191
|
+
ka as QuestionnaireStep,
|
|
8197
8192
|
at as ReviewStatus,
|
|
8198
8193
|
sr as RiskCriteriaType,
|
|
8199
8194
|
er as RiskLevel,
|
|
8200
8195
|
xr as RiskScoringService,
|
|
8201
|
-
|
|
8202
|
-
|
|
8196
|
+
Fa as RiskScoringStep,
|
|
8197
|
+
jr as SDK_VERSION,
|
|
8203
8198
|
Br as SardinAIProvider,
|
|
8204
|
-
|
|
8199
|
+
Ye as SearchableSelect,
|
|
8205
8200
|
Nt as Select,
|
|
8206
8201
|
Me as Spinner,
|
|
8207
|
-
|
|
8202
|
+
Pr as StepRouter,
|
|
8208
8203
|
Or as SumsubProvider,
|
|
8209
|
-
|
|
8204
|
+
_r as ThemeManager,
|
|
8210
8205
|
Fe as ThemePreset,
|
|
8211
8206
|
Ar as ThemeService,
|
|
8212
8207
|
fr as UploadDocumentService,
|
|
8213
|
-
|
|
8208
|
+
va as UploadDocumentStep,
|
|
8214
8209
|
ar as UserType,
|
|
8215
8210
|
qe as ValueDataType,
|
|
8216
8211
|
Dr as WorkflowOrchestrator,
|
|
8217
8212
|
ft as WorkflowResultType,
|
|
8218
|
-
|
|
8213
|
+
Lr as WorkflowState,
|
|
8219
8214
|
ce as WorkflowStepAction,
|
|
8220
|
-
|
|
8221
|
-
|
|
8215
|
+
mn as appropriatenessTestSchema,
|
|
8216
|
+
tn as clearAllStorage,
|
|
8222
8217
|
Yr as clearApplicantId,
|
|
8223
|
-
|
|
8218
|
+
Qr as clearWorkflowState,
|
|
8224
8219
|
Ae as cn,
|
|
8225
8220
|
Cr as corporateTheme,
|
|
8226
8221
|
pr as defaultConfig,
|
|
8227
|
-
|
|
8228
|
-
|
|
8222
|
+
Pe as defaultTheme,
|
|
8223
|
+
Ur as fileToBase64,
|
|
8229
8224
|
Nr as fintechTheme,
|
|
8230
8225
|
xt as formatFileSize,
|
|
8231
|
-
|
|
8232
|
-
|
|
8233
|
-
|
|
8234
|
-
|
|
8235
|
-
|
|
8236
|
-
|
|
8226
|
+
dn as generateAppropriatenessSchema,
|
|
8227
|
+
sn as generateQuestionnaireSchema,
|
|
8228
|
+
cn as generateRiskScoringSchema,
|
|
8229
|
+
ln as generateUploadDocumentSchema,
|
|
8230
|
+
Za as getAcceptString,
|
|
8231
|
+
qr as getApplicantId,
|
|
8237
8232
|
pt as getThemePreset,
|
|
8238
|
-
|
|
8233
|
+
en as getWorkflowState,
|
|
8239
8234
|
Ir as healthcareTheme,
|
|
8240
|
-
|
|
8235
|
+
Va as isScriptLoaded,
|
|
8241
8236
|
Ot as loadScript,
|
|
8242
8237
|
Er as minimalTheme,
|
|
8243
8238
|
Rr as modernTheme,
|
|
8244
|
-
|
|
8245
|
-
|
|
8246
|
-
|
|
8239
|
+
Qa as removeScript,
|
|
8240
|
+
Kr as saveApplicantId,
|
|
8241
|
+
Vr as saveWorkflowState,
|
|
8247
8242
|
Fr as themePresets,
|
|
8248
8243
|
Bt as useApplicant,
|
|
8249
|
-
|
|
8250
|
-
|
|
8251
|
-
|
|
8244
|
+
rn as useAppropriatenessTest,
|
|
8245
|
+
ea as useIdentityVerification,
|
|
8246
|
+
Gr as useKycWorkflow,
|
|
8252
8247
|
Te as useMetaKYC,
|
|
8253
|
-
|
|
8254
|
-
|
|
8255
|
-
|
|
8256
|
-
|
|
8257
|
-
|
|
8258
|
-
|
|
8248
|
+
Zr as useOverview,
|
|
8249
|
+
Jr as useQuestionnaire,
|
|
8250
|
+
ta as useRiskScoring,
|
|
8251
|
+
Xr as useUploadDocument,
|
|
8252
|
+
Ja as validateFileSize,
|
|
8253
|
+
Xa as validateFileType
|
|
8259
8254
|
};
|
|
8260
8255
|
//# sourceMappingURL=index.js.map
|