Adds new contribution flow for unverified publishers

Resolves brave/brave-browser#2836
brave · Jan 7, 2019 · 98a1596 · 98a1596
1 parent 79b7d89
commit 98a1596
Show file tree

Hide file tree

Showing 8 changed files with 56 additions and 37 deletions.
diff --git a/browser/ui/webui/brave_webui_source.cc b/browser/ui/webui/brave_webui_source.cc
@@ -362,6 +362,8 @@ void CustomizeWebUIHTMLSource(const std::string &name, content::WebUIDataSource*
         { "recurringDonation", IDS_BRAVE_UI_RECURRING_DONATION },
         { "recurringDonations", IDS_BRAVE_UI_RECURRING_DONATIONS },
         { "remove", IDS_BRAVE_UI_REMOVE },
+        { "reservedAmountText", IDS_BRAVE_UI_RESERVED_AMOUNT_TEXT },
+        { "reservedMoreLink", IDS_BRAVE_UI_RESERVED_MORE_LINK },
         { "restore", IDS_BRAVE_UI_RESTORE },
         { "restoreAll", IDS_BRAVE_UI_RESTORE_ALL },
         { "reviewSitesMsg", IDS_BRAVE_UI_REVIEW_SITE_MSG },

diff --git a/components/brave_rewards/resources/extension/brave_rewards/_locales/en_US/messages.json b/components/brave_rewards/resources/extension/brave_rewards/_locales/en_US/messages.json
@@ -290,11 +290,15 @@
     "description": "Status of the publisher shown in the panel"
   },
   "unVerifiedText": {
-    "message": "This creator has not yet signed up to receive contributions from Brave users.",
+    "message": "This creator has not yet signed up to receive contributions from Brave users. Any tips you send will remain in your wallet until they verify.",
     "description": "Notice about unverified publisher."
   },
-  "unVerifiedTextMore": {
+  "reservedAmountText": {
+    "message": "You’ve designated {{reservedAmount}} BAT for creators who haven’t yet signed up to receive contributions. We’ll keep trying to contribute until they verify, or until 90 days have passed.",
+    "description": "Notification about how much BAT do you have reserved"
+  },
+  "reservedMoreLink": {
     "message": "Learn more.",
-    "description": "Learn more button that opens FAQ"
+    "description": "Text for the link that explains more about reserved amount"
   }
 }
diff --git a/components/brave_rewards/resources/extension/brave_rewards/background/api/locale_api.ts b/components/brave_rewards/resources/extension/brave_rewards/background/api/locale_api.ts
@@ -72,6 +72,8 @@ export const getUIMessages = (): Record<string, string> => {
     'on',
     'oneTimeDonation',
     'recurringDonations',
+    'reservedAmountText',
+    'reservedMoreLink',
     'rewardsContribute',
     'rewardsContributeAttentionScore',
     'rewardsSummary',

diff --git a/components/brave_rewards/resources/extension/brave_rewards/components/panel.tsx b/components/brave_rewards/resources/extension/brave_rewards/components/panel.tsx
@@ -369,7 +369,12 @@ export class Panel extends React.Component<Props, State> {
             />
             : null
           }
-          <WalletSummary compact={true} {...this.getWalletSummary()}/>
+          <WalletSummary
+            compact={true}
+            reservedAmount={10.0}
+            reservedMoreLink={'https://brave.com/faq-rewards'}
+            {...this.getWalletSummary()}
+          />
         </WalletSummarySlider>
       </WalletWrapper>
     )

diff --git a/components/brave_rewards/resources/ui/components/pageWallet.tsx b/components/brave_rewards/resources/ui/components/pageWallet.tsx
@@ -299,7 +299,11 @@ class PageWallet extends React.Component<Props, State> {
             enabledMain
             ? emptyWallet
               ? <WalletEmpty />
-              : <WalletSummary {...this.getWalletSummary()}/>
+              : <WalletSummary
+                reservedAmount={10.0}
+                reservedMoreLink={'https://brave.com/faq-rewards'}
+                {...this.getWalletSummary()}
+              />
             : <WalletOff/>
           }
         </WalletWrapper>

diff --git a/components/resources/brave_components_strings.grd b/components/resources/brave_components_strings.grd
@@ -365,6 +365,8 @@
       <message name="IDS_BRAVE_UI_RECURRING_DONATION" desc="">Monthly Tips</message>
       <message name="IDS_BRAVE_UI_RECURRING_DONATIONS" desc="">Monthly Tips</message>
       <message name="IDS_BRAVE_UI_REMOVE" desc="">remove</message>
+      <message name="IDS_BRAVE_UI_RESERVED_AMOUNT_TEXT" desc="Notification about how much BAT do you have reserved">You’ve designated {{reservedAmount}} BAT for creators who haven’t yet signed up to receive contributions. We’ll keep trying to contribute until they verify, or until 90 days have passed.</message>
+      <message name="IDS_BRAVE_UI_RESERVED_MORE_LINK" desc="Text for the link that explains more about reserved amount">Learn more.</message>
       <message name="IDS_BRAVE_UI_RESTORE" desc="">Restore</message>
       <message name="IDS_BRAVE_UI_RESTORE_ALL" desc="">Restore All</message>
       <message name="IDS_BRAVE_UI_REVIEW_SITE_MSG" desc="">Your pinned sites have been moved to</message>
@@ -443,7 +445,7 @@
       <message name="IDS_BRAVE_UI_VIEW_DETAILS" desc="">View Details</message>
       <message name="IDS_BRAVE_UI_REWARDS_CREATING_TEXT" desc="">Creating wallet</message>
       <message name="IDS_BRAVE_UI_SITE_BANNER_NOTICE_NOTE" desc="">NOTE:</message>
-      <message name="IDS_BRAVE_UI_SITE_BANNER_NOTICE_TEXT" desc="">This creator has not yet verified their site. As soon as they verify with Brave, they will receive your tip.</message>
+      <message name="IDS_BRAVE_UI_SITE_BANNER_NOTICE_TEXT" desc="">This creator has not yet signed up to receive contributions from Brave users. We’ll keep trying to contribute until they verify, or until 90 days have passed.</message>
       <message name="IDS_BRAVE_UI_SITE_UNVERIFIED_TEXT_MORE" desc="">Learn more.</message>
 
       <!-- WebUI brave sync resources -->

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -272,7 +272,7 @@
     "@types/react-dom": "^16.0.7",
     "@types/react-redux": "6.0.4",
     "awesome-typescript-loader": "^5.2.0",
-    "brave-ui": "github:brave/brave-ui#2e89af51c9e142a9af4b8952f06a6168411ca12a",
+    "brave-ui": "github:brave/brave-ui#a22753c4350477d32c919c3495548dcd347ecf14",
     "css-loader": "^0.28.9",
     "csstype": "^2.5.5",
     "emptykit.css": "^1.0.1",