@vpdev2/metakyc 1.0.33 → 1.0.34

package/dist/index.js

@@ -1832,7 +1832,12 @@ class rr {
       "input-text": t.inputText || t.textPrimary,
       "input-border": t.inputBorder || t.border,
       "input-border-focus": t.inputBorderFocus || t.primary,
-      "input-placeholder": t.inputPlaceholder || t.textMuted
+      "input-placeholder": t.inputPlaceholder || t.textMuted,
+      // Message background overrides (optional — support rgba/hex-alpha for transparency)
+      "danger-bg": t.dangerBg,
+      "success-bg": t.successBg,
+      "warning-bg": t.warningBg,
+      "info-bg": t.infoBg
     };
     r != null && r.fontFamily && (n["font-family"] = r.fontFamily), r != null && r.headingFont && (n["heading-font"] = r.headingFont), r != null && r.fontSize && Object.entries(r.fontSize).forEach(([m, d]) => {
       n[`font-size-${m}`] = d;
@@ -6738,7 +6743,7 @@ function ke(e, t) {
   const a = wr.exec(r);
   return a ? t(a[1]) : e;
 }
-const ti = "1.0.33", ii = Xt(null), qt = `metakyc-translations-${ti}-`, Sr = ({
+const ti = "1.0.34", ii = Xt(null), qt = `metakyc-translations-${ti}-`, Sr = ({
   locale: e,
   fetchTranslations: t,
   children: r
@@ -8995,7 +9000,7 @@ const ea = ({
       )
     ] }),
     m && /* @__PURE__ */ i("div", { className: "mx-6 mb-4 p-3 rounded", style: {
-      backgroundColor: "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)",
+      backgroundColor: "var(--metakyc-danger-bg, color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent))",
       border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 30%, transparent)"
     }, children: /* @__PURE__ */ i("p", { className: "text-sm", style: { color: "var(--metakyc-danger, #ef4444)" }, children: m.message }) })
   ] }) : null;
@@ -9531,7 +9536,7 @@ const ma = ({
       )
     ] }),
     y && /* @__PURE__ */ i("div", { className: "mx-6 mb-4 p-3 rounded", style: {
-      backgroundColor: "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)",
+      backgroundColor: "var(--metakyc-danger-bg, color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent))",
       border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 30%, transparent)"
     }, children: /* @__PURE__ */ i("p", { className: "text-sm", style: { color: "var(--metakyc-danger, #ef4444)" }, children: y.message }) })
   ] }) : null;
