-
+
-
+
+ {isWaitingForKey && (
+
+
{t('u2f_registrations.new.waiting_heading')}
+
{t('u2f_registrations.new.waiting_description')}
+
+ )}
diff --git a/nextjs/src/lib/api.ts b/nextjs/src/lib/api.ts
index 6556a54ea6..6eb557fd28 100644
--- a/nextjs/src/lib/api.ts
+++ b/nextjs/src/lib/api.ts
@@ -2,8 +2,8 @@ import axios from 'axios';
export async function apiRequest(
path: string,
- data?: unknown,
method: string = 'GET',
+ data?: unknown,
apiVersion: string = 'v1',
) {
try {
diff --git a/nextjs/src/lib/propTypes.ts b/nextjs/src/lib/propTypes.ts
index 7cfd7481ad..9078058228 100644
--- a/nextjs/src/lib/propTypes.ts
+++ b/nextjs/src/lib/propTypes.ts
@@ -12,4 +12,5 @@ export type UserType = {
thirty_day_login: boolean;
subscribed_to_marketing_emails: boolean;
two_factor_enabled: boolean;
+ u2f_registrations: Array<{ name: string; created_at: string; id: string }>;
};
diff --git a/nextjs/src/messages/en.json b/nextjs/src/messages/en.json
index 75fec8edd0..5bb6c37cd6 100644
--- a/nextjs/src/messages/en.json
+++ b/nextjs/src/messages/en.json
@@ -1,4 +1,62 @@
{
+ "shared": {
+ "add_channel": "Add Channel",
+ "add_promo_code": "Add Promo Code",
+ "app_title": "Brave Creators",
+ "app_description": "Do you run a website or channels on YouTube or Twitch? If you’re interested in monetizing your content, verify your site and unlock your contributions!",
+ "cancel": "Cancel",
+ "channel_created": "Channel created. Your verified status will be displayed in the Brave browser within the next 24-48 hours.",
+ "channel_contested": "Channel will be transferred from current owner in %{time_until_transfer}.",
+ "channel_could_not_be_contested": "Channel could not be contested. If you think this is in error, please contact us at https://community.brave.com/",
+ "channel_transfer_rejected": "Channel transfer rejected.",
+ "time_until_transfer_fallback": "a short time",
+ "channel_contested_by": "Channel has been verified by another publisher and will be transferred to their account in %{time_until_transfer} unless you reject.",
+ "channel_not_found": "Channel not found",
+ "channel_quota_exceeded": "We're so popular we exceeded our daily quota of YouTube registrations. Please try again tomorrow.",
+ "channel_removed": "Channel removed.",
+ "continue": "Continue",
+ "date_format": "%b %d, %Y",
+ "dashboard": "Dashboard",
+ "referrals": "Referrals",
+ "payments": "Payments",
+ "download": "Download",
+ "existing_account": "Already have an account?",
+ "error": "Oh no! Something went wrong, please contact support.",
+ "get_started": "Get Started",
+ "instant_donation": "Contribution Banner",
+ "invalid_totp": "Invalid 6-digit code. Please try again.",
+ "log_in": "Log In",
+ "remove": "Remove",
+ "terms_of_service": "Terms of Service",
+ "lost_2fa": "Lost 2fa?",
+ "faqs": "FAQs",
+ "ok": "OK",
+ "oh_no": "Oh no!",
+ "choose_different_verification_method": "Choose Different Verification Method",
+ "support_note_html": "If you have any questions, please contact the Brave Creators team at
https://community.brave.com/",
+ "warning_note_html": "This email contains a private access link. Anyone with access to it can gain access to your private publisher information. Ensure you trust the recipient before forwarding or sharing this email.
If you have any questions, please contact the Brave Creators team at
https://community.brave.com/"
+ },
+ "activerecord": {
+ "shared": {
+ "errors": "There were errors saving your request:"
+ },
+ "attributes": {
+ "uphold_connection": {
+ "send_emails": "Receive emails notifying me if I can't receive payments."
+ },
+ "publisher": {
+ "marketing_emails": "By checking here, I consent to be informed of new features and promotions via email.",
+ "name": "Your Name"
+ },
+ "site_channel_details": {
+ "brave_publisher_id": "Website Domain",
+ "brave_publisher_id_unnormalized": "Website Domain"
+ },
+ "u2f_registration": {
+ "name": "Name Security Key"
+ }
+ }
+ },
"NavDropdown": {
"faqs": "FAQs",
"help": "Help",
@@ -97,6 +155,16 @@
"setup": "Set Up 2FA",
"skip": "Skip for now",
"subheading": "by enabling two-factor authentication"
+ },
+ "confirm_disable": {
+ "header": "Disable Authenticator App?",
+ "intro": "Your remaining two-factor authentication method:",
+ "none": "None",
+ "no_totp_warning": "Authenticator app provides a good fallback method to log\nin to your account securely in the case that you lose the\nhardware security key.\n",
+ "no_2fa_warning_html": "Disabling authenticator app will effectively\n
turn off the two-factor authentication\nfor your account.\n",
+ "final_confirmation": "Are you sure you want to disable authenticator app?\n",
+ "deny": "Do Not Disable",
+ "confirm": "Disable it for now"
}
},
"totp_registrations": {
@@ -126,7 +194,7 @@
"timeout": "There was an unexpected timeout waiting for your security key to respond to\nthe registration request. Please re-attempt registration and activate\nthe security key when it is blinking. (TIMEOUT)\n"
},
"u2f-unavailable": "Your browser doesn't look like it supports U2F, the two factor auth\nplatform supported by Brave. Please use the latest version of Brave, Chrome\nor Opera to register your U2F-compatible device, for example a YubiKey.\n",
- "waiting_description": "Insert the new hardware key into your computer and press the button when\nit's blinking.\n",
+ "waiting_description": "Insert the new hardware key into your computer and press the button when it's blinking.",
"waiting_heading": "Waiting for your security key..."
},
"u2f_registration": {
@@ -143,4 +211,4 @@
"name_default": "Anonymous Key"
}
}
-}
+}
\ No newline at end of file
diff --git a/nextjs/src/messages/ja.json b/nextjs/src/messages/ja.json
index 807ffae865..052f22c869 100644
--- a/nextjs/src/messages/ja.json
+++ b/nextjs/src/messages/ja.json
@@ -46,6 +46,43 @@
"alert": "アカウント設定が更新されました"
}
},
+ "activerecord": {
+ "shared": {
+ "errors": "リクエストの保存中にエラーが発生しました："
+ },
+ "attributes": {
+ "publisher": {
+ "visible": "はい。Braveのマーケティングチャンネルにサイトを掲載して、認知を広めます",
+ "name": "氏名"
+ },
+ "site_channel_details": {
+ "brave_publisher_id": "Webサイトドメイン",
+ "brave_publisher_id_unnormalized": "Webサイトドメイン"
+ },
+ "u2f_registration": {
+ "name": "セキュリティーキーの名前"
+ }
+ },
+ "errors": {
+ "models": {
+ "invoice": {
+ "attributes": {
+ "date": "パートナーごとに一意である必要があります"
+ }
+ },
+ "site_channel_details": {
+ "attributes": {
+ "brave_publisher_id": {
+ "api_error_cant_normalize": "APIエラーのために正規化できません",
+ "exclusion_list_error": "Brave Publisherの除外リストに含まれていました。 さらにサポートが必要な場合は、
https://community.brave.com/c/japanese-support/148にお問い合わせください。",
+ "taken": "入力したドメインは既に認証されており、別のアカウントに追加されています。 さらにサポートが必要な場合は、
https://community.brave.com/c/japanese-support/148にお問い合わせください。",
+ "invalid_uri": "無効なドメインURI"
+ }
+ }
+ }
+ }
+ }
+ },
"security": {
"index": {
"enabled_no": "無効",
@@ -99,17 +136,51 @@
"subheading": "2要素認証の設定をしてください"
}
},
+ "shared": {
+ "add_channel": "チャンネルを追加",
+ "app_title": "Brave クリエイター",
+ "app_description": "Webサイトや、YoutubeやTwitchにチャンネルをお持ちですか？ 認証を行うと閲覧者からの支援を受け収益化することができます。",
+ "cancel": "キャンセル",
+ "channel_created": "チャンネルを作成しました。24-48時間以内に認証ステータスが表示されます。",
+ "channel_contested": "チャンネルは %{time_until_transfer}以内に現在の所有者から移管されます",
+ "channel_could_not_be_contested": "チャンネルに異議を申し立てることができませんでした。 これが誤っていると思われる場合は、support + publishers @ basicattentiontoken.org までメールでお問い合わせください",
+ "channel_transfer_rejected": "チャンネル移管が却下されました。",
+ "time_until_transfer_fallback": "あと少し",
+ "channel_contested_by": "チャンネルは別のサイト運営者によって検証されており、却下しない限り、%{time_until_transfer}でそのアカウントに移行されます。",
+ "channel_not_found": "チャンネルが見つかりませんでした",
+ "channel_removed": "チャンネルが削除されました",
+ "continue": "続ける",
+ "dashboard": "ダッシュボード",
+ "referrals": "リファラル",
+ "payments": "支払い",
+ "download": "ダウンロード",
+ "existing_account": "既にアカウントをお持ちですか?",
+ "error": "問題が発生しました。サポートにお問い合わせください。",
+ "get_started": "さあ始めましょう",
+ "instant_donation": "チップ受付用バナー",
+ "invalid_totp": "6桁のコードが誤っています。もう一度試してください。",
+ "log_in": "ログイン",
+ "remove": "削除",
+ "terms_of_service": "利用規約",
+ "lost_2fa": "二段階認証に問題がありますか？",
+ "faqs": "FAQ",
+ "ok": "OK",
+ "oh_no": "おや？",
+ "choose_different_verification_method": "別の認証方法を選択する",
+ "support_note_html": "ご質問がある場合は、
https://community.brave.com/c/japanese-support/148のBrave Creatorsチームにお問い合わせください。",
+ "warning_note_html": "このメールにはプライベートログインが含まれています。 このリンクを第三者に渡してしまうと誰でも管理画面がアクセスになります。このメールを転送または共有する際は受信者が信頼できるかご確認ください。
ご不明な点がございましたら、
https://community.brave.com/c/japanese-support/148のBrave Creatorsチームにお問い合わせください。"
+ },
"totp_registrations": {
"new": {
"cancel": "キャンセル",
"heading": "Authenticatorアプリのセットアップ",
- "warning": "再設定すると、既存の認証コードデバイスが無効になります",
+ "password_prompt": "6桁のコード",
"step_1": "スマートフォンに認証アプリをインストールします",
"step_2": "アプリで以下のQRコードをスキャンします",
"step_2_alt": "QRコードをスキャンできない場合は、次のコードを入力してください：",
"step_3": "スキャンが完了したら、アプリから6桁のコードを入力します。",
- "password_prompt": "6桁のコード",
- "submit_value": "完了"
+ "submit_value": "完了",
+ "warning": "再設定すると、既存の認証コードデバイスが無効になります"
}
},
"u2f_registrations": {
diff --git a/nextjs/src/styles/globals.css b/nextjs/src/styles/globals.css
index d1b03c1f7a..92d3261b3b 100644
--- a/nextjs/src/styles/globals.css
+++ b/nextjs/src/styles/globals.css
@@ -68,6 +68,17 @@ hr {
border-top: 1px solid rgb(30 32 41 / 10%);
}
+[slot='errors'] {
+ display: flex;
+ flex-direction: row;
+ gap: var(--leo-spacing-m);
+ align-items: center;
+
+ margin-top: var(--leo-spacing-s);
+
+ color: var(--leo-color-systemfeedback-error-icon);
+}
+
.main {
@apply py-4 px-2;
@@ -86,4 +97,25 @@ hr {
.content-width-sm {
width: 650px;
-}
\ No newline at end of file
+}
+
+.animate-dash {
+ animation: dash 1.5s ease-in-out infinite
+}
+
+@keyframes dash {
+ 0% {
+ stroke-dasharray: 1, 150;
+ stroke-dashoffset: 0;
+ }
+
+ 50% {
+ stroke-dasharray: 90, 150;
+ stroke-dashoffset: -35;
+ }
+
+ 100% {
+ stroke-dasharray: 90, 150;
+ stroke-dashoffset: -124;
+ }
+}
diff --git a/nextjs/tailwind.config.ts b/nextjs/tailwind.config.ts
index 4b6e98e023..40f3663d54 100644
--- a/nextjs/tailwind.config.ts
+++ b/nextjs/tailwind.config.ts
@@ -16,6 +16,9 @@ export default {
full: '9999px',
},
extend: {
+ colors: {
+ green: '#02b999',
+ },
// TODO: Update when Brave leo has these variables
spacing: {
px: '1px',
@@ -56,4 +59,4 @@ export default {
},
},
},
-} satisfies Config;
\ No newline at end of file
+} satisfies Config;