Velora Widget wallet management

<Widget config={{ widgetMode: "standalone" }} /> // default; can be omitted

<Widget
  config={{
    privyAppId: "clxxx...xxx",
    privyClientId: "client_xxx...xxx", // optional, only takes effect with privyAppId
  }}
/>

<Widget
  config={{ widgetMode: "dapp" }}
  provider={window.ethereum}
  events={{
    onConnectWalletClick: () => {
      // open your host app's wallet modal
      openConnectModal();
    },
  }}
/>

type EIP1193ProviderLax = {
  request: (args: { method: any; params?: any }) => Promise<any>;
  on: (event: any, callback: (arg: unknown) => void) => void;
  removeListener: (event: any, callback: (arg: unknown) => void) => void;
};

<Widget
  config={{ widgetMode: "dapp" }}
  provider={provider}
  events={{
    onConnectWalletClick: () => {
      // host-app responsibility, e.g. open RainbowKit modal
      openConnectModal();
    },
  }}
/>

<Widget
  config={{
    widgetMode: "dapp",
    excludeUI: ["wallet-management"],
  }}
  provider={provider}
/>

Does your host app already manage the user wallet?
├── No  → widgetMode: "standalone"  (optionally add privyAppId for Privy)
└── Yes → widgetMode: "dapp" + provider + onConnectWalletClick
         └── Already show the connected account in the host UI?
             └── Yes → excludeUI: ["wallet-management"]

<Widget
  events={{
    onConnectWallet: ({ event }) => {
      if (event.name === "ConnectWallet:connect") {
        analytics.track("wallet_connected", {
          connector: event.params.connectorType,
          action: event.params.connectorAction,
        });
      }
    },
  }}
/>