Update Cards widget styling on the NTP

[rebron]

Description

We updated the design of several elements in the NTP to match the ghost effect design of Brave News and the Search Widget. Here's a detail of the changes for the cards and Rewards card widget:

https://www.figma.com/file/QCBklDojDtDTKApz10XqSQ/%F0%9F%97%82-New-Tab-Page?type=design&node-id=1%3A648&mode=design&t=MkeWs0VdCwTbTGPd-1

Steps to reproduce

n/a

Actual result

Expected result

See Figma. For assets and remaining details.

Widget cards

• [x] Front card uses background of glass/70 (Color is universal, doesn't change between light/dark mode)
• [x] Front card has a stroke gradient (Color is universal, doesn't change between light/dark mode)
• [x] Background card has a glass/50 background (Color is universal, doesn't change between light/dark mode)
• [x] Edit cards button uses background of glass/70 (Color is universal, doesn't change between light/dark mode)
• [x] Each card and edit card button has background blur
• [x] Remove "Edit cards" at the bottom of the widgets
• [x] Feature names only (talk, rewards), drop the "Brave ..."

Rewards widget card

• [x] Change CTA to "Learn more" and that links to the onboarding
• [x] Remove the "How does it work" button
• [x] Remove privacy agreement

Reproduces how often

Easily reproduced

Brave version (brave://version info)

1.68.x

Channel information

• [ ] release (stable)
• [ ] beta
• [X] nightly

Reproducibility

• [ ] with Brave Shields disabled
• [ ] with Brave Rewards disabled
• [ ] in the latest version of Chrome

Miscellaneous information

Related issues: https://github.com/brave/brave-browser/issues/37213 https://github.com/brave/brave-browser/issues/38183

[Miyayes]

Noting that the Figma needs to be updated, since the contents of the rewards widget are now different.

Current design and contents in 1.66.x, for example.

[kjozwiak]

Removing the feature/web3/wallet as the above looks like a Rewards UI/UX fix/improvement. Seems like the brave-builds bot labelled the above incorrectly. @rebron please correct me if we should re-add the wallet label.

[aguscruiz]

Looks ok based on the screenshots in this issue https://github.com/brave/brave-core/pull/24211

We'll be updating the design to the whole card later on, but this is the expected result at this moment

[kjozwiak]

The above requires 1.68.103 or higher for 1.68.x verification 👍

[LaurenWags]

Verified with

Brave | 1.68.105 Chromium: 126.0.6478.126 (Official Build) beta (x86_64)
-- | --
Revision | 0f19763468e437ae45d4603935bce4bb0a941333
OS | macOS Version 13.6.7 (Build 22G720)

Talk - PASSED

- Confirmed the Talk widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 - Confirmed no "Edit Cards" option displayed below the cards - Confirmed each option from the 3 dots menu on the Rewards card worked as expected: - Hide Talk --> hid the Talk card from NTP - Confirmed card selection is "sticky" (Talk card is "on top") on new tabs if it was selected. It remains "on top" on subsequent relaunches of the browser unless Rewards card is selected. 1.67.x | 1.68.x --- | --- | | - Confirmed clicking on the "Start call" button on the card opened a new Brave Talk meeting in the tab - Confirmed clicking on "About your data" opened `https://brave.com/privacy/browser/#brave-talk-learn` in a new tab Example | Example --- | --- | - Confirmed able to hide Talk card via 3 dots menu - Confirmed able to unhide Talk card via "Cards" under "Customize Dashboard" - Confirmed able to hide Talk card via "Cards" under "Customize Dashboard" Example | Example --- | --- |

Rewards - Overall PASSED, see individual cases for additional notes and follow ups

Not opted into Rewards - PASSED

- Confirmed on a new profile when not opted into Rewards, the Rewards widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 - Confirmed no "Edit Cards" option displayed below the cards - Confirmed each option from the 3 dots menu on the Rewards card worked as expected: - Open Rewards Panel --> opened panel in URL bar - Rewards settings --> opened brave://rewards - Learn more --> opened `https://brave.com/brave-rewards/` in a new tab - Hide Brave Rewards --> hid the Rewards card from NTP - Confirmed card selection is "sticky" (Rewards card is "on top" by default) on new tabs if it was selected. It remains "on top" on subsequent relaunches of the browser unless Talk card is selected. 1.67.x | 1.68.x --- | --- | | - Confirmed clicking on the "Learn more" button on the card opened the panel: - Confirmed able to hide Rewards card via 3 dots menu - Confirmed able to unhide Rewards card via "Cards" under "Customize Dashboard" - Confirmed able to hide Rewards card via "Cards" under "Customize Dashboard" Example | Example --- | --- |

Opted into Rewards - Unconnected state - PASSED

- Confirmed on a new profile when opted into Rewards, but no custodian connected, the Rewards widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 1.67.x | 1.68.x --- | --- | | - Confirmed visiting verified creators increases the count on the Rewards card as expected: Example | Example --- | --- | - Confirmed clicking on the "Connect account" button on the card opened brave://rewards/#verify in a new tab:

Opted into Rewards - Connected state - PASSED

- Confirmed on a new profile when opted into Rewards with a custodian connected, the Rewards widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 1.67.x | 1.68.x --- | --- | | - Confirmed the balances displayed as expected on the widget (balances on widget matched panel and brave://rewards page) - Confirmed tooltip text on the widget - Confirmed clicking on "Manage ads" on widget tooltip opened brave://rewards page Example | Example | Example | Example --- | --- | --- | --- | | | - Confirmed the various payout banners (pending, processing, completed, none) displayed on the widget as expected - For the "Processing" status banner, confirmed "Check status" link directs to `https://brave.com/payout-status` which redirects to community specific page regarding payout status for the particular payout - For the "Complete" status banner, confirmed "Support" link directs to `https://community.brave.com/` Pending | Processing | Complete | None --- | --- | --- | --- | | | Note, here's the display of these banners in 1.67.x for comparison

Pending | Processing | Complete | None --- | --- | --- | --- | | |

Below are some pointers on getting these banners to display if you're not familiar with them:

Pre-reqs for all banners: - Be connected to a custodian, then proceed to below - Have ad tokens "cashed in"/redeemed with the server for the current month (in this case, June) For "Pending": - Before launching browser to check, advance computer clock date to between 1st and 7th of next month (in this case, July) - Also have a Charles Proxy rule configured so that the `parameters` endpoint doesn't return a status for the custodian or returns "off". See what is returned for `Uphold` in below response as examples: - `{"autocontribute":{"choices":[1,2,3,5,7,10,20],"defaultChoice":1},"batRate":0.196277,"custodianRegions":{"bitflyer":{"allow":["JP"],"block":[]},"gemini":{"allow":["US","SG","GB","CA"],"block":[]},"solana":{"allow":[],"block":["KP","ES"]},"uphold":{"allow":["AD","AU","AR","AT","BE","BR","BS","BZ","CA","CH","CL","CO","CR","CY","CZ","DK","EC","EE","FI","FR","GD","GT","GR","HK","HN","HU","IE","IS","IT","JM","KY","LI","LT","LV","LU","MC","MT","MX","NI","NO","NZ","PE","PT","PY","SG","TR","UY","ES","SE","GB","US","UM","ZA","PL","SK","HR","SI","GR","TW"],"block":[]},"zebpay":{"allow":["IN"],"block":[]}},"payoutStatus":{"bitflyer":"processing","gemini":"processing","payoutDate":"","solana":"processing","unverified":"processing","uphold":"off","zebpay":""},"tips":{"defaultMonthlyChoices":[1.25,5,10.5],"defaultTipChoices":[1.25,5,10.5]},"tosVersion":1,"vbatDeadline":"2023-10-31T00:00:00Z","vbatExpired":true}` - `{"autocontribute":{"choices":[1,2,3,5,7,10,20],"defaultChoice":1},"batRate":0.196277,"custodianRegions":{"bitflyer":{"allow":["JP"],"block":[]},"gemini":{"allow":["US","SG","GB","CA"],"block":[]},"solana":{"allow":[],"block":["KP","ES"]},"uphold":{"allow":["AD","AU","AR","AT","BE","BR","BS","BZ","CA","CH","CL","CO","CR","CY","CZ","DK","EC","EE","FI","FR","GD","GT","GR","HK","HN","HU","IE","IS","IT","JM","KY","LI","LT","LV","LU","MC","MT","MX","NI","NO","NZ","PE","PT","PY","SG","TR","UY","ES","SE","GB","US","UM","ZA","PL","SK","HR","SI","GR","TW"],"block":[]},"zebpay":{"allow":["IN"],"block":[]}},"payoutStatus":{"bitflyer":"processing","gemini":"processing","payoutDate":"","solana":"processing","unverified":"processing","uphold":"","zebpay":""},"tips":{"defaultMonthlyChoices":[1.25,5,10.5],"defaultTipChoices":[1.25,5,10.5]},"tosVersion":1,"vbatDeadline":"2023-10-31T00:00:00Z","vbatExpired":true}` For "Processing": - Before launching browser to check, advance computer clock date to between 7th and end of next month (in this case, July) - Also have a Charles Proxy rule configured so that the `parameters` endpoint returns "processing". See what is returned for `Uphold` in below response as an example: - `{"autocontribute":{"choices":[1,2,3,5,7,10,20],"defaultChoice":1},"batRate":0.196277,"custodianRegions":{"bitflyer":{"allow":["JP"],"block":[]},"gemini":{"allow":["US","SG","GB","CA"],"block":[]},"solana":{"allow":[],"block":["KP","ES"]},"uphold":{"allow":["AD","AU","AR","AT","BE","BR","BS","BZ","CA","CH","CL","CO","CR","CY","CZ","DK","EC","EE","FI","FR","GD","GT","GR","HK","HN","HU","IE","IS","IT","JM","KY","LI","LT","LV","LU","MC","MT","MX","NI","NO","NZ","PE","PT","PY","SG","TR","UY","ES","SE","GB","US","UM","ZA","PL","SK","HR","SI","GR","TW"],"block":[]},"zebpay":{"allow":["IN"],"block":[]}},"payoutStatus":{"bitflyer":"processing","gemini":"processing","payoutDate":"","solana":"processing","unverified":"processing","uphold":"processing","zebpay":""},"tips":{"defaultMonthlyChoices":[1.25,5,10.5],"defaultTipChoices":[1.25,5,10.5]},"tosVersion":1,"vbatDeadline":"2023-10-31T00:00:00Z","vbatExpired":true}` For "Complete": - Before launching browser to check, advance computer clock date to between 7th and end of next month (in this case, July) - Also have a Charles Proxy rule configured so that the `parameters` endpoint returns "complete". See what is returned for `Uphold` in below response as an example: - `{"autocontribute":{"choices":[1,2,3,5,7,10,20],"defaultChoice":1},"batRate":0.196277,"custodianRegions":{"bitflyer":{"allow":["JP"],"block":[]},"gemini":{"allow":["US","SG","GB","CA"],"block":[]},"solana":{"allow":[],"block":["KP","ES"]},"uphold":{"allow":["AD","AU","AR","AT","BE","BR","BS","BZ","CA","CH","CL","CO","CR","CY","CZ","DK","EC","EE","FI","FR","GD","GT","GR","HK","HN","HU","IE","IS","IT","JM","KY","LI","LT","LV","LU","MC","MT","MX","NI","NO","NZ","PE","PT","PY","SG","TR","UY","ES","SE","GB","US","UM","ZA","PL","SK","HR","SI","GR","TW"],"block":[]},"zebpay":{"allow":["IN"],"block":[]}},"payoutStatus":{"bitflyer":"processing","gemini":"processing","payoutDate":"","solana":"processing","unverified":"processing","uphold":"complete","zebpay":""},"tips":{"defaultMonthlyChoices":[1.25,5,10.5],"defaultTipChoices":[1.25,5,10.5]},"tosVersion":1,"vbatDeadline":"2023-10-31T00:00:00Z","vbatExpired":true}` For "Off": - Before launching browser to check, advance computer clock date to between 7th and end of next month (in this case, July) - Also have a Charles Proxy rule configured so that the `parameters` endpoint returns "off". See what is returned for `Uphold` in below response as an example: - `{"autocontribute":{"choices":[1,2,3,5,7,10,20],"defaultChoice":1},"batRate":0.196277,"custodianRegions":{"bitflyer":{"allow":["JP"],"block":[]},"gemini":{"allow":["US","SG","GB","CA"],"block":[]},"solana":{"allow":[],"block":["KP","ES"]},"uphold":{"allow":["AD","AU","AR","AT","BE","BR","BS","BZ","CA","CH","CL","CO","CR","CY","CZ","DK","EC","EE","FI","FR","GD","GT","GR","HK","HN","HU","IE","IS","IT","JM","KY","LI","LT","LV","LU","MC","MT","MX","NI","NO","NZ","PE","PT","PY","SG","TR","UY","ES","SE","GB","US","UM","ZA","PL","SK","HR","SI","GR","TW"],"block":[]},"zebpay":{"allow":["IN"],"block":[]}},"payoutStatus":{"bitflyer":"processing","gemini":"processing","payoutDate":"","solana":"processing","unverified":"processing","uphold":"off","zebpay":""},"tips":{"defaultMonthlyChoices":[1.25,5,10.5],"defaultTipChoices":[1.25,5,10.5]},"tosVersion":1,"vbatDeadline":"2023-10-31T00:00:00Z","vbatExpired":true}`

Opted into Rewards - Disconnected state - PASSED

- Compared disconnected state in 1.68.x to 1.67.x - Confirmed widget prompted to re-connect to custodian - Confirmed clicking on the prompt navigated me to custodian site for re-authorization 1.67.x | 1.68.x --- | --- |

Opted into Rewards - Custodian spot check - 4 PASSED, 1 SKIPPED

- Confirmed each custodial option displayed balance on the widget as expected Uphold | Gemini | ZebPay | bitFlyer | Self-Custody --- | --- | --- | --- | --- | | skipped, site issue | |

Terms of Service notification on widget - PASSED with follow up issue

- Confirmed "Terms of Service update" notification displayed on widget as expected for unconnected, connected, and disconnected rewards custodial states - Encountered https://github.com/brave/brave-browser/issues/39386. Unconnected | Connected | Disconnected --- | --- | --- | |

Self Custody notification on widget - PASSED with follow up issue

- Confirmed "Self Custody" notification displayed on widget as expected - Confirmed "Connect account" button directs user to brave://rewards/#verify - Confirmed "Not now" closes the notification - Encountered https://github.com/brave/brave-browser/issues/39393 1.67.x | 1.68.x --- | --- |

[LaurenWags]

Verified with

Brave   1.68.106 Chromium: 126.0.6478.126 (Official Build) beta (64-bit) 
Revision    8d682ca0cb836cac019e09be7744d3852e68953e
OS  Linux

Encountered and logged https://github.com/brave/brave-browser/issues/39532.

Talk - PASSED with follow up issue

- Confirmed the Talk widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 - Confirmed no "Edit Cards" option displayed below the cards - Confirmed each option from the 3 dots menu on the Rewards card worked as expected: - Hide Talk --> hid the Talk card from NTP - Confirmed card selection is "sticky" (Talk card is "on top") on new tabs if it was selected. It remains "on top" on subsequent relaunches of the browser unless Rewards card is selected. - Encountered and logged https://github.com/brave/brave-browser/issues/39532 1.67.x | 1.68.x --- | --- | | - Confirmed clicking on the "Start call" button on the card opened a new Brave Talk meeting in the tab - Confirmed clicking on "About your data" opened `https://brave.com/privacy/browser/#brave-talk-learn` in a new tab Example | Example --- | --- | - Confirmed able to hide Talk card via 3 dots menu - Confirmed able to unhide Talk card via "Cards" under "Customize Dashboard" - Confirmed able to hide Talk card via "Cards" under "Customize Dashboard" Example | Example --- | --- |

Rewards - Overall PASSED, see follow up issues referenced below

- Encountered https://github.com/brave/brave-browser/issues/39532 - Encountered https://github.com/brave/brave-browser/issues/39393

Not opted into Rewards - PASSED

- Confirmed on a new profile when not opted into Rewards, the Rewards widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 - Confirmed no "Edit Cards" option displayed below the cards - Confirmed each option from the 3 dots menu on the Rewards card worked as expected: - Open Rewards Panel --> opened panel in URL bar - Rewards settings --> opened brave://rewards - Learn more --> opened `https://brave.com/brave-rewards/` in a new tab - Hide Brave Rewards --> hid the Rewards card from NTP - Confirmed card selection is "sticky" (Rewards card is "on top" by default) on new tabs if it was selected. It remains "on top" on subsequent relaunches of the browser unless Talk card is selected. 1.67.x | 1.68.x --- | --- | | - Confirmed clicking on the "Learn more" button on the card opened the panel: - Confirmed able to hide Rewards card via 3 dots menu - Confirmed able to unhide Rewards card via "Cards" under "Customize Dashboard" - Confirmed able to hide Rewards card via "Cards" under "Customize Dashboard" Example | Example --- | --- |

Opted into Rewards - Unconnected state - PASSED

- Confirmed on a new profile when opted into Rewards, but no custodian connected, the Rewards widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 1.67.x | 1.68.x --- | --- | | - Confirmed visiting verified creators increases the count on the Rewards card as expected: Example | Example --- | --- | - Confirmed clicking on the "Connect account" button on the card opened brave://rewards/#verify in a new tab:

Opted into Rewards - Connected state - PASSED

- Confirmed on a new profile when opted into Rewards with a custodian connected, the Rewards widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 1.67.x | 1.68.x --- | --- | | - Confirmed the balances displayed as expected on the widget (balances on widget matched panel and brave://rewards page) - Confirmed tooltip text on the widget - Confirmed clicking on "Manage ads" on widget tooltip opened brave://rewards page Example | Example | Example | Example --- | --- | --- | --- | | | - Confirmed an ads payout banner (one of the following: pending, processing, or completed) displayed on the widget as expected (Processing in this case) 1.67.x | 1.68.x --- | --- | Below are some pointers on getting these banners to display if you're not familiar with them:

Pre-reqs for all banners: - Be connected to a custodian, then proceed to below - Have ad tokens "cashed in"/redeemed with the server for the current month (in this case, June) For "Pending": - Before launching browser to check, advance computer clock date to between 1st and 7th of next month (in this case, July) - Also have a Charles Proxy rule configured so that the `parameters` endpoint doesn't return a status for the custodian or returns "off". See what is returned for `Uphold` in below response as examples: - `{"autocontribute":{"choices":[1,2,3,5,7,10,20],"defaultChoice":1},"batRate":0.196277,"custodianRegions":{"bitflyer":{"allow":["JP"],"block":[]},"gemini":{"allow":["US","SG","GB","CA"],"block":[]},"solana":{"allow":[],"block":["KP","ES"]},"uphold":{"allow":["AD","AU","AR","AT","BE","BR","BS","BZ","CA","CH","CL","CO","CR","CY","CZ","DK","EC","EE","FI","FR","GD","GT","GR","HK","HN","HU","IE","IS","IT","JM","KY","LI","LT","LV","LU","MC","MT","MX","NI","NO","NZ","PE","PT","PY","SG","TR","UY","ES","SE","GB","US","UM","ZA","PL","SK","HR","SI","GR","TW"],"block":[]},"zebpay":{"allow":["IN"],"block":[]}},"payoutStatus":{"bitflyer":"processing","gemini":"processing","payoutDate":"","solana":"processing","unverified":"processing","uphold":"off","zebpay":""},"tips":{"defaultMonthlyChoices":[1.25,5,10.5],"defaultTipChoices":[1.25,5,10.5]},"tosVersion":1,"vbatDeadline":"2023-10-31T00:00:00Z","vbatExpired":true}` - `{"autocontribute":{"choices":[1,2,3,5,7,10,20],"defaultChoice":1},"batRate":0.196277,"custodianRegions":{"bitflyer":{"allow":["JP"],"block":[]},"gemini":{"allow":["US","SG","GB","CA"],"block":[]},"solana":{"allow":[],"block":["KP","ES"]},"uphold":{"allow":["AD","AU","AR","AT","BE","BR","BS","BZ","CA","CH","CL","CO","CR","CY","CZ","DK","EC","EE","FI","FR","GD","GT","GR","HK","HN","HU","IE","IS","IT","JM","KY","LI","LT","LV","LU","MC","MT","MX","NI","NO","NZ","PE","PT","PY","SG","TR","UY","ES","SE","GB","US","UM","ZA","PL","SK","HR","SI","GR","TW"],"block":[]},"zebpay":{"allow":["IN"],"block":[]}},"payoutStatus":{"bitflyer":"processing","gemini":"processing","payoutDate":"","solana":"processing","unverified":"processing","uphold":"","zebpay":""},"tips":{"defaultMonthlyChoices":[1.25,5,10.5],"defaultTipChoices":[1.25,5,10.5]},"tosVersion":1,"vbatDeadline":"2023-10-31T00:00:00Z","vbatExpired":true}` For "Processing": - Before launching browser to check, advance computer clock date to between 7th and end of next month (in this case, July) - Also have a Charles Proxy rule configured so that the `parameters` endpoint returns "processing". See what is returned for `Uphold` in below response as an example: - `{"autocontribute":{"choices":[1,2,3,5,7,10,20],"defaultChoice":1},"batRate":0.196277,"custodianRegions":{"bitflyer":{"allow":["JP"],"block":[]},"gemini":{"allow":["US","SG","GB","CA"],"block":[]},"solana":{"allow":[],"block":["KP","ES"]},"uphold":{"allow":["AD","AU","AR","AT","BE","BR","BS","BZ","CA","CH","CL","CO","CR","CY","CZ","DK","EC","EE","FI","FR","GD","GT","GR","HK","HN","HU","IE","IS","IT","JM","KY","LI","LT","LV","LU","MC","MT","MX","NI","NO","NZ","PE","PT","PY","SG","TR","UY","ES","SE","GB","US","UM","ZA","PL","SK","HR","SI","GR","TW"],"block":[]},"zebpay":{"allow":["IN"],"block":[]}},"payoutStatus":{"bitflyer":"processing","gemini":"processing","payoutDate":"","solana":"processing","unverified":"processing","uphold":"processing","zebpay":""},"tips":{"defaultMonthlyChoices":[1.25,5,10.5],"defaultTipChoices":[1.25,5,10.5]},"tosVersion":1,"vbatDeadline":"2023-10-31T00:00:00Z","vbatExpired":true}` For "Complete": - Before launching browser to check, advance computer clock date to between 7th and end of next month (in this case, July) - Also have a Charles Proxy rule configured so that the `parameters` endpoint returns "complete". See what is returned for `Uphold` in below response as an example: - `{"autocontribute":{"choices":[1,2,3,5,7,10,20],"defaultChoice":1},"batRate":0.196277,"custodianRegions":{"bitflyer":{"allow":["JP"],"block":[]},"gemini":{"allow":["US","SG","GB","CA"],"block":[]},"solana":{"allow":[],"block":["KP","ES"]},"uphold":{"allow":["AD","AU","AR","AT","BE","BR","BS","BZ","CA","CH","CL","CO","CR","CY","CZ","DK","EC","EE","FI","FR","GD","GT","GR","HK","HN","HU","IE","IS","IT","JM","KY","LI","LT","LV","LU","MC","MT","MX","NI","NO","NZ","PE","PT","PY","SG","TR","UY","ES","SE","GB","US","UM","ZA","PL","SK","HR","SI","GR","TW"],"block":[]},"zebpay":{"allow":["IN"],"block":[]}},"payoutStatus":{"bitflyer":"processing","gemini":"processing","payoutDate":"","solana":"processing","unverified":"processing","uphold":"complete","zebpay":""},"tips":{"defaultMonthlyChoices":[1.25,5,10.5],"defaultTipChoices":[1.25,5,10.5]},"tosVersion":1,"vbatDeadline":"2023-10-31T00:00:00Z","vbatExpired":true}` For "Off": - Before launching browser to check, advance computer clock date to between 7th and end of next month (in this case, July) - Also have a Charles Proxy rule configured so that the `parameters` endpoint returns "off". See what is returned for `Uphold` in below response as an example: - `{"autocontribute":{"choices":[1,2,3,5,7,10,20],"defaultChoice":1},"batRate":0.196277,"custodianRegions":{"bitflyer":{"allow":["JP"],"block":[]},"gemini":{"allow":["US","SG","GB","CA"],"block":[]},"solana":{"allow":[],"block":["KP","ES"]},"uphold":{"allow":["AD","AU","AR","AT","BE","BR","BS","BZ","CA","CH","CL","CO","CR","CY","CZ","DK","EC","EE","FI","FR","GD","GT","GR","HK","HN","HU","IE","IS","IT","JM","KY","LI","LT","LV","LU","MC","MT","MX","NI","NO","NZ","PE","PT","PY","SG","TR","UY","ES","SE","GB","US","UM","ZA","PL","SK","HR","SI","GR","TW"],"block":[]},"zebpay":{"allow":["IN"],"block":[]}},"payoutStatus":{"bitflyer":"processing","gemini":"processing","payoutDate":"","solana":"processing","unverified":"processing","uphold":"off","zebpay":""},"tips":{"defaultMonthlyChoices":[1.25,5,10.5],"defaultTipChoices":[1.25,5,10.5]},"tosVersion":1,"vbatDeadline":"2023-10-31T00:00:00Z","vbatExpired":true}`

Opted into Rewards - Disconnected state - PASSED

- Compared disconnected state in 1.68.x to 1.67.x - Confirmed widget prompted to re-connect to custodian - Confirmed clicking on the prompt navigated me to custodian site for re-authorization 1.67.x | 1.68.x --- | --- |

Opted into Rewards - Custodian spot check - PASSED

- In addition to Uphold (used for above checks), confirmed one other custodial option displayed balance on the widget as expected: Self Custody | brave://rewards --- | --- |

Self Custody notification on widget - PASSED with follow up

- Confirmed "Self Custody" notification displayed on widget as expected - Confirmed "Connect account" button directs user to brave://rewards/#verify - Confirmed "Not now" closes the notification - Encountered https://github.com/brave/brave-browser/issues/39393 1.67.x | 1.68.x --- | --- |

[MadhaviSeelam]

Verification PASSED using

Brave | 1.68.106 Chromium: 126.0.6478.126 (Official Build) beta (64-bit)
-- | --
Revision | 8d682ca0cb836cac019e09be7744d3852e68953e
OS | Windows 11 Version 23H2 (Build 22631.3810)

Talk - PASSED

- Confirmed the Talk widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 - Confirmed no "Edit Cards" option displayed below the cards - Confirmed option from the 3 dots menu on the Talk card worked as expected: - Hide Talk --> hid the Talk card from NTP - Confirmed card selection is "sticky" (Talk card is "on top") on new tabs if it was selected. It remains "on top" on subsequent relaunches of the browser unless Rewards card is selected. 1.67.x | 1.68.x --- | --- | | **_Hide talk cards via NTP cards_** - Confirmed able to hide talk card via 3 dots menu 1.67.x | 1.68.x --- | --- | | **_Hide and Unhide Talk card via Cards in the Customize Dashboard_** 1. continued from above case `**_Hide talk cards via NTP cards_**` 2. clicked `Add` button in the Dashboard 3. clicked `Hide` button - Confirmed able to unhide Talk card via "Cards" under "Customize Dashboard" - Confirmed able to hide Talk card via "Cards" under "Customize Dashboard" example | example | example ----- | ------ | ------ || **_About your data_** & **_Start call_** - Confirmed clicking on the "Start call" button on the card opened a new Brave Talk meeting in the tab - Confirmed clicking on "About your data" opened https://brave.com/privacy/browser/#brave-talk-learn in a new tab example | example ----- | ---- | **_Hide clock & Hide Rewards_** example | example | example ----- | ---- | ----- || **_Dark theme_** example | example | example | example ------ | ----- | ----- | ----- |||

Rewards - PASSED

Not opted into Rewards - PASSED

- Confirmed on a new profile when not opted into Rewards, the Rewards widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 - Confirmed no "Edit Cards" option displayed below the cards - Confirmed each option from the 3 dots menu on the Rewards card worked as expected: - Open Rewards Panel --> opened panel in URL bar - Rewards settings --> opened brave://rewards - Learn more --> opened `https://brave.com/brave-rewards/` in a new tab - Hide Brave Rewards --> hid the Rewards card from NTP - Confirmed card selection is "sticky" (Rewards card is "on top" by default) on new tabs if it was selected. It remains "on top" on subsequent relaunches of the browser unless Talk card is selected. 1.67.x | 1.68.x --- | --- | | - Confirmed clicking on the "Learn more" button on the card opened the panel:  - Confirmed able to hide Rewards card via 3 dots menu - Confirmed able to unhide Rewards card via "Cards" under "Customize Dashboard" - Confirmed able to hide Rewards card via "Cards" under "Customize Dashboard" Example | Example | Example --- | --- | ----- ||

Opted into Rewards - Unconnected state - PASSED

- Confirmed on a new profile when opted into Rewards, but no custodian connected, the Rewards widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 1.67.x | 1.68.x --- | --- | - Confirmed visiting verified creators increases the count on the Rewards card as expected: 1.67.x | 1.68.x --- | --- | - Confirmed clicking on the "Connect account" button on the card opened brave://rewards/#verify in a new tab:  Dark theme example | example ----- | ----- |

Opted into Rewards - Connected state - PASSED

- Confirmed on a new profile when opted into Rewards with a custodian connected, the Rewards widget matches screenshot from https://github.com/brave/brave-core/pull/24211#issue-2353694498 1.67.x | 1.68.x --- | --- | | - Confirmed the balances displayed as expected on the widget (balances on widget matched panel and brave://rewards page) - Confirmed tooltip text on the widget - Confirmed clicking on "Manage ads" on widget tooltip opened brave://rewards page rewards card| rewards panel | tooltip | brave://rewards --- | --- | --- | --- ||| - Confirmed the various payout banners eg. processing displayed on the widget as expected - For the "Processing" status banner, confirmed "Check status" link directs to `https://brave.com/payout-status` which redirects to community specific page regarding payout status for the particular payout Processing | Check status --- | ------ | - Confirmed an ads payout banner (one of the following: pending, processing, or completed) displayed on the widget as expected (Processing in this case) 1.67.x | 1.68.x --- | --- |

Opted into Rewards - Disconnected state - PASSED

- Compared disconnected state in 1.68.x to 1.67.x - Confirmed widget prompted to re-connect to custodian - Confirmed clicking on the prompt navigated me to custodian site for re-authorization 1.67.x | 1.68.x --- | --- | |

Opted into Rewards - Custodian spot check - PASSED

In addition to Uphold (used for above checks), confirmed one other custodial option (Gemini) displayed balance on the widget as expected: example | example | example --- | --- | ----- ||

Terms of Service notification on widget - PASSED

- Confirmed "Terms of Service update" notification displayed on widget as expected for unconnected, connected, and disconnected rewards custodial states - Encountered https://github.com/brave/brave-browser/issues/39386. Unconnected | Connected | Disconnected --- | --- | --- ||

Self Custody notification on widget - PASSED

- Confirmed "Self Custody" notification displayed on widget as expected - Confirmed "Connect account" button directs user to brave://rewards/#verify - Confirmed "Not now" closes the notification - Encountered https://github.com/brave/brave-browser/issues/39393 1.67.x |1.68.x --- | ---- |