@eudi-verify/embed 0.1.0

package/dist/eudi-verify.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/element.ts","../src/styles.ts","../src/render.ts","../src/a11y.ts"],"sourcesContent":["/**\n * @eudi-verify/embed\n *\n * <eudi-verify> Custom Element for EUDI Wallet verification.\n *\n * @example\n * ```html\n * <script type=\"module\">\n *   import '@eudi-verify/embed';\n * </script>\n *\n * <eudi-verify\n *   api-url=\"/api/eudi\"\n *   request='{\"age_over_18\":true}'\n * ></eudi-verify>\n * ```\n */\n\nexport const VERSION = '0.1.0';\n\nexport { EudiVerifyElement, type EudiVerifyEventMap } from './element.js';\nexport { createStyles, CSS_VARIABLES } from './styles.js';\nexport {\n  announce,\n  clearAnnouncement,\n  createFocusTrap,\n  getFocusableElements,\n  STATE_MESSAGES,\n} from './a11y.js';\nexport { renderWidget, updateWidgetState, getStateId } from './render.js';\n\nimport { EudiVerifyElement } from './element.js';\n\nif (typeof customElements !== 'undefined' && !customElements.get('eudi-verify')) {\n  customElements.define('eudi-verify', EudiVerifyElement);\n}\n","/**\n * @eudi-verify/embed - Custom Element\n *\n * <eudi-verify> vanilla Custom Element for EUDI Wallet verification.\n * Uses open Shadow DOM with CSS custom property theming.\n */\n\nimport {\n  createVerification,\n  type Verification,\n  type VerificationState,\n  type VerificationRequest,\n} from '@eudi-verify/client';\nimport { createStyles } from './styles.js';\nimport { renderWidget, updateWidgetState } from './render.js';\nimport {\n  announce,\n  clearAnnouncement,\n  STATE_MESSAGES,\n  getAnnouncementPriority,\n} from './a11y.js';\n\n/**\n * Events dispatched by EudiVerifyElement.\n */\nexport interface EudiVerifyEventMap {\n  verified: CustomEvent<{ token: string; claims: Record<string, unknown> }>;\n  rejected: CustomEvent<{ error?: string }>;\n  expired: CustomEvent<Record<string, never>>;\n  error: CustomEvent<{ error: string }>;\n  'state-change': CustomEvent<{ state: VerificationState }>;\n}\n\n/**\n * Observed attributes for the custom element.\n */\nconst OBSERVED_ATTRIBUTES = ['api-url', 'request', 'auto-start'] as const;\ntype ObservedAttribute = (typeof OBSERVED_ATTRIBUTES)[number];\n\n/**\n * <eudi-verify> Custom Element\n *\n * @example\n * ```html\n * <eudi-verify\n *   api-url=\"/api/eudi\"\n *   request='{\"age_over_18\":true}'\n * ></eudi-verify>\n * ```\n *\n * @fires verified - Verification succeeded\n * @fires rejected - User rejected in wallet\n * @fires expired - Session expired\n * @fires error - Error occurred\n * @fires state-change - Any state change\n */\nexport class EudiVerifyElement extends HTMLElement {\n  static get observedAttributes(): readonly string[] {\n    return OBSERVED_ATTRIBUTES;\n  }\n\n  #shadow: ShadowRoot;\n  #verification: Verification | null = null;\n  #unsubscribe: (() => void) | null = null;\n  #container: HTMLElement | null = null;\n  #liveRegion: HTMLElement | null = null;\n  #lastStatus: VerificationState['status'] | null = null;\n  #isDemo: boolean | null = null;\n  #demoBanner: HTMLElement | null = null;\n\n  constructor() {\n    super();\n    this.#shadow = this.attachShadow({ mode: 'open' });\n  }\n\n  /**\n   * Get the API URL attribute.\n   */\n  get apiUrl(): string {\n    return this.getAttribute('api-url') ?? '';\n  }\n\n  /**\n   * Set the API URL attribute.\n   */\n  set apiUrl(value: string) {\n    this.setAttribute('api-url', value);\n  }\n\n  /**\n   * Get the request attribute (JSON string).\n   */\n  get request(): string {\n    return this.getAttribute('request') ?? '';\n  }\n\n  /**\n   * Set the request attribute (JSON string).\n   */\n  set request(value: string) {\n    this.setAttribute('request', value);\n  }\n\n  /**\n   * Check if auto-start is enabled.\n   */\n  get autoStart(): boolean {\n    return this.hasAttribute('auto-start');\n  }\n\n  /**\n   * Set auto-start attribute.\n   */\n  set autoStart(value: boolean) {\n    if (value) {\n      this.setAttribute('auto-start', '');\n    } else {\n      this.removeAttribute('auto-start');\n    }\n  }\n\n  /**\n   * Current verification state (read-only).\n   */\n  get state(): VerificationState | null {\n    return this.#verification?.state ?? null;\n  }\n\n  connectedCallback(): void {\n    this.#render();\n    this.#setupEventListeners();\n\n    if (this.autoStart && this.apiUrl && this.request) {\n      this.start();\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.#cleanup();\n  }\n\n  attributeChangedCallback(\n    name: string,\n    oldValue: string | null,\n    newValue: string | null\n  ): void {\n    if (oldValue === newValue) return;\n\n    if (name === 'api-url' && this.#verification) {\n      this.#cleanup();\n    }\n  }\n\n  /**\n   * Start the verification flow.\n   */\n  start(): void {\n    if (!this.apiUrl) {\n      console.error('[eudi-verify] api-url attribute is required');\n      return;\n    }\n\n    let requestObj: VerificationRequest;\n    try {\n      requestObj = this.request ? JSON.parse(this.request) : {};\n    } catch {\n      console.error('[eudi-verify] Invalid JSON in request attribute');\n      this.#dispatchError('Invalid verification request');\n      return;\n    }\n\n    this.#ensureVerification();\n    this.#verification!.start(requestObj);\n  }\n\n  /**\n   * Cancel the current verification.\n   */\n  cancel(): void {\n    this.#verification?.cancel();\n  }\n\n  /**\n   * Reset to idle state.\n   */\n  reset(): void {\n    this.#cleanup();\n    this.#updateState({ status: 'idle' });\n  }\n\n  #render(): void {\n    this.#shadow.innerHTML = `\n      <style>${createStyles()}</style>\n      ${renderWidget()}\n    `;\n\n    this.#container = this.#shadow.querySelector('.eudi-widget');\n    this.#liveRegion = this.#shadow.querySelector('[aria-live]');\n    this.#demoBanner = this.#shadow.querySelector('.eudi-demo-banner');\n  }\n\n  #setupEventListeners(): void {\n    this.#shadow.addEventListener('click', (event) => {\n      const target = event.target as HTMLElement;\n      const button = target.closest<HTMLElement>('[data-action]');\n      if (!button) return;\n\n      const action = button.dataset.action;\n      switch (action) {\n        case 'start':\n          this.start();\n          break;\n        case 'cancel':\n          this.cancel();\n          break;\n        case 'reset':\n          this.reset();\n          this.start();\n          break;\n      }\n    });\n  }\n\n  #ensureVerification(): void {\n    if (this.#verification) return;\n\n    this.#verification = createVerification({\n      apiUrl: this.apiUrl,\n    });\n\n    this.#unsubscribe = this.#verification.subscribe((state) => {\n      this.#handleStateChange(state);\n    });\n\n    // Detect demo mode on first API interaction\n    this.#detectDemoMode();\n  }\n\n  async #detectDemoMode(): Promise<void> {\n    if (this.#isDemo !== null || !this.apiUrl) return;\n\n    try {\n      const response = await fetch(`${this.apiUrl}/sessions`, {\n        method: 'HEAD',\n      });\n      const mode = response.headers.get('X-Eudi-Mode');\n      this.#isDemo = mode === 'demo';\n      this.#updateDemoBanner();\n    } catch {\n      // If detection fails, don't show banner (fail safely)\n      this.#isDemo = false;\n    }\n  }\n\n  #updateDemoBanner(): void {\n    if (!this.#demoBanner) return;\n\n    if (this.#isDemo === true) {\n      this.#demoBanner.removeAttribute('hidden');\n    } else {\n      this.#demoBanner.setAttribute('hidden', '');\n    }\n  }\n\n  #handleStateChange(state: VerificationState): void {\n    this.#updateState(state);\n    this.#dispatchStateChange(state);\n\n    switch (state.status) {\n      case 'verified':\n        if ('token' in state && 'claims' in state) {\n          this.#dispatchVerified(state.token, state.claims);\n        }\n        break;\n      case 'rejected':\n        this.#dispatchRejected('error' in state ? state.error : undefined);\n        break;\n      case 'expired':\n        this.#dispatchExpired();\n        break;\n      case 'error':\n        if ('error' in state) {\n          this.#dispatchError(state.error);\n        }\n        break;\n    }\n  }\n\n  #updateState(state: VerificationState): void {\n    if (!this.#container) return;\n\n    updateWidgetState(this.#container, state);\n\n    if (this.#liveRegion && state.status !== this.#lastStatus) {\n      const message = STATE_MESSAGES[state.status];\n      if (message) {\n        const priority = getAnnouncementPriority(state.status);\n        announce(this.#liveRegion, message, priority);\n      }\n    }\n\n    this.#lastStatus = state.status;\n\n    this.#manageFocus(state);\n  }\n\n  #manageFocus(state: VerificationState): void {\n    if (!this.#container) return;\n\n    switch (state.status) {\n      case 'showQR': {\n        const cancelBtn =\n          this.#container.querySelector<HTMLElement>('#eudi-state-showQR .eudi-cancel-btn');\n        cancelBtn?.focus();\n        break;\n      }\n      case 'verified':\n      case 'rejected':\n      case 'expired':\n      case 'error': {\n        const retryBtn = this.#container.querySelector<HTMLElement>(\n          `#eudi-state-${state.status} .eudi-retry-btn`\n        );\n        retryBtn?.focus();\n        break;\n      }\n    }\n  }\n\n  #dispatchVerified(token: string, claims: Record<string, unknown>): void {\n    this.dispatchEvent(\n      new CustomEvent('verified', {\n        bubbles: true,\n        composed: true,\n        detail: { token, claims },\n      })\n    );\n  }\n\n  #dispatchRejected(error?: string): void {\n    this.dispatchEvent(\n      new CustomEvent('rejected', {\n        bubbles: true,\n        composed: true,\n        detail: { error },\n      })\n    );\n  }\n\n  #dispatchExpired(): void {\n    this.dispatchEvent(\n      new CustomEvent('expired', {\n        bubbles: true,\n        composed: true,\n        detail: {},\n      })\n    );\n  }\n\n  #dispatchError(error: string): void {\n    this.dispatchEvent(\n      new CustomEvent('error', {\n        bubbles: true,\n        composed: true,\n        detail: { error },\n      })\n    );\n  }\n\n  #dispatchStateChange(state: VerificationState): void {\n    this.dispatchEvent(\n      new CustomEvent('state-change', {\n        bubbles: true,\n        composed: true,\n        detail: { state },\n      })\n    );\n  }\n\n  #cleanup(): void {\n    if (this.#unsubscribe) {\n      this.#unsubscribe();\n      this.#unsubscribe = null;\n    }\n\n    if (this.#verification) {\n      this.#verification.destroy();\n      this.#verification = null;\n    }\n\n    if (this.#liveRegion) {\n      clearAnnouncement(this.#liveRegion);\n    }\n\n    this.#lastStatus = null;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'eudi-verify': EudiVerifyElement;\n  }\n\n  interface HTMLElementEventMap extends EudiVerifyEventMap {}\n}\n","/**\n * @eudi-verify/embed - Styles\n *\n * CSS template with custom property theming.\n * Uses open Shadow DOM for style encapsulation.\n */\n\n/**\n * CSS custom properties for theming.\n * These can be set on the host element or any ancestor.\n */\nexport const CSS_VARIABLES = {\n  '--eudi-primary': '#003399',\n  '--eudi-text': '#1a1a1a',\n  '--eudi-background': '#ffffff',\n  '--eudi-border-radius': '8px',\n  '--eudi-font-family': 'system-ui, sans-serif',\n  '--eudi-error': '#d32f2f',\n} as const;\n\n/**\n * Generate the internal stylesheet for the shadow DOM.\n * Uses CSS custom properties with fallbacks to defaults.\n */\nexport function createStyles(): string {\n  return /* css */ `\n    :host {\n      display: block;\n      font-family: var(--eudi-font-family, ${CSS_VARIABLES['--eudi-font-family']});\n      color: var(--eudi-text, ${CSS_VARIABLES['--eudi-text']});\n    }\n\n    :host([hidden]) {\n      display: none;\n    }\n\n    *,\n    *::before,\n    *::after {\n      box-sizing: border-box;\n    }\n\n    .eudi-widget {\n      background: var(--eudi-background, ${CSS_VARIABLES['--eudi-background']});\n      border: 1px solid color-mix(in srgb, var(--eudi-text, ${CSS_VARIABLES['--eudi-text']}) 20%, transparent);\n      border-radius: var(--eudi-border-radius, ${CSS_VARIABLES['--eudi-border-radius']});\n      padding: 24px;\n      text-align: center;\n      min-width: 280px;\n      max-width: 400px;\n      margin-inline: auto;\n    }\n\n    /* State containers - only one visible at a time */\n    .eudi-state {\n      display: none;\n    }\n\n    .eudi-state[data-active] {\n      display: block;\n    }\n\n    /* Start button */\n    .eudi-start-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 24px;\n      font-size: 16px;\n      font-weight: 500;\n      font-family: inherit;\n      color: #ffffff;\n      background: var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n      border: none;\n      border-radius: var(--eudi-border-radius, ${CSS_VARIABLES['--eudi-border-radius']});\n      cursor: pointer;\n      transition: background-color 0.2s ease, transform 0.1s ease;\n    }\n\n    .eudi-start-btn:hover {\n      background: color-mix(in srgb, var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']}) 85%, black);\n    }\n\n    .eudi-start-btn:focus-visible {\n      outline: 2px solid var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n      outline-offset: 2px;\n    }\n\n    .eudi-start-btn:active {\n      transform: scale(0.98);\n    }\n\n    /* EU stars icon */\n    .eudi-icon {\n      width: 20px;\n      height: 20px;\n      flex-shrink: 0;\n    }\n\n    /* Loading state */\n    .eudi-loading {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 12px;\n      padding: 16px 0;\n    }\n\n    .eudi-spinner {\n      width: 40px;\n      height: 40px;\n      border: 3px solid color-mix(in srgb, var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']}) 20%, transparent);\n      border-top-color: var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n      border-radius: 50%;\n      animation: eudi-spin 0.8s linear infinite;\n    }\n\n    @keyframes eudi-spin {\n      to {\n        transform: rotate(360deg);\n      }\n    }\n\n    /* Reduced motion */\n    @media (prefers-reduced-motion: reduce) {\n      .eudi-spinner {\n        animation: none;\n        border-top-color: var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n        border-right-color: var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n      }\n\n      .eudi-start-btn {\n        transition: none;\n      }\n    }\n\n    /* QR code state */\n    .eudi-qr {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .eudi-qr-img {\n      width: 200px;\n      height: 200px;\n      border: 1px solid color-mix(in srgb, var(--eudi-text, ${CSS_VARIABLES['--eudi-text']}) 15%, transparent);\n      border-radius: 4px;\n    }\n\n    .eudi-qr-text {\n      margin: 0;\n      font-size: 14px;\n      color: color-mix(in srgb, var(--eudi-text, ${CSS_VARIABLES['--eudi-text']}) 80%, transparent);\n    }\n\n    .eudi-cancel-btn {\n      margin-top: 8px;\n      padding: 8px 16px;\n      font-size: 14px;\n      font-family: inherit;\n      color: var(--eudi-text, ${CSS_VARIABLES['--eudi-text']});\n      background: transparent;\n      border: 1px solid color-mix(in srgb, var(--eudi-text, ${CSS_VARIABLES['--eudi-text']}) 30%, transparent);\n      border-radius: var(--eudi-border-radius, ${CSS_VARIABLES['--eudi-border-radius']});\n      cursor: pointer;\n      transition: background-color 0.2s ease;\n    }\n\n    .eudi-cancel-btn:hover {\n      background: color-mix(in srgb, var(--eudi-text, ${CSS_VARIABLES['--eudi-text']}) 5%, transparent);\n    }\n\n    .eudi-cancel-btn:focus-visible {\n      outline: 2px solid var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n      outline-offset: 2px;\n    }\n\n    /* Waiting for wallet */\n    .eudi-waiting {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 12px;\n      padding: 16px 0;\n    }\n\n    .eudi-waiting-icon {\n      width: 48px;\n      height: 48px;\n      color: var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n    }\n\n    .eudi-waiting-text {\n      margin: 0;\n      font-size: 16px;\n    }\n\n    /* Success state */\n    .eudi-success {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 12px;\n      padding: 16px 0;\n    }\n\n    .eudi-success-icon {\n      width: 48px;\n      height: 48px;\n      color: var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n    }\n\n    .eudi-success-text {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 500;\n      color: var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n    }\n\n    /* Error/rejected/expired states */\n    .eudi-error {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 12px;\n      padding: 16px 0;\n    }\n\n    .eudi-error-icon {\n      width: 48px;\n      height: 48px;\n      color: var(--eudi-error, ${CSS_VARIABLES['--eudi-error']});\n    }\n\n    .eudi-error-text {\n      margin: 0;\n      font-size: 16px;\n      color: var(--eudi-error, ${CSS_VARIABLES['--eudi-error']});\n    }\n\n    .eudi-error-detail {\n      margin: 0;\n      font-size: 14px;\n      color: color-mix(in srgb, var(--eudi-text, ${CSS_VARIABLES['--eudi-text']}) 70%, transparent);\n    }\n\n    .eudi-retry-btn {\n      margin-top: 8px;\n      padding: 10px 20px;\n      font-size: 14px;\n      font-weight: 500;\n      font-family: inherit;\n      color: #ffffff;\n      background: var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n      border: none;\n      border-radius: var(--eudi-border-radius, ${CSS_VARIABLES['--eudi-border-radius']});\n      cursor: pointer;\n      transition: background-color 0.2s ease;\n    }\n\n    .eudi-retry-btn:hover {\n      background: color-mix(in srgb, var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']}) 85%, black);\n    }\n\n    .eudi-retry-btn:focus-visible {\n      outline: 2px solid var(--eudi-primary, ${CSS_VARIABLES['--eudi-primary']});\n      outline-offset: 2px;\n    }\n\n    /* Screen reader only */\n    .eudi-sr-only {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      margin: -1px;\n      overflow: hidden;\n      clip: rect(0, 0, 0, 0);\n      white-space: nowrap;\n      border: 0;\n    }\n\n    /* Demo mode banner */\n    .eudi-demo-banner {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 8px 12px;\n      margin-bottom: 16px;\n      font-size: 13px;\n      color: #7c5c00;\n      background: #fef3cd;\n      border: 1px solid #ffe69c;\n      border-radius: 4px;\n    }\n\n    .eudi-demo-banner[hidden] {\n      display: none;\n    }\n\n    .eudi-warning-icon {\n      width: 16px;\n      height: 16px;\n      flex-shrink: 0;\n      color: #7c5c00;\n    }\n  `;\n}\n","/**\n * @eudi-verify/embed - State-based Rendering\n *\n * Renders the widget UI based on verification state.\n */\n\nimport type { VerificationState } from '@eudi-verify/client';\n\n/**\n * SVG icon: EU stars (simplified)\n */\nconst EU_STARS_ICON = /* html */ `\n<svg class=\"eudi-icon\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n  <g fill=\"currentColor\">\n    <polygon points=\"12,4 12.5,5.5 14,5.5 12.75,6.5 13.25,8 12,7 10.75,8 11.25,6.5 10,5.5 11.5,5.5\"/>\n    <polygon points=\"17,6.5 17.35,7.6 18.5,7.6 17.6,8.3 17.9,9.4 17,8.7 16.1,9.4 16.4,8.3 15.5,7.6 16.65,7.6\"/>\n    <polygon points=\"19,11 19.35,12.1 20.5,12.1 19.6,12.8 19.9,13.9 19,13.2 18.1,13.9 18.4,12.8 17.5,12.1 18.65,12.1\"/>\n    <polygon points=\"17,15.5 17.35,16.6 18.5,16.6 17.6,17.3 17.9,18.4 17,17.7 16.1,18.4 16.4,17.3 15.5,16.6 16.65,16.6\"/>\n    <polygon points=\"12,18 12.35,19.1 13.5,19.1 12.6,19.8 12.9,20.9 12,20.2 11.1,20.9 11.4,19.8 10.5,19.1 11.65,19.1\"/>\n    <polygon points=\"7,15.5 7.35,16.6 8.5,16.6 7.6,17.3 7.9,18.4 7,17.7 6.1,18.4 6.4,17.3 5.5,16.6 6.65,16.6\"/>\n    <polygon points=\"5,11 5.35,12.1 6.5,12.1 5.6,12.8 5.9,13.9 5,13.2 4.1,13.9 4.4,12.8 3.5,12.1 4.65,12.1\"/>\n    <polygon points=\"7,6.5 7.35,7.6 8.5,7.6 7.6,8.3 7.9,9.4 7,8.7 6.1,9.4 6.4,8.3 5.5,7.6 6.65,7.6\"/>\n  </g>\n</svg>\n`;\n\n/**\n * SVG icon: checkmark (success)\n */\nconst SUCCESS_ICON = /* html */ `\n<svg class=\"eudi-success-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"/>\n  <path d=\"M8 12l3 3 5-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n`;\n\n/**\n * SVG icon: X (error)\n */\nconst ERROR_ICON = /* html */ `\n<svg class=\"eudi-error-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"/>\n  <path d=\"M15 9l-6 6M9 9l6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n</svg>\n`;\n\n/**\n * SVG icon: clock (expired)\n */\nconst EXPIRED_ICON = /* html */ `\n<svg class=\"eudi-error-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"/>\n  <path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n</svg>\n`;\n\n/**\n * SVG icon: wallet (waiting)\n */\nconst WALLET_ICON = /* html */ `\n<svg class=\"eudi-waiting-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n  <rect x=\"2\" y=\"6\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/>\n  <path d=\"M2 10h20\" stroke=\"currentColor\" stroke-width=\"2\"/>\n  <circle cx=\"17\" cy=\"14\" r=\"1.5\" fill=\"currentColor\"/>\n</svg>\n`;\n\n/**\n * SVG icon: warning (demo banner)\n */\nconst WARNING_ICON = /* html */ `\n<svg class=\"eudi-warning-icon\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n  <path d=\"M12 9v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>\n`;\n\n/**\n * Map of status to state container ID.\n */\ntype RenderableStatus = VerificationState['status'];\n\n/**\n * Get the state container ID for a status.\n */\nexport function getStateId(status: RenderableStatus): string {\n  return `eudi-state-${status}`;\n}\n\n/**\n * Render the idle state (start button).\n */\nfunction renderIdle(): string {\n  return /* html */ `\n    <div id=\"${getStateId('idle')}\" class=\"eudi-state\" data-active>\n      <button class=\"eudi-start-btn\" type=\"button\" data-action=\"start\">\n        ${EU_STARS_ICON}\n        <span>Verify with EU Wallet</span>\n      </button>\n    </div>\n  `;\n}\n\n/**\n * Render the loading state.\n */\nfunction renderLoading(): string {\n  return /* html */ `\n    <div id=\"${getStateId('loading')}\" class=\"eudi-state\">\n      <div class=\"eudi-loading\">\n        <div class=\"eudi-spinner\" aria-hidden=\"true\"></div>\n        <p>Loading...</p>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Render the QR code state.\n */\nfunction renderShowQR(): string {\n  return /* html */ `\n    <div id=\"${getStateId('showQR')}\" class=\"eudi-state\">\n      <div class=\"eudi-qr\">\n        <img class=\"eudi-qr-img\" src=\"\" alt=\"Scan with EUDI Wallet\" />\n        <p class=\"eudi-qr-text\">Scan with your EU Digital Identity Wallet</p>\n        <button class=\"eudi-cancel-btn\" type=\"button\" data-action=\"cancel\">Cancel</button>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Render the waiting for wallet state.\n */\nfunction renderWaitingForWallet(): string {\n  return /* html */ `\n    <div id=\"${getStateId('waitingForWallet')}\" class=\"eudi-state\">\n      <div class=\"eudi-waiting\">\n        ${WALLET_ICON}\n        <p class=\"eudi-waiting-text\">Waiting for wallet approval...</p>\n        <button class=\"eudi-cancel-btn\" type=\"button\" data-action=\"cancel\">Cancel</button>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Render the verified state.\n */\nfunction renderVerified(): string {\n  return /* html */ `\n    <div id=\"${getStateId('verified')}\" class=\"eudi-state\">\n      <div class=\"eudi-success\">\n        ${SUCCESS_ICON}\n        <p class=\"eudi-success-text\">Verified</p>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Render the rejected state.\n */\nfunction renderRejected(): string {\n  return /* html */ `\n    <div id=\"${getStateId('rejected')}\" class=\"eudi-state\">\n      <div class=\"eudi-error\">\n        ${ERROR_ICON}\n        <p class=\"eudi-error-text\">Verification declined</p>\n        <p class=\"eudi-error-detail\"></p>\n        <button class=\"eudi-retry-btn\" type=\"button\" data-action=\"reset\">Try again</button>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Render the expired state.\n */\nfunction renderExpired(): string {\n  return /* html */ `\n    <div id=\"${getStateId('expired')}\" class=\"eudi-state\">\n      <div class=\"eudi-error\">\n        ${EXPIRED_ICON}\n        <p class=\"eudi-error-text\">Session expired</p>\n        <button class=\"eudi-retry-btn\" type=\"button\" data-action=\"reset\">Try again</button>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Render the error state.\n */\nfunction renderError(): string {\n  return /* html */ `\n    <div id=\"${getStateId('error')}\" class=\"eudi-state\">\n      <div class=\"eudi-error\">\n        ${ERROR_ICON}\n        <p class=\"eudi-error-text\">Verification failed</p>\n        <p class=\"eudi-error-detail\"></p>\n        <button class=\"eudi-retry-btn\" type=\"button\" data-action=\"reset\">Try again</button>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Render the demo mode banner.\n */\nfunction renderDemoBanner(): string {\n  return /* html */ `\n    <div class=\"eudi-demo-banner\" role=\"status\" aria-live=\"polite\" hidden>\n      ${WARNING_ICON}\n      <span>Demo mode — credentials are simulated</span>\n    </div>\n  `;\n}\n\n/**\n * Render the complete widget structure.\n * All states are rendered, only one is visible at a time.\n */\nexport function renderWidget(): string {\n  return /* html */ `\n    <div class=\"eudi-widget\" role=\"region\" aria-label=\"Identity verification\">\n      <div class=\"eudi-sr-only\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n      ${renderDemoBanner()}\n      ${renderIdle()}\n      ${renderLoading()}\n      ${renderShowQR()}\n      ${renderWaitingForWallet()}\n      ${renderVerified()}\n      ${renderRejected()}\n      ${renderExpired()}\n      ${renderError()}\n    </div>\n  `;\n}\n\n/**\n * Update the visible state and content based on verification state.\n */\nexport function updateWidgetState(\n  container: HTMLElement,\n  state: VerificationState\n): void {\n  const stateContainers = container.querySelectorAll<HTMLElement>('.eudi-state');\n\n  for (const stateEl of stateContainers) {\n    if (stateEl.id === getStateId(state.status)) {\n      stateEl.setAttribute('data-active', '');\n    } else {\n      stateEl.removeAttribute('data-active');\n    }\n  }\n\n  if (state.status === 'showQR') {\n    const img = container.querySelector<HTMLImageElement>('.eudi-qr-img');\n    if (img && 'qrDataUrl' in state) {\n      img.src = state.qrDataUrl;\n    }\n  }\n\n  if (state.status === 'rejected' && 'error' in state && state.error) {\n    const detail = container.querySelector(`#${getStateId('rejected')} .eudi-error-detail`);\n    if (detail) {\n      detail.textContent = state.error;\n    }\n  }\n\n  if (state.status === 'error' && 'error' in state) {\n    const detail = container.querySelector(`#${getStateId('error')} .eudi-error-detail`);\n    if (detail) {\n      detail.textContent = state.error;\n    }\n  }\n}\n","/**\n * @eudi-verify/embed - Accessibility Utilities\n *\n * WCAG 2.1 AA compliance helpers for focus management and announcements.\n */\n\n/**\n * Selectors for focusable elements within the widget.\n */\nconst FOCUSABLE_SELECTORS = [\n  'button:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  'a[href]',\n  'input:not([disabled])',\n].join(', ');\n\n/**\n * Get all focusable elements within a container.\n */\nexport function getFocusableElements(container: HTMLElement): HTMLElement[] {\n  return Array.from(container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTORS));\n}\n\n/**\n * Create a focus trap within a container.\n * Returns a cleanup function to remove the trap.\n */\nexport function createFocusTrap(container: HTMLElement): () => void {\n  let previouslyFocused: HTMLElement | null = null;\n\n  function handleKeyDown(event: KeyboardEvent): void {\n    if (event.key !== 'Tab') return;\n\n    const focusable = getFocusableElements(container);\n    if (focusable.length === 0) return;\n\n    const firstElement = focusable[0]!;\n    const lastElement = focusable[focusable.length - 1]!;\n\n    if (event.shiftKey && document.activeElement === firstElement) {\n      event.preventDefault();\n      lastElement.focus();\n    } else if (!event.shiftKey && document.activeElement === lastElement) {\n      event.preventDefault();\n      firstElement.focus();\n    }\n  }\n\n  function activate(): void {\n    previouslyFocused = document.activeElement as HTMLElement | null;\n    container.addEventListener('keydown', handleKeyDown);\n\n    const focusable = getFocusableElements(container);\n    if (focusable.length > 0) {\n      focusable[0]!.focus();\n    }\n  }\n\n  function deactivate(): void {\n    container.removeEventListener('keydown', handleKeyDown);\n    if (previouslyFocused && typeof previouslyFocused.focus === 'function') {\n      previouslyFocused.focus();\n    }\n  }\n\n  activate();\n  return deactivate;\n}\n\n/**\n * Announce a message to screen readers via aria-live region.\n */\nexport function announce(\n  liveRegion: HTMLElement,\n  message: string,\n  priority: 'polite' | 'assertive' = 'polite'\n): void {\n  liveRegion.setAttribute('aria-live', priority);\n  liveRegion.textContent = '';\n  requestAnimationFrame(() => {\n    liveRegion.textContent = message;\n  });\n}\n\n/**\n * Clear the announcement from a live region.\n */\nexport function clearAnnouncement(liveRegion: HTMLElement): void {\n  liveRegion.textContent = '';\n}\n\n/**\n * Messages for each verification state (for screen reader announcements).\n */\nexport const STATE_MESSAGES = {\n  idle: '',\n  loading: 'Loading verification session...',\n  showQR: 'QR code ready. Scan with your EU Digital Identity Wallet.',\n  waitingForWallet: 'Waiting for wallet approval...',\n  verified: 'Identity verified successfully.',\n  rejected: 'Verification was declined.',\n  expired: 'Verification session expired.',\n  error: 'Verification error occurred.',\n} as const;\n\n/**\n * Get aria-live priority for a state change.\n * Terminal states use assertive, others use polite.\n */\nexport function getAnnouncementPriority(\n  status: keyof typeof STATE_MESSAGES\n): 'polite' | 'assertive' {\n  switch (status) {\n    case 'verified':\n    case 'rejected':\n    case 'expired':\n    case 'error':\n      return 'assertive';\n    default:\n      return 'polite';\n  }\n}\n\n/**\n * Check if reduced motion is preferred.\n */\nexport function prefersReducedMotion(): boolean {\n  return (\n    typeof window !== 'undefined' &&\n    window.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/eudi-verify.d.cts

@@ -0,0 +1,205 @@
+import { VerificationState } from '@eudi-verify/client';
+
+/**
+ * @eudi-verify/embed - Custom Element
+ *
+ * <eudi-verify> vanilla Custom Element for EUDI Wallet verification.
+ * Uses open Shadow DOM with CSS custom property theming.
+ */
+
+/**
+ * Events dispatched by EudiVerifyElement.
+ */
+interface EudiVerifyEventMap {
+    verified: CustomEvent<{
+        token: string;
+        claims: Record<string, unknown>;
+    }>;
+    rejected: CustomEvent<{
+        error?: string;
+    }>;
+    expired: CustomEvent<Record<string, never>>;
+    error: CustomEvent<{
+        error: string;
+    }>;
+    'state-change': CustomEvent<{
+        state: VerificationState;
+    }>;
+}
+/**
+ * <eudi-verify> Custom Element
+ *
+ * @example
+ * ```html
+ * <eudi-verify
+ *   api-url="/api/eudi"
+ *   request='{"age_over_18":true}'
+ * ></eudi-verify>
+ * ```
+ *
+ * @fires verified - Verification succeeded
+ * @fires rejected - User rejected in wallet
+ * @fires expired - Session expired
+ * @fires error - Error occurred
+ * @fires state-change - Any state change
+ */
+declare class EudiVerifyElement extends HTMLElement {
+    #private;
+    static get observedAttributes(): readonly string[];
+    constructor();
+    /**
+     * Get the API URL attribute.
+     */
+    get apiUrl(): string;
+    /**
+     * Set the API URL attribute.
+     */
+    set apiUrl(value: string);
+    /**
+     * Get the request attribute (JSON string).
+     */
+    get request(): string;
+    /**
+     * Set the request attribute (JSON string).
+     */
+    set request(value: string);
+    /**
+     * Check if auto-start is enabled.
+     */
+    get autoStart(): boolean;
+    /**
+     * Set auto-start attribute.
+     */
+    set autoStart(value: boolean);
+    /**
+     * Current verification state (read-only).
+     */
+    get state(): VerificationState | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    /**
+     * Start the verification flow.
+     */
+    start(): void;
+    /**
+     * Cancel the current verification.
+     */
+    cancel(): void;
+    /**
+     * Reset to idle state.
+     */
+    reset(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eudi-verify': EudiVerifyElement;
+    }
+    interface HTMLElementEventMap extends EudiVerifyEventMap {
+    }
+}
+
+/**
+ * @eudi-verify/embed - Styles
+ *
+ * CSS template with custom property theming.
+ * Uses open Shadow DOM for style encapsulation.
+ */
+/**
+ * CSS custom properties for theming.
+ * These can be set on the host element or any ancestor.
+ */
+declare const CSS_VARIABLES: {
+    readonly '--eudi-primary': "#003399";
+    readonly '--eudi-text': "#1a1a1a";
+    readonly '--eudi-background': "#ffffff";
+    readonly '--eudi-border-radius': "8px";
+    readonly '--eudi-font-family': "system-ui, sans-serif";
+    readonly '--eudi-error': "#d32f2f";
+};
+/**
+ * Generate the internal stylesheet for the shadow DOM.
+ * Uses CSS custom properties with fallbacks to defaults.
+ */
+declare function createStyles(): string;
+
+/**
+ * @eudi-verify/embed - Accessibility Utilities
+ *
+ * WCAG 2.1 AA compliance helpers for focus management and announcements.
+ */
+/**
+ * Get all focusable elements within a container.
+ */
+declare function getFocusableElements(container: HTMLElement): HTMLElement[];
+/**
+ * Create a focus trap within a container.
+ * Returns a cleanup function to remove the trap.
+ */
+declare function createFocusTrap(container: HTMLElement): () => void;
+/**
+ * Announce a message to screen readers via aria-live region.
+ */
+declare function announce(liveRegion: HTMLElement, message: string, priority?: 'polite' | 'assertive'): void;
+/**
+ * Clear the announcement from a live region.
+ */
+declare function clearAnnouncement(liveRegion: HTMLElement): void;
+/**
+ * Messages for each verification state (for screen reader announcements).
+ */
+declare const STATE_MESSAGES: {
+    readonly idle: "";
+    readonly loading: "Loading verification session...";
+    readonly showQR: "QR code ready. Scan with your EU Digital Identity Wallet.";
+    readonly waitingForWallet: "Waiting for wallet approval...";
+    readonly verified: "Identity verified successfully.";
+    readonly rejected: "Verification was declined.";
+    readonly expired: "Verification session expired.";
+    readonly error: "Verification error occurred.";
+};
+
+/**
+ * @eudi-verify/embed - State-based Rendering
+ *
+ * Renders the widget UI based on verification state.
+ */
+
+/**
+ * Map of status to state container ID.
+ */
+type RenderableStatus = VerificationState['status'];
+/**
+ * Get the state container ID for a status.
+ */
+declare function getStateId(status: RenderableStatus): string;
+/**
+ * Render the complete widget structure.
+ * All states are rendered, only one is visible at a time.
+ */
+declare function renderWidget(): string;
+/**
+ * Update the visible state and content based on verification state.
+ */
+declare function updateWidgetState(container: HTMLElement, state: VerificationState): void;
+
+/**
+ * @eudi-verify/embed
+ *
+ * <eudi-verify> Custom Element for EUDI Wallet verification.
+ *
+ * @example
+ * ```html
+ * <script type="module">
+ *   import '@eudi-verify/embed';
+ * </script>
+ *
+ * <eudi-verify
+ *   api-url="/api/eudi"
+ *   request='{"age_over_18":true}'
+ * ></eudi-verify>
+ * ```
+ */
+declare const VERSION = "0.1.0";
+
+export { CSS_VARIABLES, EudiVerifyElement, type EudiVerifyEventMap, STATE_MESSAGES, VERSION, announce, clearAnnouncement, createFocusTrap, createStyles, getFocusableElements, getStateId, renderWidget, updateWidgetState };

package/dist/eudi-verify.d.ts

@@ -0,0 +1,205 @@
+import { VerificationState } from '@eudi-verify/client';
+
+/**
+ * @eudi-verify/embed - Custom Element
+ *
+ * <eudi-verify> vanilla Custom Element for EUDI Wallet verification.
+ * Uses open Shadow DOM with CSS custom property theming.
+ */
+
+/**
+ * Events dispatched by EudiVerifyElement.
+ */
+interface EudiVerifyEventMap {
+    verified: CustomEvent<{
+        token: string;
+        claims: Record<string, unknown>;
+    }>;
+    rejected: CustomEvent<{
+        error?: string;
+    }>;
+    expired: CustomEvent<Record<string, never>>;
+    error: CustomEvent<{
+        error: string;
+    }>;
+    'state-change': CustomEvent<{
+        state: VerificationState;
+    }>;
+}
+/**
+ * <eudi-verify> Custom Element
+ *
+ * @example
+ * ```html
+ * <eudi-verify
+ *   api-url="/api/eudi"
+ *   request='{"age_over_18":true}'
+ * ></eudi-verify>
+ * ```
+ *
+ * @fires verified - Verification succeeded
+ * @fires rejected - User rejected in wallet
+ * @fires expired - Session expired
+ * @fires error - Error occurred
+ * @fires state-change - Any state change
+ */
+declare class EudiVerifyElement extends HTMLElement {
+    #private;
+    static get observedAttributes(): readonly string[];
+    constructor();
+    /**
+     * Get the API URL attribute.
+     */
+    get apiUrl(): string;
+    /**
+     * Set the API URL attribute.
+     */
+    set apiUrl(value: string);
+    /**
+     * Get the request attribute (JSON string).
+     */
+    get request(): string;
+    /**
+     * Set the request attribute (JSON string).
+     */
+    set request(value: string);
+    /**
+     * Check if auto-start is enabled.
+     */
+    get autoStart(): boolean;
+    /**
+     * Set auto-start attribute.
+     */
+    set autoStart(value: boolean);
+    /**
+     * Current verification state (read-only).
+     */
+    get state(): VerificationState | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    /**
+     * Start the verification flow.
+     */
+    start(): void;
+    /**
+     * Cancel the current verification.
+     */
+    cancel(): void;
+    /**
+     * Reset to idle state.
+     */
+    reset(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'eudi-verify': EudiVerifyElement;
+    }
+    interface HTMLElementEventMap extends EudiVerifyEventMap {
+    }
+}
+
+/**
+ * @eudi-verify/embed - Styles
+ *
+ * CSS template with custom property theming.
+ * Uses open Shadow DOM for style encapsulation.
+ */
+/**
+ * CSS custom properties for theming.
+ * These can be set on the host element or any ancestor.
+ */
+declare const CSS_VARIABLES: {
+    readonly '--eudi-primary': "#003399";
+    readonly '--eudi-text': "#1a1a1a";
+    readonly '--eudi-background': "#ffffff";
+    readonly '--eudi-border-radius': "8px";
+    readonly '--eudi-font-family': "system-ui, sans-serif";
+    readonly '--eudi-error': "#d32f2f";
+};
+/**
+ * Generate the internal stylesheet for the shadow DOM.
+ * Uses CSS custom properties with fallbacks to defaults.
+ */
+declare function createStyles(): string;
+
+/**
+ * @eudi-verify/embed - Accessibility Utilities
+ *
+ * WCAG 2.1 AA compliance helpers for focus management and announcements.
+ */
+/**
+ * Get all focusable elements within a container.
+ */
+declare function getFocusableElements(container: HTMLElement): HTMLElement[];
+/**
+ * Create a focus trap within a container.
+ * Returns a cleanup function to remove the trap.
+ */
+declare function createFocusTrap(container: HTMLElement): () => void;
+/**
+ * Announce a message to screen readers via aria-live region.
+ */
+declare function announce(liveRegion: HTMLElement, message: string, priority?: 'polite' | 'assertive'): void;
+/**
+ * Clear the announcement from a live region.
+ */
+declare function clearAnnouncement(liveRegion: HTMLElement): void;
+/**
+ * Messages for each verification state (for screen reader announcements).
+ */
+declare const STATE_MESSAGES: {
+    readonly idle: "";
+    readonly loading: "Loading verification session...";
+    readonly showQR: "QR code ready. Scan with your EU Digital Identity Wallet.";
+    readonly waitingForWallet: "Waiting for wallet approval...";
+    readonly verified: "Identity verified successfully.";
+    readonly rejected: "Verification was declined.";
+    readonly expired: "Verification session expired.";
+    readonly error: "Verification error occurred.";
+};
+
+/**
+ * @eudi-verify/embed - State-based Rendering
+ *
+ * Renders the widget UI based on verification state.
+ */
+
+/**
+ * Map of status to state container ID.
+ */
+type RenderableStatus = VerificationState['status'];
+/**
+ * Get the state container ID for a status.
+ */
+declare function getStateId(status: RenderableStatus): string;
+/**
+ * Render the complete widget structure.
+ * All states are rendered, only one is visible at a time.
+ */
+declare function renderWidget(): string;
+/**
+ * Update the visible state and content based on verification state.
+ */
+declare function updateWidgetState(container: HTMLElement, state: VerificationState): void;
+
+/**
+ * @eudi-verify/embed
+ *
+ * <eudi-verify> Custom Element for EUDI Wallet verification.
+ *
+ * @example
+ * ```html
+ * <script type="module">
+ *   import '@eudi-verify/embed';
+ * </script>
+ *
+ * <eudi-verify
+ *   api-url="/api/eudi"
+ *   request='{"age_over_18":true}'
+ * ></eudi-verify>
+ * ```
+ */
+declare const VERSION = "0.1.0";
+
+export { CSS_VARIABLES, EudiVerifyElement, type EudiVerifyEventMap, STATE_MESSAGES, VERSION, announce, clearAnnouncement, createFocusTrap, createStyles, getFocusableElements, getStateId, renderWidget, updateWidgetState };