@lukso/up-connector 0.5.1-dev.e515cef → 0.6.0-dev.5916302

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/connector.ts","../src/popup-instance.ts"],"sourcesContent":["/**\n * UP Connector - Main class that orchestrates avatar and modal\n * Provides smooth avatar-to-modal animations and connection state management\n *\n * NOTE: This connector uses Lit-based modal components:\n * - <connect-modal> for wallet connection (configured via setupConnectModal())\n * - <account-modal> for account management (shows address, chain, disconnect)\n *\n * Current implementation status:\n * - ✅ Avatar integration (DraggableAvatar with IconView)\n * - ✅ Connection modal (Lit-based ConnectModal)\n * - ✅ Account management modal (Lit-based AccountModal)\n * - ✅ Wagmi synchronization\n *\n * The legacy ConnectorModal (vanilla JS) has been removed. The config.modal property\n * is deprecated and has no effect - use setupConnectModal() instead.\n *\n * Users can pre-place modal components in DOM for custom positioning:\n * - Place <connect-modal> or <account-modal> anywhere in your HTML\n * - The connector will find and reuse existing modals instead of creating new ones\n */\n\nimport { DraggableAvatar } from './avatar.js'\nimport './connect-modal/index.js' // Import for side-effect (registers custom element)\nimport './account-modal.js' // Import for side-effect (registers custom element)\nimport { setLuksoConfig } from '@lukso/transaction-view-headless'\nimport type { AccountModal } from './account-modal.js'\nimport type { ConnectModal, WalletConnector } from './connect-modal/index.js'\nimport {\n  disconnect,\n  getConnection,\n  watchConnection,\n} from './connect-modal/index.js'\nimport type {\n  ConnectionState,\n  ConnectorConfig,\n  WalletProvider,\n} from './types.js'\n\nconst DEFAULT_CONFIG: Required<\n  Omit<ConnectorConfig, 'avatar' | 'modal' | 'onConnectionChange'>\n> = {\n  autoConnect: false,\n  persistConnection: true,\n  storageKey: 'up-connector-state',\n  chainId: 42, // LUKSO mainnet\n  rpcUrl: 'https://rpc.lukso.network',\n}\n\nexport class UPConnector {\n  private config: ConnectorConfig & typeof DEFAULT_CONFIG\n  private avatar?: DraggableAvatar\n  private connectModal?: ConnectModal\n  private accountModal?: AccountModal\n  private connectors: WalletConnector[] = []\n  private connectionState: ConnectionState = 'disconnected'\n  private connectedAddress?: string\n  private connectedProvider?: any\n  private connectedChainId?: number\n  private wagmiUnsubscribe?: (() => void) | null\n\n  constructor(config: ConnectorConfig = {}) {\n    this.config = { ...DEFAULT_CONFIG, ...config }\n\n    // Initialize components\n    this.init()\n  }\n\n  private async init(): Promise<void> {\n    // Create avatar immediately\n    await this.createAvatar()\n\n    // Start watching wagmi (handles both initial state and changes)\n    // This is async but non-blocking - connector works immediately\n    this.startWagmiSync()\n\n    // Try auto-connect if enabled (for non-wagmi connections)\n    if (this.config.autoConnect && this.config.persistConnection) {\n      await this.tryAutoConnect()\n    }\n  }\n\n  /**\n   * Start syncing with wagmi\n   * Checks current state and subscribes to changes\n   */\n  /**\n   * Update global Lukso config for address resolution\n   */\n  private updateLuksoConfig(chainId: number): void {\n    try {\n      if (chainId === 42) {\n        // LUKSO Mainnet\n        setLuksoConfig({\n          chainId: 42,\n          rpcUrl: 'https://rpc.lukso.network',\n        })\n      } else if (chainId === 4201) {\n        // LUKSO Testnet\n        setLuksoConfig({\n          chainId: 4201,\n          rpcUrl: 'https://rpc.testnet.lukso.network',\n        })\n      } else {\n        // Other networks - default to mainnet config but with custom chainId\n        setLuksoConfig({\n          chainId,\n          rpcUrl: this.config.rpcUrl,\n        })\n      }\n    } catch (error) {\n      console.warn('⚠️ [Connector] Failed to update Lukso config:', error)\n    }\n  }\n\n  private async startWagmiSync(): Promise<void> {\n    try {\n      // Check initial state first\n      const connection = await getConnection()\n\n      if (!connection) {\n        return\n      }\n\n      if (connection.status === 'connected' && connection.address) {\n        this.handleConnection(\n          connection.address,\n          connection.connector,\n          connection.chainId\n        )\n      }\n\n      // Subscribe to wagmi connection changes\n      this.wagmiUnsubscribe = await watchConnection((connection) => {\n        const account = {\n          isConnected: connection.status === 'connected',\n          address: connection.address,\n          chainId: connection.chainId,\n          connector: connection.connector,\n        }\n        if (account.isConnected && account.address) {\n          // Connected\n          if (\n            this.connectedAddress !== account.address ||\n            this.connectedChainId !== account.chainId\n          ) {\n            this.handleConnection(\n              account.address,\n              account.connector,\n              account.chainId\n            )\n          }\n        } else {\n          // Disconnected\n          if (this.connectionState === 'connected') {\n            this.handleDisconnection()\n          }\n        }\n      })\n    } catch (error) {\n      console.warn('⚠️ [Connector] Failed to sync with wagmi:', error)\n    }\n  }\n\n  private async createAvatar(): Promise<void> {\n    this.avatar = new DraggableAvatar({\n      // Default avatar options\n      avatarSize: 'medium',\n      initialPosition: 'top-right',\n      fallbackText: '👤',\n\n      // Override with user config\n      ...this.config.avatar,\n\n      // Connection-specific callbacks\n      onClick: (event, data) => {\n        // Call user-defined onClick first\n        this.config.avatar?.onClick?.(event, data)\n\n        // Then handle connection logic\n        this.handleAvatarClick(event)\n      },\n\n      onAddressClick: (event) => {\n        // Call user-defined callback\n        this.config.avatar?.onAddressClick?.(event)\n      },\n    })\n\n    // Update avatar connected state\n    this.updateAvatarState()\n  }\n\n  // TODO: Replace with Lit-based account management modal\n  // Legacy createModal() method removed - was using deprecated ConnectorModal\n\n  private handleAvatarClick(event: MouseEvent): void {\n    if (this.connectionState === 'connected') {\n      // Show account management modal\n      this.showAccountModal()\n    } else {\n      // Show connection modal\n      this.showConnectionModal()\n    }\n  }\n\n  private showConnectionModal(): void {\n    // First, check if user has placed a connect-modal in the DOM\n    if (!this.connectModal) {\n      this.connectModal = document.querySelector(\n        'connect-modal'\n      ) as ConnectModal\n    }\n\n    // If still not found, create and append it\n    if (!this.connectModal) {\n      this.connectModal = document.createElement(\n        'connect-modal'\n      ) as ConnectModal\n      document.body.appendChild(this.connectModal as unknown as HTMLElement)\n\n      // Handle connect event\n      this.connectModal.addEventListener('connect', ((e: CustomEvent) => {\n        const connector = e.detail.connector as WalletConnector\n        // TODO: Handle actual connection logic\n        // For now, this will be extended when wagmi/viem integration is added\n      }) as EventListener)\n\n      // Handle close event\n      this.connectModal.addEventListener('close', (() => {\n        // Modal closed\n      }) as EventListener)\n    }\n\n    // Modal will load connectors automatically from global setup\n    // Open the modal\n    this.connectModal.open = true\n  }\n\n  private showAccountModal(): void {\n    if (!this.connectedAddress) return\n\n    // First, check if user has placed an account-modal in the DOM\n    if (!this.accountModal) {\n      this.accountModal = document.querySelector(\n        'account-modal'\n      ) as AccountModal\n    }\n\n    // If still not found, create and append it\n    if (!this.accountModal) {\n      this.accountModal = document.createElement(\n        'account-modal'\n      ) as AccountModal\n      document.body.appendChild(this.accountModal)\n\n      // Handle disconnect event\n      this.accountModal.addEventListener('disconnect', () => {\n        this.handleDisconnection()\n      })\n    }\n\n    // Set properties and open\n    this.accountModal.address = this.connectedAddress\n    this.accountModal.chainId = this.connectedChainId\n    this.accountModal.connectorName = this.connectedProvider?.name || 'Unknown'\n    this.accountModal.open = true\n  }\n\n  private handleConnection(\n    address: string,\n    provider: any,\n    chainId?: number\n  ): void {\n    this.connectedAddress = address\n    this.connectedProvider = provider\n    this.connectedChainId = chainId\n    this.setConnectionState('connected')\n\n    // Update global Lukso config for address resolution\n    if (chainId) {\n      this.updateLuksoConfig(chainId)\n    }\n\n    // Update avatar with connected address and chainId\n    if (this.avatar) {\n      this.avatar.updateAddress(address, undefined, chainId)\n      this.avatar.setConnected(true)\n    }\n\n    // Persist connection if enabled\n    if (this.config.persistConnection) {\n      this.saveConnectionState()\n    }\n\n    // Hide connection modal if open\n    if (this.connectModal) {\n      this.connectModal.open = false\n    }\n  }\n\n  private async handleDisconnection(): Promise<void> {\n    // Disconnect from wagmi first to ensure state is clean\n    await disconnect()\n\n    this.connectedAddress = undefined\n    this.connectedProvider = undefined\n    this.connectedChainId = undefined\n    this.setConnectionState('disconnected')\n\n    // Update avatar - clear address and show disconnected state\n    if (this.avatar) {\n      this.avatar.setConnected(false)\n      // Clear the address to show fallback/disconnected state\n      this.avatar.updateAddress('')\n    }\n\n    // Clear persisted state\n    if (this.config.persistConnection) {\n      this.clearConnectionState()\n    }\n\n    // Hide connect modal if open\n    if (this.connectModal) {\n      this.connectModal.open = false\n    }\n  }\n\n  private setConnectionState(state: ConnectionState): void {\n    const prevState = this.connectionState\n    this.connectionState = state\n\n    // Update avatar state\n    this.updateAvatarState()\n\n    // Notify callback\n    if (prevState !== state) {\n      this.config.onConnectionChange?.(state, {\n        address: this.connectedAddress,\n        provider: this.connectedProvider,\n        chainId: this.connectedChainId,\n      })\n    }\n  }\n\n  private updateAvatarState(): void {\n    if (!this.avatar) return\n\n    this.avatar.setConnected(this.connectionState === 'connected')\n\n    // Update avatar address and chainId if connected\n    if (this.connectionState === 'connected' && this.connectedAddress) {\n      this.avatar.updateAddress(\n        this.connectedAddress,\n        undefined,\n        this.connectedChainId\n      )\n    }\n  }\n\n  private async tryAutoConnect(): Promise<void> {\n    const savedState = this.loadConnectionState()\n    if (!savedState?.address) return\n\n    this.setConnectionState('connecting')\n\n    try {\n      // Try to reconnect using saved provider info\n      // This would typically involve checking if the provider is still available\n      // and attempting to reconnect\n\n      // For now, simulate auto-connection\n      setTimeout(() => {\n        if (savedState.address) {\n          this.handleConnection(savedState.address, savedState.provider)\n        } else {\n          this.setConnectionState('disconnected')\n        }\n      }, 1000)\n    } catch (error) {\n      console.warn('Auto-connect failed:', error)\n      this.setConnectionState('disconnected')\n    }\n  }\n\n  private saveConnectionState(): void {\n    if (typeof localStorage === 'undefined') return\n\n    try {\n      const state = {\n        address: this.connectedAddress,\n        provider: this.connectedProvider?.constructor?.name,\n        timestamp: Date.now(),\n      }\n      localStorage.setItem(this.config.storageKey, JSON.stringify(state))\n    } catch (error) {\n      console.warn('Failed to save connection state:', error)\n    }\n  }\n\n  private loadConnectionState(): any {\n    if (typeof localStorage === 'undefined') return null\n\n    try {\n      const saved = localStorage.getItem(this.config.storageKey)\n      if (!saved) return null\n\n      const state = JSON.parse(saved)\n\n      // Check if state is not too old (24 hours)\n      const maxAge = 24 * 60 * 60 * 1000\n      if (Date.now() - state.timestamp > maxAge) {\n        this.clearConnectionState()\n        return null\n      }\n\n      return state\n    } catch (error) {\n      console.warn('Failed to load connection state:', error)\n      return null\n    }\n  }\n\n  private clearConnectionState(): void {\n    if (typeof localStorage === 'undefined') return\n\n    try {\n      localStorage.removeItem(this.config.storageKey)\n    } catch (error) {\n      console.warn('Failed to clear connection state:', error)\n    }\n  }\n\n  // Public API\n  public getAvatar(): DraggableAvatar | undefined {\n    return this.avatar\n  }\n\n  /**\n   * @deprecated Legacy modal removed. Use getConnectModal() or create account modal\n   */\n  public getModal(): undefined {\n    console.warn('getModal() is deprecated - legacy ConnectorModal removed')\n    return undefined\n  }\n\n  public getConnectModal(): ConnectModal | undefined {\n    return this.connectModal\n  }\n\n  /**\n   * @deprecated Use setupConnectModal() instead to configure wagmi connectors globally\n   */\n  public setConnectors(connectors: WalletConnector[]): void {\n    this.connectors = connectors\n    // Note: The ConnectModal now loads connectors automatically from global setup\n    // Use setupConnectModal() to configure wagmi integration\n    console.warn(\n      'setConnectors() is deprecated. Use setupConnectModal() instead.'\n    )\n  }\n\n  public async connect(providerId?: string): Promise<void> {\n    this.setConnectionState('connecting')\n\n    if (providerId) {\n      // Connect to specific provider\n      // This would be implemented based on available providers\n    } else {\n      // Show connection modal\n      this.showConnectionModal()\n    }\n  }\n\n  public disconnect(): void {\n    this.handleDisconnection()\n  }\n\n  public getConnectionState(): ConnectionState {\n    return this.connectionState\n  }\n\n  public getConnectedAddress(): string | undefined {\n    return this.connectedAddress\n  }\n\n  public getConnectedProvider(): any {\n    return this.connectedProvider\n  }\n\n  public isConnected(): boolean {\n    return this.connectionState === 'connected'\n  }\n\n  public showModal(): void {\n    if (this.isConnected()) {\n      this.showAccountModal()\n    } else {\n      this.showConnectionModal()\n    }\n  }\n\n  public hideModal(): void {\n    if (this.connectModal) {\n      this.connectModal.open = false\n    }\n  }\n\n  public updateConfig(config: Partial<ConnectorConfig>): void {\n    this.config = { ...this.config, ...config }\n\n    // Update avatar if config changed\n    if (config.avatar && this.avatar) {\n      // This would require implementing avatar config updates\n    }\n  }\n\n  public destroy(): void {\n    // Unsubscribe from wagmi changes\n    if (this.wagmiUnsubscribe) {\n      this.wagmiUnsubscribe()\n      this.wagmiUnsubscribe = undefined\n    }\n\n    this.avatar?.destroy()\n\n    // Clean up connect modal\n    if (this.connectModal) {\n      this.connectModal.open = false\n      if (this.connectModal.parentNode) {\n        this.connectModal.parentNode.removeChild(this.connectModal)\n      }\n    }\n\n    this.avatar = undefined\n    this.connectModal = undefined\n    this.connectedAddress = undefined\n    this.connectedProvider = undefined\n    this.connectionState = 'disconnected'\n  }\n}\n\n/**\n * Factory function for creating UP Connector instances\n */\nexport function createConnector(config: ConnectorConfig = {}): UPConnector {\n  return new UPConnector(config)\n}\n\nexport default UPConnector\n","/**\n * Enhanced Popup System for UP Connector\n * Provides unified interface for both popup windows and modal dialogs\n */\n\nexport interface PopupRequest {\n  mode: 'popup' | 'modal' // popup = window.open, modal = iframe in modal\n  url?: string // If present = external, if not = local content\n  size?: { width: number; height: number }\n  position?: 'center' | 'top-right'\n  allowedOrigins?: string[] // Security for message passing\n  reuseExisting?: boolean // Whether to reuse existing popups (default: true)\n}\n\nexport interface PopupInstance {\n  // Lifecycle Management\n  show(): Promise<void> // Show the popup/modal - async for consistency\n  hide(): void // Hide but preserve state\n  close(): void // Actually destroy\n\n  // Message Passing\n  postMessage(data: any): void // Send to popup/iframe\n  onMessage(handler: (data: any) => void): void // Receive from popup/iframe\n  removeMessageHandler(handler: (data: any) => void): void // Remove handler\n\n  // State Queries\n  isVisible: boolean // Whether currently visible\n  isClosed: boolean // Whether destroyed\n  contentWindow?: Window // For advanced use\n\n  // Events\n  on(\n    event: 'show' | 'hide' | 'close' | 'message',\n    handler: (...args: any[]) => void\n  ): void\n  off(\n    event: 'show' | 'hide' | 'close' | 'message',\n    handler: (...args: any[]) => void\n  ): void\n}\n\nexport interface UIDelegate {\n  createPopup(request: PopupRequest): PopupInstance\n  showPopup(request: PopupRequest): Promise<PopupInstance>\n  closeAll(): void\n}\n\n// Internal event emitter for popup instances\nclass PopupEventEmitter {\n  private handlers = new Map<string, Set<(...args: any[]) => void>>()\n\n  on(event: string, handler: (...args: any[]) => void): void {\n    if (!this.handlers.has(event)) {\n      this.handlers.set(event, new Set())\n    }\n    this.handlers.get(event)!.add(handler)\n  }\n\n  off(event: string, handler: (...args: any[]) => void): void {\n    this.handlers.get(event)?.delete(handler)\n  }\n\n  emit(event: string, ...args: any[]): void {\n    this.handlers.get(event)?.forEach((handler) => {\n      try {\n        handler(...args)\n      } catch (error) {\n        console.error('Error in popup event handler:', error)\n      }\n    })\n  }\n\n  clear(): void {\n    this.handlers.clear()\n  }\n}\n\n/**\n * Base class for popup instances\n */\nabstract class BasePopupInstance implements PopupInstance {\n  protected events = new PopupEventEmitter()\n  protected messageHandlers = new Set<(data: any) => void>()\n  protected _isClosed = false\n  protected _isVisible = false\n\n  constructor(protected request: PopupRequest) {}\n\n  abstract show(): Promise<void>\n  abstract hide(): void\n  abstract close(): void\n  abstract get contentWindow(): Window | undefined\n\n  get isVisible(): boolean {\n    return this._isVisible && !this._isClosed\n  }\n  get isClosed(): boolean {\n    return this._isClosed\n  }\n\n  postMessage(data: any): void {\n    if (!this._isClosed && this.contentWindow) {\n      try {\n        this.contentWindow.postMessage(data, '*')\n      } catch (error) {\n        console.error('Failed to post message to popup:', error)\n      }\n    }\n  }\n\n  onMessage(handler: (data: any) => void): void {\n    this.messageHandlers.add(handler)\n  }\n\n  removeMessageHandler(handler: (data: any) => void): void {\n    this.messageHandlers.delete(handler)\n  }\n\n  protected handleMessage(data: any): void {\n    this.messageHandlers.forEach((handler) => {\n      try {\n        handler(data)\n      } catch (error) {\n        console.error('Error in popup message handler:', error)\n      }\n    })\n    this.events.emit('message', data)\n  }\n\n  on(\n    event: 'show' | 'hide' | 'close' | 'message',\n    handler: (...args: any[]) => void\n  ): void {\n    this.events.on(event, handler)\n  }\n\n  off(\n    event: 'show' | 'hide' | 'close' | 'message',\n    handler: (...args: any[]) => void\n  ): void {\n    this.events.off(event, handler)\n  }\n\n  protected cleanup(): void {\n    this.messageHandlers.clear()\n    this.events.clear()\n  }\n}\n\n/**\n * Modal popup implementation (iframe in modal dialog)\n */\nexport class ModalPopupInstance extends BasePopupInstance {\n  private modalElement?: HTMLDivElement\n  private iframeElement?: HTMLIFrameElement\n  private messageListener?: (event: MessageEvent) => void\n\n  async show(): Promise<void> {\n    if (this._isClosed) {\n      throw new Error('Popup is closed')\n    }\n\n    if (!this.modalElement) {\n      await this.createElement()\n    }\n\n    return new Promise((resolve) => {\n      if (!this.modalElement) {\n        resolve()\n        return\n      }\n\n      // Add to DOM if not already present\n      if (!this.modalElement.parentNode) {\n        document.body.appendChild(this.modalElement)\n      }\n\n      this._isVisible = true\n\n      // Force reflow before adding visible class\n      this.modalElement.offsetHeight\n      this.modalElement.classList.add('visible')\n\n      this.events.emit('show')\n\n      // Wait for animation\n      setTimeout(() => resolve(), 50)\n    })\n  }\n\n  hide(): void {\n    if (!this._isVisible || this._isClosed || !this.modalElement) return\n\n    this._isVisible = false\n    this.modalElement.classList.remove('visible')\n    this.events.emit('hide')\n\n    // Remove from DOM after animation\n    setTimeout(() => {\n      if (this.modalElement && this.modalElement.parentNode) {\n        this.modalElement.parentNode.removeChild(this.modalElement)\n      }\n    }, 300)\n  }\n\n  close(): void {\n    if (this._isClosed) return\n\n    this._isClosed = true\n    this._isVisible = false\n\n    if (this.modalElement) {\n      this.modalElement.classList.remove('visible')\n      setTimeout(() => {\n        if (this.modalElement && this.modalElement.parentNode) {\n          this.modalElement.parentNode.removeChild(this.modalElement)\n        }\n      }, 300)\n    }\n\n    if (this.messageListener) {\n      window.removeEventListener('message', this.messageListener)\n    }\n\n    this.events.emit('close')\n    this.cleanup()\n  }\n\n  get contentWindow(): Window | undefined {\n    return this.iframeElement?.contentWindow || undefined\n  }\n\n  private async createElement(): Promise<void> {\n    if (typeof document === 'undefined') return\n\n    await this.createStyles()\n\n    // Create modal structure\n    this.modalElement = document.createElement('div')\n    this.modalElement.className = 'up-popup-modal'\n\n    const { width = 480, height = 640 } = this.request.size || {}\n\n    this.modalElement.innerHTML = `\n      <div class=\"up-popup-modal-content\" style=\"width: ${width}px; height: ${height}px;\">\n        <button class=\"up-popup-close\" type=\"button\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n            <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\" />\n          </svg>\n        </button>\n        <iframe src=\"${this.request.url || 'about:blank'}\" allow=\"publickey-credentials-get; publickey-credentials-create\"></iframe>\n      </div>\n    `\n\n    // Get references\n    const closeButton = this.modalElement.querySelector(\n      '.up-popup-close'\n    ) as HTMLButtonElement\n    this.iframeElement = this.modalElement.querySelector(\n      'iframe'\n    ) as HTMLIFrameElement\n\n    // Event listeners\n    closeButton.addEventListener('click', () => this.hide())\n\n    this.modalElement.addEventListener('click', (e) => {\n      if (e.target === this.modalElement) {\n        this.hide()\n      }\n    })\n\n    // Message handling\n    this.messageListener = (event: MessageEvent) => {\n      // Only handle messages from our iframe\n      if (event.source === this.iframeElement?.contentWindow) {\n        this.handleMessage(event.data)\n      }\n    }\n    window.addEventListener('message', this.messageListener)\n  }\n\n  private async createStyles(): Promise<void> {\n    if (typeof document === 'undefined') return\n\n    if (document.querySelector('#up-popup-modal-styles')) return\n\n    const style = document.createElement('style')\n    style.id = 'up-popup-modal-styles'\n    style.textContent = `\n      .up-popup-modal {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        background: rgba(0, 0, 0, 0.5);\n        backdrop-filter: blur(8px);\n        z-index: 10000;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        visibility: hidden;\n        transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        padding: 16px;\n      }\n\n      .up-popup-modal.visible {\n        opacity: 1;\n        visibility: visible;\n      }\n\n      .up-popup-modal-content {\n        background: white;\n        border-radius: 12px;\n        overflow: hidden;\n        position: relative;\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        transform: scale(0.95) translateY(20px);\n        transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);\n      }\n\n      .up-popup-modal.visible .up-popup-modal-content {\n        transform: scale(1) translateY(0);\n      }\n\n      .up-popup-close {\n        position: absolute;\n        top: 12px;\n        right: 12px;\n        z-index: 10;\n        background: rgba(255, 255, 255, 0.9);\n        border: none;\n        border-radius: 50%;\n        width: 32px;\n        height: 32px;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #6b7280;\n        transition: all 0.2s ease;\n      }\n\n      .up-popup-close:hover {\n        background: rgba(255, 255, 255, 1);\n        color: #374151;\n      }\n\n      .up-popup-modal iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: 12px;\n      }\n\n      @media (max-width: 640px) {\n        .up-popup-modal {\n          padding: 0;\n          align-items: flex-end;\n        }\n\n        .up-popup-modal-content {\n          width: 100% !important;\n          height: 85vh !important;\n          border-radius: 12px 12px 0 0;\n          transform: translateY(100%);\n        }\n\n        .up-popup-modal.visible .up-popup-modal-content {\n          transform: translateY(0);\n        }\n\n        .up-popup-modal iframe {\n          border-radius: 12px 12px 0 0;\n        }\n      }\n\n      @media (max-width: 480px) {\n        .up-popup-modal {\n          align-items: stretch;\n        }\n\n        .up-popup-modal-content {\n          height: 100vh !important;\n          border-radius: 0;\n        }\n\n        .up-popup-modal iframe {\n          border-radius: 0;\n        }\n      }\n    `\n    document.head.appendChild(style)\n  }\n}\n\n/**\n * Window popup implementation (actual popup window)\n */\nexport class WindowPopupInstance extends BasePopupInstance {\n  private popupWindow: Window | null = null\n  private messageListener?: (event: MessageEvent) => void\n\n  async show(): Promise<void> {\n    if (this._isClosed) {\n      throw new Error('Popup is closed')\n    }\n\n    if (!this.popupWindow || this.popupWindow.closed) {\n      await this.createPopupWindow()\n    }\n\n    if (this.popupWindow && !this.popupWindow.closed) {\n      this.popupWindow.focus()\n      this._isVisible = true\n      this.events.emit('show')\n    }\n  }\n\n  hide(): void {\n    // For popup windows, hide typically means minimize or move to background\n    // Since we can't directly minimize, we just blur it\n    if (this.popupWindow && !this.popupWindow.closed) {\n      this.popupWindow.blur()\n    }\n    this._isVisible = false\n    this.events.emit('hide')\n  }\n\n  close(): void {\n    if (this._isClosed) return\n\n    this._isClosed = true\n    this._isVisible = false\n\n    if (this.popupWindow && !this.popupWindow.closed) {\n      this.popupWindow.close()\n    }\n    this.popupWindow = null\n\n    if (this.messageListener) {\n      window.removeEventListener('message', this.messageListener)\n    }\n\n    this.events.emit('close')\n    this.cleanup()\n  }\n\n  get contentWindow(): Window | undefined {\n    return this.popupWindow && !this.popupWindow.closed\n      ? this.popupWindow\n      : undefined\n  }\n\n  get isVisible(): boolean {\n    return !this._isClosed && !!(this.popupWindow && !this.popupWindow.closed)\n  }\n\n  private async createPopupWindow(): Promise<void> {\n    if (!this.request.url) {\n      throw new Error('URL required for popup windows')\n    }\n\n    const { width = 400, height = 600 } = this.request.size || {}\n    const position = this.request.position || 'center'\n    const features = [\n      `width=${width}`,\n      `height=${height}`,\n      ...this.getPositionFeatures(position, width, height),\n      'scrollbars=yes',\n      'resizable=yes',\n      'status=no',\n      'location=no',\n      'toolbar=no',\n      'menubar=no',\n    ].join(',')\n\n    this.popupWindow = window.open(this.request.url, '_blank', features)\n\n    if (!this.popupWindow) {\n      throw new Error('Popup blocked or failed to open')\n    }\n\n    // Setup message listener\n    this.messageListener = (event: MessageEvent) => {\n      if (event.source === this.popupWindow) {\n        this.handleMessage(event.data)\n      }\n    }\n    window.addEventListener('message', this.messageListener)\n\n    // Monitor popup close\n    const checkClosed = () => {\n      if (this.popupWindow?.closed && !this._isClosed) {\n        this.close()\n      } else if (!this._isClosed) {\n        setTimeout(checkClosed, 1000)\n      }\n    }\n    setTimeout(checkClosed, 1000)\n  }\n\n  private getPositionFeatures(\n    position: string,\n    width: number,\n    height: number\n  ): string[] {\n    const screenLeft =\n      window.screenLeft !== undefined ? window.screenLeft : window.screenX\n    const screenTop =\n      window.screenTop !== undefined ? window.screenTop : window.screenY\n    const windowWidth =\n      window.innerWidth || document.documentElement.clientWidth || screen.width\n    const windowHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight ||\n      screen.height\n\n    let left: number\n    let top: number\n\n    switch (position) {\n      case 'top-right':\n        left = screenLeft + windowWidth - width - 20\n        top = screenTop + 20\n        break\n      case 'center':\n      default:\n        left = screenLeft + (windowWidth - width) / 2\n        top = screenTop + (windowHeight - height) / 2\n        break\n    }\n\n    return [`left=${Math.max(0, left)}`, `top=${Math.max(0, top)}`]\n  }\n}\n"],"mappings":"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","names":["connection"]}
+{"version":3,"sources":["../src/connector.ts","../src/popup-instance.ts"],"sourcesContent":["/**\n * UP Connector - Main class that orchestrates avatar and modal\n * Provides smooth avatar-to-modal animations and connection state management\n *\n * NOTE: This connector uses Lit-based modal components:\n * - <connect-modal> for wallet connection (configured via setupConnectModal())\n * - <account-modal> for account management (shows address, chain, disconnect)\n *\n * Current implementation status:\n * - ✅ Avatar integration (DraggableAvatar with IconView)\n * - ✅ Connection modal (Lit-based ConnectModal)\n * - ✅ Account management modal (Lit-based AccountModal)\n * - ✅ Wagmi synchronization\n *\n * The legacy ConnectorModal (vanilla JS) has been removed. The config.modal property\n * is deprecated and has no effect - use setupConnectModal() instead.\n *\n * Users can pre-place modal components in DOM for custom positioning:\n * - Place <connect-modal> or <account-modal> anywhere in your HTML\n * - The connector will find and reuse existing modals instead of creating new ones\n */\n\nimport { DraggableAvatar } from './avatar.js'\nimport './connect-modal/index.js' // Import for side-effect (registers custom element)\nimport './account-modal.js' // Import for side-effect (registers custom element)\nimport { setLuksoConfig } from '@lukso/transaction-view-headless'\nimport type { AccountModal } from './account-modal.js'\nimport type { ConnectModal, WalletConnector } from './connect-modal/index.js'\nimport {\n  disconnect,\n  getConnection,\n  watchConnection,\n} from './connect-modal/index.js'\nimport type { ConnectionState, ConnectorConfig } from './types.js'\n\nconst DEFAULT_CONFIG: Required<\n  Omit<ConnectorConfig, 'avatar' | 'modal' | 'onConnectionChange'>\n> = {\n  autoConnect: false,\n  persistConnection: true,\n  storageKey: 'up-connector-state',\n  chainId: 42, // LUKSO mainnet\n  rpcUrl: 'https://rpc.lukso.network',\n}\n\nexport class UPConnector {\n  private config: ConnectorConfig & typeof DEFAULT_CONFIG\n  private avatar?: DraggableAvatar\n  private connectModal?: ConnectModal\n  private accountModal?: AccountModal\n  private connectionState: ConnectionState = 'disconnected'\n  private connectedAddress?: string\n  private connectedProvider?: any\n  private connectedChainId?: number\n  private wagmiUnsubscribe?: (() => void) | null\n  connectors: WalletConnector[] = []\n\n  constructor(config: ConnectorConfig = {}) {\n    this.config = { ...DEFAULT_CONFIG, ...config }\n\n    // Initialize components\n    this.init()\n  }\n\n  private async init(): Promise<void> {\n    // Create avatar immediately\n    await this.createAvatar()\n\n    // Start watching wagmi (handles both initial state and changes)\n    // This is async but non-blocking - connector works immediately\n    this.startWagmiSync()\n\n    // Try auto-connect if enabled (for non-wagmi connections)\n    if (this.config.autoConnect && this.config.persistConnection) {\n      await this.tryAutoConnect()\n    }\n  }\n\n  /**\n   * Start syncing with wagmi\n   * Checks current state and subscribes to changes\n   */\n  /**\n   * Update global Lukso config for address resolution\n   */\n  private updateLuksoConfig(chainId: number): void {\n    try {\n      if (chainId === 42) {\n        // LUKSO Mainnet\n        setLuksoConfig({\n          chainId: 42,\n          rpcUrl: 'https://rpc.lukso.network',\n        })\n      } else if (chainId === 4201) {\n        // LUKSO Testnet\n        setLuksoConfig({\n          chainId: 4201,\n          rpcUrl: 'https://rpc.testnet.lukso.network',\n        })\n      } else {\n        // Other networks - default to mainnet config but with custom chainId\n        setLuksoConfig({\n          chainId,\n          rpcUrl: this.config.rpcUrl,\n        })\n      }\n    } catch (error) {\n      console.warn('⚠️ [Connector] Failed to update Lukso config:', error)\n    }\n  }\n\n  private async startWagmiSync(): Promise<void> {\n    try {\n      // Check initial state first\n      const connection = await getConnection()\n\n      if (!connection) {\n        return\n      }\n\n      if (connection.status === 'connected' && connection.address) {\n        this.handleConnection(\n          connection.address,\n          connection.connector,\n          connection.chainId\n        )\n      }\n\n      // Subscribe to wagmi connection changes\n      this.wagmiUnsubscribe = await watchConnection((connection) => {\n        const account = {\n          isConnected: connection.status === 'connected',\n          address: connection.address,\n          chainId: connection.chainId,\n          connector: connection.connector,\n        }\n        if (account.isConnected && account.address) {\n          // Connected\n          if (\n            this.connectedAddress !== account.address ||\n            this.connectedChainId !== account.chainId\n          ) {\n            this.handleConnection(\n              account.address,\n              account.connector,\n              account.chainId\n            )\n          }\n        } else {\n          // Disconnected\n          if (this.connectionState === 'connected') {\n            this.handleDisconnection()\n          }\n        }\n      })\n    } catch (error) {\n      console.warn('⚠️ [Connector] Failed to sync with wagmi:', error)\n    }\n  }\n\n  private async createAvatar(): Promise<void> {\n    this.avatar = new DraggableAvatar({\n      // Default avatar options\n      avatarSize: 'medium',\n      initialPosition: 'top-right',\n      fallbackText: '👤',\n\n      // Override with user config\n      ...this.config.avatar,\n\n      // Connection-specific callbacks\n      onClick: (event, data) => {\n        // Call user-defined onClick first\n        this.config.avatar?.onClick?.(event, data)\n\n        // Then handle connection logic\n        this.handleAvatarClick(event)\n      },\n\n      onAddressClick: (event) => {\n        // Call user-defined callback\n        this.config.avatar?.onAddressClick?.(event)\n      },\n    })\n\n    // Update avatar connected state\n    this.updateAvatarState()\n  }\n\n  // TODO: Replace with Lit-based account management modal\n  // Legacy createModal() method removed - was using deprecated ConnectorModal\n\n  private handleAvatarClick(_event: MouseEvent): void {\n    if (this.connectionState === 'connected') {\n      // Show account management modal\n      this.showAccountModal()\n    } else {\n      // Show connection modal\n      this.showConnectionModal()\n    }\n  }\n\n  private showConnectionModal(): void {\n    // First, check if user has placed a connect-modal in the DOM\n    if (!this.connectModal) {\n      this.connectModal = document.querySelector(\n        'connect-modal'\n      ) as ConnectModal\n    }\n\n    // If still not found, create and append it\n    if (!this.connectModal) {\n      this.connectModal = document.createElement(\n        'connect-modal'\n      ) as ConnectModal\n      document.body.appendChild(this.connectModal as unknown as HTMLElement)\n\n      // Handle connect event\n      this.connectModal.addEventListener('connect', ((e: CustomEvent) => {\n        const _connector = e.detail.connector as WalletConnector\n        // TODO: Handle actual connection logic\n        // For now, this will be extended when wagmi/viem integration is added\n      }) as EventListener)\n\n      // Handle close event\n      this.connectModal.addEventListener('close', (() => {\n        // Modal closed\n      }) as EventListener)\n    }\n\n    // Modal will load connectors automatically from global setup\n    // Open the modal\n    this.connectModal.open = true\n  }\n\n  private showAccountModal(): void {\n    if (!this.connectedAddress) return\n\n    // First, check if user has placed an account-modal in the DOM\n    if (!this.accountModal) {\n      this.accountModal = document.querySelector(\n        'account-modal'\n      ) as AccountModal\n    }\n\n    // If still not found, create and append it\n    if (!this.accountModal) {\n      this.accountModal = document.createElement(\n        'account-modal'\n      ) as AccountModal\n      document.body.appendChild(this.accountModal)\n\n      // Handle disconnect event\n      this.accountModal.addEventListener('disconnect', () => {\n        this.handleDisconnection()\n      })\n    }\n\n    // Set properties and open\n    this.accountModal.address = this.connectedAddress\n    this.accountModal.chainId = this.connectedChainId\n    this.accountModal.connectorName = this.connectedProvider?.name || 'Unknown'\n    this.accountModal.open = true\n  }\n\n  private handleConnection(\n    address: string,\n    provider: any,\n    chainId?: number\n  ): void {\n    this.connectedAddress = address\n    this.connectedProvider = provider\n    this.connectedChainId = chainId\n    this.setConnectionState('connected')\n\n    // Update global Lukso config for address resolution\n    if (chainId) {\n      this.updateLuksoConfig(chainId)\n    }\n\n    // Update avatar with connected address and chainId\n    if (this.avatar) {\n      this.avatar.updateAddress(address, undefined, chainId)\n      this.avatar.setConnected(true)\n    }\n\n    // Persist connection if enabled\n    if (this.config.persistConnection) {\n      this.saveConnectionState()\n    }\n\n    // Hide connection modal if open\n    if (this.connectModal) {\n      this.connectModal.open = false\n    }\n  }\n\n  private async handleDisconnection(): Promise<void> {\n    // Disconnect from wagmi first to ensure state is clean\n    await disconnect()\n\n    this.connectedAddress = undefined\n    this.connectedProvider = undefined\n    this.connectedChainId = undefined\n    this.setConnectionState('disconnected')\n\n    // Update avatar - clear address and show disconnected state\n    if (this.avatar) {\n      this.avatar.setConnected(false)\n      // Clear the address to show fallback/disconnected state\n      this.avatar.updateAddress('')\n    }\n\n    // Clear persisted state\n    if (this.config.persistConnection) {\n      this.clearConnectionState()\n    }\n\n    // Hide connect modal if open\n    if (this.connectModal) {\n      this.connectModal.open = false\n    }\n  }\n\n  private setConnectionState(state: ConnectionState): void {\n    const prevState = this.connectionState\n    this.connectionState = state\n\n    // Update avatar state\n    this.updateAvatarState()\n\n    // Notify callback\n    if (prevState !== state) {\n      this.config.onConnectionChange?.(state, {\n        address: this.connectedAddress,\n        provider: this.connectedProvider,\n        chainId: this.connectedChainId,\n      })\n    }\n  }\n\n  private updateAvatarState(): void {\n    if (!this.avatar) return\n\n    this.avatar.setConnected(this.connectionState === 'connected')\n\n    // Update avatar address and chainId if connected\n    if (this.connectionState === 'connected' && this.connectedAddress) {\n      this.avatar.updateAddress(\n        this.connectedAddress,\n        undefined,\n        this.connectedChainId\n      )\n    }\n  }\n\n  private async tryAutoConnect(): Promise<void> {\n    const savedState = this.loadConnectionState()\n    if (!savedState?.address) return\n\n    this.setConnectionState('connecting')\n\n    try {\n      // Try to reconnect using saved provider info\n      // This would typically involve checking if the provider is still available\n      // and attempting to reconnect\n\n      // For now, simulate auto-connection\n      setTimeout(() => {\n        if (savedState.address) {\n          this.handleConnection(savedState.address, savedState.provider)\n        } else {\n          this.setConnectionState('disconnected')\n        }\n      }, 1000)\n    } catch (error) {\n      console.warn('Auto-connect failed:', error)\n      this.setConnectionState('disconnected')\n    }\n  }\n\n  private saveConnectionState(): void {\n    if (typeof localStorage === 'undefined') return\n\n    try {\n      const state = {\n        address: this.connectedAddress,\n        provider: this.connectedProvider?.constructor?.name,\n        timestamp: Date.now(),\n      }\n      localStorage.setItem(this.config.storageKey, JSON.stringify(state))\n    } catch (error) {\n      console.warn('Failed to save connection state:', error)\n    }\n  }\n\n  private loadConnectionState(): any {\n    if (typeof localStorage === 'undefined') return null\n\n    try {\n      const saved = localStorage.getItem(this.config.storageKey)\n      if (!saved) return null\n\n      const state = JSON.parse(saved)\n\n      // Check if state is not too old (24 hours)\n      const maxAge = 24 * 60 * 60 * 1000\n      if (Date.now() - state.timestamp > maxAge) {\n        this.clearConnectionState()\n        return null\n      }\n\n      return state\n    } catch (error) {\n      console.warn('Failed to load connection state:', error)\n      return null\n    }\n  }\n\n  private clearConnectionState(): void {\n    if (typeof localStorage === 'undefined') return\n\n    try {\n      localStorage.removeItem(this.config.storageKey)\n    } catch (error) {\n      console.warn('Failed to clear connection state:', error)\n    }\n  }\n\n  // Public API\n  public getAvatar(): DraggableAvatar | undefined {\n    return this.avatar\n  }\n\n  /**\n   * @deprecated Legacy modal removed. Use getConnectModal() or create account modal\n   */\n  public getModal(): undefined {\n    console.warn('getModal() is deprecated - legacy ConnectorModal removed')\n    return undefined\n  }\n\n  public getConnectModal(): ConnectModal | undefined {\n    return this.connectModal\n  }\n\n  /**\n   * @deprecated Use setupConnectModal() instead to configure wagmi connectors globally\n   */\n  public setConnectors(connectors: WalletConnector[]): void {\n    this.connectors = connectors\n    // Note: The ConnectModal now loads connectors automatically from global setup\n    // Use setupConnectModal() to configure wagmi integration\n    console.warn(\n      'setConnectors() is deprecated. Use setupConnectModal() instead.'\n    )\n  }\n\n  public async connect(providerId?: string): Promise<void> {\n    this.setConnectionState('connecting')\n\n    if (providerId) {\n      // Connect to specific provider\n      // This would be implemented based on available providers\n    } else {\n      // Show connection modal\n      this.showConnectionModal()\n    }\n  }\n\n  public disconnect(): void {\n    this.handleDisconnection()\n  }\n\n  public getConnectionState(): ConnectionState {\n    return this.connectionState\n  }\n\n  public getConnectedAddress(): string | undefined {\n    return this.connectedAddress\n  }\n\n  public getConnectedProvider(): any {\n    return this.connectedProvider\n  }\n\n  public isConnected(): boolean {\n    return this.connectionState === 'connected'\n  }\n\n  public showModal(): void {\n    if (this.isConnected()) {\n      this.showAccountModal()\n    } else {\n      this.showConnectionModal()\n    }\n  }\n\n  public hideModal(): void {\n    if (this.connectModal) {\n      this.connectModal.open = false\n    }\n  }\n\n  public updateConfig(config: Partial<ConnectorConfig>): void {\n    this.config = { ...this.config, ...config }\n\n    // Update avatar if config changed\n    if (config.avatar && this.avatar) {\n      // This would require implementing avatar config updates\n    }\n  }\n\n  public destroy(): void {\n    // Unsubscribe from wagmi changes\n    if (this.wagmiUnsubscribe) {\n      this.wagmiUnsubscribe()\n      this.wagmiUnsubscribe = undefined\n    }\n\n    this.avatar?.destroy()\n\n    // Clean up connect modal\n    if (this.connectModal) {\n      this.connectModal.open = false\n      if (this.connectModal.parentNode) {\n        this.connectModal.parentNode.removeChild(this.connectModal)\n      }\n    }\n\n    this.avatar = undefined\n    this.connectModal = undefined\n    this.connectedAddress = undefined\n    this.connectedProvider = undefined\n    this.connectionState = 'disconnected'\n  }\n}\n\n/**\n * Factory function for creating UP Connector instances\n */\nexport function createConnector(config: ConnectorConfig = {}): UPConnector {\n  return new UPConnector(config)\n}\n\nexport default UPConnector\n","/**\n * Enhanced Popup System for UP Connector\n * Provides unified interface for both popup windows and modal dialogs\n */\n\nexport interface PopupRequest {\n  mode: 'popup' | 'modal' // popup = window.open, modal = iframe in modal\n  url?: string // If present = external, if not = local content\n  size?: { width: number; height: number }\n  position?: 'center' | 'top-right'\n  allowedOrigins?: string[] // Security for message passing\n  reuseExisting?: boolean // Whether to reuse existing popups (default: true)\n}\n\nexport interface PopupInstance {\n  // Lifecycle Management\n  show(): Promise<void> // Show the popup/modal - async for consistency\n  hide(): void // Hide but preserve state\n  close(): void // Actually destroy\n\n  // Message Passing\n  postMessage(data: any): void // Send to popup/iframe\n  onMessage(handler: (data: any) => void): void // Receive from popup/iframe\n  removeMessageHandler(handler: (data: any) => void): void // Remove handler\n\n  // State Queries\n  isVisible: boolean // Whether currently visible\n  isClosed: boolean // Whether destroyed\n  contentWindow?: Window // For advanced use\n\n  // Events\n  on(\n    event: 'show' | 'hide' | 'close' | 'message',\n    handler: (...args: any[]) => void\n  ): void\n  off(\n    event: 'show' | 'hide' | 'close' | 'message',\n    handler: (...args: any[]) => void\n  ): void\n}\n\nexport interface UIDelegate {\n  createPopup(request: PopupRequest): PopupInstance\n  showPopup(request: PopupRequest): Promise<PopupInstance>\n  closeAll(): void\n}\n\n// Internal event emitter for popup instances\nclass PopupEventEmitter {\n  private handlers = new Map<string, Set<(...args: any[]) => void>>()\n\n  on(event: string, handler: (...args: any[]) => void): void {\n    if (!this.handlers.has(event)) {\n      this.handlers.set(event, new Set())\n    }\n    this.handlers.get(event)?.add(handler)\n  }\n\n  off(event: string, handler: (...args: any[]) => void): void {\n    this.handlers.get(event)?.delete(handler)\n  }\n\n  emit(event: string, ...args: any[]): void {\n    this.handlers.get(event)?.forEach((handler) => {\n      try {\n        handler(...args)\n      } catch (error) {\n        console.error('Error in popup event handler:', error)\n      }\n    })\n  }\n\n  clear(): void {\n    this.handlers.clear()\n  }\n}\n\n/**\n * Base class for popup instances\n */\nabstract class BasePopupInstance implements PopupInstance {\n  protected events = new PopupEventEmitter()\n  protected messageHandlers = new Set<(data: any) => void>()\n  protected _isClosed = false\n  protected _isVisible = false\n\n  constructor(protected request: PopupRequest) {}\n\n  abstract show(): Promise<void>\n  abstract hide(): void\n  abstract close(): void\n  abstract get contentWindow(): Window | undefined\n\n  get isVisible(): boolean {\n    return this._isVisible && !this._isClosed\n  }\n  get isClosed(): boolean {\n    return this._isClosed\n  }\n\n  postMessage(data: any): void {\n    if (!this._isClosed && this.contentWindow) {\n      try {\n        this.contentWindow.postMessage(data, '*')\n      } catch (error) {\n        console.error('Failed to post message to popup:', error)\n      }\n    }\n  }\n\n  onMessage(handler: (data: any) => void): void {\n    this.messageHandlers.add(handler)\n  }\n\n  removeMessageHandler(handler: (data: any) => void): void {\n    this.messageHandlers.delete(handler)\n  }\n\n  protected handleMessage(data: any): void {\n    this.messageHandlers.forEach((handler) => {\n      try {\n        handler(data)\n      } catch (error) {\n        console.error('Error in popup message handler:', error)\n      }\n    })\n    this.events.emit('message', data)\n  }\n\n  on(\n    event: 'show' | 'hide' | 'close' | 'message',\n    handler: (...args: any[]) => void\n  ): void {\n    this.events.on(event, handler)\n  }\n\n  off(\n    event: 'show' | 'hide' | 'close' | 'message',\n    handler: (...args: any[]) => void\n  ): void {\n    this.events.off(event, handler)\n  }\n\n  protected cleanup(): void {\n    this.messageHandlers.clear()\n    this.events.clear()\n  }\n}\n\n/**\n * Modal popup implementation (iframe in modal dialog)\n */\nexport class ModalPopupInstance extends BasePopupInstance {\n  private modalElement?: HTMLDivElement\n  private iframeElement?: HTMLIFrameElement\n  private messageListener?: (event: MessageEvent) => void\n\n  async show(): Promise<void> {\n    if (this._isClosed) {\n      throw new Error('Popup is closed')\n    }\n\n    if (!this.modalElement) {\n      await this.createElement()\n    }\n\n    return new Promise((resolve) => {\n      if (!this.modalElement) {\n        resolve()\n        return\n      }\n\n      // Add to DOM if not already present\n      if (!this.modalElement.parentNode) {\n        document.body.appendChild(this.modalElement)\n      }\n\n      this._isVisible = true\n\n      // Force reflow before adding visible class\n      this.modalElement.offsetHeight\n      this.modalElement.classList.add('visible')\n\n      this.events.emit('show')\n\n      // Wait for animation\n      setTimeout(() => resolve(), 50)\n    })\n  }\n\n  hide(): void {\n    if (!this._isVisible || this._isClosed || !this.modalElement) return\n\n    this._isVisible = false\n    this.modalElement.classList.remove('visible')\n    this.events.emit('hide')\n\n    // Remove from DOM after animation\n    setTimeout(() => {\n      if (this.modalElement?.parentNode) {\n        this.modalElement.parentNode.removeChild(this.modalElement)\n      }\n    }, 300)\n  }\n\n  close(): void {\n    if (this._isClosed) return\n\n    this._isClosed = true\n    this._isVisible = false\n\n    if (this.modalElement) {\n      this.modalElement.classList.remove('visible')\n      setTimeout(() => {\n        if (this.modalElement?.parentNode) {\n          this.modalElement.parentNode.removeChild(this.modalElement)\n        }\n      }, 300)\n    }\n\n    if (this.messageListener) {\n      window.removeEventListener('message', this.messageListener)\n    }\n\n    this.events.emit('close')\n    this.cleanup()\n  }\n\n  get contentWindow(): Window | undefined {\n    return this.iframeElement?.contentWindow || undefined\n  }\n\n  private async createElement(): Promise<void> {\n    if (typeof document === 'undefined') return\n\n    await this.createStyles()\n\n    // Create modal structure\n    this.modalElement = document.createElement('div')\n    this.modalElement.className = 'up-popup-modal'\n\n    const { width = 480, height = 640 } = this.request.size || {}\n\n    this.modalElement.innerHTML = `\n      <div class=\"up-popup-modal-content\" style=\"width: ${width}px; height: ${height}px;\">\n        <button class=\"up-popup-close\" type=\"button\">\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n            <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\" />\n          </svg>\n        </button>\n        <iframe src=\"${this.request.url || 'about:blank'}\" allow=\"publickey-credentials-get; publickey-credentials-create\"></iframe>\n      </div>\n    `\n\n    // Get references\n    const closeButton = this.modalElement.querySelector(\n      '.up-popup-close'\n    ) as HTMLButtonElement\n    this.iframeElement = this.modalElement.querySelector(\n      'iframe'\n    ) as HTMLIFrameElement\n\n    // Event listeners\n    closeButton.addEventListener('click', () => this.hide())\n\n    this.modalElement.addEventListener('click', (e) => {\n      if (e.target === this.modalElement) {\n        this.hide()\n      }\n    })\n\n    // Message handling\n    this.messageListener = (event: MessageEvent) => {\n      // Only handle messages from our iframe\n      if (event.source === this.iframeElement?.contentWindow) {\n        this.handleMessage(event.data)\n      }\n    }\n    window.addEventListener('message', this.messageListener)\n  }\n\n  private async createStyles(): Promise<void> {\n    if (typeof document === 'undefined') return\n\n    if (document.querySelector('#up-popup-modal-styles')) return\n\n    const style = document.createElement('style')\n    style.id = 'up-popup-modal-styles'\n    style.textContent = `\n      .up-popup-modal {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        background: rgba(0, 0, 0, 0.5);\n        backdrop-filter: blur(8px);\n        z-index: 10000;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        visibility: hidden;\n        transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        padding: 16px;\n      }\n\n      .up-popup-modal.visible {\n        opacity: 1;\n        visibility: visible;\n      }\n\n      .up-popup-modal-content {\n        background: white;\n        border-radius: 12px;\n        overflow: hidden;\n        position: relative;\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        transform: scale(0.95) translateY(20px);\n        transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);\n      }\n\n      .up-popup-modal.visible .up-popup-modal-content {\n        transform: scale(1) translateY(0);\n      }\n\n      .up-popup-close {\n        position: absolute;\n        top: 12px;\n        right: 12px;\n        z-index: 10;\n        background: rgba(255, 255, 255, 0.9);\n        border: none;\n        border-radius: 50%;\n        width: 32px;\n        height: 32px;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #6b7280;\n        transition: all 0.2s ease;\n      }\n\n      .up-popup-close:hover {\n        background: rgba(255, 255, 255, 1);\n        color: #374151;\n      }\n\n      .up-popup-modal iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: 12px;\n      }\n\n      @media (max-width: 640px) {\n        .up-popup-modal {\n          padding: 0;\n          align-items: flex-end;\n        }\n\n        .up-popup-modal-content {\n          width: 100% !important;\n          height: 85vh !important;\n          border-radius: 12px 12px 0 0;\n          transform: translateY(100%);\n        }\n\n        .up-popup-modal.visible .up-popup-modal-content {\n          transform: translateY(0);\n        }\n\n        .up-popup-modal iframe {\n          border-radius: 12px 12px 0 0;\n        }\n      }\n\n      @media (max-width: 480px) {\n        .up-popup-modal {\n          align-items: stretch;\n        }\n\n        .up-popup-modal-content {\n          height: 100vh !important;\n          border-radius: 0;\n        }\n\n        .up-popup-modal iframe {\n          border-radius: 0;\n        }\n      }\n    `\n    document.head.appendChild(style)\n  }\n}\n\n/**\n * Window popup implementation (actual popup window)\n */\nexport class WindowPopupInstance extends BasePopupInstance {\n  private popupWindow: Window | null = null\n  private messageListener?: (event: MessageEvent) => void\n\n  async show(): Promise<void> {\n    if (this._isClosed) {\n      throw new Error('Popup is closed')\n    }\n\n    if (!this.popupWindow || this.popupWindow.closed) {\n      await this.createPopupWindow()\n    }\n\n    if (this.popupWindow && !this.popupWindow.closed) {\n      this.popupWindow.focus()\n      this._isVisible = true\n      this.events.emit('show')\n    }\n  }\n\n  hide(): void {\n    // For popup windows, hide typically means minimize or move to background\n    // Since we can't directly minimize, we just blur it\n    if (this.popupWindow && !this.popupWindow.closed) {\n      this.popupWindow.blur()\n    }\n    this._isVisible = false\n    this.events.emit('hide')\n  }\n\n  close(): void {\n    if (this._isClosed) return\n\n    this._isClosed = true\n    this._isVisible = false\n\n    if (this.popupWindow && !this.popupWindow.closed) {\n      this.popupWindow.close()\n    }\n    this.popupWindow = null\n\n    if (this.messageListener) {\n      window.removeEventListener('message', this.messageListener)\n    }\n\n    this.events.emit('close')\n    this.cleanup()\n  }\n\n  get contentWindow(): Window | undefined {\n    return this.popupWindow && !this.popupWindow.closed\n      ? this.popupWindow\n      : undefined\n  }\n\n  get isVisible(): boolean {\n    return !this._isClosed && !!(this.popupWindow && !this.popupWindow.closed)\n  }\n\n  private async createPopupWindow(): Promise<void> {\n    if (!this.request.url) {\n      throw new Error('URL required for popup windows')\n    }\n\n    const { width = 400, height = 600 } = this.request.size || {}\n    const position = this.request.position || 'center'\n    const features = [\n      `width=${width}`,\n      `height=${height}`,\n      ...this.getPositionFeatures(position, width, height),\n      'scrollbars=yes',\n      'resizable=yes',\n      'status=no',\n      'location=no',\n      'toolbar=no',\n      'menubar=no',\n    ].join(',')\n\n    this.popupWindow = window.open(this.request.url, '_blank', features)\n\n    if (!this.popupWindow) {\n      throw new Error('Popup blocked or failed to open')\n    }\n\n    // Setup message listener\n    this.messageListener = (event: MessageEvent) => {\n      if (event.source === this.popupWindow) {\n        this.handleMessage(event.data)\n      }\n    }\n    window.addEventListener('message', this.messageListener)\n\n    // Monitor popup close\n    const checkClosed = () => {\n      if (this.popupWindow?.closed && !this._isClosed) {\n        this.close()\n      } else if (!this._isClosed) {\n        setTimeout(checkClosed, 1000)\n      }\n    }\n    setTimeout(checkClosed, 1000)\n  }\n\n  private getPositionFeatures(\n    position: string,\n    width: number,\n    height: number\n  ): string[] {\n    const screenLeft =\n      window.screenLeft !== undefined ? window.screenLeft : window.screenX\n    const screenTop =\n      window.screenTop !== undefined ? window.screenTop : window.screenY\n    const windowWidth =\n      window.innerWidth || document.documentElement.clientWidth || screen.width\n    const windowHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight ||\n      screen.height\n\n    let left: number\n    let top: number\n\n    switch (position) {\n      case 'top-right':\n        left = screenLeft + windowWidth - width - 20\n        top = screenTop + 20\n        break\n      default:\n        left = screenLeft + (windowWidth - width) / 2\n        top = screenTop + (windowHeight - height) / 2\n        break\n    }\n\n    return [`left=${Math.max(0, left)}`, `top=${Math.max(0, top)}`]\n  }\n}\n"],"mappings":"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","names":["connection"]}

