[Android Tablet] Implement Contribution Banner 3.0 for Tablet

[Miyayes]

Description

Tablet part of #28149.

[GeetaSarvadnya]

Verification PASSED on Samsung Galaxy Tab A7 version 12 running Bravemonoarm64.apk_1.61.67

• Verified the test plan from Rewards tipping tablet UI brave-core#20223
• Logged [Android Tab]- BITFLYER text cuts off the tipping banner in Android tab #34415
• Logged [Android Tab] - Set as monthly contribution tooltip hover text is shown far away from the exclamatory icon #34416
• Logged [Android] - Terms of service and Privacy policy text is not shown in Dark theme in both Tablet and Android ARM #34417
• Logged [Android Tab] - Contribution banner bio description text and default cover photo is not displayed #34418

User State 3: Connected - PASSED

• When the tip panel is opened,
  • The user's BAT balance for their provider should be displayed.

Example	Example

• When the tip panel is opened and the user is logged out from their wallet provider,
  • A login message should be displayed,
  • And a "Log In" button should be displayed that will take the user to the wallet provider's authorization URL.

Uphold Dark	Uphold Light	Gemini Dark	Gemini Light	bitFlyer Dark	bitFlyer Light

• When the tip panel is opened and the publisher does not have the same wallet provider as the user,
  • A "mismatch" message should be displayed.

Uphold Dark	Uphold Light	Gemini Dark	Gemini Light	bitFlyer Dark	bitFlyer Light

• When "Send" is clicked with a valid amount,
  • The tip should be sent and the success UI should be displayed,
  • And the "Share" button should open Twitter with a "new post" prompt.

Success Dark UI	Tweet from Dark UI	Success Light UI	Tweet from Light UI

• When "Send" is clicked and the monthly toggle is set,
  • A one-time tip should be sent,
  • And the success UI should be displayed
  • And a monthly contribution should be added to the "Monthly Contributions" list visible on the Rewards page.

Example	Example	Example	Example	Example

• When the tip panel is opened and a monthly contribution is already set for the publisher,
  • The tip panel should display a message indicating that a monthly contribution is already set.

Dark UI panel	Light UI banner

• Advanced my computer clock to next monthly contribution date (Jun 12 per Monthly Contributions section of brave://rewards
  • Confirmed monthly tip was sent as expected
  • Confirmed next monthly tip was scheduled per Monthly Contributions section of brave://rewards)

Example	Example	Example	Example

• When the Rewards panel is opened for an unverified publisher,
  • A message should be displayed stating that the publisher is not verified,
  • And the "Send Contribution" button should be disabled.

Dark	Light

• When the Rewards panel is opened for a verified publisher,
  • The "Send Contribution" button should be enabled.

Dark	Light

• When an in-line tip icon is clicked for an unverified publisher, - NA
  • The Rewards panel should be opened with a message indicating the publisher is not verified,
  • And the "Send Contribution" button should be disabled.

Note : There is no inline tip icon in RC 1.52.x and 1.53.x for the github/reddit/twitter pubs

• When an in-line tip icon is clicked for a verified publisher, - NA
  • The tip panel should be opened.

Note : There is no inline tip icon in RC 1.52.x and 1.53.x for the github/reddit/twitter pubs

• When an error is encountered when creating a transaction with the wallet provider.
  • An error message should be displayed,
  • And a "Try Again" button should be displayed.

custodian Dark	custodian Light

Additional tests - PASSED

1. Confirm when a monthly tip is configured for a creator, a one time tip can still be sent:

• Fresh profile, close and relaunch to pull griffin
• Join rewards, connect a custodian
• Navigate to a creator who is verified with your same custodian
• Set up a monthly tip
• Confirm tip is sent immediately and one is scheduled for next month
• Open tip banner for that same creator, see message about monthly contribution
• Send another tip
• Confirm tip is sent

Example	Example	Example	Example	Example	Example

2. Confirm no more hover text on panel:

• Fresh profile, close and relaunch to pull griffin
• Join rewards, connect a custodian
• Navigate to a creator who is verified with a different custodian than you
• Example, I have an Uphold wallet and navigated to a Gemini creator
• Confirm on the panel, there is no hover text when you hover over "Verified creator"
• Confirm when you select "Send Contribution" button, the contribution/tip banner shows a message about this creator and you are unable to tip them

Example	Example

3. Rounded corners - NA

• Confirm tip banner has rounded corners

In android tip panels are already rounded

Example	Example

4. Confirm when clicking in-line tip button on twitter for a verified creator, that the tip banner no longer quotes the tweet

Note: there is no inline tip icon in RC 1.52.x and 1.53.x github/reddit/twitter pubs for grandfathered unconnected state

5. Pending Contributions - not tested, will be covered in future issues when Pending Contributions code is removed

Figma - PASSED

1. From the "Contribution Banner/Android" section

• The following from Figma were generally covered during testing of "User State 3 - Connected" with various sites:

  • Custom vs Standard/default images
  • Click away from banner to close it
  • Contribution sent icon/message
  • Light and dark modes
  • Custom amount entry

• The following from this section of Figma are shown below:

  • Verified creator icon hover text
  • switch between BAT and USD
  • Monthly Contribution tooltip

Creator icon hover (dark)	Creator icon hover (light)	BAT/USD switch	BAT/USD switch	Monthly tooltip (dark)	Monthly tooltip (light)

2. From the "Contribution Banner Error/Info States, User can continue" section - all of these were verified under "User State 3 - Connected"

• User is already sending monthly tips

Dark UI banner	Light UI banner

• Creator has different custodian than user, covered the testing in User State 3: Connected case

• Creator verified - custodian but no web3 wallet (wording of this is incorrect on the figma)
  User State 3: Connected case

Dark UI banner	Light UI banner

• User is logged out of their custodian account

covered the testing in User State 3: Connected case

• Contribution failure

covered the testing in User State 3: Connected case

3. From the "Contribution Banner Error/Info States, user dead end" section

• The following from Figma were generally covered during testing of the various user states (1-4):
  - Creator not registered (panel)

Dark	Light

  - Custodian is not connected to Rewards (panel)

Dark	Light

  - No custodian available in region (panel)

Dark	Light

  - User doesn't have enough tokens for transaction

Dark	Light