Automatic wrapping of native tokens up top-up / one-time donation

[efstajas]

Related to #1180, which is about automatically unwrapping wrapped native tokens on collect.

Currently, wrapped tokens like WETH or WFIL are just part of our default token list, and can be topped up & collected in their wrapped states.

It'd be great if the app could automatically wrap native tokens (e.g. ETH) upon top-up or one-time donation, so that funders don't need to externally wrap their native tokens before being able to use them with Drips.

We should explicitly define a list of native tokens that support this auto wrap / unwrap functionality in the app. For the beginning, it should support ETH/WETH on mainnet and FIL/WFIL on Filecoin.

UX outline for topping up / one-time donating supported native tokens

• BOTH the native tokens & wrapped counterparts appear in the token picker (because someone may have both ETH/FIL and WETH/ETH in their wallet). For instance, on mainnet, both "Ethereum (ETH)" and "Wrapped Ether (WETH)" should appear in the token picker.
• If the user chooses the native token, we automatically include the wrap interaction in the subsequent transaction.
• Across the app, wrapped native tokens are displayed with their native name, but symbol of the wrapper. For example, WETH is displayed as "Ethereum (WETH)".
• As described in #1180, users can choose to automatically unwrap supported wrapped tokens upon collect.

[brandonhaslegs]

Here are a few of the places where this would appear formatted like this:

---

I wonder if we should also put some sort of indicator that this is a auto-wrapped token. Because it might be a bit confusing to show the unwrapped name and the wrapped token symbol.

[brandonhaslegs]

Design file https://www.figma.com/design/vyI7f996JF8zwhnXwAwXdC/%F0%9F%92%A7-Drips?node-id=10938-24922&t=ZK2c4F2Z38cN8IVg-1

[brandonhaslegs]

Here's a new design for when we wrap a token