@@ -10560,7 +10565,7 @@ const ga = ({
       /* @__PURE__ */ i(Ne, { children: /* @__PURE__ */ i("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: a("identity.sessionIssueTitle") }) }),
       /* @__PURE__ */ o(re, { children: [
         /* @__PURE__ */ i("div", { className: "p-4 rounded-lg mb-6", style: {
-          backgroundColor: "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)",
+          backgroundColor: "var(--metakyc-danger-bg, color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent))",
           border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 30%, transparent)"
         }, children: /* @__PURE__ */ o("div", { className: "flex items-start", children: [
           /* @__PURE__ */ i(
@@ -10588,7 +10593,7 @@ const ga = ({
           ] })
         ] }) }),
         /* @__PURE__ */ o("div", { className: "rounded-lg p-4", style: {
-          backgroundColor: "color-mix(in srgb, var(--metakyc-primary, #2563eb) 10%, transparent)",
+          backgroundColor: "var(--metakyc-info-bg, color-mix(in srgb, var(--metakyc-primary, #2563eb) 10%, transparent))",
           border: "1px solid color-mix(in srgb, var(--metakyc-primary, #2563eb) 30%, transparent)"
         }, children: [
           /* @__PURE__ */ i("h3", { className: "font-semibold mb-2", style: { color: "var(--metakyc-primary, #2563eb)" }, children: a("identity.whatToDoNext") }),
@@ -10689,7 +10694,7 @@ const ga = ({
       ] }) }),
       /* @__PURE__ */ o(re, { children: [
         /* @__PURE__ */ i("div", { className: "mb-4 p-3 rounded-lg", style: {
-          backgroundColor: "color-mix(in srgb, var(--metakyc-warning, #f59e0b) 10%, transparent)",
+          backgroundColor: "var(--metakyc-warning-bg, color-mix(in srgb, var(--metakyc-warning, #f59e0b) 10%, transparent))",
           border: "1px solid color-mix(in srgb, var(--metakyc-warning, #f59e0b) 30%, transparent)"
         }, children: /* @__PURE__ */ i("p", { className: "text-sm", style: { color: "var(--metakyc-warning, #f59e0b)" }, children: a("identity.importantExpiredMessage") }) }),
         /* @__PURE__ */ i("div", { className: "w-full", style: { height: "600px" }, children: /* @__PURE__ */ i(
@@ -11081,14 +11086,14 @@ const ga = ({
     ] })
   ] }) });
 }, Pt = {
-  success: { color: "--metakyc-success", fallback: "#22c55e" },
-  error: { color: "--metakyc-danger", fallback: "#ef4444" },
-  pending: { color: "--metakyc-warning", fallback: "#f59e0b" }
+  success: { color: "--metakyc-success", fallback: "#22c55e", bgVar: "--metakyc-success-bg" },
+  error: { color: "--metakyc-danger", fallback: "#ef4444", bgVar: "--metakyc-danger-bg" },
+  pending: { color: "--metakyc-warning", fallback: "#f59e0b", bgVar: "--metakyc-warning-bg" }
 };
 function Tt(e) {
-  const { color: t, fallback: r } = Pt[e];
+  const { color: t, fallback: r, bgVar: a } = Pt[e];
   return {
-    backgroundColor: `color-mix(in srgb, var(${t}, ${r}) 10%, transparent)`,
+    backgroundColor: `var(${a}, color-mix(in srgb, var(${t}, ${r}) 10%, transparent))`,
     border: `1px solid color-mix(in srgb, var(${t}, ${r}) 30%, transparent)`
   };
 }
@@ -12106,7 +12111,7 @@ const ba = {
           ] })
         ] }),
         (ve || T.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 rounded-lg", style: {
-          backgroundColor: "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)",
+          backgroundColor: "var(--metakyc-danger-bg, color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent))",
           border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 30%, transparent)"
         }, children: [
           ve && /* @__PURE__ */ o("p", { className: "text-sm", style: { color: "var(--metakyc-danger, #ef4444)" }, children: [
@@ -12150,7 +12155,7 @@ const ba = {
     /* @__PURE__ */ i(Ne, { children: /* @__PURE__ */ i(vt, { title: (s == null ? void 0 : s.title) || d("createApplicant.title") }) }),
     /* @__PURE__ */ o(re, { children: [
       ve && /* @__PURE__ */ i("div", { className: "mb-6 p-4 rounded-lg", style: {
-        backgroundColor: "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)",
+        backgroundColor: "var(--metakyc-danger-bg, color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent))",
         border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 30%, transparent)"
       }, children: /* @__PURE__ */ o("p", { className: "text-sm", style: { color: "var(--metakyc-danger, #ef4444)" }, children: [
         /* @__PURE__ */ i("strong", { children: d("common.errorPrefix") }),
@@ -12573,7 +12578,7 @@ const qa = ({
           g.subtitle && /* @__PURE__ */ i("p", { className: "text-sm mt-0.5", style: { color: "var(--metakyc-text-secondary, #6b7280)" }, children: g.subtitle })
         ] }),
         (D || v.length > 0) && /* @__PURE__ */ o("div", { className: "mb-4 p-3 rounded-lg", style: {
-          backgroundColor: "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)",
+          backgroundColor: "var(--metakyc-danger-bg, color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent))",
           border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 30%, transparent)"
         }, children: [
           D && /* @__PURE__ */ o("p", { className: "text-sm", style: { color: "var(--metakyc-danger, #ef4444)" }, children: [
@@ -12628,7 +12633,7 @@ const qa = ({
     /* @__PURE__ */ i(Ne, { children: /* @__PURE__ */ i(vt, { title: (s == null ? void 0 : s.title) || d("createCompany.title") }) }),
     /* @__PURE__ */ o(re, { children: [
       D && /* @__PURE__ */ i("div", { className: "mb-6 p-4 rounded-lg", style: {
-        backgroundColor: "color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent)",
+        backgroundColor: "var(--metakyc-danger-bg, color-mix(in srgb, var(--metakyc-danger, #ef4444) 10%, transparent))",
         border: "1px solid color-mix(in srgb, var(--metakyc-danger, #ef4444) 30%, transparent)"
       }, children: /* @__PURE__ */ o("p", { className: "text-sm", style: { color: "var(--metakyc-danger, #ef4444)" }, children: [
         /* @__PURE__ */ i("strong", { children: d("common.errorPrefix") }),