package/dist/restore-modal.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIAKQFHFDcjs = require('./chunk-IAKQFHFD.cjs');
+var _chunkCKVXLOXKcjs = require('./chunk-CKVXLOXK.cjs');
 require('./chunk-XOKG3KIL.cjs');
 require('./chunk-ZBDE64SD.cjs');
 
 
-exports.RestoreModal = _chunkIAKQFHFDcjs.RestoreModal;
+exports.RestoreModal = _chunkCKVXLOXKcjs.RestoreModal;
 //# sourceMappingURL=restore-modal.cjs.map

package/dist/restore-modal.d.cts

@@ -14,11 +14,11 @@ declare class RestoreModal extends CoreLitElement {
     private password;
     private passwordErrors;
     private isRestoring;
-    private walletData;
     private validationWarnings;
-    private validationInfo;
     private controllers;
     private restoredAddresses;
+    validationInfo: string[];
+    walletData: WalletData | null;
     /**
      * Public method for parent to set preview result
      * Called after parent handles the 'preview' event

package/dist/restore-modal.d.ts

@@ -14,11 +14,11 @@ declare class RestoreModal extends CoreLitElement {
     private password;
     private passwordErrors;
     private isRestoring;
-    private walletData;
     private validationWarnings;
-    private validationInfo;
     private controllers;
     private restoredAddresses;
+    validationInfo: string[];
+    walletData: WalletData | null;
     /**
      * Public method for parent to set preview result
      * Called after parent handles the 'preview' event

package/dist/restore-modal.js

@@ -1,6 +1,6 @@
 import {
   RestoreModal
-} from "./chunk-3SGSPHOZ.js";
+} from "./chunk-A5RRWZ7W.js";
 import "./chunk-XGIT7YUY.js";
 import "./chunk-EUXUH3YW.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/up-connector",
-  "version": "0.5.1-dev.e515cef",
+  "version": "0.6.0-dev.5916302",
   "description": "Universal Profile connector with draggable avatar and connection modal",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -76,16 +76,16 @@
   },
   "dependencies": {
     "@lit/task": "^1.0.3",
-    "@lukso/up-provider": "npm:@lukso-network/up-provider@0.3.5-main.c50af46",
+    "@lukso/up-provider": "0.3.7",
     "@lukso/web-components": "^1.171.2",
     "debug": "^4.4.3",
     "lit": "^3.3.1",
     "ws": "^8.18.3",
     "zxcvbn": "^4.4.2",
-    "@lukso/core": "1.0.0-dev.e515cef",
-    "@lukso/passkey-auth": "1.1.1-dev.e515cef",
-    "@lukso/transaction-view-core": "0.4.1-dev.e515cef",
-    "@lukso/transaction-view-headless": "0.3.1-dev.e515cef"
+    "@lukso/core": "1.1.0-dev.5916302",
+    "@lukso/passkey-auth": "1.2.0-dev.5916302",
+    "@lukso/transaction-view-headless": "0.4.0-dev.5916302",
+    "@lukso/transaction-view-core": "0.5.0-dev.5916302"
   },
   "peerDependencies": {
     "@wagmi/connectors": "^7.0.0",
@@ -154,6 +154,6 @@
     "deploy:prepare": "./deploy.sh",
     "test": "vitest",
     "test:run": "vitest run",
-    "check": "tsc --noEmit"
+    "typecheck": "tsc --noEmit"
   }
 }

package/src/auto-setup.ts

@@ -8,7 +8,6 @@
  */
 
 import type { Config } from '@wagmi/core'
-import type { ConnectModalSetup } from './connect-modal/index.js'
 import { setupConnectModal } from './connect-modal/index.js'
 
 /**

package/src/avatar.ts

@@ -129,7 +129,6 @@ export class DraggableAvatar {
 
   // Animation state
   private isThrobbing = false
-  private throbAnimation?: Animation
 
   constructor(options: AvatarOptions = {}) {
     this.options = { ...DEFAULT_AVATAR_OPTIONS, ...options }
@@ -212,7 +211,7 @@ export class DraggableAvatar {
 
     // Calculate sizes before template literal
     const avatarPixelSize = this.getPixelSize(this.options.avatarSize)
-    const overhang = this.getIdenticonOverhang(this.options.avatarSize)
+    const _overhang = this.getIdenticonOverhang(this.options.avatarSize)
 
     // Debug: Log our calculations
 
@@ -620,9 +619,7 @@ export class DraggableAvatar {
     let minDistance = Infinity
 
     positions.forEach((pos) => {
-      const distance = Math.sqrt(
-        Math.pow(x - pos.x, 2) + Math.pow(y - pos.y, 2)
-      )
+      const distance = Math.sqrt((x - pos.x) ** 2 + (y - pos.y) ** 2)
       if (distance < minDistance) {
         minDistance = distance
         closest = pos
@@ -652,19 +649,19 @@ export class DraggableAvatar {
         this.element.classList.add('hidden-left')
         this.element.style.left = `-${this.options.hideOffset}px`
         this.element.style.right = 'auto'
-        this.element.style.top = position.y + 'px'
+        this.element.style.top = `${position.y}px`
         this.options.onHide?.()
       } else if (position.side === 'right') {
         this.element.classList.add('hidden-right')
         this.element.style.right = `-${this.options.hideOffset}px`
         this.element.style.left = 'auto'
-        this.element.style.top = position.y + 'px'
+        this.element.style.top = `${position.y}px`
         this.options.onHide?.()
       }
     } else {
-      this.element.style.left = position.x + 'px'
+      this.element.style.left = `${position.x}px`
       this.element.style.right = 'auto'
-      this.element.style.top = position.y + 'px'
+      this.element.style.top = `${position.y}px`
       if (this.isHidden) {
         this.options.onShow?.()
       }
@@ -683,8 +680,8 @@ export class DraggableAvatar {
       if (!this.snapPreviews.has(pos.name)) {
         const preview = document.createElement('div')
         preview.className = 'up-avatar-preview'
-        preview.style.left = pos.x + 'px'
-        preview.style.top = pos.y + 'px'
+        preview.style.left = `${pos.x}px`
+        preview.style.top = `${pos.y}px`
         this.overlay.appendChild(preview)
         this.snapPreviews.set(pos.name, preview)
       }
@@ -698,7 +695,7 @@ export class DraggableAvatar {
     if (typeof document === 'undefined') return
 
     // Determine the active position key
-    let activeKey = activePosition.name
+    const activeKey = activePosition.name
 
     // Update all previews
     this.snapPreviews.forEach((preview, key) => {
@@ -711,16 +708,16 @@ export class DraggableAvatar {
           if (activePosition.side === 'left') {
             preview.style.left = `-${this.options.hideOffset}px`
             preview.style.right = 'auto'
-            preview.style.top = activePosition.y + 'px'
+            preview.style.top = `${activePosition.y}px`
           } else if (activePosition.side === 'right') {
             preview.style.right = `-${this.options.hideOffset}px`
             preview.style.left = 'auto'
-            preview.style.top = activePosition.y + 'px'
+            preview.style.top = `${activePosition.y}px`
           }
         } else {
-          preview.style.left = activePosition.x + 'px'
+          preview.style.left = `${activePosition.x}px`
           preview.style.right = 'auto'
-          preview.style.top = activePosition.y + 'px'
+          preview.style.top = `${activePosition.y}px`
         }
       } else {
         // Dim the others
@@ -729,9 +726,9 @@ export class DraggableAvatar {
         // Reset to normal position (not hidden)
         const pos = this.getSnapPositions().find((p) => p.name === key)
         if (pos) {
-          preview.style.left = pos.x + 'px'
+          preview.style.left = `${pos.x}px`
           preview.style.right = 'auto'
-          preview.style.top = pos.y + 'px'
+          preview.style.top = `${pos.y}px`
         }
       }
     })
@@ -786,9 +783,9 @@ export class DraggableAvatar {
 
     // Always update position while dragging (for visual feedback)
     this.element.className = 'up-avatar dragging'
-    this.element.style.left = currentX + 'px'
+    this.element.style.left = `${currentX}px`
     this.element.style.right = 'auto'
-    this.element.style.top = currentY + 'px'
+    this.element.style.top = `${currentY}px`
 
     const closestPosition = this.findClosestSnapPosition(currentX, currentY)
     const shouldHideLeft = currentX < -this.options.hideThreshold
@@ -877,9 +874,9 @@ export class DraggableAvatar {
 
     // Always update position while dragging (for visual feedback)
     this.element.className = 'up-avatar dragging'
-    this.element.style.left = currentX + 'px'
+    this.element.style.left = `${currentX}px`
     this.element.style.right = 'auto'
-    this.element.style.top = currentY + 'px'
+    this.element.style.top = `${currentY}px`
 
     const closestPosition = this.findClosestSnapPosition(currentX, currentY)
     const shouldHideLeft = currentX < -this.options.hideThreshold
@@ -952,7 +949,7 @@ export class DraggableAvatar {
     if (this.currentPosition) {
       const positions = this.getSnapPositions()
       const newPosition =
-        positions.find((p) => p.name === this.currentPosition!.name) ||
+        positions.find((p) => p.name === this.currentPosition?.name) ||
         positions[0]
       this.snapToPosition(newPosition, this.isHidden)
     }

package/src/backup-modal.ts

@@ -171,7 +171,9 @@ export class BackupModal extends CoreLitElement {
           label="Password"
           placeholder="Enter a strong password"
           .value=${this.password}
-          @on-input=${(e: CustomEvent) => (this.password = e.detail.value)}
+          @on-input=${(e: CustomEvent) => {
+            this.password = e.detail.value
+          }}
           is-full-width
           autofocus
         ></lukso-input>
@@ -216,7 +218,9 @@ export class BackupModal extends CoreLitElement {
           label="Confirm Password"
           placeholder="Re-enter your password"
           .value=${this.passwordConfirm}
-          @on-input=${(e: CustomEvent) => (this.passwordConfirm = e.detail.value)}
+          @on-input=${(e: CustomEvent) => {
+            this.passwordConfirm = e.detail.value
+          }}
           is-full-width
         ></lukso-input>
 

package/src/connect-modal/styles/styles.css

@@ -1 +1 @@
-@import "@lukso/web-components/dist/styles/main.css";
+@import "@lukso/web-components/tools/styles/main.css";

package/src/connector.ts

@@ -31,11 +31,7 @@ import {
   getConnection,
   watchConnection,
 } from './connect-modal/index.js'
-import type {
-  ConnectionState,
-  ConnectorConfig,
-  WalletProvider,
-} from './types.js'
+import type { ConnectionState, ConnectorConfig } from './types.js'
 
 const DEFAULT_CONFIG: Required<
   Omit<ConnectorConfig, 'avatar' | 'modal' | 'onConnectionChange'>
@@ -52,12 +48,12 @@ export class UPConnector {
   private avatar?: DraggableAvatar
   private connectModal?: ConnectModal
   private accountModal?: AccountModal
-  private connectors: WalletConnector[] = []
   private connectionState: ConnectionState = 'disconnected'
   private connectedAddress?: string
   private connectedProvider?: any
   private connectedChainId?: number
   private wagmiUnsubscribe?: (() => void) | null
+  connectors: WalletConnector[] = []
 
   constructor(config: ConnectorConfig = {}) {
     this.config = { ...DEFAULT_CONFIG, ...config }
@@ -194,7 +190,7 @@ export class UPConnector {
   // TODO: Replace with Lit-based account management modal
   // Legacy createModal() method removed - was using deprecated ConnectorModal
 
-  private handleAvatarClick(event: MouseEvent): void {
+  private handleAvatarClick(_event: MouseEvent): void {
     if (this.connectionState === 'connected') {
       // Show account management modal
       this.showAccountModal()
@@ -221,7 +217,7 @@ export class UPConnector {
 
       // Handle connect event
       this.connectModal.addEventListener('connect', ((e: CustomEvent) => {
-        const connector = e.detail.connector as WalletConnector
+        const _connector = e.detail.connector as WalletConnector
         // TODO: Handle actual connection logic
         // For now, this will be extended when wagmi/viem integration is added
       }) as EventListener)

package/src/popup-instance.ts

@@ -53,7 +53,7 @@ class PopupEventEmitter {
     if (!this.handlers.has(event)) {
       this.handlers.set(event, new Set())
     }
-    this.handlers.get(event)!.add(handler)
+    this.handlers.get(event)?.add(handler)
   }
 
   off(event: string, handler: (...args: any[]) => void): void {
@@ -197,7 +197,7 @@ export class ModalPopupInstance extends BasePopupInstance {
 
     // Remove from DOM after animation
     setTimeout(() => {
-      if (this.modalElement && this.modalElement.parentNode) {
+      if (this.modalElement?.parentNode) {
         this.modalElement.parentNode.removeChild(this.modalElement)
       }
     }, 300)
@@ -212,7 +212,7 @@ export class ModalPopupInstance extends BasePopupInstance {
     if (this.modalElement) {
       this.modalElement.classList.remove('visible')
       setTimeout(() => {
-        if (this.modalElement && this.modalElement.parentNode) {
+        if (this.modalElement?.parentNode) {
           this.modalElement.parentNode.removeChild(this.modalElement)
         }
       }, 300)
@@ -525,7 +525,6 @@ export class WindowPopupInstance extends BasePopupInstance {
         left = screenLeft + windowWidth - width - 20
         top = screenTop + 20
         break
-      case 'center':
       default:
         left = screenLeft + (windowWidth - width) / 2
         top = screenTop + (windowHeight - height) / 2

package/src/restore-modal.ts

@@ -43,14 +43,14 @@ export class RestoreModal extends CoreLitElement {
   @state() private password = ''
   @state() private passwordErrors: string[] = []
   @state() private isRestoring = false
-  @state() private walletData: WalletData | null = null
   @state() private validationWarnings: string[] = []
-  @state() private validationInfo: string[] = []
   @state() private controllers: Array<{
     address: string
     status: 'new' | 'existing'
   }> = []
   @state() private restoredAddresses: string[] = []
+  validationInfo: string[] = []
+  walletData: WalletData | null = null
 
   /**
    * Public method for parent to set preview result
@@ -208,7 +208,9 @@ export class RestoreModal extends CoreLitElement {
           label="Password"
           placeholder="Enter decryption password"
           .value=${this.password}
-          @on-input=${(e: CustomEvent) => (this.password = e.detail.value)}
+          @on-input=${(e: CustomEvent) => {
+            this.password = e.detail.value
+          }}
           @keyup=${(e: KeyboardEvent) => e.key === 'Enter' && canProceed && this.previewRestore()}
           is-full-width
           autofocus

package/src/styles/styles.css

@@ -1 +1 @@
-@import "@lukso/web-components/dist/styles/main.css";
+@import "@lukso/web-components/tools/styles/main.css";