Add new guides

This commit is contained in:
Rafał Kobyłko 2023-09-04 13:56:37 +02:00
parent 4cce12044d
commit 595e7bc7f8
6 changed files with 351 additions and 25 deletions

View File

@ -0,0 +1,67 @@
{
"serviceName": "Discord",
"serviceId": "5c9efdde-cb62-4304-9f04-d120084a53dd",
"flow": {
"header": "Follow our guide to pair your Discord account with 2FAS app.",
"menu": {
"title": "Please select the method you use to open Discord right now",
"items": [
{
"name": "Through browser and desktop application",
"steps": [
{
"image": "web_url",
"content": "Go to **www.discord.com** and log into your account."
},
{
"image": "web_menu",
"content": "Click **'User Settings'** icon in the down left-hand menu."
},
{
"image": "gears",
"content": "In **'My Account'** scroll down to option **TWO-FACTOR AUTHENTICATION** and tap **'Enable Two-Factor Auth'**."
},
{
"image": "2fas_type",
"content": "You may be asked to enter your password for security reasons. Enter the password and click **'Continue'**."
},
{
"image": "phone_qr",
"content": "Scan the QR code. Scanning the QR code will generate a token in the 2FAS app. Enter it and click **'Activate'**.\n\nRemember to get your backup codes from Discord!",
"cta": {
"name": "Scan QR code",
"action": "open_scanner"
}
}
]
},
{
"name": "Mobile app",
"steps": [
{
"image": "account",
"content": "Open Discord, tap on your account icon in the down left corner to expand the side menu."
},
{
"image": "gears",
"content": "Choose **'Account'**, then find and tap **'Enable Two-Factor Auth'**."
},
{
"image": "2fas_type",
"content": "You may be asked to enter your password for security reasons. Enter your password and click **'Okay'**."
},
{
"image": "phone_qr",
"content": "Copy or rewrite the **2FA Code** (it is your **Secret Key**) and use **'Add manually'** feature below to add LinkedIn to your 2FAS app. When ready, proceed to the next step and click **'Next'**. Enter the token generated by 2FAS applications.",
"cta": {
"name": "Add manually",
"action": "open_manually",
"data": "Discord"
}
}
]
}
]
}
}
}

View File

@ -0,0 +1,99 @@
{
"serviceName": "Epic Games",
"serviceId": "21701630-a5d2-457c-a983-bfbf4efa801c",
"flow": {
"header": "Follow our guide to pair your Epic Games account with 2FAS app.",
"menu": {
"title": "Epic Games does not have a mobile application. Please select the method you use to open Epic Games right now",
"items": [
{
"name": "Through brower",
"steps": [
{
"image": "web_url",
"content": "Go to **www.epicgames.com** and log into your account."
},
{
"image": "web_account_1",
"content": "Hover over your avatar icon to expand the list of options. Click **'ACCOUNT'**."
},
{
"image": "web_menu",
"content": "Choose **'PASSWORD & SECURITY'** from left-hand menu."
},
{
"image": "2fas_type",
"content": "Scroll down and find **Two-Factor Authentication** options. Then choose **Two-factor Authenticator App** and tab **'SET UP'**. Click **'CONTINUE'**."
},
{
"image": "phone_qr",
"content": "Scan the QR code. Scanning the QR code will generate a token in the 2FAS app. Enter it and click **'Activate'**.\n\nRemember to get your backup codes from Epic Games!",
"cta": {
"name": "Scan QR code",
"action": "open_scanner"
}
}
]
},
{
"name": "Desktop app",
"steps": [
{
"image": "account",
"content": "Open Epic Games, hover over your avatar icon to expand the list of options."
},
{
"image": "web_account_1",
"content": "Choose **'Account'**. You will be taken to the **'ACCOUNT'** tab on the Epic Games website. Then find and tap **'Enable Two-Factor Auth'**."
},
{
"image": "web_menu",
"content": "Choose **'PASSWORD & SECURITY'** from left-hand menu."
},
{
"image": "gears",
"content": "Scroll down and find **Two-Factor Authentication** options. Then choose **Two-factor Authenticator App** and tab **'SET UP'**. Click **'CONTINUE'**."
},
{
"image": "phone_qr",
"content": "Scan the QR code. Scanning the QR code will generate a token in the 2FAS app. Enter it and click **'Activate'**.\n\nRemember to get your backup codes from Epic Games!",
"cta": {
"name": "Scan QR code",
"action": "open_scanner"
}
}
]
},
{
"name": "Console (PlayStation, Xbox)",
"steps": [
{
"image": "web_url",
"content": "In the console, turn on your web browser and go to **www.epicgames.com** and log in to your account."
},
{
"image": "web_account_1",
"content": "Hover over your avatar icon to expand the list of options. Click **'ACCOUNT'**."
},
{
"image": "web_menu",
"content": "Choose **'PASSWORD & SECURITY'** from left-hand menu."
},
{
"image": "gears",
"content": "Scroll down and find **Two-Factor Authentication** options. Then choose **Two-factor Authenticator App** and tab **'SET UP'**. Click **'CONTINUE'**."
},
{
"image": "phone_qr",
"content": "Scan the QR code. Scanning the QR code will generate a token in the 2FAS app. Enter it and click **'Activate'**.\n\nRemember to get your backup codes from Epic Games!",
"cta": {
"name": "Scan QR code",
"action": "open_scanner"
}
}
]
}
]
}
}
}

