@gerege-systems/eid-mongolia-sdk 0.14.0 → 0.14.2

package/dist/button.d.ts

@@ -17,13 +17,18 @@ interface EidLoginButtonOptions {
     lang?: Lang;
     /** auto (анхдагч: утас → Web2App, бусад → QR цонх) | qr | app. */
     mode?: "auto" | "qr" | "app";
+    /** auto (анхдагч: html[data-theme] / html.dark / prefers-color-scheme-ийг дагана) | light | dark. */
+    theme?: "auto" | "light" | "dark";
     /** Амжилтын дараа (backend redirect өгөөгүй бол) шилжих URL. */
     successUrl?: string;
     onSuccess?: (s: EidLoginStatus) => void;
     onError?: (error: string) => void;
 }
+type Scheme = "light" | "dark";
+/** `theme` атрибутын утгыг (light | dark | auto) бодит схем болгоно. auto: html[data-theme] → html.dark/.light → OS. */
+declare function resolveEidTheme(theme: string | null, doc?: Document): Scheme;
 declare const Base: typeof HTMLElement;
-/** `<eid-login-button>` — атрибут: start-url, status-url, lang (mn|en), mode (auto|qr|app), success-url. */
+/** `<eid-login-button>` — атрибут: start-url, status-url, lang (mn|en), mode (auto|qr|app), theme (auto|light|dark), success-url. */
 declare class EidLoginButton extends Base {
     static readonly observedAttributes: string[];
     /** Тест/дотоод: гар утас эсэхийг дарж бичих. */
@@ -41,11 +46,20 @@ declare class EidLoginButton extends Base {
     private fails;
     private gen;
     private lastFocus;
+    private darkStyle;
+    private themeObs;
+    private mq;
+    private readonly onScheme;
     private get t();
     private attr;
     connectedCallback(): void;
-    attributeChangedCallback(): void;
+    attributeChangedCallback(name: string): void;
     disconnectedCallback(): void;
+    /** Одоогийн бодит схем (`theme` + auto үед хуудас/OS). */
+    get scheme(): Scheme;
+    private applyTheme;
+    /** auto үед хуудасны html[data-theme]/class ба OS-ийн схемийн өөрчлөлтийг дагана. */
+    private watchTheme;
     /** Товчны үйлдэл (программаар ч дуудаж болно). */
     start(): void;
     private open;
@@ -76,4 +90,4 @@ declare function defineEidLoginButton(tag?: string): void;
 /** Элементэд товч нэмнэ (framework-гүй хуудас, React/Vue-ийн ref). Үүссэн элементийг буцаана. */
 declare function mountEidLoginButton(target: Element, opts: EidLoginButtonOptions): EidLoginButton;
 
-export { EidLoginButton, type EidLoginButtonOptions, type EidLoginStatus, defineEidLoginButton, mountEidLoginButton };
+export { EidLoginButton, type EidLoginButtonOptions, type EidLoginStatus, defineEidLoginButton, mountEidLoginButton, resolveEidTheme };

package/dist/button.js

@@ -436,7 +436,7 @@ var T = {
     minute: "1 minute left"
   }
 };
-var CSS = `
+var CSS_BASE = `
 :host { display: inline-block;
   --eid-bg: hsl(0 0% 100%); --eid-bg-subtle: hsl(210 40% 98%); --eid-bg-muted: hsl(210 40% 96%);
   --eid-fg: hsl(222 47% 11%); --eid-fg-muted: hsl(215 19% 35%); --eid-fg-subtle: hsl(215 16% 45%);
@@ -444,22 +444,26 @@ var CSS = `
   --eid-accent: oklch(0.534 0.2 259); --eid-accent-fg: #fff; --eid-accent-subtle: oklch(0.97 0.03 259);
   --eid-accent-subtle-fg: oklch(0.474 0.19 259); --eid-ring: oklch(0.604 0.2 259);
   --eid-warning-bg: hsl(48 100% 96%); --eid-warning-border: hsl(45 95% 78%); --eid-warning-fg: hsl(23 75% 33%);
-  --eid-danger-fg: hsl(0 74% 42%); --eid-radius: 6px; --eid-radius-lg: 8px; font-family: inherit; }
-@media (prefers-color-scheme: dark) { :host {
+  --eid-danger-fg: hsl(0 74% 42%); --eid-radius: 6px; --eid-radius-lg: 8px; font-family: inherit; color-scheme: light; }
+button, input { font-family: inherit; }
+`;
+var DARK_CSS = `:host { color-scheme: dark;
   --eid-bg: hsl(229 50% 6%); --eid-bg-subtle: hsl(222 47% 9%); --eid-bg-muted: hsl(217 33% 13%);
   --eid-fg: hsl(210 40% 98%); --eid-fg-muted: hsl(213 27% 84%); --eid-fg-subtle: hsl(215 20% 65%);
   --eid-border: hsl(217 33% 17%); --eid-border-strong: hsl(215 25% 27%);
   --eid-accent: oklch(0.64 0.15 259); --eid-accent-fg: hsl(229 50% 6%); --eid-accent-subtle: oklch(0.24 0.06 259);
   --eid-accent-subtle-fg: oklch(0.82 0.1 259); --eid-ring: oklch(0.68 0.15 259);
   --eid-warning-bg: hsl(20 60% 10%); --eid-warning-border: hsl(22 70% 26%); --eid-warning-fg: hsl(40 92% 65%);
-  --eid-danger-fg: hsl(0 91% 71%); } }
+  --eid-danger-fg: hsl(0 91% 71%); }
+`;
+var CSS_REST = `
 *, *::before, *::after { box-sizing: border-box; }
 [hidden] { display: none !important; }
 h2, p, ol { margin: 0; }
 :focus-visible { outline: 2px solid var(--eid-ring); outline-offset: 2px; }
 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
 .btn { display: inline-flex; width: 100%; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px;
-  border-radius: var(--eid-radius); font: 500 1rem/1.25 inherit; text-decoration: none; border: 1px solid transparent; cursor: pointer;
+  border-radius: var(--eid-radius); font-family: inherit; font-weight: 500; font-size: 1rem; line-height: 1.25; text-decoration: none; border: 1px solid transparent; cursor: pointer;
   transition: background-color 160ms cubic-bezier(0,0,0.2,1); }
 .btn:disabled { opacity: 0.6; cursor: progress; }
 .btn-primary { background: var(--eid-accent); color: var(--eid-accent-fg); }
@@ -496,7 +500,7 @@ h2, p, ol { margin: 0; }
 .field { display: grid; gap: 8px; }
 .field label { font-weight: 500; }
 .field input { width: 100%; height: 44px; padding: 0 12px; border: 1px solid var(--eid-border-strong); border-radius: var(--eid-radius);
-  background: var(--eid-bg); color: var(--eid-fg); font: 1rem/1.5rem inherit; letter-spacing: 0.02em; text-transform: uppercase; }
+  background: var(--eid-bg); color: var(--eid-fg); font-family: inherit; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.02em; text-transform: uppercase; }
 .field input::placeholder { color: var(--eid-fg-subtle); text-transform: none; }
 .field input[aria-invalid="true"] { border-color: var(--eid-danger-fg); }
 .hint { font-size: 0.8125rem; color: var(--eid-fg-subtle); }
@@ -516,6 +520,17 @@ h2, p, ol { margin: 0; }
 @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; }
   .spinner { animation: none; border-right-color: currentColor; opacity: 0.6; } }
 `;
+var CSS = CSS_BASE + CSS_REST;
+function resolveEidTheme(theme, doc = document) {
+  if (theme === "light" || theme === "dark") return theme;
+  const html = doc.documentElement;
+  const dt = html?.getAttribute("data-theme");
+  if (dt === "dark" || dt === "light") return dt;
+  if (html?.classList.contains("dark")) return "dark";
+  if (html?.classList.contains("light")) return "light";
+  const mq = doc.defaultView?.matchMedia?.("(prefers-color-scheme: dark)");
+  return mq?.matches ? "dark" : "light";
+}
 var ID_RE = /^([А-ЯЁӨҮ]{2}[0-9]{8}|[0-9]{8,14})$/;
 var FOCUSABLE = 'button:not([disabled]), input:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])';
 function el(tag, attrs = {}, text) {
@@ -527,7 +542,7 @@ function el(tag, attrs = {}, text) {
 var Base = typeof HTMLElement === "undefined" ? class {
 } : HTMLElement;
 var EidLoginButton = class extends Base {
-  static observedAttributes = ["lang"];
+  static observedAttributes = ["lang", "theme"];
   /** Тест/дотоод: гар утас эсэхийг дарж бичих. */
   isMobile = () => isMobileUserAgent();
   /** Тест/дотоод: шилжилт (location.assign). */
@@ -544,6 +559,10 @@ var EidLoginButton = class extends Base {
   gen = 0;
   // цонх нээх бүрд нэмэгдэнэ — хуучин fetch-ийн хариуг үл тооно
   lastFocus = null;
+  darkStyle;
+  themeObs = null;
+  mq = null;
+  onScheme = () => this.applyTheme();
   get t() {
     return T[this.getAttribute("lang") === "en" ? "en" : "mn"];
   }
@@ -551,21 +570,52 @@ var EidLoginButton = class extends Base {
     return this.getAttribute(name) ?? def;
   }
   connectedCallback() {
-    if (this.root) return;
-    this.root = this.attachShadow({ mode: "open" });
-    const style = el("style");
-    style.textContent = CSS;
-    this.trigger = el("button", { type: "button", class: "btn btn-outline trigger", part: "button", "aria-haspopup": "dialog" });
-    this.trigger.append(el("img", { src: EID_LOGO_DATA_URI, alt: "", width: "20", height: "20" }), el("span", {}, this.t.button));
-    this.trigger.addEventListener("click", () => this.start());
-    this.root.append(style, this.trigger);
-  }
-  attributeChangedCallback() {
+    if (!this.root) {
+      this.root = this.attachShadow({ mode: "open" });
+      const style = el("style");
+      style.textContent = CSS;
+      this.darkStyle = el("style", { "data-eid-theme": "dark" });
+      this.trigger = el("button", { type: "button", class: "btn btn-outline trigger", part: "button", "aria-haspopup": "dialog" });
+      this.trigger.append(el("img", { src: EID_LOGO_DATA_URI, alt: "", width: "20", height: "20" }), el("span", {}, this.t.button));
+      this.trigger.addEventListener("click", () => this.start());
+      this.root.append(style, this.darkStyle, this.trigger);
+    }
+    this.watchTheme();
+    this.applyTheme();
+  }
+  attributeChangedCallback(name) {
+    if (name === "theme") {
+      if (this.root) this.applyTheme();
+      return;
+    }
     const label = this.trigger?.querySelector("span");
     if (label) label.textContent = this.t.button;
   }
   disconnectedCallback() {
     this.close();
+    this.themeObs?.disconnect();
+    this.themeObs = null;
+    this.mq?.removeEventListener?.("change", this.onScheme);
+    this.mq = null;
+  }
+  /** Одоогийн бодит схем (`theme` + auto үед хуудас/OS). */
+  get scheme() {
+    return resolveEidTheme(this.getAttribute("theme"));
+  }
+  applyTheme() {
+    const css = this.scheme === "dark" ? DARK_CSS : "";
+    if (this.darkStyle.textContent !== css) this.darkStyle.textContent = css;
+  }
+  /** auto үед хуудасны html[data-theme]/class ба OS-ийн схемийн өөрчлөлтийг дагана. */
+  watchTheme() {
+    if (!this.themeObs && typeof MutationObserver !== "undefined" && document.documentElement) {
+      this.themeObs = new MutationObserver(this.onScheme);
+      this.themeObs.observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme", "class"] });
+    }
+    if (!this.mq && typeof matchMedia === "function") {
+      this.mq = matchMedia("(prefers-color-scheme: dark)");
+      this.mq.addEventListener?.("change", this.onScheme);
+    }
   }
   /** Товчны үйлдэл (программаар ч дуудаж болно). */
   start() {
@@ -909,6 +959,7 @@ function mountEidLoginButton(target, opts) {
   b.setAttribute("status-url", opts.statusUrl);
   b.setAttribute("lang", opts.lang ?? "mn");
   if (opts.mode) b.setAttribute("mode", opts.mode);
+  if (opts.theme) b.setAttribute("theme", opts.theme);
   if (opts.successUrl) b.setAttribute("success-url", opts.successUrl);
   if (opts.onSuccess) b.addEventListener("eid-login-success", (e) => opts.onSuccess(e.detail));
   if (opts.onError) b.addEventListener("eid-login-error", (e) => opts.onError(e.detail.error));
@@ -919,5 +970,6 @@ defineEidLoginButton();
 export {
   EidLoginButton,
   defineEidLoginButton,
-  mountEidLoginButton
+  mountEidLoginButton,
+  resolveEidTheme
 };

package/dist/{chunk-QPJDZLHR.js → chunk-DXVHOZO7.js}

@@ -60,6 +60,12 @@ var ApiError = class extends EidError {
     return (this.status === 429 || this.status === 503) && (this.retryAfterMs ?? 0) > 0;
   }
 };
+var NoSigningCertificateError = class extends ApiError {
+};
+var CertChoiceInvalidError = class extends ApiError {
+};
+var RequestInvalidError = class extends ApiError {
+};
 var RETRYABLE_ERROR_CODES = [
   "PDF_PREPARE_BUSY",
   "DOCUMENT_PENDING",
@@ -170,6 +176,9 @@ export {
   AuthenticationError,
   ForbiddenError,
   ApiError,
+  NoSigningCertificateError,
+  CertChoiceInvalidError,
+  RequestInvalidError,
   RETRYABLE_ERROR_CODES,
   parseRetryAfter,
   ON_BEHALF_ERROR_CODES,