@lukso/up-connector 0.5.0 → 0.5.1-dev.e515cef

package/dist/{chunk-LCF5SJOE.js.map → chunk-KMCCANMJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/auto-setup.ts"],"sourcesContent":["/**\n * Auto-setup utilities for LUKSO products\n *\n * Provides zero-config setup for:\n * - Embedded Wallet (passkey-based)\n * - UP Extension (browser extension)\n * - UP Mobile (WalletConnect)\n */\n\nimport type { Config } from '@wagmi/core'\nimport type { ConnectModalSetup } from './connect-modal/index.js'\nimport { setupConnectModal } from './connect-modal/index.js'\n\n/**\n * Embedded wallet constants\n */\nexport const EMBEDDED_WALLET_ID = 'dev.lukso.auth'\nexport const EMBEDDED_WALLET_URL_DEV = 'http://localhost:9100'\nexport const EMBEDDED_WALLET_URL_PROD = 'https://auth-simple.pages.dev'\n\n/**\n * UP Extension ID\n */\nexport const UP_EXTENSION_ID = 'cloud.universalprofile'\n\n/**\n * Get default wallet URL based on environment\n */\nfunction getDefaultWalletUrl(): string {\n  // Check for environment variable (CI builds)\n  if (typeof process !== 'undefined' && process.env?.WALLET_URL) {\n    return process.env.WALLET_URL\n  }\n\n  // Check if we're in production (browser)\n  if (typeof window !== 'undefined') {\n    const isLocalhost =\n      window.location.hostname === 'localhost' ||\n      window.location.hostname === '127.0.0.1'\n    return isLocalhost ? EMBEDDED_WALLET_URL_DEV : EMBEDDED_WALLET_URL_PROD\n  }\n\n  // Default to dev\n  return EMBEDDED_WALLET_URL_DEV\n}\n\nexport interface LuksoConnectorConfig {\n  /**\n   * Embedded wallet configuration\n   */\n  embeddedWallet?: {\n    /**\n     * Enable embedded wallet option (default: true)\n     */\n    enabled?: boolean\n\n    /**\n     * URL to the wallet service\n     * @default 'http://localhost:9100'\n     */\n    url?: string\n\n    /**\n     * Storage key for UP Provider state\n     * @default 'up-provider'\n     */\n    storageKey?: string\n\n    /**\n     * Display name for the wallet\n     * @default 'Create Passkey Wallet'\n     */\n    name?: string\n  }\n\n  /**\n   * WalletConnect configuration for mobile app\n   */\n  walletConnect?: {\n    /**\n     * Enable WalletConnect (default: true)\n     */\n    enabled?: boolean\n\n    /**\n     * WalletConnect Project ID\n     * @default LUKSO's default project ID\n     */\n    projectId?: string\n\n    /**\n     * Show QR code modal on mobile devices (default: false)\n     */\n    showQrModal?: boolean\n  }\n\n  /**\n   * Chain configuration\n   */\n  chains?: {\n    /**\n     * Default chain ID\n     * @default 42 (LUKSO mainnet)\n     */\n    defaultChainId?: number\n\n    /**\n     * Enable testnet (default: true)\n     */\n    enableTestnet?: boolean\n  }\n\n  /**\n   * Storage configuration\n   */\n  storage?: {\n    /**\n     * Storage key prefix for wagmi state\n     * @default 'up-wagmi'\n     */\n    key?: string\n  }\n\n  /**\n   * Pass an existing wagmi config instead of auto-creating one\n   */\n  wagmiConfig?: any\n}\n\nconst DEFAULT_CONFIG: Required<LuksoConnectorConfig> = {\n  embeddedWallet: {\n    enabled: true,\n    url: getDefaultWalletUrl(),\n    storageKey: 'up-provider',\n    name: 'UE Embedded Wallet',\n  },\n  walletConnect: {\n    enabled: true,\n    projectId: '7d1af65dc2722192d9914b5d6eaeb421', // LUKSO's default\n    showQrModal: false,\n  },\n  chains: {\n    defaultChainId: 42, // LUKSO mainnet\n    enableTestnet: true,\n  },\n  storage: {\n    key: 'up-wagmi',\n  },\n  wagmiConfig: undefined,\n}\n\n/**\n * Auto-setup LUKSO connector with sensible defaults\n *\n * This function creates a wagmi config and sets up the connect modal\n * with support for:\n * - Embedded Wallet (passkey-based)\n * - UP Extension (auto-detected via EIP-6963)\n * - UP Mobile (WalletConnect)\n *\n * @example\n * ```typescript\n * // Zero config - uses all defaults\n * setupLuksoConnector()\n *\n * // Custom configuration\n * setupLuksoConnector({\n *   embeddedWallet: {\n *     url: 'https://wallet.example.com'\n *   },\n *   chains: {\n *     defaultChainId: 4201 // LUKSO Testnet\n *   }\n * })\n * ```\n */\nexport async function setupLuksoConnector(\n  config: LuksoConnectorConfig = {}\n): Promise<{ wagmiConfig: Config }> {\n  const cfg = {\n    embeddedWallet: {\n      ...DEFAULT_CONFIG.embeddedWallet,\n      ...config.embeddedWallet,\n    } as Required<typeof DEFAULT_CONFIG.embeddedWallet>,\n    walletConnect: {\n      ...DEFAULT_CONFIG.walletConnect,\n      ...config.walletConnect,\n    } as Required<typeof DEFAULT_CONFIG.walletConnect>,\n    chains: {\n      ...DEFAULT_CONFIG.chains,\n      ...config.chains,\n    } as Required<typeof DEFAULT_CONFIG.chains>,\n    storage: {\n      ...DEFAULT_CONFIG.storage,\n      ...config.storage,\n    } as Required<typeof DEFAULT_CONFIG.storage>,\n    wagmiConfig: config.wagmiConfig,\n  }\n\n  // IMPORTANT: Create UP Provider BEFORE wagmi config\n  // The UP Provider registers via EIP-6963, and wagmi's injected() will detect it\n  // This matches the order in demo-app: UP Provider first, then wagmi config\n\n  // Step 1: Create UP Provider (if enabled)\n  if (cfg.embeddedWallet?.enabled) {\n    await createUPProvider(cfg.embeddedWallet)\n  }\n\n  // Step 2: Create or use provided wagmi config\n  const wagmiConfig = cfg.wagmiConfig || (await createWagmiConfig(cfg))\n\n  // Note: Wagmi will auto-reconnect in the background\n  // The connector's watchWagmiAccount will detect the connection when it completes\n\n  // Step 3: Setup connect modal\n  // The UP Provider is already registered via EIP-6963 and will appear in wagmi connectors\n  // Use the embedded wallet ID to identify it in the connector list\n  setupConnectModal({\n    wagmiConfig,\n    chainId: cfg.chains.defaultChainId,\n    embeddedWalletId: cfg.embeddedWallet.enabled\n      ? EMBEDDED_WALLET_ID\n      : undefined,\n  })\n\n  return { wagmiConfig }\n}\n\n/**\n * Create wagmi config with LUKSO chains and connectors\n */\nasync function createWagmiConfig(cfg: any): Promise<any> {\n  try {\n    // Dynamic imports to keep dependencies optional\n    const [\n      { createConfig, createStorage, injected },\n      { walletConnect },\n      { createClient, http },\n      { lukso, luksoTestnet },\n    ] = await Promise.all([\n      import('@wagmi/core'),\n      import('@wagmi/connectors'),\n      import('viem'),\n      import('viem/chains'),\n    ])\n\n    // Create storage adapter\n    const storage = createStorage({\n      key: cfg.storage.key,\n      storage: getDefaultStorage(),\n    })\n\n    // Build chains array\n    const chains = cfg.chains.enableTestnet\n      ? ([luksoTestnet, lukso] as const)\n      : ([lukso] as const)\n\n    // Build connectors array\n    const connectors = []\n\n    // Add WalletConnect if enabled\n    if (cfg.walletConnect.enabled) {\n      connectors.push(\n        walletConnect({\n          projectId: cfg.walletConnect.projectId,\n          showQrModal: cfg.walletConnect.showQrModal,\n        })\n      )\n    }\n\n    // Add injected (for UP Extension and other EIP-6963 wallets)\n    connectors.push(injected())\n\n    // Create wagmi config\n    return createConfig({\n      storage,\n      multiInjectedProviderDiscovery: true, // Enable EIP-6963\n      connectors,\n      chains,\n      client({ chain }: any) {\n        return createClient({ chain, transport: http() })\n      },\n    })\n  } catch (error) {\n    console.error('Failed to create wagmi config:', error)\n    throw new Error(\n      'Failed to create wagmi config. Make sure @wagmi/core, @wagmi/connectors, and viem are installed.'\n    )\n  }\n}\n\n/**\n * Create UP Provider (registers via EIP-6963)\n */\nasync function createUPProvider(config: {\n  url: string\n  storageKey: string\n  name: string\n}): Promise<void> {\n  // Validate URL - throw error if explicitly set to empty string\n  if (config.url != null && config.url.trim() === '') {\n    throw new Error(\n      'UP Provider URL is defined but empty. Please set WALLET_URL environment variable to a valid URL or leave it undefined.'\n    )\n  }\n\n  try {\n    const { createClientUPProvider } = await import('@lukso/up-provider')\n\n    // Create UP Provider - it automatically registers via EIP-6963\n    createClientUPProvider({\n      url: config.url,\n      mode: 'iframe',\n      get: async () => {\n        const stored = localStorage.getItem(config.storageKey)\n        return stored ? JSON.parse(stored) : {}\n      },\n      set: async (value: Record<string, unknown>) => {\n        localStorage.setItem(config.storageKey, JSON.stringify(value))\n      },\n      name: config.name,\n    })\n\n    // Wait for EIP-6963 registration\n    await new Promise((resolve) => setTimeout(resolve, 100))\n  } catch (error) {\n    console.warn('⚠️ Failed to create UP Provider:', error)\n    throw error\n  }\n}\n\n/**\n * Default storage adapter (localStorage with error handling)\n */\nfunction getDefaultStorage() {\n  const storage = (() => {\n    if (typeof window !== 'undefined' && window.localStorage) {\n      return window.localStorage\n    }\n    return {\n      getItem: () => null,\n      setItem: () => {},\n      removeItem: () => {},\n    }\n  })()\n\n  return {\n    getItem(key: string) {\n      return storage.getItem(key)\n    },\n    removeItem(key: string) {\n      storage.removeItem(key)\n    },\n    setItem(key: string, value: string) {\n      try {\n        storage.setItem(key, value)\n      } catch {\n        // Silence QuotaExceededError, SecurityError, etc.\n      }\n    },\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/auto-setup.ts"],"sourcesContent":["/**\n * Auto-setup utilities for LUKSO products\n *\n * Provides zero-config setup for:\n * - Embedded Wallet (passkey-based)\n * - UP Extension (browser extension)\n * - UP Mobile (WalletConnect)\n */\n\nimport type { Config } from '@wagmi/core'\nimport type { ConnectModalSetup } from './connect-modal/index.js'\nimport { setupConnectModal } from './connect-modal/index.js'\n\n/**\n * Embedded wallet constants\n */\nexport const EMBEDDED_WALLET_ID = 'dev.lukso.auth'\nexport const EMBEDDED_WALLET_URL_DEV = 'http://localhost:9100'\nexport const EMBEDDED_WALLET_URL_PROD = 'https://auth-simple.pages.dev'\n\n/**\n * UP Extension ID\n */\nexport const UP_EXTENSION_ID = 'cloud.universalprofile'\n\n/**\n * Get default wallet URL based on environment\n */\nfunction getDefaultWalletUrl(): string {\n  // Check for environment variable (CI builds)\n  if (typeof process !== 'undefined' && process.env?.WALLET_URL) {\n    return process.env.WALLET_URL\n  }\n\n  // Check if we're in production (browser)\n  if (typeof window !== 'undefined') {\n    const isLocalhost =\n      window.location.hostname === 'localhost' ||\n      window.location.hostname === '127.0.0.1'\n    return isLocalhost ? EMBEDDED_WALLET_URL_DEV : EMBEDDED_WALLET_URL_PROD\n  }\n\n  // Default to dev\n  return EMBEDDED_WALLET_URL_DEV\n}\n\nexport interface LuksoConnectorConfig {\n  /**\n   * Embedded wallet configuration\n   */\n  embeddedWallet?: {\n    /**\n     * Enable embedded wallet option (default: true)\n     */\n    enabled?: boolean\n\n    /**\n     * URL to the wallet service\n     * @default 'http://localhost:9100'\n     */\n    url?: string\n\n    /**\n     * Storage key for UP Provider state\n     * @default 'up-provider'\n     */\n    storageKey?: string\n\n    /**\n     * Display name for the wallet\n     * @default 'Create Passkey Wallet'\n     */\n    name?: string\n  }\n\n  /**\n   * WalletConnect configuration for mobile app\n   */\n  walletConnect?: {\n    /**\n     * Enable WalletConnect (default: true)\n     */\n    enabled?: boolean\n\n    /**\n     * WalletConnect Project ID\n     * @default LUKSO's default project ID\n     */\n    projectId?: string\n\n    /**\n     * Show QR code modal on mobile devices (default: false)\n     */\n    showQrModal?: boolean\n  }\n\n  /**\n   * Chain configuration\n   */\n  chains?: {\n    /**\n     * Default chain ID\n     * @default 42 (LUKSO mainnet)\n     */\n    defaultChainId?: number\n\n    /**\n     * Enable testnet (default: true)\n     */\n    enableTestnet?: boolean\n  }\n\n  /**\n   * Storage configuration\n   */\n  storage?: {\n    /**\n     * Storage key prefix for wagmi state\n     * @default 'up-wagmi'\n     */\n    key?: string\n  }\n\n  /**\n   * Pass an existing wagmi config instead of auto-creating one\n   */\n  wagmiConfig?: any\n}\n\nconst DEFAULT_CONFIG: Required<LuksoConnectorConfig> = {\n  embeddedWallet: {\n    enabled: true,\n    url: getDefaultWalletUrl(),\n    storageKey: 'up-provider',\n    name: 'UE Embedded Wallet',\n  },\n  walletConnect: {\n    enabled: true,\n    projectId: '7d1af65dc2722192d9914b5d6eaeb421', // LUKSO's default\n    showQrModal: false,\n  },\n  chains: {\n    defaultChainId: 42, // LUKSO mainnet\n    enableTestnet: true,\n  },\n  storage: {\n    key: 'up-wagmi',\n  },\n  wagmiConfig: undefined,\n}\n\n/**\n * Auto-setup LUKSO connector with sensible defaults\n *\n * This function creates a wagmi config and sets up the connect modal\n * with support for:\n * - Embedded Wallet (passkey-based)\n * - UP Extension (auto-detected via EIP-6963)\n * - UP Mobile (WalletConnect)\n *\n * @example\n * ```typescript\n * // Zero config - uses all defaults\n * setupLuksoConnector()\n *\n * // Custom configuration\n * setupLuksoConnector({\n *   embeddedWallet: {\n *     url: 'https://wallet.example.com'\n *   },\n *   chains: {\n *     defaultChainId: 4201 // LUKSO Testnet\n *   }\n * })\n * ```\n */\nexport async function setupLuksoConnector(\n  config: LuksoConnectorConfig = {}\n): Promise<{ wagmiConfig: Config }> {\n  const cfg = {\n    embeddedWallet: {\n      ...DEFAULT_CONFIG.embeddedWallet,\n      ...config.embeddedWallet,\n    } as Required<typeof DEFAULT_CONFIG.embeddedWallet>,\n    walletConnect: {\n      ...DEFAULT_CONFIG.walletConnect,\n      ...config.walletConnect,\n    } as Required<typeof DEFAULT_CONFIG.walletConnect>,\n    chains: {\n      ...DEFAULT_CONFIG.chains,\n      ...config.chains,\n    } as Required<typeof DEFAULT_CONFIG.chains>,\n    storage: {\n      ...DEFAULT_CONFIG.storage,\n      ...config.storage,\n    } as Required<typeof DEFAULT_CONFIG.storage>,\n    wagmiConfig: config.wagmiConfig,\n  }\n\n  // IMPORTANT: Create UP Provider BEFORE wagmi config\n  // The UP Provider registers via EIP-6963, and wagmi's injected() will detect it\n  // This matches the order in demo-app: UP Provider first, then wagmi config\n\n  // Step 1: Create UP Provider (if enabled)\n  if (cfg.embeddedWallet?.enabled) {\n    await createUPProvider(cfg.embeddedWallet)\n  }\n\n  // Step 2: Create or use provided wagmi config\n  const wagmiConfig = cfg.wagmiConfig || (await createWagmiConfig(cfg))\n\n  // Note: Wagmi will auto-reconnect in the background\n  // The connector's watchWagmiAccount will detect the connection when it completes\n\n  // Step 3: Setup connect modal\n  // The UP Provider is already registered via EIP-6963 and will appear in wagmi connectors\n  // Use the embedded wallet ID to identify it in the connector list\n  setupConnectModal({\n    wagmiConfig,\n    chainId: cfg.chains.defaultChainId,\n    embeddedWalletId: cfg.embeddedWallet.enabled\n      ? EMBEDDED_WALLET_ID\n      : undefined,\n  })\n\n  return { wagmiConfig }\n}\n\n/**\n * Create wagmi config with LUKSO chains and connectors\n */\nasync function createWagmiConfig(cfg: any): Promise<any> {\n  try {\n    // Dynamic imports to keep dependencies optional\n    const [\n      { createConfig, createStorage, injected },\n      { walletConnect },\n      { createClient, http },\n      { lukso, luksoTestnet },\n    ] = await Promise.all([\n      import('@wagmi/core'),\n      import('@wagmi/connectors'),\n      import('viem'),\n      import('viem/chains'),\n    ])\n\n    // Create storage adapter\n    const storage = createStorage({\n      key: cfg.storage.key,\n      storage: getDefaultStorage(),\n    })\n\n    // Build chains array\n    const chains = cfg.chains.enableTestnet\n      ? ([luksoTestnet, lukso] as const)\n      : ([lukso] as const)\n\n    // Build connectors array\n    const connectors = []\n\n    // Add WalletConnect if enabled\n    if (cfg.walletConnect.enabled) {\n      connectors.push(\n        walletConnect({\n          projectId: cfg.walletConnect.projectId,\n          showQrModal: cfg.walletConnect.showQrModal,\n        })\n      )\n    }\n\n    // Add injected (for UP Extension and other EIP-6963 wallets)\n    connectors.push(injected())\n\n    // Create wagmi config\n    return createConfig({\n      storage,\n      multiInjectedProviderDiscovery: true, // Enable EIP-6963\n      connectors,\n      chains,\n      client({ chain }: any) {\n        return createClient({ chain, transport: http() })\n      },\n    })\n  } catch (error) {\n    console.error('Failed to create wagmi config:', error)\n    throw new Error(\n      'Failed to create wagmi config. Make sure @wagmi/core, @wagmi/connectors, and viem are installed.'\n    )\n  }\n}\n\n/**\n * Create UP Provider (registers via EIP-6963)\n */\nasync function createUPProvider(config: {\n  url: string\n  storageKey: string\n  name: string\n}): Promise<void> {\n  // Validate URL - throw error if explicitly set to empty string\n  if (config.url != null && config.url.trim() === '') {\n    throw new Error(\n      'UP Provider URL is defined but empty. Please set WALLET_URL environment variable to a valid URL or leave it undefined.'\n    )\n  }\n\n  try {\n    const { createClientUPProvider } = await import('@lukso/up-provider')\n\n    // Create UP Provider - it automatically registers via EIP-6963\n    createClientUPProvider({\n      url: config.url,\n      mode: 'iframe',\n      get: async () => {\n        const stored = localStorage.getItem(config.storageKey)\n        return stored ? JSON.parse(stored) : {}\n      },\n      set: async (value: Record<string, unknown>) => {\n        localStorage.setItem(config.storageKey, JSON.stringify(value))\n      },\n      name: config.name,\n    })\n\n    // Wait for EIP-6963 registration\n    await new Promise((resolve) => setTimeout(resolve, 100))\n  } catch (error) {\n    console.warn('⚠️ Failed to create UP Provider:', error)\n    throw error\n  }\n}\n\n/**\n * Default storage adapter (localStorage with error handling)\n */\nfunction getDefaultStorage() {\n  const storage = (() => {\n    if (typeof window !== 'undefined' && window.localStorage) {\n      return window.localStorage\n    }\n    return {\n      getItem: () => null,\n      setItem: () => {},\n      removeItem: () => {},\n    }\n  })()\n\n  return {\n    getItem(key: string) {\n      return storage.getItem(key)\n    },\n    removeItem(key: string) {\n      storage.removeItem(key)\n    },\n    setItem(key: string, value: string) {\n      try {\n        storage.setItem(key, value)\n      } catch {\n        // Silence QuotaExceededError, SecurityError, etc.\n      }\n    },\n  }\n}\n"],"mappings":";;;;;AAgBO,IAAM,qBAAqB;AAC3B,IAAM,0BAA0B;AAChC,IAAM,2BAA2B;AAKjC,IAAM,kBAAkB;AAK/B,SAAS,sBAA8B;AAErC,MAAI,OAAO,YAAY,eAAe,QAAQ,KAAK,YAAY;AAC7D,WAAO,QAAQ,IAAI;AAAA,EACrB;AAGA,MAAI,OAAO,WAAW,aAAa;AACjC,UAAM,cACJ,OAAO,SAAS,aAAa,eAC7B,OAAO,SAAS,aAAa;AAC/B,WAAO,cAAc,0BAA0B;AAAA,EACjD;AAGA,SAAO;AACT;AAqFA,IAAM,iBAAiD;AAAA,EACrD,gBAAgB;AAAA,IACd,SAAS;AAAA,IACT,KAAK,oBAAoB;AAAA,IACzB,YAAY;AAAA,IACZ,MAAM;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA;AAAA,IACX,aAAa;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,gBAAgB;AAAA;AAAA,IAChB,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,KAAK;AAAA,EACP;AAAA,EACA,aAAa;AACf;AA2BA,eAAsB,oBACpB,SAA+B,CAAC,GACE;AAClC,QAAM,MAAM;AAAA,IACV,gBAAgB;AAAA,MACd,GAAG,eAAe;AAAA,MAClB,GAAG,OAAO;AAAA,IACZ;AAAA,IACA,eAAe;AAAA,MACb,GAAG,eAAe;AAAA,MAClB,GAAG,OAAO;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,GAAG,eAAe;AAAA,MAClB,GAAG,OAAO;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,MACP,GAAG,eAAe;AAAA,MAClB,GAAG,OAAO;AAAA,IACZ;AAAA,IACA,aAAa,OAAO;AAAA,EACtB;AAOA,MAAI,IAAI,gBAAgB,SAAS;AAC/B,UAAM,iBAAiB,IAAI,cAAc;AAAA,EAC3C;AAGA,QAAM,cAAc,IAAI,eAAgB,MAAM,kBAAkB,GAAG;AAQnE,aAAkB;AAAA,IAChB;AAAA,IACA,SAAS,IAAI,OAAO;AAAA,IACpB,kBAAkB,IAAI,eAAe,UACjC,qBACA;AAAA,EACN,CAAC;AAED,SAAO,EAAE,YAAY;AACvB;AAKA,eAAe,kBAAkB,KAAwB;AACvD,MAAI;AAEF,UAAM;AAAA,MACJ,EAAE,cAAc,eAAe,SAAS;AAAA,MACxC,EAAE,cAAc;AAAA,MAChB,EAAE,cAAc,KAAK;AAAA,MACrB,EAAE,OAAO,aAAa;AAAA,IACxB,IAAI,MAAM,QAAQ,IAAI;AAAA,MACpB,OAAO,aAAa;AAAA,MACpB,OAAO,mBAAmB;AAAA,MAC1B,OAAO,MAAM;AAAA,MACb,OAAO,aAAa;AAAA,IACtB,CAAC;AAGD,UAAM,UAAU,cAAc;AAAA,MAC5B,KAAK,IAAI,QAAQ;AAAA,MACjB,SAAS,kBAAkB;AAAA,IAC7B,CAAC;AAGD,UAAM,SAAS,IAAI,OAAO,gBACrB,CAAC,cAAc,KAAK,IACpB,CAAC,KAAK;AAGX,UAAM,aAAa,CAAC;AAGpB,QAAI,IAAI,cAAc,SAAS;AAC7B,iBAAW;AAAA,QACT,cAAc;AAAA,UACZ,WAAW,IAAI,cAAc;AAAA,UAC7B,aAAa,IAAI,cAAc;AAAA,QACjC,CAAC;AAAA,MACH;AAAA,IACF;AAGA,eAAW,KAAK,SAAS,CAAC;AAG1B,WAAO,aAAa;AAAA,MAClB;AAAA,MACA,gCAAgC;AAAA;AAAA,MAChC;AAAA,MACA;AAAA,MACA,OAAO,EAAE,MAAM,GAAQ;AACrB,eAAO,aAAa,EAAE,OAAO,WAAW,KAAK,EAAE,CAAC;AAAA,MAClD;AAAA,IACF,CAAC;AAAA,EACH,SAAS,OAAO;AACd,YAAQ,MAAM,kCAAkC,KAAK;AACrD,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;AAKA,eAAe,iBAAiB,QAId;AAEhB,MAAI,OAAO,OAAO,QAAQ,OAAO,IAAI,KAAK,MAAM,IAAI;AAClD,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,MAAI;AACF,UAAM,EAAE,uBAAuB,IAAI,MAAM,OAAO,oBAAoB;AAGpE,2BAAuB;AAAA,MACrB,KAAK,OAAO;AAAA,MACZ,MAAM;AAAA,MACN,KAAK,YAAY;AACf,cAAM,SAAS,aAAa,QAAQ,OAAO,UAAU;AACrD,eAAO,SAAS,KAAK,MAAM,MAAM,IAAI,CAAC;AAAA,MACxC;AAAA,MACA,KAAK,OAAO,UAAmC;AAC7C,qBAAa,QAAQ,OAAO,YAAY,KAAK,UAAU,KAAK,CAAC;AAAA,MAC/D;AAAA,MACA,MAAM,OAAO;AAAA,IACf,CAAC;AAGD,UAAM,IAAI,QAAQ,CAAC,YAAY,WAAW,SAAS,GAAG,CAAC;AAAA,EACzD,SAAS,OAAO;AACd,YAAQ,KAAK,8CAAoC,KAAK;AACtD,UAAM;AAAA,EACR;AACF;AAKA,SAAS,oBAAoB;AAC3B,QAAM,WAAW,MAAM;AACrB,QAAI,OAAO,WAAW,eAAe,OAAO,cAAc;AACxD,aAAO,OAAO;AAAA,IAChB;AACA,WAAO;AAAA,MACL,SAAS,MAAM;AAAA,MACf,SAAS,MAAM;AAAA,MAAC;AAAA,MAChB,YAAY,MAAM;AAAA,MAAC;AAAA,IACrB;AAAA,EACF,GAAG;AAEH,SAAO;AAAA,IACL,QAAQ,KAAa;AACnB,aAAO,QAAQ,QAAQ,GAAG;AAAA,IAC5B;AAAA,IACA,WAAW,KAAa;AACtB,cAAQ,WAAW,GAAG;AAAA,IACxB;AAAA,IACA,QAAQ,KAAa,OAAe;AAClC,UAAI;AACF,gBAAQ,QAAQ,KAAK,KAAK;AAAA,MAC5B,QAAQ;AAAA,MAER;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-4PC7ZTI7.js → chunk-SAQWNAQ6.js}

@@ -20,14 +20,89 @@ var ConnectModalBase = class extends LitElement {
 
 // src/connect-modal/connect-modal.ts
 import { withDeviceService as withDeviceService3 } from "@lukso/core/mixins";
-import debug3 from "debug";
+import debug4 from "debug";
 import { html as html5 } from "lit";
 import { property as property4, state as state2 } from "lit/decorators.js";
 
 // src/connect-modal/services/wagmi.ts
+import { getChainById } from "@lukso/core/chains";
 import { slug } from "@lukso/core/utils";
+import debug from "debug";
+
+// src/connect-modal/utils/chainParams.ts
+function constructAddEthereumChainParameter(chain) {
+  return {
+    chainName: chain.name,
+    nativeCurrency: {
+      name: chain.nativeCurrency.name,
+      symbol: chain.nativeCurrency.symbol,
+      decimals: chain.nativeCurrency.decimals
+    },
+    rpcUrls: [...chain.rpcUrls.default.http],
+    blockExplorerUrls: chain.blockExplorers?.default.url ? [chain.blockExplorers.default.url] : void 0
+  };
+}
+
+// src/connect-modal/services/wagmi.ts
+var logInfo = debug("connect-modal:info");
 var UP_EXTENSION_ID = "cloud.universalprofile";
-var globalWagmiSetup = null;
+var WagmiService = class {
+  constructor() {
+    this.setup = null;
+    this.wagmiCore = null;
+  }
+  configure(setup) {
+    this.setup = setup;
+  }
+  getSetup() {
+    return this.setup;
+  }
+  /**
+   * Ensure wagmi/core is loaded and return initialized state
+   * Returns { core, config } if ready, null otherwise
+   */
+  async init() {
+    if (!this.setup) return null;
+    if (!this.wagmiCore) {
+      try {
+        this.wagmiCore = await import("@wagmi/core");
+      } catch {
+        return null;
+      }
+    }
+    return { core: this.wagmiCore, config: this.setup.wagmiConfig };
+  }
+  async getConnection() {
+    const wagmi = await this.init();
+    if (!wagmi) return null;
+    try {
+      return wagmi.core.getConnection(wagmi.config);
+    } catch {
+      return null;
+    }
+  }
+  async watchConnection(callback) {
+    const wagmi = await this.init();
+    if (!wagmi) return null;
+    try {
+      return wagmi.core.watchConnection(wagmi.config, { onChange: callback });
+    } catch {
+      return null;
+    }
+  }
+  async disconnect() {
+    const wagmi = await this.init();
+    if (!wagmi) return false;
+    try {
+      await wagmi.core.disconnect(wagmi.config);
+      return true;
+    } catch (error) {
+      console.warn("Failed to disconnect from wagmi", error);
+      return false;
+    }
+  }
+};
+var wagmiService = new WagmiService();
 function fromWagmiConnector(connector, connectFn, chainId) {
   let type = "injected";
   const rdns = connector.id;
@@ -48,7 +123,27 @@ function fromWagmiConnector(connector, connectFn, chainId) {
     connect: async () => {
       await connectFn({ connector, chainId });
     },
-    getProvider: connector.getProvider ? () => connector.getProvider() : void 0
+    getProvider: connector.getProvider ? () => connector.getProvider() : void 0,
+    switchChain: connector.switchChain ? async (params) => {
+      if (!params.chainId) {
+        console.warn("No chainId provided for switchChain, skipping");
+        return;
+      }
+      let addEthereumChainParameter = params.addEthereumChainParameter;
+      if (!addEthereumChainParameter) {
+        const chain = getChainById(params.chainId);
+        if (chain) {
+          addEthereumChainParameter = constructAddEthereumChainParameter(chain);
+        }
+      }
+      await connector.switchChain({
+        chainId: params.chainId,
+        addEthereumChainParameter
+      });
+      logInfo(
+        `Switched to chainId ${params.chainId} via connector "${connector.name}"`
+      );
+    } : void 0
   };
 }
 function fromWagmiConnectors(connectors, connectFn, chainId, embeddedWalletId) {
@@ -102,52 +197,20 @@ function fromWagmiConnectors(connectors, connectFn, chainId, embeddedWalletId) {
   result.push(...others);
   return result;
 }
-function setupConnectModal(setup) {
-  globalWagmiSetup = setup;
+function setupWagmi(setup) {
+  wagmiService.configure(setup);
 }
 function getWagmiSetup() {
-  return globalWagmiSetup;
+  return wagmiService.getSetup();
 }
-async function getWagmiAccount() {
-  if (!globalWagmiSetup) {
-    return null;
-  }
-  try {
-    const { getAccount } = await import("@wagmi/core");
-    const account = getAccount(globalWagmiSetup.wagmiConfig);
-    return account;
-  } catch (_error) {
-    return null;
-  }
+async function getConnection() {
+  return wagmiService.getConnection();
 }
-async function watchWagmiAccount(callback) {
-  if (!globalWagmiSetup) {
-    return null;
-  }
-  try {
-    const { watchAccount } = await import("@wagmi/core");
-    const unsubscribe = watchAccount(globalWagmiSetup.wagmiConfig, {
-      onChange: (account) => {
-        callback(account);
-      }
-    });
-    return unsubscribe;
-  } catch (_error) {
-    return null;
-  }
+async function watchConnection(callback) {
+  return wagmiService.watchConnection(callback);
 }
-async function disconnectWagmi() {
-  if (!globalWagmiSetup) {
-    return false;
-  }
-  try {
-    const { disconnect } = await import("@wagmi/core");
-    await disconnect(globalWagmiSetup.wagmiConfig);
-    return true;
-  } catch (error) {
-    console.warn("Failed to disconnect from wagmi", error);
-    return false;
-  }
+async function disconnect() {
+  return wagmiService.disconnect();
 }
 
 // src/connect-modal/connect-modal.ts
@@ -156,7 +219,7 @@ import "@lukso/web-components/dist/components/lukso-modal";
 // src/connect-modal/components/eoa-connection-view.ts
 import { Task } from "@lit/task";
 import { withDeviceService, withIntlService } from "@lukso/core/mixins";
-import debug from "debug";
+import debug2 from "debug";
 import { html as html2, nothing } from "lit";
 import { property, state } from "lit/decorators.js";
 import { keyed } from "lit/directives/keyed.js";
@@ -200,7 +263,7 @@ var renderPlaceholder = (style2) => html`<div class="${cn("bg-neutral-90 dark:bg
 import "@lukso/web-components/dist/components/lukso-button";
 import "@lukso/web-components/dist/components/lukso-icon";
 import "@lukso/web-components/dist/components/lukso-tag";
-var logInfo = debug("connect-modal:info");
+var logInfo2 = debug2("connect-modal:info");
 var EoaConnectionView = class extends withIntlService(
   withDeviceService(ConnectModalBase)
 ) {
@@ -329,8 +392,10 @@ var EoaConnectionView = class extends withIntlService(
     const connector = wallet.connector;
     if (connector) {
       try {
-        logInfo("Connecting via connector:", connector);
+        logInfo2("Connecting via connector:", connector);
         this.isConnecting = true;
+        const setup = getWagmiSetup();
+        await connector.switchChain?.({ chainId: setup?.chainId });
         await connector.connect();
         this.dispatchEvent(
           new CustomEvent("on-connect", {
@@ -359,13 +424,13 @@ var EoaConnectionView = class extends withIntlService(
     const connector = this.walletConnectConnector;
     if (connector) {
       try {
-        logInfo("Connecting via WalletConnect connector:", connector);
+        logInfo2("Connecting via WalletConnect connector:", connector);
         this.isConnecting = true;
         const connectPromise = connector.connect();
         const provider = await connector.getProvider?.();
         if (provider) {
           const handleDisplayUri = (displayUri) => {
-            logInfo("WalletConnect URI received:", displayUri);
+            logInfo2("WalletConnect URI received:", displayUri);
             const encodedUri = encodeURIComponent(displayUri);
             if (wallet.mobile?.native) {
               window.location.href = `${wallet.mobile.native}wc?uri=${encodedUri}`;
@@ -502,7 +567,7 @@ import "@lukso/web-components/dist/components/lukso-button";
 import "@lukso/web-components/dist/components/lukso-icon";
 import { browserInfo } from "@lukso/core/utils";
 import { cn as cn2 } from "@lukso/web-components/tools";
-import debug2 from "debug";
+import debug3 from "debug";
 
 // src/connect-modal/utils/walletConnectDeepLinkUrl.ts
 var walletConnectDeepLinkUrl = (data, options) => {
@@ -529,7 +594,7 @@ var walletConnectDeepLinkUrl = (data, options) => {
 };
 
 // src/connect-modal/components/connection-view.ts
-var logInfo2 = debug2("connect-modal:info");
+var logInfo3 = debug3("connect-modal:info");
 var ConnectionView = class extends withIntlService2(
   withDeviceService2(ConnectModalBase)
 ) {
@@ -544,7 +609,7 @@ var ConnectionView = class extends withIntlService2(
     this.handleConnectEmbedded = async () => {
       const connector = this.embeddedWalletConnector;
       try {
-        logInfo2("Connecting via connector:", connector);
+        logInfo3("Connecting via connector:", connector);
         await connector?.connect();
         this.dispatchEvent(
           new CustomEvent("on-connect", {
@@ -574,9 +639,11 @@ var ConnectionView = class extends withIntlService2(
       }
       if (connector) {
         try {
-          logInfo2("Connecting via connector:", connector);
+          logInfo3("Connecting via connector:", connector);
           this.isConnecting = true;
           this.connectingRdns = connector.rdns;
+          const setup = getWagmiSetup();
+          await connector.switchChain?.({ chainId: setup?.chainId });
           await connector.connect();
           this.dispatchEvent(
             new CustomEvent("on-connect", {
@@ -606,16 +673,16 @@ var ConnectionView = class extends withIntlService2(
       const connector = this.walletConnectConnector;
       if (connector) {
         try {
-          logInfo2("Connecting via connector:", connector);
+          logInfo3("Connecting via connector:", connector);
           this.isConnecting = true;
           this.connectingRdns = connector.rdns;
           const connectPromise = connector.connect();
           const provider = await connector.getProvider?.();
           if (provider) {
             const handleDisplayUri = (displayUri) => {
-              logInfo2("WalletConnect original URI:", displayUri);
+              logInfo3("WalletConnect original URI:", displayUri);
               const deepLink = walletConnectDeepLinkUrl(displayUri);
-              logInfo2("Mobile App Deep Link:", deepLink);
+              logInfo3("Mobile App Deep Link:", deepLink);
               if (this.device.isMobile) {
                 window.open(deepLink, "_blank");
               } else {
@@ -898,7 +965,7 @@ __decorateClass([
 customElements.define("qr-code-view", QrCodeView);
 
 // src/connect-modal/connect-modal.ts
-var logInfo3 = debug3("connect-modal:info");
+var logInfo4 = debug4("connect-modal:info");
 var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
   constructor() {
     super(...arguments);
@@ -976,9 +1043,9 @@ var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
     }
   }
   async loadConnectors() {
-    const globalWagmiSetup2 = getWagmiSetup();
-    logInfo3("Global wagmi setup:", globalWagmiSetup2);
-    if (!globalWagmiSetup2) {
+    const globalWagmiSetup = getWagmiSetup();
+    logInfo4("Global wagmi setup:", globalWagmiSetup);
+    if (!globalWagmiSetup) {
       console.warn(
         "No global wagmi setup found! Call setupConnectModal() first."
       );
@@ -986,9 +1053,9 @@ var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
       return;
     }
     try {
-      const { wagmiConfig, chainId, embeddedWalletId } = globalWagmiSetup2;
+      const { wagmiConfig, chainId, embeddedWalletId } = globalWagmiSetup;
       const wagmiConnectors = wagmiConfig?.connectors || [];
-      logInfo3("Initial connectors:", wagmiConnectors);
+      logInfo4("Initial connectors:", wagmiConnectors);
       const wagmiCore = await import("@wagmi/core").catch((error) => {
         throw new Error("@wagmi/core is required when using wagmi connectors", {
           cause: error
@@ -1005,7 +1072,7 @@ var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
         chainId,
         embeddedWalletId
       );
-      logInfo3("Converted connectors:", this.connectors);
+      logInfo4("Converted connectors:", this.connectors);
     } catch (error) {
       console.warn("Failed to load connectors", error);
       this.connectors = [];
@@ -1019,7 +1086,7 @@ var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
   handleOnConnectSuccess(event) {
     event.stopPropagation();
     const connector = event.detail.connector;
-    logInfo3("Connection success:", connector);
+    logInfo4("Connection success:", connector);
     this.open = false;
     this.dispatchEvent(
       new CustomEvent("on-connect", {
@@ -1037,7 +1104,7 @@ var ConnectModal = class extends withDeviceService3(ConnectModalBase) {
   handleOnConnectError(event) {
     event.stopPropagation();
     const error = event.detail.error;
-    logInfo3("Connection error:", error);
+    logInfo4("Connection error:", error);
     this.dispatchEvent(
       new CustomEvent("on-error", {
         detail: { error },
@@ -1120,13 +1187,14 @@ customElements.define("connect-modal", ConnectModal);
 
 export {
   ConnectModalBase,
+  wagmiService,
   fromWagmiConnector,
   fromWagmiConnectors,
-  setupConnectModal,
+  setupWagmi,
   getWagmiSetup,
-  getWagmiAccount,
-  watchWagmiAccount,
-  disconnectWagmi,
+  getConnection,
+  watchConnection,
+  disconnect,
   ConnectModal
 };
-//# sourceMappingURL=chunk-4PC7ZTI7.js.map
+//# sourceMappingURL=chunk-SAQWNAQ6.js.map