Add render inline option and onConnectSuccess callback

[yigiterdev]

Ticket link:

API breaking changes:

• Yes
• No

Manual testing required:

• Yes
• No

Docs changes required:

• Yes
• No

Description

Add Inline Connect UI and onConnectSuccess Callback

Summary

Adds inline rendering support for the Connect UI and a connection success callback for custom post-connection flows.

Key Changes

1. Inline Connect UI

• Added SequenceConnectInline component for rendering connect UI inline within custom layouts
• Renamed SequenceConnectPreview → SequenceConnectInline for clarity
• Fixed styling issues (removed modal padding, injected Tailwind CSS for inline rendering)

2. Connection Success Callback

• Added onConnectSuccess?: (address: string) => void to ConnectConfig
• Fires when wallet connects successfully with the connected address
• Enables custom actions like redirects or analytics tracking

3. Demo & Documentation

• Added /inline demo route in examples/react
• Updated README with inline UI examples and API documentation

Usage Example

import { SequenceConnectInline, createConfig } from '@0xsequence/connect'

const config = createConfig('waas', {
  projectAccessKey: 'your-key',
  waasConfigKey: 'your-waas-key',
  onConnectSuccess: (address) => {
    navigate('/dashboard')
  }
})

<SequenceConnectInline config={config} />

Breaking Changes

None - all changes are backwards compatible.