@vpdev2/metakyc-sdk 1.0.21 → 1.0.23

package/dist/index.js

@@ -2505,7 +2505,7 @@ const T = ({ children: t, className: e, ...r }) => /* @__PURE__ */ n(
   "div",
   {
     className: te(
-      "rounded-xl shadow-sm border",
+      "metakyc-card rounded-xl shadow-sm border",
       e
     ),
     style: {
@@ -4467,13 +4467,21 @@ Failed to reload test data. Please refresh the page.`);
   subtitle: e,
   className: r = ""
 }) => {
-  const { currentTheme: s } = se(), a = t || (s == null ? void 0 : s.title) || "KYC Verification";
-  return /* @__PURE__ */ o("div", { className: `metakyc-header ${r}`, children: [
-    (s == null ? void 0 : s.logo) && s.logo.visible && /* @__PURE__ */ n("div", { className: "mb-3", children: /* @__PURE__ */ n(Er, { config: s.logo }) }),
-    /* @__PURE__ */ o("div", { children: [
-      /* @__PURE__ */ n("h1", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: a }),
-      e && /* @__PURE__ */ n("p", { className: "text-sm text-gray-600 dark:text-gray-400 mt-1", children: e })
-    ] })
+  const { currentTheme: s } = se(), a = t || (s == null ? void 0 : s.title) || "", i = !!(s != null && s.logo && s.logo.visible && s.logo.url), l = !!a;
+  return !i && !l ? null : /* @__PURE__ */ o("div", { className: `metakyc-header ${r}`, children: [
+    /* @__PURE__ */ o("div", { className: "flex items-center", children: [
+      i && /* @__PURE__ */ n(Er, { config: s.logo }),
+      i && l && /* @__PURE__ */ n(
+        "span",
+        {
+          className: "text-gray-400 dark:text-gray-500 mx-3",
+          style: { fontSize: "1.5rem", fontWeight: 300 },
+          children: "|"
+        }
+      ),
+      l && /* @__PURE__ */ n("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: a })
+    ] }),
+    e && /* @__PURE__ */ n("p", { className: "text-sm text-gray-600 dark:text-gray-400 mt-1", children: e })
   ] });
 }, Yr = ({
   workflowKey: t,