View File

@ -0,0 +1,76 @@
{
"serviceName": "LinkedIn",
"serviceId": "924f8361-2435-41fe-8070-b2f6b105b042",
"flow": {
"header": "Follow our guide to pair your LinkedIn account with the 2FAS app.",
"menu": {
"title": "Please select the method you use to open LinkedIn right now",
"items": [
{
"name": "Desktop computer or laptop",
"steps": [
{
"image": "web_url",
"content": "Go to **www.linkedin.com** and log into your account."
},
{
"image": "web_account_1",
"content": "Click your avatar in the top bar and select **'Settings & Privacy'**. From the left-hand menu, select **'Sign in & security'**."
},
{
"image": "web_menu",
"content": "Then select the **'Two-step verification'** section on the right. Click **'Set up'**."
},
{
"image": "web_phone",
"content": "You may be asked to verify your account by entering a 6-digit code sent to your email."
},
{
"image": "2fas_type",
"content": "Select the **'Authenticator App'** and click **'Continue'**.\nYou may be asked to enter a password for security reasons. Enter your password and click **'Continue'**."
},
{
"image": "retype",
"content": "Use **'Add manually'** feature below to add LinkedIn to your 2FAS app and rewrite secret key from LinkedIn. Tap **'Continue'** on LinkedIn, retype generated token, tap **'Verify'**.",
"cta": {
"name": "Add manually",
"action": "open_manually",
"data": "LinkedIn"
}
}
]
},
{
"name": "Mobile (app and website)",
"steps": [
{
"image": "account",
"content": "Open **LinkedIn**, then tap the avatar on the top left corner. Next click **'Settings'**."
},
{
"image": "gears",
"content": "Click **'Sign in & security'**. Then select the **'Two-step verification'**. Click **'Set up'**."
},
{
"image": "web_phone",
"content": "You may be asked to verify your account by entering a 6-digit code sent to your email."
},
{
"image": "2fas_type",
"content": "Choose the **'Authentication app'** and click **'Continue'**.\nYou may be asked to enter a password for security reasons. Enter your password and click **'Continue'**."
},
{
"image": "retype",
"content": "Copy secret key and use **'Add manually'** feature below to add LinkedIn to your 2FAS app. Tap **'Continue'** on LinkedIn, retype generated token, tap **'Verify'**.",
"cta": {
"name": "Add manually",
"action": "open_manually",
"data": "LinkedIn"
}
}
]
}
]
}
}
}

View File

