@vpdev2/metakyc-sdk 1.0.107 → 1.0.108

package/dist/index.js

@@ -1420,83 +1420,30 @@ function We(e, t) {
 }
 function Dr() {
   const e = We("--metakyc-primary", "#2563eb"), t = We("--metakyc-primary-hover", "#1d4ed8"), n = We("--metakyc-background", "#ffffff"), a = We("--metakyc-surface", "#f9fafb"), i = We("--metakyc-text-primary", "#111827"), o = We("--metakyc-text-secondary", "#6b7280"), c = We("--metakyc-text-muted", "#9ca3af"), d = We("--metakyc-border", "#e5e7eb");
-  return [
-    `body, html { font-family: ${We(
-      "--metakyc-font-family",
-      "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
-    )} !important; background-color: ${n} !important; }`,
-    `p, span, label, div { color: ${i}; }`,
-    `h1, h2, h3, h4 { color: ${i}; }`,
-    `.step-desc { color: ${o}; }`,
-    "section.content {",
-    `  background-color: ${a};`,
-    `  color: ${i};`,
-    "  padding: 32px 32px 16px;",
-    "  box-shadow: none;",
-    "  border-radius: 10px;",
-    `  border: 1px solid ${d};`,
-    "}",
-    "input {",
-    `  color: ${i};`,
-    "  font-weight: 500;",
-    "  outline: none;",
-    `  background-color: ${n};`,
-    `  border: 1px solid ${d};`,
-    "  border-radius: 6px;",
-    "}",
-    "input:focus {",
-    `  border-color: ${e};`,
-    `  box-shadow: 0 0 0 2px ${e}33;`,
-    "}",
-    "button.submit, button.back {",
-    "  border-radius: 8px;",
-    "  height: 44px;",
-    "  padding: 0 24px;",
-    "  font-size: 14px;",
-    "  font-weight: 600;",
-    "  background-image: none !important;",
-    "  transform: none !important;",
-    "  box-shadow: none !important;",
-    "  transition: all 0.15s ease;",
-    "  cursor: pointer;",
-    "}",
-    "button.submit {",
-    "  min-width: 120px;",
-    "  background: none;",
-    `  background-color: ${e};`,
-    "  color: #ffffff;",
-    "  border: none;",
-    "}",
-    "button.submit:hover {",
-    `  background-color: ${t};`,
-    "}",
-    "button.back {",
-    "  background: none;",
-    `  background-color: ${n};`,
-    `  border: 1px solid ${d};`,
-    `  color: ${i};`,
-    "}",
-    "button.back:hover {",
-    `  background-color: ${a};`,
-    "}",
-    ".round-icon {",
-    `  background-color: ${e} !important;`,
-    "  background-image: none !important;",
-    "}",
-    ".upload-item, .document-status {",
-    `  border-color: ${d} !important;`,
-    "}",
-    "select {",
-    `  background-color: ${n};`,
-    `  color: ${i};`,
-    `  border: 1px solid ${d};`,
-    "  border-radius: 6px;",
-    "}",
-    `.description { color: ${o}; }`,
-    `.subtitle { color: ${c}; }`,
-    `a { color: ${e}; }`,
-    `a:hover { color: ${t}; }`
-  ].join(" ");
+  return `
+body, html { font-family: ${We(
+    "--metakyc-font-family",
+    "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
+  )} !important; background-color: ${n} !important; }
+p, span, label, div { color: ${i}; }
+h1, h2, h3, h4 { color: ${i}; }
+.step-desc { color: ${o}; }
+section.content { background-color: ${a}; color: ${i}; padding: 32px 32px 16px; box-shadow: none; border-radius: 10px; border: 1px solid ${d}; }
+input { color: ${i}; font-weight: 500; outline: none; background-color: ${n}; border: 1px solid ${d}; border-radius: 6px; }
+input:focus { border-color: ${e}; box-shadow: 0 0 0 2px ${e}33; }
+button.submit, button.back { border-radius: 8px; height: 44px; padding: 0 24px; font-size: 14px; font-weight: 600; background-image: none !important; transform: none !important; box-shadow: none !important; transition: all 0.15s ease; cursor: pointer; }
+button.submit { min-width: 120px; background: none; background-color: ${e}; color: #ffffff; border: none; }
+button.submit:hover { background-color: ${t}; }
+button.back { background: none; background-color: ${n}; border: 1px solid ${d}; color: ${i}; }
+button.back:hover { background-color: ${a}; }
+.round-icon { background-color: ${e} !important; background-image: none !important; }
+.upload-item, .document-status { border-color: ${d} !important; }
+select { background-color: ${n}; color: ${i}; border: 1px solid ${d}; border-radius: 6px; }
+.description { color: ${o}; }
+.subtitle { color: ${c}; }
+a { color: ${e}; }
+a:hover { color: ${t}; }
+`.trim();
 }
 class Mr {
   constructor(t) {
@@ -1512,18 +1459,17 @@ class Mr {
   }
   async initialize(t) {
     await this.loadSDK();
-    const n = {};
-    this.config.customCss && (n.customCss = this.config.customCss), n.customCssStr = Dr();
+    const n = {
+      lang: this.config.lang || "en"
+    };
+    if (this.config.applicantEmail && (n.email = this.config.applicantEmail), this.config.applicantPhone && (n.phone = this.config.applicantPhone), this.config.theme && (n.theme = this.config.theme), this.config.customizationName && (n.customizationName = this.config.customizationName), !this.config.customizationName) {
+      const i = {};
+      this.config.customCss && (i.customCss = this.config.customCss), this.config.customCssStr && (i.customCssStr = this.config.customCssStr), i.customCssStr || (i.customCssStr = Dr()), n.uiConf = i;
+    }
     const a = window.snsWebSdk.init(
       this.config.accessToken,
       () => this.config.onTokenRefresh()
-    ).withConf({
-      lang: this.config.lang || "en",
-      ...this.config.applicantEmail ? { email: this.config.applicantEmail } : {},
-      ...this.config.applicantPhone ? { phone: this.config.applicantPhone } : {},
-      ...this.config.theme ? { theme: this.config.theme } : {},
-      uiConf: n
-    }).withOptions({
+    ).withConf(n).withOptions({
       addViewportTag: !1,
       adaptIframeHeight: this.config.adaptIframeHeight !== !1
     }).on("idCheck.onStepCompleted", (i) => {
@@ -1797,6 +1743,7 @@ class Ge {
           externalUserId: n.externalUserId,
           lang: c.lang || n.lang || "en",
           theme: c.theme,
+          customizationName: c.customizationName,
           customCss: c.customCss,
           adaptIframeHeight: c.adaptIframeHeight
         };