@ -0,0 +1,62 @@
{
"serviceName": "RockStar Games",
"serviceId": "deead8dd-c9e3-463a-8c73-1e75c5ec13cf",
"flow": {
"header": "Follow our guide to pair your RockStar Games account with 2FAS app.",
"menu": {
"title": "RockStar Games does not have a mobile application. Please select the method you use to open RockStar Games right now",
"items": [
{
"name": "Through browser",
"steps": [
{
"image": "web_url",
"content": "Go to **www.socialclub.rockstargames.com** and log into your account."
},
{
"image": "web_account_1",
"content": "Click account icon in the top right corner to expand the list of options. Then click **'SETTINGS'**."
},
{
"image": "gears",
"content": "Choose **'2-STEP VERIFICATION'** and tap **'Setup'**."
},
{
"image": "phone_qr",
"content": "Scan the QR code. Scanning the QR code will generate a token in the 2FAS app. Enter it and password. Then click **'Verify'**.",
"cta": {
"name": "Scan QR code",
"action": "open_scanner"
}
}
]
},
{
"name": "Desktop app",
"steps": [
{
"image": "account",
"content": "Open RockStar Games and log into your account."
},
{
"image": "web_account_1",
"content": "Click account icon in the top right corner to expand the list of options. Then click **'MANAGE ACCOUNT'**. You will be taken to the **'SETTINGS'** tab on the RockStar Social Club website."
},
{
"image": "gears",
"content": "Choose **2-STEP VERIFICATION** and tap **'Setup'**."
},
{
"image": "phone_qr",
"content": "Scan the QR code. Scanning the QR code will generate a token in the 2FAS app. Enter it and password. Then click **'Verify'**.",
"cta": {
"name": "Scan QR code",
"action": "open_scanner"
}
}
]
}
]
}
}
}

View File

@ -10,6 +10,10 @@ enum class Guide {
Facebook,
Twitter,
Amazon,
LinkedIn,
EpicGames,
RockstarGames,
Discord,
Universal,
;
}
@ -20,6 +24,10 @@ val Guide.json: String
Guide.Twitter -> "twitter.json"
Guide.Amazon -> "amazon.json"
Guide.Universal -> "universal.json"
Guide.LinkedIn -> "linkedin.json"
Guide.EpicGames -> "epic_games.json"
Guide.RockstarGames -> "rockstar_games.json"
Guide.Discord -> "discord.json"
}
private val Guide.serviceId: String
@ -28,6 +36,10 @@ private val Guide.serviceId: String
Guide.Twitter -> "a2987ab4-ac5c-48ce-863c-d3d3d1220fdb"
Guide.Amazon -> "d50d085c-87a1-4c03-80aa-d2384971c6f3"
Guide.Universal -> "89efcc2d-52f4-4ac3-988d-5d7f3b3cd0a7"
Guide.LinkedIn -> "924f8361-2435-41fe-8070-b2f6b105b042"
Guide.EpicGames -> "21701630-a5d2-457c-a983-bfbf4efa801c"
Guide.RockstarGames -> "deead8dd-c9e3-463a-8c73-1e75c5ec13cf"
Guide.Discord -> "5c9efdde-cb62-4304-9f04-d120084a53dd"
}
@Composable

View File

@ -15,7 +15,9 @@ import androidx.compose.foundation.layout.height
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.width
import androidx.compose.foundation.rememberScrollState
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.foundation.verticalScroll
import androidx.compose.material3.ButtonDefaults
import androidx.compose.material3.Icon
import androidx.compose.material3.Scaffold
@ -68,10 +70,15 @@ private fun GuidesScreenContent(
topBar = { TwTopAppBar(titleText = TwLocale.strings.guidesSelectTitle) }
) { padding ->
Column(
Modifier.fillMaxSize()
) {
Column(
Modifier
.fillMaxSize()
.fillMaxWidth()
.weight(1f)
.padding(padding)
.verticalScroll(rememberScrollState())
) {
Text(
text = TwLocale.strings.guidesSelectDescription,
@ -98,8 +105,7 @@ private fun GuidesScreenContent(
}
}
}
Spacer(modifier = Modifier.weight(1f))
}
Column(
modifier = Modifier
@ -177,6 +183,10 @@ private fun GuideItem(
Guide.Twitter -> "Twitter"
Guide.Amazon -> "Amazon"
Guide.Universal -> "Universal Guide"
Guide.LinkedIn -> "LinkedIn"
Guide.EpicGames -> "Epic Games"
Guide.RockstarGames -> "Rockstar Games"
Guide.Discord -> "Discord"
},
style = TwTheme.typo.body3,
color = TwTheme.color.onSurfacePrimary,