Merge branch 'origin/main' into Weblate.

Habitica/AndroidManifest.xml

@@ -99,7 +99,7 @@
             tools:ignore="UnusedAttribute">
         </activity>
         <activity
-            android:name=".ui.activities.LoginActivity"
+            android:name=".ui.activities.OnboardingActivity"
             android:label="@string/LoginActivityName"
             android:configChanges="screenSize | smallestScreenSize | screenLayout | orientation"
             android:windowSoftInputMode="adjustResize">
@@ -112,14 +112,6 @@
                 android:name="android.support.PARENT_ACTIVITY"
                 android:value="com.habitrpg.android.habitica.ui.activities.MainActivity" />
         </activity>
-        <activity
-            android:name=".ui.activities.IntroActivity"
-            android:windowSoftInputMode="adjustResize">
-        </activity>
-        <activity
-            android:name=".ui.activities.SetupActivity"
-            android:windowSoftInputMode="stateHidden|adjustResize">
-        </activity>
         <activity
             android:name=".ui.activities.SkillTasksActivity">
         </activity>

Habitica/AndroidManifestTesting.xml

@@ -41,22 +41,12 @@
             tools:ignore="UnusedAttribute">
         </activity>
         <activity
-            android:name=".ui.activities.LoginActivity"
+            android:name=".ui.activities.OnboardingActivity"
             android:label="@string/LoginActivityName"
             android:theme="@style/AppThemeWithActionBarBlackText"
             android:windowSoftInputMode="adjustResize"
             android:screenOrientation="portrait">
         </activity>
-        <activity
-            android:name=".ui.activities.IntroActivity"
-            android:windowSoftInputMode="adjustResize"
-            android:screenOrientation="portrait">
-        </activity>
-        <activity
-            android:name=".ui.activities.SetupActivity"
-            android:windowSoftInputMode="adjustResize"
-            android:screenOrientation="portrait">
-        </activity>
         <activity
             android:name=".ui.activities.SkillTasksActivity"
             android:label="@string/app_name"

Habitica/proguard-rules.pro

@@ -118,7 +118,6 @@
 -dontwarn com.android.volley.toolbox.**
 -dontwarn com.facebook.infer.**
 -dontwarn com.habitrpg.android.habitica.ui.views.bottombar.**
--dontwarn com.viewpagerindicator.**
 #-ignorewarnings
 
 -keep class com.google.firebase.provider.FirebaseInitProvider

Habitica/res/drawable-hdpi/ic_close_white_18dp.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="18dp" android:viewportHeight="24.0" android:viewportWidth="24.0" android:width="18dp">
+    <path android:fillColor="@color/white" android:pathData="M19,6.41L17.59,5 12,10.59 6.41,5 5,6.41 10.59,12 5,17.59 6.41,19 12,13.41 17.59,19 19,17.59 13.41,12z"/>
+</vector>

Habitica/res/drawable/activity_launch_background.xml

@@ -1,13 +1,10 @@
 <?xml version="1.0" encoding="utf-8"?>
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-
     <item
         android:drawable="@color/brand_100"/>
-
     <item>
         <bitmap
             android:gravity="center"
             android:src="@drawable/login_logo"/>
     </item>
-
-</layer-list>
+</layer-list>

Habitica/res/drawable/login_gradient.xml

@@ -3,8 +3,8 @@
 
     <gradient
             android:angle="90"
-            android:endColor="#3E148A"
-            android:startColor="#8962cc"
+            android:endColor="#6133B4"
+            android:startColor="#6133B4"
             android:type="linear" />
 
-</shape>
+</shape>

Habitica/res/layout/activity_login.xml

@@ -1,258 +1,11 @@
 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     xmlns:tools="http://schemas.android.com/tools"
-    tools:context=".ui.activities.LoginActivity">
-
-    <com.habitrpg.android.habitica.ui.views.login.LockableScrollView
+    tools:context=".ui.activities.OnboardingActivity">
+    <androidx.compose.ui.platform.ComposeView
+        android:id="@+id/compose_view"
         android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        android:id="@+id/background_container"
-        android:scrollIndicators="none"
-        android:scrollbars="none">
-
-        <com.habitrpg.android.habitica.ui.views.login.LoginBackgroundView
-            android:id="@+id/background_view"
-            android:layout_width="match_parent"
-            android:layout_height="match_parent"
-            android:background="@drawable/login_gradient"
-            android:clipChildren="false"
-            android:clipToPadding="false"
-            android:layout_marginEnd="-2dp"
-            >
-            <ImageView
-                android:id="@+id/city_view"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_alignParentBottom="true"
-                app:srcCompat="@drawable/login_background"
-                android:layout_centerHorizontal="true"
-                android:scaleType="centerCrop" />
-            <Space android:id="@+id/cloud_anchor"
-                android:layout_width="0dp"
-                android:layout_height="0dp"
-                android:layout_centerHorizontal="true"
-                android:visibility="invisible"
-                android:layout_above="@id/city_view" />
-            <ImageView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                app:srcCompat="@drawable/cloud_1"
-                android:id="@+id/left_cloud_view"
-                android:layout_toStartOf="@id/cloud_anchor"
-                android:layout_marginEnd="150dp"
-                android:layout_alignParentBottom="true"
-                android:scaleType="centerCrop"
-                android:paddingBottom="460dp"
-                />
-            <ImageView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                app:srcCompat="@drawable/cloud_2"
-                android:id="@+id/right_cloud_view"
-                android:layout_toEndOf="@id/cloud_anchor"
-                android:layout_marginStart="170dp"
-                android:layout_alignParentBottom="true"
-                android:scaleType="centerCrop"
-                android:paddingBottom="400dp"
-                />
-        </com.habitrpg.android.habitica.ui.views.login.LoginBackgroundView>
-
-    </com.habitrpg.android.habitica.ui.views.login.LockableScrollView>
-
-
-    <FrameLayout
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        android:fitsSystemWindows="true">
-        <LinearLayout
-            android:layout_width="match_parent"
-            android:layout_height="match_parent"
-            android:paddingTop="@dimen/spacing_large"
-            android:paddingStart="@dimen/spacing_large"
-            android:paddingEnd="@dimen/spacing_large"
-            android:orientation="vertical"
-            android:background="@color/transparent"
-                        >
-
-            <ImageView
-                android:id="@+id/logo_view"
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                android:layout_gravity="center_horizontal"
-                android:src="@drawable/login_logo"
-                android:layout_margin="24dp"
-                android:contentDescription="@string/brand_name" />
-
-            <androidx.appcompat.widget.AppCompatButton
-                android:id="@+id/new_game_button"
-                android:layout_width="@dimen/login_intro_button_size"
-                android:layout_height="@dimen/login_intro_button_size"
-                android:text="@string/register_btn"
-                android:layout_gravity="center_vertical|center_horizontal"
-                android:textColor="@color/white"
-                android:layout_marginTop="@dimen/spacing_large"
-                android:background="@drawable/login_begin_button"
-                android:backgroundTint="@color/brand_100"/>
-
-            <androidx.appcompat.widget.AppCompatButton
-                android:id="@+id/show_login_button"
-                android:layout_width="@dimen/login_intro_button_size"
-                android:layout_height="@dimen/login_intro_button_size"
-                android:text="@string/login_btn"
-                android:layout_gravity="center_vertical|center_horizontal"
-                android:textColor="@color/white"
-                android:layout_marginTop="@dimen/spacing_large"
-                android:background="@drawable/login_begin_button"
-                android:backgroundTint="@color/brand_100"/>
-
-            <ScrollView
-                android:layout_width="match_parent"
-                android:layout_height="match_parent"
-                android:background="@color/transparent"
-                android:visibility="invisible"
-                android:id="@+id/login_scrollview"
-                android:scrollIndicators="none"
-                tools:visibility="visible"
-                android:padding="0dp"
-                >
-
-                <LinearLayout
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:padding="@dimen/spacing_large"
-                    android:id="@+id/form_wrapper"
-                    android:orientation="vertical"
-                    android:background="@color/transparent">
-
-                    <EditText
-                        android:id="@+id/username"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:drawableEnd="@drawable/ic_username"
-                        android:imeOptions="actionNext"
-                        android:inputType="textPersonName"
-                        android:nextFocusDown="@+id/email"
-                        android:hint="@string/username"
-                        android:theme="@style/LoginEditTextTheme"
-                        android:textColor="@color/white_75_alpha"
-                        android:textColorHighlight="@color/white"
-                            android:isCredential="true"/>
-
-                    <EditText
-                        android:id="@+id/email"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:inputType="textEmailAddress"
-                        android:imeOptions="actionNext"
-                        android:nextFocusDown="@+id/password"
-                        android:drawableEnd="@drawable/ic_email"
-                        android:hint="@string/emailAddress"
-                        android:textColor="@color/white_75_alpha"
-                        android:theme="@style/LoginEditTextTheme"
-                        android:autofillHints="emailAddress"
-                        />
-
-                    <EditText
-                        android:id="@+id/password"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:inputType="textPassword"
-                        android:imeOptions="actionNext"
-                        android:nextFocusDown="@+id/confirm_password"
-                        android:drawableEnd="@drawable/ic_password"
-                        android:hint="@string/password"
-                        android:textColor="@color/white_75_alpha"
-                        android:theme="@style/LoginEditTextTheme"/>
-
-                    <EditText
-                        android:id="@+id/confirm_password"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:inputType="textPassword"
-                        android:drawableEnd="@drawable/ic_password"
-                        android:imeOptions="actionDone"
-                        android:hint="@string/confirmpassword"
-                        android:textColor="@color/white_75_alpha"
-                        android:theme="@style/LoginEditTextTheme"
-                        android:autofillHints="newPassword"/>
-
-                    <ProgressBar
-                        android:id="@+id/progress_view"
-                        android:indeterminate="true"
-                        android:visibility="gone"
-                        android:layout_width="wrap_content"
-                        android:layout_height="wrap_content"
-                        android:layout_gravity="center"/>
-
-                    <Button
-                        android:id="@+id/submit_button"
-                        android:layout_width="match_parent"
-                        android:layout_height="42dp"
-                        android:text="@string/register_btn"
-                        android:layout_marginTop="@dimen/spacing_xlarge"
-                        style="@style/LoginButton"/>
-
-                    <Button
-                            android:id="@+id/google_login_button"
-                            android:layout_width="match_parent"
-                            android:layout_height="42dp"
-                            android:text="@string/login_btn_google"
-                            android:layout_marginTop="@dimen/spacing_large"
-                            android:drawableStart="@drawable/google_icon"
-                            style="@style/LoginButton"/>
-
-                    <Button
-                        android:id="@+id/apple_login_button"
-                        android:layout_width="match_parent"
-                        android:layout_marginTop="@dimen/spacing_large"
-                        android:layout_height="@dimen/diamond_button_height"
-                        android:text="@string/login_btn_apple"
-                        android:drawableStart="@drawable/apple_icon"
-                        android:visibility="gone"
-                        style="@style/LoginButton"/>
-
-                    <Button
-                        android:id="@+id/forgot_password"
-                        android:layout_width="match_parent"
-                        android:layout_marginTop="@dimen/spacing_xlarge"
-                        android:gravity="center_horizontal"
-                        android:layout_height="wrap_content"
-                        android:text="@string/forgot_pw_btn"
-                        android:layout_gravity="center_horizontal"
-                        android:textColor="@color/white_75_alpha"
-                        android:background="@color/transparent" />
-
-                    <TextView
-                        android:id="@+id/privacy_policy"
-                        android:layout_width="match_parent"
-                        android:layout_marginTop="@dimen/spacing_large"
-                        android:layout_marginBottom="@dimen/spacing_xlarge"
-                        android:gravity="center_horizontal"
-                        android:layout_height="wrap_content"
-                        android:text="@string/login_disclaimer"
-                        android:linksClickable="true"
-                        android:layout_gravity="center_horizontal"
-                        android:textColor="@color/white_75_alpha"
-                        android:background="@color/transparent" />
-
-                </LinearLayout>
-
-            </ScrollView>
-
-        </LinearLayout>
-
-        <ImageButton
-            android:id="@+id/back_button"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:src="@drawable/ic_arrow_back_white_36dp"
-            android:background="@color/transparent"
-            android:paddingStart="12dp"
-            android:paddingEnd="0dp"
-            android:layout_marginTop="@dimen/spacing_small"
-            android:alpha="0" />
-    </FrameLayout>
-
+        android:layout_height="match_parent">
+    </androidx.compose.ui.platform.ComposeView>
 </FrameLayout>

Habitica/res/layout/activity_setup.xml

@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:orientation="vertical">
-
-    <androidx.viewpager2.widget.ViewPager2
-        android:id="@+id/viewPager"
-        android:layout_width="match_parent"
-        android:layout_height="0dp"
-        android:background="@color/window_background"
-        android:layout_weight="1" />
-
-    <RelativeLayout
-        android:id="@+id/bottomBar"
-        android:orientation="horizontal"
-        android:layout_width="match_parent"
-        android:layout_height="56dp"
-        android:background="@color/background_brand"
-        android:gravity="center_vertical"
-        android:elevation="8dp">
-
-        <com.google.android.material.tabs.TabLayout
-            android:id="@+id/view_pager_indicator"
-            android:layout_width="wrap_content"
-            android:layout_height="24dp"
-            android:layout_centerInParent="true"
-            app:tabBackground="@drawable/indicator_diamond"
-            android:background="@color/transparent"
-            app:tabIndicator="@null" />
-
-        <Button
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:id="@+id/previousButton"
-            android:drawableStart="@drawable/back_arrow_disabled"
-            android:background="@color/transparent"
-            android:drawablePadding="12dp"
-            android:layout_centerVertical="true"
-            android:textColor="@color/white" />
-
-        <Button
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:text="@string/next_button"
-            android:id="@+id/nextButton"
-            android:drawablePadding="12dp"
-            android:textColor="@color/white"
-            android:drawableEnd="@drawable/forward_arrow_enabled"
-            android:background="@color/transparent"
-            android:layout_alignParentEnd="true"
-            android:layout_centerVertical="true"/>
-    </RelativeLayout>
-</LinearLayout>

Habitica/res/layout/avatar_category.xml

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-
-<TextView xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:id="@+id/text_view"
-    tools:text="@string/avatar_body"
-    android:textAllCaps="true"
-    android:paddingTop="8dp"
-    android:textColor="@color/white_50_alpha"
-    android:layout_width="70dp"
-    android:layout_height="70dp"
-    android:gravity="center"
-    tools:background="?colorPrimaryOffset"
-    tools:drawableTop="@drawable/icon_body" />

Habitica/res/layout/avatar_setup_drawer.xml

@@ -1,93 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
-              xmlns:app="http://schemas.android.com/apk/res-auto"
-              android:orientation="vertical"
-              android:layout_width="match_parent"
-              android:layout_height="wrap_content">
-
-    <LinearLayout
-            android:id="@+id/subcategory_layout"
-            android:orientation="vertical"
-            android:layout_width="match_parent"
-            android:layout_height="@dimen/customization_drawer_subcategory_height"
-            android:background="@drawable/avatar_customization_subcategory_bg"
-            android:layout_alignParentTop="true">
-
-        <com.google.android.material.tabs.TabLayout
-                android:id="@+id/subcategory_tabs"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                app:tabIndicatorColor="?colorAccent"
-                app:tabIndicatorHeight="2dp"
-                app:tabTextColor="@color/white_50_alpha"
-                app:tabSelectedTextColor="@color/white"
-            android:background="@color/brand"
-                app:tabGravity="center"
-                app:tabPaddingEnd="24dp"
-                app:tabPaddingStart="24dp"
-                />
-
-        <com.habitrpg.android.habitica.ui.helpers.RecyclerViewEmptySupport
-                android:id="@+id/customization_list"
-                android:layout_width="wrap_content"
-                android:layout_height="0dp"
-                android:layout_weight="1"
-                android:layout_gravity="center_horizontal"/>
-    </LinearLayout>
-
-    <LinearLayout
-            android:layout_width="match_parent"
-            android:layout_height="@dimen/customization_drawer_category_height"
-            android:background="@drawable/avatar_customization_category_bg"
-            android:orientation="horizontal"
-            android:gravity="center"
-            android:layout_below="@id/subcategory_layout"
-            android:elevation="4dp"
-            android:id="@+id/category_layout">
-
-        <com.habitrpg.android.habitica.ui.views.setup.AvatarCategoryView
-                android:id="@+id/body_button"
-                android:layout_width="0dp"
-                android:layout_weight="1"
-                android:layout_height="wrap_content"
-                app:iconDrawable="@drawable/icon_body"
-                app:categoryTitle="@string/avatar_body"
-                android:gravity="center"/>
-
-        <com.habitrpg.android.habitica.ui.views.setup.AvatarCategoryView
-                android:id="@+id/skin_button"
-                android:layout_width="0dp"
-                android:layout_weight="1"
-                android:layout_height="wrap_content"
-                app:iconDrawable="@drawable/icon_skin"
-                app:categoryTitle="@string/avatar_skin"
-                android:gravity="center"/>
-
-        <com.habitrpg.android.habitica.ui.views.setup.AvatarCategoryView
-                android:id="@+id/hair_button"
-                android:layout_width="0dp"
-                android:layout_weight="1"
-                android:layout_height="wrap_content"
-                app:iconDrawable="@drawable/icon_hair"
-                app:categoryTitle="@string/avatar_hair"
-                android:gravity="center"/>
-
-        <com.habitrpg.android.habitica.ui.views.setup.AvatarCategoryView
-                android:id="@+id/extras_button"
-                android:layout_width="0dp"
-                android:layout_weight="1"
-                android:layout_height="wrap_content"
-                app:iconDrawable="@drawable/icon_extras"
-                app:categoryTitle="@string/avatar_extras"
-                android:gravity="center"/>
-    </LinearLayout>
-
-        <ImageView
-                android:layout_width="wrap_content"
-                android:layout_height="wrap_content"
-                app:srcCompat="@drawable/customization_selection_caret"
-                android:id="@+id/caret_view"
-                android:layout_alignBottom="@id/category_layout"
-                android:layout_marginBottom="@dimen/customization_drawer_caret_margin"
-                android:elevation="6dp"/>
-</RelativeLayout>

Habitica/res/layout/fragment_intro.xml

@@ -1,63 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:orientation="vertical"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:gravity="center_vertical"
-    android:background="@color/brand_300"
-    android:id="@+id/container_view">
-
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:id="@+id/subtitleTextView"
-        android:layout_gravity="center_horizontal"
-        android:gravity="center_horizontal"
-        style="@style/Body2"
-        android:textSize="17sp"
-        android:textColor="@color/white"
-        tools:text="@string/intro_2_subtitle"
-        android:layout_marginBottom="4dp" />
-
-    <ImageView
-        android:id="@+id/titleImageView"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_gravity="center_horizontal"
-        android:contentDescription="@string/brand_name" />
-
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:id="@+id/titleTextView"
-        android:layout_gravity="center_horizontal"
-        android:gravity="center_horizontal"
-        style="@style/Title1"
-        android:textSize="30sp"
-        android:textColor="@color/white"
-        tools:text="@string/intro_2_title"
-        android:layout_marginBottom="28dp" />
-
-    <ImageView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:id="@+id/imageView"
-        android:layout_gravity="center_horizontal"
-        android:src="@drawable/intro_2"
-        app:srcCompat="@drawable/intro_2" />
-
-    <TextView
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:id="@+id/descriptionTextView"
-        android:layout_gravity="center_horizontal"
-        style="@style/Body2"
-        android:textColor="@android:color/white"
-        android:layout_margin="28dp"
-        android:gravity="center_horizontal"
-        android:lineSpacingExtra="4dp"
-        android:maxWidth="350dp"
-        tools:text="@string/intro_2_description"/>
-</LinearLayout>

Habitica/res/layout/fragment_setup_avatar.xml

@@ -1,62 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<LinearLayout
-        android:id="@+id/content_wrapper"
-        xmlns:android="http://schemas.android.com/apk/res/android"
-                xmlns:app="http://schemas.android.com/apk/res-auto"
-                android:orientation="vertical" android:layout_width="match_parent"
-                android:layout_height="match_parent"
-                android:background="@color/setup_background"
-                android:gravity="center_horizontal">
-    <Space
-        android:layout_width="wrap_content"
-        android:layout_height="0dp"
-        android:layout_weight="1" />
-    <androidx.appcompat.widget.AppCompatButton
-        android:id="@+id/randomize_button"
-        android:layout_width="wrap_content"
-        android:text="@string/randomize"
-        style="@style/DiamondButton"/>
-    <RelativeLayout
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="@dimen/setup_vertical_spacing">
-        <ImageView
-            android:id="@+id/avatar_background"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:src="@drawable/creator_hills_bg"
-            android:layout_centerInParent="true"
-            android:importantForAccessibility="no" />
-        <com.habitrpg.common.habitica.views.AvatarView
-            android:id="@+id/avatarView"
-            android:layout_width="@dimen/avatar_small_width"
-            android:layout_height="@dimen/avatar_small_height"
-            app:showBackground="false"
-            app:showMount="false"
-            app:showPet="false"
-            app:showSleeping="false"
-            android:layout_alignTop="@id/avatar_background"
-            android:layout_marginStart="54dp"
-            />
-    </RelativeLayout>
-    <Space
-        android:layout_width="wrap_content"
-        android:layout_height="0dp"
-        android:layout_weight="1" />
-    <com.habitrpg.android.habitica.ui.SpeechBubbleView
-        android:id="@+id/speech_bubble"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        app:namePlate="Justin"
-        app:npcDrawable="@drawable/justin_textbox"
-        android:layout_marginStart="@dimen/content_inset"
-        android:layout_marginEnd="@dimen/content_inset"
-        android:layout_marginBottom="12dp"/>
-
-    <com.habitrpg.android.habitica.ui.views.setup.AvatarCustomizationDrawer
-            android:id="@+id/customization_drawer"
-            android:layout_width="match_parent"
-            android:layout_height="wrap_content"
-            />
-
-</LinearLayout>

Habitica/res/layout/fragment_setup_tasks.xml

@@ -1,59 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<LinearLayout
-        android:id="@+id/content_wrapper"
-        xmlns:android="http://schemas.android.com/apk/res/android"
-                xmlns:app="http://schemas.android.com/apk/res-auto"
-                android:orientation="vertical" android:layout_width="match_parent"
-                android:layout_height="match_parent"
-                android:background="@color/setup_background"
-                android:gravity="center_horizontal">
-    <Space
-        android:layout_width="wrap_content"
-        android:layout_height="0dp"
-        android:layout_weight="1" />
-    <ImageView
-        android:id="@+id/heart_icon"
-        android:layout_height="36dp"
-        android:layout_width="36dp" />
-    <RelativeLayout
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="@dimen/setup_vertical_spacing">
-        <ImageView
-            android:id="@+id/avatar_background"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:src="@drawable/creator_purple_bg"
-            android:layout_centerInParent="true" />
-        <com.habitrpg.common.habitica.views.AvatarView
-            android:id="@+id/avatarView"
-            android:layout_width="@dimen/avatar_small_width"
-            android:layout_height="@dimen/avatar_small_height"
-            app:showBackground="false"
-            app:showMount="false"
-            app:showPet="false"
-            app:showSleeping="false"
-            android:layout_alignTop="@id/avatar_background"
-            android:layout_marginStart="54dp"
-            />
-    </RelativeLayout>
-    <Space
-        android:layout_width="wrap_content"
-        android:layout_height="0dp"
-        android:layout_weight="1" />
-    <com.habitrpg.android.habitica.ui.SpeechBubbleView
-        android:id="@+id/speech_bubble"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        app:namePlate="Justin"
-        app:npcDrawable="@drawable/justin_textbox"
-        android:layout_marginStart="@dimen/content_inset"
-        android:layout_marginEnd="@dimen/content_inset"
-        android:layout_marginBottom="12dp"/>
-    <androidx.recyclerview.widget.RecyclerView
-            android:layout_width="match_parent"
-            android:layout_height="230dp"
-            android:background="@drawable/avatar_customization_category_bg"
-            android:id="@+id/recyclerView"
-            android:padding="17dp"/>
-</LinearLayout>

Habitica/res/layout/fragment_welcome.xml

@@ -1,129 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent"
-    android:fillViewport="true"
-    android:background="@color/setup_background">
-<LinearLayout
-    android:orientation="vertical"
-    android:layout_width="match_parent"
-    android:layout_height="wrap_content"
-    android:paddingStart="@dimen/spacing_large"
-    android:paddingEnd="@dimen/spacing_large"
-    android:paddingTop="32dp"
-    android:paddingBottom="16dp">
-
-    <ImageView
-        android:layout_width="294dp"
-        android:layout_height="121dp"
-        android:src="@drawable/hello_onboarding"
-        android:layout_gravity="center_horizontal"
-        android:layout_marginBottom="@dimen/spacing_large"
-        />
-
-    <com.habitrpg.android.habitica.ui.views.DayNightTextView
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        app:dayTextColor="@color/brand_200"
-        app:nightTextColor="@color/brand_500"
-        android:text="@string/welcomeNameTitle"
-        android:gravity="center"
-        android:textSize="16sp"
-        android:textStyle="bold"
-        android:layout_marginBottom="@dimen/spacing_large"/>
-
-    <TableLayout
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:stretchColumns="2"
-        android:background="@drawable/rounded_border_content">
-        <TableRow>
-            <TextView
-                android:layout_height="42dp"
-                android:text="@string/display_name"
-                android:paddingStart="@dimen/spacing_medium"
-                android:paddingEnd="@dimen/spacing_medium"
-                android:layout_marginStart="1dp"
-                android:background="@color/setup_label_background"
-                android:gravity="center_vertical"
-                android:textSize="14sp"
-                />
-            <View android:background="@color/offset_background"
-                android:layout_height="42dp"
-                android:layout_width="1dp" />
-            <EditText android:id="@+id/display_name_edit_text"
-                android:background="@color/transparent"
-                android:layout_height="42dp"
-                android:layout_marginStart="@dimen/spacing_large"
-                android:layout_marginEnd="@dimen/spacing_large"
-                android:textSize="14sp"
-                android:lines="1"/>
-        </TableRow>
-        <TableRow>
-            <View android:layout_width="match_parent"
-                android:layout_height="1dp"
-                android:background="@color/offset_background" android:layout_span="3" />
-        </TableRow>
-        <TableRow>
-            <TextView android:text="@string/username"
-                android:background="@color/setup_label_background"
-                android:layout_height="41dp"
-                android:paddingStart="@dimen/spacing_medium"
-                android:paddingEnd="@dimen/spacing_medium"
-                android:layout_marginStart="1dp"
-                android:gravity="center_vertical"
-                android:textSize="14sp"/>
-            <View android:background="@color/offset_background"
-                android:layout_width="1dp"
-                android:layout_height="42dp"/>
-            <LinearLayout
-                android:layout_marginStart="@dimen/spacing_large"
-                android:layout_marginEnd="@dimen/spacing_large">
-                <TextView
-                    android:layout_width="wrap_content"
-                    android:layout_height="match_parent"
-                    android:text="\@"
-                    android:gravity="center_vertical"
-                    android:textColor="@color/text_dimmed"
-                    android:textSize="14sp"/>
-                <EditText android:id="@+id/username_edit_text"
-                    android:background="@color/transparent"
-                    android:layout_width="0dp"
-                    android:layout_weight="1"
-                    android:layout_height="42dp"
-                    android:layout_marginStart="@dimen/spacing_small"
-                    android:lines="1"
-                    android:textSize="14sp"/>
-            </LinearLayout>
-        </TableRow>
-    </TableLayout>
-
-    <TextView
-        android:id="@+id/issues_text_view"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_marginTop="@dimen/spacing_medium"
-        android:textColor="@color/red_50"
-        android:textSize="12sp"
-        android:gravity="center"
-        android:visibility="gone"
-        tools:visibility="visible"
-        tools:text="Issues go here"/>
-
-    <Space
-        android:layout_width="wrap_content"
-        android:layout_height="0dp"
-        android:layout_weight="1"
-        android:layout_marginTop="@dimen/spacing_large"/>
-
-    <com.habitrpg.android.habitica.ui.SpeechBubbleView
-        android:id="@+id/speech_bubble"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        app:namePlate="Justin"
-        app:npcDrawable="@drawable/justin_textbox"
-        android:layout_marginTop="@dimen/spacing_large"/>
-</LinearLayout>
-</ScrollView>

Habitica/res/values-b+es+419/strings.profile.xml

@@ -1,8 +1,13 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <string name="profile_pets_and_mounts">Mascotas y Monturas</string>
+    <string name="profile_pets_and_mounts">Mascotas y monturas</string>
     <string name="profile_pets_found">Mascotas encontradas</string>
-    <string name="profile_mounts_tamed">Monturas Domesticadas</string>
+    <string name="profile_mounts_tamed">Monturas domesticadas</string>
     <string name="profile_loading_data">Cargando datos del miembro…</string>
     <string name="profile_send_message_to">Enviar mensaje a %s</string>
+    <string name="profile_message_sent_to">Mensaje enviado a %s</string>
+    <string name="profile_level">Nivel:</string>
+    <string name="profile_class_bonus">Bonus de clase:</string>
+    <string name="profile_allocated">Asignado:</string>
+    <string name="profile_achievements">Logros</string>
 </resources>

Habitica/res/values-b+es+419/strings.sidebar.xml

@@ -4,5 +4,17 @@
     <string name="sidebar_skills">Habilidades</string>
     <string name="sidebar_section_social">Social</string>
     <string name="sidebar_inbox">Mensajes</string>
-    <string name="sidebar_party">Equipo</string>
+    <string name="sidebar_party">Grupo</string>
+    <string name="sidebar_gems">Comprar gemas</string>
+    <string name="sidebar_subscription">Suscripción</string>
+    <string name="sidebar_challenges">Retos</string>
+    <string name="sidebar_section_inventory">Inventario</string>
+    <string name="sidebar_avatar">Personalizar personaje</string>
+    <string name="sidebar_avatar_equipment">Personaje y equipamiento</string>
+    <string name="sidebar_equipment">Equipamiento</string>
+    <string name="sidebar_stable">Mascotas y Monturas</string>
+    <string name="sidebar_news">Noticias</string>
+    <string name="sidebar_about">Información</string>
+    <string name="sidebar_shops">Tiendas</string>
+    <string name="sidebar_stats">Estadísticas</string>
 </resources>

Habitica/res/values-b+es+419/strings.tutorial.xml

@@ -5,4 +5,18 @@
     <string name="tutorial_overview">¡Aquí estamos! He hecho algunas tareas para ti según tus gustos. Intenta agregar algunos propios. Puedes editar cualquier tarea tocando el título.</string>
     <string name="tutorial_habits_2">¡Cada vez que hagas un hábito positivo, toca el + para recibir experiencia y oro!</string>
     <string name="tutorial_habits_4">¡Dale un tiro! Puede explorar los otros tipos de tareas mediante de la navegación inferior.</string>
+    <string name="tutorial_dailies_1">Usa Tareas Diarias para aquellas tareas que necesitan ser completadas en un horario regular.</string>
+    <string name="tutorial_dailies_2">Ten cuidado — si no completas una, tu avatar recibirá daño por la noche. ¡Completarlas constantemente trae grandes recompensas!</string>
+    <string name="tutorial_todos_1">Usa las Tareas Pendientes para gestionar las tareas que solo tienes que realizar una vez.</string>
+    <string name="tutorial_rewards_1">¡Compra equipamiento para tu avatar con el oro que ganas!</string>
+    <string name="tutorial_rewards_2">También puedes crear recompensas personalizadas del mundo real en función de lo que te motiva.</string>
+    <string name="tutorial_tasks_complete">Eso es todo por ahora. Si necesitas un recordatorio, consulta la sección de Preguntas Frecuentes (FAQ).</string>
+    <string name="tutorial_party">¡Aquí es donde tú y tus amigos pueden estar pendientes del uno al otro para cumplir sus objetivos y luchar contra monstruos junto a sus tareas!</string>
+    <string name="tutorial_stats">Toca el botón gris para asignar muchas de tus estadísticas a la vez, o toca las flechas para agregarlas un punto a la vez.</string>
+    <string name="tutorial_todos_2">Si tu Tarea Pendiente necesita ser completada en cierta hora, ánade una fecha límite. Parece que puedes tachar una — ¡Adelante!</string>
+    <string name="tutorial_skills">¡Las Habiliades son habilidades especiales con efectos poderosos! Toca una habilidad para usarla. Costará Maná (la barra azul), que puedes conseguir entrando todos los días y completar tareas en la vida real. ¡Consulta la sección de Preguntas Frecuentes (FAQ) para más información!</string>
+    <string name="tutorial_party_created">¡Bienvenido a tu Grupo!
+\nPuedes encontrar más miembros desde una lista de jugadores que estén buscando un grupo o invitar a tus amigos directamente para conseguir el pergamino de Tareas de la Basi-Lista.
+\n
+\nVe a Soporte para aprender más sobre los Grupos.</string>
 </resources>

Habitica/res/values-b+es+419/strings.xml

@@ -16,4 +16,15 @@
     <string name="pref_reminder_header">Recordatorio diario</string>
     <string name="pref_reminder_checkbox">Activar Recordatorio</string>
     <string name="pref_first_day_of_the_week_title">Primer día del mes</string>
+    <string name="gem_purchase_toolbartitle">Comprar</string>
+    <string name="special_items">Objetos especiales</string>
+    <string name="million_abbrev">M</string>
+    <string name="billion_abbrev">B</string>
+    <string name="gem_purchase_listitem2">Fondos increíbles</string>
+    <string name="gem_purchase_listitem4">La habilidad para cambiar tu clase antes del nivel 100</string>
+    <string name="thousand_abbrev">k</string>
+    <string name="gem_purchase_confirmation">Ganaste %s gemas.</string>
+    <string name="trillion_abbrev">T</string>
+    <string name="garden">Jardín</string>
+    <string name="x_and_y">%1$s y %2$s</string>
 </resources>

Habitica/res/values-de/strings.xml

@@ -462,7 +462,7 @@ Die Quest-Schriftrolle wird an den Quest-Besitzer zurückgegeben.</string>
     <string name="insufficientHourglasses">Du wirst mehr mystische Sanduhren benötigen um diesen Gegenstand zu kaufen!</string>
     <string name="get_hourglasses">Kaufe Sanduhren</string>
     <string name="subscribe_for_hourglasses">Abonniere für Sanduhren</string>
-    <string name="timetravelers_closed_description">Erhalte eine mystische Sanduhr alle drei Monate für ein aufeinanderfolgendes Abonnement, nutze diese dann, um Limitiertes freizuschalten: Gegenstände, Haustiere oder Reittiere aus der Vergangenheit… und aus der Zukunft!</string>
+    <string name="timetravelers_closed_description">Erhalte jeden Monat deines Abonnements eine mystische Sanduhr, nutze diese dann, um Limitiertes freizuschalten: Gegenstände, Haustiere oder Reittiere aus der Vergangenheit… und aus der Zukunft!</string>
     <string name="want_to_subscribe">Ich möchte ein Abo abschließen</string>
     <string name="seasonal_closed_description">Die Großen Galas werden an Sonnenwenden und Tag-Nacht-Gleichen veranstaltet, also komme zu dieser Zeit wieder, um eine lustige Auswahl von speziellen saisonalen Gegenständen zu finden!</string>
     <string name="come_back_soon">Komm bald zurück!</string>
@@ -1263,4 +1263,65 @@ Die Quest-Schriftrolle wird an den Quest-Besitzer zurückgegeben.</string>
     <string name="positive_sentence">positiv</string>
     <string name="title">Titel</string>
     <string name="negative_sentence">negativ</string>
-</resources>
+    <string name="change_class_message">Dadurch wird deine aktuelle Klasse entfernt, du bekommst alle Attributspunkte zurück und kannst eine neue Klasse wählen</string>
+    <string name="subscribe_listitemFaint_description">Behalte deinen Fortschritt mit einer sofortigen Heilung pro Tag, wenn deine Gesundheit aufgebraucht ist!</string>
+    <string name="enable_class_description">Wähle eine Klasse, um Fähigkeiten, Werte und Mana zu aktivieren</string>
+    <string name="choosing_class_progress">Klasse wählen</string>
+    <string name="change_class_selected_confirmation">Willst du deine Klasse zu %1$s ändern\?</string>
+    <string name="your_tags">Deine Tags</string>
+    <string name="challenge_tags">Herausforderungs-Tags</string>
+    <string name="group_tags">Gruppen-Tags</string>
+    <string name="exact_alarm_system_settings_title">Wecker und Erinnerungen deaktiviert</string>
+    <string name="opt_out_description">In diesem Fall wird dir keine Klasse zugewiesen. Du kannst jederzeit wieder eine Klasse auswählen, indem du das Klassensystem in den Einstellungen aktivierst.</string>
+    <string name="subscribe_listitemFaint">Eine zweite Chance bekommen</string>
+    <string name="reset_account_description_no_pw">Du wirst alle deine Level, Gold und Erfahrung verlieren. Alle deine Aufgaben und deren historischen Daten werden gelöscht (Herausforderungsaufgaben bleiben erhalten). Du wirst alle Ausrüstungsgegenstände verlieren, mit Ausnahme von Abonnenten-Gegenständen und kostenlosen Erinnerungsgegenständen, aber du wirst sie zurückkaufen können. Du wirst der richtigen Klasse angehören müssen, um klassenspezifische Ausrüstung erneut zu kaufen. Du behältst deine aktuelle Klasse, deine Errungenschaften sowie deine Haus- und Reittiere. Um das Zurücksetzen zu bestätigen, gib RESET in das Textfeld unten ein.</string>
+    <string name="report_challenge_explanation">Du solltest eine Herausforderung nur melden, wenn sie gegen die [Community Richtlinien](https://habitica.com/static/community-guidelines) und/oder [AGB](https://habitica.com/static/terms) verstößt. Eine Falschmeldung ist ein Verstoß gegen Habiticas Community Richtlinien.</string>
+    <string name="challenges">Herausforderungen</string>
+    <string name="x_checkins">%d Anmeldungen</string>
+    <string name="need_help_description">Du kannst uns kontaktieren und ein Mitglied unseres Teams wird sein Bestes tun, um dir zu helfen!</string>
+    <plurals name="x_days">
+        <item quantity="one">%d Tag</item>
+        <item quantity="other">%d Tage</item>
+    </plurals>
+    <plurals name="x_hours">
+        <item quantity="one">%d Stunde</item>
+        <item quantity="other">%d Stunden</item>
+    </plurals>
+    <plurals name="x_minutes">
+        <item quantity="one">%d Minute</item>
+        <item quantity="other">%d Minuten</item>
+    </plurals>
+    <string name="subscribe_listitem3_description_alt">Rüste dich mit der neuesten exklusiven Ausrüstung aus. Abonniere jetzt um %1$ss %2$s zu erhalten!</string>
+    <string name="subscription_hourglasses_3month_timeframe">Sanduhr in 3 Monaten</string>
+    <string name="report_user_description">Dies wird auch @%s blockieren</string>
+    <string name="report_formatted_name">%1$s
+\n@%2$s</string>
+    <string name="report_successful">%s gemeldet</string>
+    <string name="class_equipment_shop_dialog_new">Dieser Gegenstand ist nur für %s verfügbar. Öffne die Einstellungen, um deine Klasse zu ändern.</string>
+    <string name="insufficient_level_equipment_dialog_new">Dieser Gegenstand ist nur für %s verfügbar. Nach Level 10 kannst du eine Klasse wählen.</string>
+    <string name="register_tos_confirm">Du stimmst unseren <a href="https://habitica.com/static/terms">Nutzungsbedingungen</a> zu und hast unsere <a href="https://habitica.com/static/privacy">Datenschutzbestimmungen</a> gelesen.</string>
+    <string name="report_hint">Begründung der Meldung</string>
+    <string name="reset_account_description_new">Du wirst alle deine Level, Gold und Erfahrung verlieren. Alle deine Aufgaben und deren historischen Daten werden gelöscht (Herausforderungsaufgaben bleiben erhalten). Du wirst alle Ausrüstungsgegenstände verlieren, mit Ausnahme von Abonnenten-Gegenständen und kostenlosen Erinnerungsgegenständen, aber du wirst sie zurückkaufen können. Du wirst der richtigen Klasse angehören müssen, um klassenspezifische Ausrüstung erneut zu kaufen. Du behältst deine aktuelle Klasse, deine Errungenschaften sowie deine Haus- und Reittiere. Um das Zurücksetzen zu bestätigen, gib dein Passwort unten ein.</string>
+    <string name="report_message_explanation">Du solltest nur Beiträge melden, die die [Community Richtlinien](https://habitica.com/static/community-guidelines) and/or [Terms of Service](https://habitica.com/static/terms) verletzen.
+\nEine Falschmeldung ist ein Verstoß gegen Habiticas Community Richtlinien.</string>
+    <string name="invited_to_guild_notification">&lt;font color=#925CF3&gt;%2$s&lt;/font&gt; hat dich eingeladen der Gruppe &lt;b&gt;%1$s&lt;/b&gt; beizutreten</string>
+    <string name="report_player_title">%s melden\?</string>
+    <string name="report_player">Spieler*in melden</string>
+    <string name="report_user_explanation">Du solltest einen Spieler nur melden, wenn er gegen die [Community Richtlinien](https://habitica.com/static/community-guidelines) und/oder [AGB](https://habitica.com/static/terms) verstößt. Eine Falschmeldung ist ein Verstoß gegen Habiticas Community Richtlinien.</string>
+    <string name="report_message">Nachricht melden</string>
+    <string name="report_failure">Melden fehlgeschlagen, bitte versuche es später erneut</string>
+    <string name="report_reason_title_challenge">Warum meldest du diese Herausforderung\?</string>
+    <string name="cancel_subscription_apple_description">Du möchtest kein Abonnement mehr\? Aufgrund deines gewählten Zahlungsverfahrens musst du das Abonnement in den Einstellungen deines iOS Gerätes mit deiner Apple ID kündigen.</string>
+    <string name="report_reason_title_message">Warum meldest du diese Nachricht\?</string>
+    <string name="report_reason_title_player">Warum meldest du diese/n Spieler*in\?</string>
+    <string name="exact_alarm_system_settings_reminders">Erinnerungen können verspätet erscheinen, da die Berechtigung nicht gegeben wurde. 
+\nKlicke um Berechtigungen anzuzeigen und zu ändern.</string>
+    <string name="exact_alarm_system_settings_description">Erlaube \"Wecker und Erinnerungen\" in der Einstellungen-App, damit Erinnerungen exakt zur richtigen Zeit erscheinen</string>
+    <string name="sell_confirmation_title">Bist du sicher, dass du %s verkaufen willst\?</string>
+    <string name="leave_party_confirmation_quest">Bist du sicher, dass du diese Party verlassen willst\?</string>
+    <string name="rejoin_party_quest">Du kannst dieser Party ohne Einladung nicht erneut beitreten.
+\n
+\nWenn du diese Party verlässt, nimmst du auch nicht mehr an deiner aktuellen Quest teil.</string>
+    <string name="level_abbreviated">Level %d</string>
+    <string name="insufficient_level_equipment_dialog">Dieser Gegenstand ist nur für eine bestimmte Klasse verfügbar. Nach Level 10 kannst du eine Klasse wählen.</string>
+</resources>

Habitica/res/values-es/strings.xml

@@ -1015,9 +1015,9 @@
     <string name="rejoin_guild">Puedes realistarte al gremio desde el submenú \"Gremios &gt; Descubre Gremios\"</string>
     <string name="rejoin_party">No podrás volver a unirte al equipo a no ser que te vuelvan a invitar.</string>
     <string name="available_for">Disponible durante %s</string>
-    <string name="hourglasses_description">Los relojes de arena Místicos son una forma de moneda extremadamente rara que solo puedes recibir por suscribirte a Habitica durante tres meses consecutivos o más. Se utilizan en la tienda del Viajero del tiempo para comprar conjuntos de equipamiento, mascotas, monturas, fondos animados o incluso misiones especiales.
+    <string name="hourglasses_description">Los Relojes de arena Místicos son un tipo de divisa extremadamente raro que solo puedes recibir por suscribirte a Habitica. Se utilizan en la Tienda de los Viajeros del Tiempo para comprar Conjuntos de Equipamiento por Suscripción de meses pasados, Macostas exclusivas, Monturas, Fondos animados o incluso ¡Misiones especiales! Estos beneficios adicionales son una excelente manera de mantenerte motivado durante el año y gratificarte por un trabajo bien hecho.
 \n
-\nPuedes recibir hasta cuatro elojes de arena Místicos al año. El tiempo que reciben las recompensas se basa en el calendario de renovación de su suscripción. Se envían el primer día de un nuevo mes después de su último pago de suscripción que lo calificó para un reloj de arena. Consulte la página [Suscripción] para obtener más detalles.</string>
+\nLos suscriptores reciben un Reloj de arena Místico al principio de cada mes en el cual se disfruta de los beneficios de suscriptor, además de muchos otros beneficios. ¡Comprueba nuestras opciones de suscripción si estás interesado en lo que los Viajeros del Tiempo tienen para ofrecerte!</string>
     <string name="leave_delete_tasks">Abandonar y borrar tareas</string>
     <string name="premium_currency">Divisas premium</string>
     <string name="month_reminder_text">A veces un nuevo comienzo es la mejor opción, ¡Habitica puede ayudarte!</string>

Habitica/res/values-hu/strings.xml

@@ -259,8 +259,8 @@
     <string name="setup_task_teams_2">A csapat tájékoztatása az állapotról</string>
     <string name="setup_task_teams_3">Csapatprojekt befejezése</string>
     <string name="quest_items_found">%d küldetési tárgyat találtál</string>
-    <string name="armoireFood_new">A Megbűvölt komódban kutakodva élelmet találsz. Hogy került ez ide\?</string>
-    <string name="armoireExp">Megharcolsz a Megbűvölt komóddal és tapasztalatot szerzel. Ez az!</string>
+    <string name="armoireFood_new">A Megbűvölt komódban kutakodva élelmet találtál. Hogy került ez ide\?</string>
+    <string name="armoireExp">Megharcoltál a Megbűvölt komóddal és tapasztalatot szereztél. Ez az!</string>
     <string name="sell_confirmation_title">Biztosan el akarod adni ezt: %s\?</string>
     <string name="sell_no_price">Eladás</string>
     <string name="invite_party">Csapat meghívása</string>
@@ -294,7 +294,7 @@
         <item quantity="one">%d óra</item>
         <item quantity="other">%d óra</item>
     </plurals>
-    <string name="armoireEquipment_new">Találsz egy ritka felszerelést a Megbűvölt komódban!</string>
+    <string name="armoireEquipment_new">Találtál egy ritka felszerelést a Megbűvölt komódban!</string>
     <plurals name="x_days">
         <item quantity="one">%d nap</item>
         <item quantity="other">%d nap</item>
@@ -308,8 +308,8 @@
     <string name="due">Esedékes</string>
     <string name="cancel_subscription">Előfizetés lemondása</string>
     <string name="visit_habitica_website">Habitica weboldal meglátogatása</string>
-    <string name="months_subscribed">Előfizetett hónapok</string>
-    <string name="monthly_gem_cap">Havi gyémánt keret</string>
+    <string name="months_subscribed">hónapja előfizetve</string>
+    <string name="monthly_gem_cap">havi gyémánt keret</string>
     <string name="cancel_subscription_apple_description">Nem szeretnél tovább előfizetni\? A fizetési módod miatt az előfizetésedet az Apple ID előfizetési beállításain keresztül kell lemondanod az iOS eszközödön.</string>
     <string name="setup_task_chores_3">Szekrény rendszerezése</string>
     <string name="level_abbreviated">%d. szint</string>
@@ -531,7 +531,7 @@
     <string name="insufficient_level_equipment_dialog">Ez a tárgy csak egy adott kaszt számára érhető el. Kasztot a 10. szint után választhatsz.</string>
     <string name="insufficient_level_equipment_dialog_new">Ez a tárgy csak %s számára érhető el. Kasztot a 10. szint után választhatsz.</string>
     <string name="clear">Törlés</string>
-    <string name="no_billing_gems">A készülékeden nem található egyetlen támogatott fizetési mód sem. Kérlek, használd a Habitica weboldalát, ha gyémántokat szeretnél vásárolni.</string>
+    <string name="no_billing_gems">Az eszközödön nincs elérhető támogatott fizetési mód. Ha gyémántot szeretnél vásárolni, használd a Habitica weboldalát.</string>
     <string name="unsaved_changes">Nem mentett változások</string>
     <string name="gold_reward">%d arany</string>
     <string name="insufficientGold">Több feladatot kell teljesítened, mielőtt megengedhetnéd magadnak ezt a tárgyat!</string>
@@ -604,10 +604,10 @@
     <string name="welcome_back">Üdv újra itt</string>
     <string name="check_into_inn">Bejelentkezés a fogadóba</string>
     <string name="insufficientGems">Több gyémántra lesz szükséged a vásárláshoz!</string>
-    <string name="guidelines_description">A Habitica célja, hogy barátságos környezetet biztosítson minden korkaszt és háttér számára. Ha kérdésed van, kérlek, olvasd el az irányelveinket.</string>
+    <string name="guidelines_description">A Habitica arra törekszik, hogy minden korosztály és háttér előtt nyitott, barátságos környezetet teremtsen. Ha kérdésed van, olvasd el az irányelveinket.</string>
     <string name="get_hourglasses">Homokórák beszerzése</string>
     <string name="navigation_drawer_close">Zárd be a navigációs menüt</string>
-    <string name="no_billing_subscriptions">A készülékeden nem található egyetlen támogatott fizetési mód sem. Kérlek, használd a Habitica weboldalát, ha előfizetést szeretnél vásárolni.</string>
+    <string name="no_billing_subscriptions">Az eszközödön nincs elérhető támogatott fizetési mód. Ha előfizetést szeretnél vásárolni, használd a Habitica weboldalát.</string>
     <string name="tiers_descriptions">A csevegésben megjelenő színes felhasználónevek a közreműködők rangját jelzik. Minél magasabb a rang, annál többet járult hozzá a játékhoz művészettel, kóddal, a közösség támogatásával vagy más módon!</string>
     <string name="quest_owner_rewards">Küldetésindító jutalmai</string>
     <string name="world_boss">Főellenség</string>
@@ -644,7 +644,7 @@
     <string name="quest_leader_header">Indította: %s</string>
     <string name="reloaded_content">Tartalom újratöltve</string>
     <string name="available_until">Elérhető eddig: %s</string>
-    <string name="available_for">Még elérhető: %s</string>
+    <string name="available_for">Elérhető eddig: %s</string>
     <string name="gems_left_max">Havi gyémántok: %1$d/%2$d maradt</string>
     <string name="rejoin_party">Nem fogsz tudni újra csatlakozni ehhez a csapathoz, hacsak meg nem hívnak újra.</string>
     <string name="gems_left_nomax">Havi gyémántok: %d maradt</string>
@@ -1203,7 +1203,7 @@
     <string name="levelup_detail_10">Válassz egy kasztot, amely illik a játékstílusodhoz, és oldj fel speciális képességeket és páncélokat, hogy segítsenek az utadon</string>
     <string name="sent_card">Elküldtél egy %s kártyát</string>
     <string name="unpin">Rögzítés feloldása</string>
-    <string name="take_me_back">Vissza akarok menni</string>
+    <string name="take_me_back">Vigyél vissza</string>
     <string name="sidebar_achievements">Kitüntetések</string>
     <string name="inbox_messages_title_single">Új üzenet érkezett %1$s felhasználótól</string>
     <string name="inbox_messages_title">%1$d új üzenet érkezett %2$s felhasználótól</string>
@@ -1233,7 +1233,7 @@
     <string name="resubscribe_description">Szeretnéd folytatni az előnyeid élvezetét\? Indíthatsz új előfizetést, mielőtt a jelenlegi lejár, így folyamatosan aktív marad.</string>
     <string name="gifted">Ajándékozva</string>
     <string name="unlock_level">A(z) %d. szint elérésével oldható fel</string>
-    <string name="unlock_previous_short">Fejezd be a(z) %d. küldetést</string>
+    <string name="unlock_previous_short">%d. küldetés után</string>
     <string name="level_unabbreviated">%d. szint</string>
     <string name="not_participating">Nem veszel részt</string>
     <string name="quest_completed">Küldetés teljesítve!</string>

Habitica/res/values-in/strings.xml

@@ -429,12 +429,12 @@
     <string name="resetting_account">Me-reset Akun</string>
     <string name="deleting_account">Menghapus Akun</string>
     <string name="insufficientGold">Kamu perlu menyelesaikan lebih banyak tugas sebelum bisa membeli item ini!</string>
-    <string name="insufficientGems">Kamu perlu lebih banyak Permata untuk membeli item ini!</string>
+    <string name="insufficientGems">Anda memerlukan lebih banyak Permata untuk membeli ini!</string>
     <string name="purchase_gems">Beli permata</string>
     <string name="insufficientHourglasses">Kamu perlu lebih banyak Jam Pasir Mistis untuk membeli item ini!</string>
     <string name="get_hourglasses">Dapatkan jam pasir</string>
     <string name="subscribe_for_hourglasses">Berlangganan untuk Jam Pasir</string>
-    <string name="timetravelers_closed_description">Dapatkan satu Jam Pasir Mistis setiap tiga bulan berturut-turut kamu berlangganan, lalu gunakan untuk membuka item-item edisi terbatas, peliharaan, dan tunggangan dari masa lalu… dan masa depan!</string>
+    <string name="timetravelers_closed_description">Dapatkan satu Mystic Hourglass untuk setiap bulan berlangganan, lalu gunakan untuk membuka item edisi terbatas, hewan peliharaan, dan tunggangan dari masa lalu… dan masa depan!</string>
     <string name="want_to_subscribe">Aku mau Berlangganan</string>
     <string name="seasonal_closed_description">Grand Gala diadakan dekat dengan titik balik matahari dan ekuinoks, jadi cek kembali nanti untuk menemukan sekumpulan seru item musiman yang spesial!</string>
     <string name="come_back_soon">Datang kembali nanti!</string>
@@ -486,12 +486,12 @@
     <string name="class_equipment">Perlengkapan</string>
     <string name="equipment_empty">Kamu sudah punya semua perlengkapan! Lebih banyak lagi tersedia sewaktu Grand Gala, dekat titik balik matahari dan ekuinoks.</string>
     <string name="classless">Tanpa Pekerjaan</string>
-    <string name="class_equipment_shop_dialog">Item ini hanya tersedia untuk pekerjaan tetentu. \nKamu bisa menggantu pekerjaanmu dari Pengaturan.</string>
+    <string name="class_equipment_shop_dialog">Item ini hanya tersedia untuk kelas tertentu. Anda dapat mengubah kelas Anda dari Pengaturan.</string>
     <string name="class_gear_disclaimer">Kamu hanya bisa membeli perlengkapan untuk pekerjaanmu yang sekarang</string>
     <string name="check_into_inn">Masuk ke Penginapan</string>
     <string name="community_guidelines">Pedoman Komunitas</string>
     <string name="view_community_guidelines">Lihat Pedoman Komunitas</string>
-    <string name="guidelines_description">Habitica mengusahakan untuk membuat sebuah lingkungan yang ramah untuk pengguna segala usia dan latar belakang, khususnya di tempat umum seperti Kedai Minuman. Jika kamu ada pertanyaan, silahkan periksa pedoman kami.</string>
+    <string name="guidelines_description">Habitica berupaya menciptakan lingkungan yang ramah bagi pemain dari segala usia dan latar belakang. Jika Anda memiliki pertanyaan, silakan baca panduan kami.</string>
     <string name="helpful_links">Tautan Berguna</string>
     <string name="view_faq">Lihat FAQ</string>
     <string name="report_bug">Laporkan Gangguan</string>
@@ -507,7 +507,7 @@
     <string name="strike_description_title">Apakah itu Tingkatan Kemarahan?</string>
     <string name="strike_active_title">Sang %s telah Diserang!</string>
     <string name="strike_active_description">%1$s kita yang tercinta hancur sewaktu sang %2$s meremukkan %3$s. Cepat, kalahkan tugas-tugasmu untuk mengalahkan sang monster dan bantu membangun kembali!!</string>
-    <string name="questShop">Toko Misi</string>
+    <string name="questShop">Pencarian</string>
     <string name="market_owner_long">Alex sang Pedagang</string>
     <string name="tavern_owner_long">Daniel sang penjaga penginapan</string>
     <string name="stable_owner_long">Matt sang penguasa hewan buas</string>
@@ -736,9 +736,9 @@
     <string name="damage_paused">Kerusakan ditunda</string>
     <string name="discover">Telusuri</string>
     <string name="gift_gems_subtitle">Pilihlah paket permata yang ingin kamu hadiahkan!</string>
-    <string name="gift_subscription_subtitle">Pilihlah berlangganan yang ingin kamu berikan dibawah! Pembelian ini tidak akan diperbarui secara otomatis.</string>
+    <string name="gift_subscription_subtitle">Pilih langganan yang ingin Anda berikan sebagai hadiah! Pembelian ini tidak akan diperpanjang.</string>
     <string name="gift_one_get_one_detailed_description">Selama promosi ini aktif, kamu akan mendapatkan berlangganan yang sama secara otomatis setelah kamu memberikannya.</string>
-    <string name="gift_one_get_one">Berikan satu ,Dapatkan satu!</string>
+    <string name="gift_one_get_one">Hadiah satu, Dapatkan satu</string>
     <string name="gift_title">Kepada siapa ingin kamu hadiahkan\?</string>
     <string name="gift_one_get_one_description">Even beri satu berlangganan gratis satu berlangganan sedang berlangsung!</string>
     <string name="gift_subscription">Hadiahkan Berlangganan</string>
@@ -960,11 +960,11 @@
     </plurals>
     <string name="choosing_class_progress">Memilih Profesi</string>
     <string name="level_abbreviated">Lv. %d</string>
-    <string name="thousand_abbrev">rb</string>
-    <string name="million_abbrev">jt</string>
+    <string name="thousand_abbrev">K</string>
+    <string name="million_abbrev">m</string>
     <string name="class_confirmation_price">Apakah kamu mau mengganti profesimu ke %1$s dengan %2$d permata\?</string>
     <string name="buy_all">Beli Semua</string>
-    <string name="billion_abbrev">mil</string>
+    <string name="billion_abbrev">b</string>
     <string name="push_notification_system_settings_description">Perbolehkan notifikasi Habitica di aplikasi Pengaturan untuk menerima notifikasi</string>
     <string name="push_notification_system_settings_reminders">Perbolehkan notifikasi Habitica di aplikasi Pengaturan untuk menerima pengingat</string>
     <string name="push_notification_system_settings_title">Notifikasi Dinonaktifkan</string>
@@ -996,4 +996,46 @@
     <string name="cancel_subscription_apple_description">Tidak ingin berlangganan lagi\? Karena metode pembayaran Anda, Anda harus berhenti berlangganan melalui pengaturan langganan ID Apple di perangkat iOS Anda.</string>
     <string name="unsaved_changes">Perubahan yang belum disimpan</string>
     <string name="use_item">Gunakan Item pada anggota party</string>&gt;
-    </resources>
+    <string name="leave_party_confirmation_quest">Apakah Anda yakin ingin meninggalkan pesta ini\?</string>
+    <string name="rejoin_party_quest">Anda tidak akan dapat bergabung kembali dengan kelompok ini kecuali diundang.
+\n
+\nMeninggalkan kelompok juga akan membuat Anda meninggalkan misi yang sedang Anda jalani.</string>
+    <string name="rejoin_party_quest_leader">Anda tidak akan dapat bergabung kembali dengan kelompok ini kecuali diundang.
+\n
+\nMeninggalkan kelompok juga akan membatalkan misi saat ini.</string>
+    <string name="forgot_password_hint_example">misalnya, habitrabbit atau gryphon@example.com</string>
+    <string name="reset_account_description_new">Anda akan kehilangan semua level, Emas, dan Pengalaman. Semua tugas dan data historisnya akan dihapus (tugas Tantangan akan tetap ada). Anda akan kehilangan semua peralatan, kecuali item Pelanggan dan item peringatan gratis, tetapi Anda akan dapat membelinya kembali. Anda harus memiliki kelas yang tepat untuk membeli kembali perlengkapan khusus kelas. Anda akan tetap memiliki kelas, Prestasi, dan Hewan Peliharaan serta Tunggangan Anda saat ini. Untuk mengonfirmasi pengaturan ulang, ketik kata sandi Anda di bawah ini.</string>
+    <string name="reset_account_description_no_pw">Anda akan kehilangan semua level, Emas, dan Pengalaman. Semua tugas dan data historisnya akan dihapus (tugas Tantangan akan tetap ada). Anda akan kehilangan semua peralatan, kecuali item Pelanggan dan item peringatan gratis, tetapi Anda akan dapat membelinya kembali. Anda harus memiliki kelas yang tepat untuk membeli kembali perlengkapan khusus kelas. Anda akan tetap memiliki kelas, Prestasi, dan Hewan Peliharaan serta Tunggangan Anda saat ini. Untuk mengonfirmasi pengaturan ulang, ketik RESET di bawah.</string>
+    <string name="class_equipment_shop_dialog_new">Item ini hanya tersedia untuk %s. Buka Pengaturan untuk mengubah kelas.</string>
+    <string name="reset_account_title">Apakah Anda yakin ingin mengatur ulang\?</string>
+    <string name="discard_changes_to_task_message">Apakah Anda yakin ingin membuang perubahan pada tugas ini\?</string>
+    <string name="next_hourglass">Pengiriman Jam Pasir Berikutnya</string>
+    <string name="confirm_reset">Konfirmasi pengaturan ulang</string>
+    <string name="report_reason_title_player">Mengapa Anda melaporkan pemain ini\?</string>
+    <string name="report_successful">%s Dilaporkan</string>
+    <string name="report_failure">Laporan gagal, silakan coba lagi nanti</string>
+    <string name="invited_to_guild_notification">&lt;font color=#925CF3&gt;%2$s&lt;/font&gt; telah mengundang Anda untuk bergabung dengan grup &lt;b&gt;%1$s&lt;/b&gt;</string>
+    <string name="report_reason_title_challenge">Mengapa Anda melaporkan tantangan ini\?</string>
+    <string name="report_player">Laporan Pemutar</string>
+    <string name="report_player_title">Laporkan %s\?</string>
+    <string name="report_formatted_name">%1$s
+\n@%2$s</string>
+    <string name="need_help_description">Anda dapat menghubungi kami dan anggota tim kami akan melakukan yang terbaik untuk membantu!</string>
+    <string name="report_user_explanation">Anda hanya boleh melaporkan pemain yang melanggar [Pedoman Komunitas](https://habitica.com/static/community-guidelines) dan/atau [Persyaratan Layanan](https://habitica.com/static/terms). Mengirimkan laporan palsu merupakan pelanggaran terhadap Pedoman Komunitas Habitica.</string>
+    <string name="insufficient_level_equipment_dialog_new">Item ini hanya tersedia untuk %s. Anda dapat memilih kelas setelah level 10.</string>
+    <string name="report_message_explanation">Anda hanya boleh melaporkan kiriman yang melanggar [Pedoman Komunitas](https://habitica.com/static/community-guidelines) dan/atau [Persyaratan Layanan](https://habitica.com/static/terms). Mengirimkan laporan palsu merupakan pelanggaran terhadap Pedoman Komunitas Habitica.</string>
+    <string name="report_challenge_explanation">Anda hanya boleh melaporkan tantangan yang melanggar [Pedoman Komunitas](https://habitica.com/static/community-guidelines) dan/atau [Persyaratan Layanan](https://habitica.com/static/terms). Mengirimkan laporan palsu merupakan pelanggaran terhadap Pedoman Komunitas Habitica.</string>
+    <string name="report_message">Laporkan Pesan</string>
+    <string name="register_tos_confirm">Anda menyetujui <a href="https://habitica.com/static/terms">Persyaratan Layanan</a> kami dan telah membaca <a href="https://habitica.com/static/privacy">Kebijakan Privasi</a> kami.</string>
+    <string name="report_hint">Alasan laporan</string>
+    <string name="report_reason_title_message">Mengapa Anda melaporkan pesan ini\?</string>
+    <string name="report_user_description">Ini juga akan memblokir @%s</string>
+    <string name="x_checkins">%d Checkin</string>
+    <string name="insufficient_level_equipment_dialog">Item ini hanya tersedia untuk kelas tertentu. Anda dapat memilih kelas setelah level 10.</string>
+    <string name="adjust_counter">Sesuaikan Penghitung</string>
+    <string name="reset_counter">Setel Ulang Penghitung</string>
+    <string name="gem_purchase_confirmation">Anda memperoleh %s permata.</string>
+    <string name="gift_confirmation_text_gems_new">Anda mengirim @%1$s %2$s permata.</string>
+    <string name="subscription_confirmation">Anda sekarang berlangganan selama 1 bulan</string>
+    <string name="subscription_confirmation_multiple">Anda sekarang berlangganan selama %s bulan</string>
+</resources>

Habitica/res/values-nl/strings.tutorial.xml

@@ -1,18 +1,21 @@
-<?xml version='1.0' encoding='UTF-8'?>
+<?xml version="1.0" encoding="utf-8"?>
 <resources>
-  <string name="tutorial_overview">Daar zijn we dan! Ik heb enkele taken voor je ingevuld op basis van je interesses. Probeer er zelf enkele aan toe te voegen. Je kan elke taak bewerken door op de titel te tikken.</string>
-  <string name="tutorial_habits_1">Als eerste de gewoontes. Dit kunnen goede gewoontes zijn die je wilt verbeteren of slechte gewoontes die je wilt afleren.</string>
-  <string name="tutorial_habits_2">Iedere keer dat je een goede gewoonte doet, tik je op de + om ervaring en goud te krijgen!</string>
-  <string name="tutorial_habits_3">Als je toegeeft en een slechte gewoonte doet, tik je op de - en verliest je avatar gezondheid, dus neem verantwoordelijkheid en voorkom slechte gewoontes.</string>
-  <string name="tutorial_habits_4">Probeer het maar! Je kan de andere soorten taken doornemen met de onderstaande navigatie.</string>
-  <string name="tutorial_dailies_1">Maak dagelijkse taken voor tijdgevoelige taken die volgens een vast schema gedaan moeten worden.</string>
-  <string name="tutorial_dailies_2">Wees voorzichtig - als je er een mist, verliest je avatar gezondheid de volgende dag. Vink ze regelmatig af voor grootse beloningen!</string>
-  <string name="tutorial_todos_1">Gebruik To Do\'s om taken bij te houden die je slechts één keer moet doen.</string>
-  <string name="tutorial_todos_2">Als je To Do tegen een bepaalde dag afgewerkt moet zijn, voer dan een einddatum in. Je kan er een afvinken - doe maar!</string>
-  <string name="tutorial_rewards_1">Koop een uitrusting voor je avatar met het goud dat je verdient!</string>
-  <string name="tutorial_rewards_2">Je kan ook zelf beloningen maken voor in de echte wereld, gebaseerd op wat je motiveert.</string>
-  <string name="tutorial_tasks_complete">Dat was het voorlopig. Als je iets vergeet, kijk dan in de FAQ sectie.</string>
+    <string name="tutorial_overview">Daar zijn we dan! Ik heb enkele taken voor je ingevuld op basis van je interesses. Probeer er zelf enkele aan toe te voegen. Je kan elke taak bewerken door op de titel te tikken.</string>
+    <string name="tutorial_habits_1">Als eerste de gewoontes. Dit kunnen goede gewoontes zijn die je wilt verbeteren of slechte gewoontes die je wilt afleren.</string>
+    <string name="tutorial_habits_2">Iedere keer dat je een goede gewoonte doet, tik je op de + om ervaring en goud te krijgen!</string>
+    <string name="tutorial_habits_3">Als je toegeeft en een slechte gewoonte doet, tik je op de - en verliest je avatar gezondheid, dus neem verantwoordelijkheid en voorkom slechte gewoontes.</string>
+    <string name="tutorial_habits_4">Probeer het maar! Je kan de andere soorten taken doornemen met de onderstaande navigatie.</string>
+    <string name="tutorial_dailies_1">Maak dagelijkse taken voor tijdgevoelige taken die volgens een vast schema gedaan moeten worden.</string>
+    <string name="tutorial_dailies_2">Wees voorzichtig - als je er een mist, verliest je avatar gezondheid de volgende dag. Vink ze regelmatig af voor grootse beloningen!</string>
+    <string name="tutorial_todos_1">Gebruik To Do\'s om taken bij te houden die je slechts één keer moet doen.</string>
+    <string name="tutorial_todos_2">Als je To Do tegen een bepaalde dag afgewerkt moet zijn, voer dan een einddatum in. Je kan er een afvinken - doe maar!</string>
+    <string name="tutorial_rewards_1">Koop een uitrusting voor je avatar met het goud dat je verdient!</string>
+    <string name="tutorial_rewards_2">Je kan ook zelf beloningen maken voor in de echte wereld, gebaseerd op wat je motiveert.</string>
+    <string name="tutorial_tasks_complete">Dat was het voorlopig. Als je iets vergeet, kijk dan in de FAQ sectie.</string>
     <string name="tutorial_skills">Vaardigheiden zijn speciale talenten die krachtige effecten hebben! Tik op een vaardigheid om ze te gebruiken. Het kost je Mana (de blauwe balk), dat je kan verdienen door elke dag in te checken en je taken in de echte wereld te voltooien. Kijk in de FAQ in het menu voor meer informatie!</string>
-  <string name="tutorial_party">Dit is waar jij en je vrienden elkaar verantwoordelijk kunnen houden voor het bereiken van je doelen en je samen monsters kan bevechten met je taken!</string>
+    <string name="tutorial_party">Dit is waar jij en je vrienden elkaar verantwoordelijk kunnen houden voor het bereiken van je doelen en je samen monsters kan bevechten met je taken!</string>
     <string name="tutorial_stats">Tik de grijze knop aan om meerdere punten ineens aan te wijzen, of tik op de pijlen om ze één punt per keer toe  te voegen.</string>
-</resources>
+    <string name="tutorial_party_created">Welkom bij je Groep! Je kunt meer leden vinden via een lijst met spelers die opzoek zijn naar een Groep, of nodig vrienden direct uit on de Basi-List Queeste Scroll te verdienen.
+\n
+\nGa naar Support om meer te leren over Groepen.</string>
+</resources>

Habitica/res/values-nl/strings.xml

@@ -995,4 +995,10 @@
     <string name="usernames_party">%s\'s Groep</string>
     <string name="your_tags">Jouw tags</string>
     <string name="challenge_tags">Uitdagingen tags</string>
-</resources>
+    <string name="exact_alarm_system_settings_reminders">Herinneringen kunnen vertraagd zijn omdat de machtigingen niet zijn ingeschakeld. Tik om de machtigingen te bekijken en bij te werken.</string>
+    <string name="exact_alarm_system_settings_title">`Alarm &amp; Herinneringen` uitgeschakeld`</string>
+    <string name="x_and_y">%1$s en %2$s</string>
+    <string name="exact_alarm_system_settings_description">Sta`Alarmen &amp; Herinneringen` toe in de app Instellingen om ervoor te zorgen dat de herinneringen op precies de juiste tijd verschijnen</string>
+    <string name="quest_party_required_title">Je moet in een Groep zitten voordat je een Queeste kunt beginnen</string>
+    <string name="quest_party_required_description">Als je eenmaal in een Groep zit, kan je zelf Queestes doen of vrienden uitnodigen om ook met hen Queestes te doen!</string>
+</resources>

Habitica/res/values-pl/strings.sidebar.xml

@@ -17,4 +17,4 @@
     <string name="sidebar_subscription">Subskrypcja</string>
     <string name="sidebar_gems">Zakup Klejnotów</string>
     <string name="sidebar_avatar_equipment">Awatar i Wyposażenie</string>
-</resources>
+</resources>

Habitica/res/values-pl/strings.xml

@@ -3,11 +3,11 @@
     <string name="action_refresh">Odśwież</string>
     <string name="XP_default">Doświadczenie</string>
     <string name="HP_default">Zdrowie</string>
-    <string name="MP_default">Mana</string>
+    <string name="MP_default">Moc</string>
     <!--Prefs-->
     <string name="PS_settings_title">Ustawienia</string>
     <string name="SP_userID_title">Identyfikator użytkownika</string>
-    <string name="SP_userID_summary">Twój identyfikator</string>
+    <string name="SP_userID_summary">Twój identyfikator użytkownika</string>
     <string name="SP_APIToken_title">Token API</string>
     <string name="SP_APIToken_summary">Twój Token API</string>
     <string name="Language_title">Język</string>
@@ -16,21 +16,21 @@
     <string name="pref_account_header">Konto</string>
     <string name="pref_first_day_of_the_week_title">Pierwszy Dzień Tygodnia</string>
     <string name="pref_first_day_of_the_week_summary">Pierwszy dzień tygodnia we wszystkich kalendarzach</string>
-    <string name="pref_reminder_header">Przypominienie</string>
-    <string name="pref_reminder_checkbox">Aktywuj przypomnienie</string>
-    <string name="pref_reminder_picker">Ustaw czas przypomnienia</string>
-    <string name="pref_cds_header">Własny początek dnia</string>
+    <string name="pref_reminder_header">Codzienne Przypomnienie</string>
+    <string name="pref_reminder_checkbox">Aktywuj Przypomnienie</string>
+    <string name="pref_reminder_picker">Ustaw czas Przypomnienia</string>
+    <string name="pref_cds_header">Własny Początek Dnia</string>
     <string name="pref_push_notifications_checkbox">Użyj Powiadomień</string>
     <string name="push_notifications">Powiadomienia</string>
     <string name="push_notifications_sum">Ustaw swoje ustawienia powiadomień push</string>
-    <string name="preference_push_you_won_challenge">Ukończono wyzwanie!</string>
-    <string name="preference_push_received_a_private_message">Otrzymano prywatną wiadomość</string>
-    <string name="preference_push_gifted_gems">Otrzymane diamenty</string>
-    <string name="preference_push_gifted_subscription">Otrzymałeś subskrypcję</string>
-    <string name="preference_push_invited_to_party">Otrzymano zaproszenie do drużyny</string>
-    <string name="preference_push_invited_to_guild">Otrzymano zaproszenie do gildii</string>
-    <string name="preference_push_your_quest_has_begun">Twoja misja się rozpoczęła</string>
-    <string name="preference_push_invited_to_quest">Zaproszono Cię na misję</string>
+    <string name="preference_push_you_won_challenge">Wygrano Wyzwanie!</string>
+    <string name="preference_push_received_a_private_message">Otrzymano Prywatną Wiadomość</string>
+    <string name="preference_push_gifted_gems">Otrzymane Klejnoty</string>
+    <string name="preference_push_gifted_subscription">Otrzymano Subskrypcję</string>
+    <string name="preference_push_invited_to_party">Otrzymano zaproszenie do Drużyny</string>
+    <string name="preference_push_invited_to_guild">Otrzymano zaproszenie do Gildii</string>
+    <string name="preference_push_your_quest_has_begun">Twoja Misja się Rozpoczęła</string>
+    <string name="preference_push_invited_to_quest">Zaproszono Cię na Misję</string>
     <!--Adding tasks-->
     <string name="about_libraries">Biblioteki</string>
     <string name="about_habitica_open_source">Habitica jest dostępna jako otwarte oprogramowanie na platformie Github</string>
@@ -137,7 +137,7 @@
     <string name="setup_task_work_1">Przeglądnąć e-maile</string>
     <string name="setup_task_work_2">Najważniejsze zadanie</string>
     <string name="setup_task_work_3">Projekt zawodowy</string>
-    <string name="setup_task_exercise_1">10 min cardio</string>
+    <string name="setup_task_exercise_1">10 min kardio</string>
     <string name="setup_task_exercise_2">Rozciągnąć się</string>
     <string name="setup_task_exercise_3">Ustalić plan ćwiczeń</string>
     <string name="setup_task_healthWellness_1">Jeść zdrowe / śmieciowe jedzenie</string>
@@ -222,7 +222,7 @@
     <string name="class_changed">Jesteś %s!</string>
     <string name="choose_class">Wybierz klasę postaci</string>
     <string name="dialog_go_back">Wróć</string>
-    <string name="opt_out_confirmation">Czy na pewno chcesz wyjść?</string>
+    <string name="opt_out_confirmation">Czy chcesz wyjść z systemu klas\?</string>
     <string name="change_class">Zmień swoją klasę</string>
     <string name="change_class_description">Zmień klasę i odzyskaj punkty statystyk za 3 klejnoty.</string>
     <string name="enable_class">Odblokuj System Klas</string>
@@ -289,23 +289,23 @@
     <string name="belongs_to_challenge">Należy do wyzwania</string>
     <string name="has_reminder">Ma powiadomienie</string>
     <string name="has_tag">Ma tag</string>
-    <string name="subscribe_title">Subskrypcja wspiera nasz skromny zespół i pozwala utrzymać Habitica. Dziękujemy!</string>
-    <string name="subscribe_prompt">Subskrybuj aby uzyskać te wyjątkowe korzyści!</string>
-    <string name="subscribe_listitem1">Złoto na Klejnoty</string>
-    <string name="subscribe_listitem2">Mistyczne Klepsydry</string>
-    <string name="subscribe_listitem3">Comiesięczne Przedmioty Mistyczne</string>
+    <string name="subscribe_title">Subskrypcja wspiera deweloperów i pozwala utrzymać Habitikę</string>
+    <string name="subscribe_prompt">Zmotywuj się jeszcze bardziej z nagrodami subskrybenta</string>
+    <string name="subscribe_listitem1">Darmowe Miesięczne Klejnoty</string>
+    <string name="subscribe_listitem2">Miesięczne Mistyczne Klepsydry</string>
+    <string name="subscribe_listitem3">Miesięczne Mistyczne Przedmioty</string>
     <string name="subscribe_listitem4">Specjalny Chowaniec Subskrybenta</string>
     <string name="subscriptions">Subskrypcje</string>
     <string name="subscription_duration">Powtarzaj co %s</string>
     <string name="subscribe">Subskrybuj</string>
-    <string name="subscribe_listitem1_description">Będziesz mieć możliwość zakupu Klejnotów na Targu za 20 sztuk złota każdy!</string>
+    <string name="subscribe_listitem1_description">Zdobądź do 50 Klejnotów, które można kupić za Złoto na Rynku i kup za nie Przygody, Personalizacje, Zwierzęta i wiele więcej!</string>
     <string name="subscribe_listitem3_description">Zostań Subskrybentem aby uzyskać teraz elitarny zestaw oraz otrzymywać nowe przedmioty w każdym miesiącu!</string>
-    <string name="subscription_hourglasses">+%d Mistycznej Klepsydry</string>
+    <string name="subscription_hourglasses">%d Klepsydry</string>
     <string name="payment_method">Metoda płatności</string>
     <string name="subscription">Subskrypcja</string>
     <string name="active">Aktywne</string>
     <string name="cancel_subscription">Anuluj Subskrypcję</string>
-    <string name="cancel_subscription_google_description">Z subskrybcji możesz zrezygnować w sklepie Google Play. Jakiekolwiek uznania z miesięcznych subskrypcji zostaną zastosowane po zakończeniu obecnej subskrypcji.</string>
+    <string name="cancel_subscription_google_description">Nie chcesz już subskrybować\? Możesz znaleźć opcję anulowania subskrypcji, przechodząc do sekcji Płatności i subskrypcje w aplikacji Google Play Store. Wszelkie pozostałe miesiące kredytu subskrypcji zostaną dodane do daty zakończenia po anulowaniu.</string>
     <string name="cancel_subscription_notgoogle_description">Nie chcesz dłużej subskrybować\? Z powodu ograniczeń w płatnościach mobilnych, musisz anulować subskrypcję poprzez stronę webową. Aby to zrobić, tapnij poniższy przycisk, zaloguj się na swoje konto, tapnij ikonę Użytkownika w prawym, górnym rogu i przejdź do Subskrypcji. Wszelkie uznania z miesięcznych subskrypcji zostaną zastosowane po zakończeniu Twojej subskrypcji. Będzie nam Ciebie brakowało!</string>
     <string name="visit_habitica_website">Odwiedź Stronę Habitiki</string>
     <string name="current_bonuses">Obecne Dodatki</string>
@@ -473,7 +473,7 @@
     <string name="allocating_points">Przydzielanie Punktów</string>
     <string name="class_equipment">Ekwipunek</string>
     <string name="classless">Bez klasy</string>
-    <string name="class_equipment_shop_dialog">Ten przedmiot jest dostępny tylko dla konkretnej klasy. \nMożesz zmienić swoją klasę w Ustawieniach.</string>
+    <string name="class_equipment_shop_dialog">Ten przedmiot jest dostępny tylko dla konkretnej klasy. Możesz zmienić swoją klasę w Ustawieniach.</string>
     <string name="class_gear_disclaimer">Możesz kupić wyposażenie wyłącznie dla swojej obecnej klasy</string>
     <string name="check_into_inn">Zamelduj się w Karczmie</string>
     <string name="community_guidelines">Zasady Społeczności</string>
@@ -539,12 +539,12 @@
     <string name="evolved_pet_title">Oswoiłeś %s, idź na przejażdżkę!</string>
     <string name="opting_out_progress">Wycofywanie się</string>
     <string name="subscription_duration_norenew">Na %s</string>
-    <string name="subscribe_listitem2_description">Zdobądź Mistyczną Klepsydrę na zakupy w Sklepie Podróżników w Czasie!</string>
+    <string name="subscribe_listitem2_description">Nigdy więcej nie przegap żadnego przedmiotu dzięki 1 Mistycznej Klepsydrze miesięcznie do wykorzystania w Sklepie Podróżników w Czasie!</string>
     <string name="subscribe_listitem4_description">Otrzymaj ekskluzywnego chowańca: Purpurowego, Królewskiego Jackalope, kiedy zostaniesz nowym Subskrybentem.</string>
-    <string name="subscribe1month_gemcap">Limit 25 klejnotów</string>
-    <string name="subscribe3month_gemcap">Limit 3 klejnotów</string>
-    <string name="subscribe6month_gemcap">Limit 35 klejnotów</string>
-    <string name="subscribe12month_gemcap">Limit 45 klejnotów</string>
+    <string name="subscribe1month_gemcap">25 Klejnotów miesięcznie</string>
+    <string name="subscribe3month_gemcap">30 Klejnotów miesięcznie</string>
+    <string name="subscribe6month_gemcap">35 Klejnotów miesięcznie</string>
+    <string name="subscribe12month_gemcap">45 Klejnotów miesięcznie</string>
     <string name="due">Do</string>
     <string name="join_a_challenge">Dołącz do wyzwania aby dodać wybrany zestaw zadań do twojej listy i rywalizuj z innymi Habitikanami aby zdobyć osiągnięcia a nawet klejnoty!</string>
     <string name="welcome_text">Oh, musisz byś to nowy. Jestem Justin, będę twoim przewodnikiem po Habitice.
@@ -574,7 +574,7 @@
     <string name="no_notifications_title">Teraz jesteś na bieżąco!</string>
     <string name="no_notifications_text">Wróżki powiadomień składają ci gromkie brawa. Dobra robota!</string>
     <string name="dismiss_all">Odrzuć wszystko</string>
-    <string name="new_bailey_update">Nowości od Bailey</string>
+    <string name="new_bailey_update">Nowości od Bailey!</string>
     <string name="new_msg_guild"><![CDATA[<b>%1$s</b> ma nowe posty]]></string>
     <string name="new_msg_party"><![CDATA[Twoja drużyna <b>%1$s</b> ma nowe posty]]></string>
     <string name="unallocated_stats_points"><![CDATA[Masz <b>nieprzydzielone Punkty Atrybutów: %1$s</b>]]></string>
@@ -626,7 +626,7 @@
     <string name="login_incentive_short">Odwiedzaj Habitikę regularnie</string>
     <string name="create_account_short">stwórz konto</string>
     <string name="login_incentive_short_count">%d Wizyt</string>
-    <string name="subscribe_listitem5">Podwój Łup</string>
+    <string name="subscribe_listitem5">Wyjątkowe Zwierzaki &amp; Więcej Nagród</string>
     <string name="subscribe_listitem3_description_new">Subskrybuj teraz, aby zdobyć %s i otrzymywać nowe przedmioty każdego miesiąca!</string>
     <string name="world_boss_description_1">Wykonuj zadania aby zadawać obrażenia Bossowi</string>
     <string name="world_boss_description_intro">Boss Świata jest specjalnym wydarzeniem, kiedy cała społeczność, wypełniając swoje zadania, dąży wspólnie do pokonania bardzo silnego potwora!</string>
@@ -665,7 +665,7 @@
     <string name="join_party_description">Przekaż członkowi grupy poniższą nazwę użytkownika, aby mógł Ci wysłać zaproszenie</string>
     <string name="no_party_description">Razem z przyjaciółmi lub samodzielnie staw czoło misjom. Walcz z potworami, twórz wyzwania i pomóż sobie być odpowiedzialnym z pomocą Drużyn.</string>
     <string name="tiers_descriptions">Kolorowe nazwy użytkowników, które możesz zobaczyć w czacie, reprezentują poziom osób wnoszących wkład. Im wyższy poziom, tym większy wkład wniósł dany użytkownik do Habitica poprzez grafikę, kod, społeczność i inne!</string>
-    <string name="subscribe_listitem5_description">Odkryj więcej przedmiotów w Habitica z podwojoną szansą na dzienne łupy.</string>
+    <string name="subscribe_listitem5_description">Zdobądź Królewsko Fioletowego Szakala, a także dwa razy więcej Jaj, Mikstur Wylęgowych i Pożywienia każdego dnia, aby powiększyć swoją kolekcję Zwierząt!</string>
     <string name="need_help_header_description">Wyślij wiadomość do %s, aby inny gracz odpowiedział na twoje pytania.</string>
     <string name="update_available">Dostępna aktualizacja: %1$s (%2$d)</string>
     <string name="streak">Seria</string>
@@ -771,9 +771,9 @@
     <string name="discard_changes_to_task_message">Jesteś pewien, że chcesz porzucić zmiany w tym zadaniu\?</string>
     <string name="level_abbreviated">Poziom %d</string>
     <string name="change_class_selected_confirmation">Czy chcesz zmienić klasę na: %1$s\?</string>
-    <string name="class_changed_description">Możesz teraz używać umiejętności i kupować wyposażenie klasy: %s!</string>
-    <string name="enable_notifications">Włącz powiadomienia</string>
-    <string name="push_notification_system_settings_title">Powiadomienia wyłączone</string>
+    <string name="class_changed_description">Możesz teraz używać %s umiejętności i kupować wyposażenie ze sklepów. Podnoś poziomy aby zbierać punkty statystyk które możesz wykorzystać do podnoszenia swoich umiejętnosci.</string>
+    <string name="enable_notifications">Włącz Powiadomienia</string>
+    <string name="push_notification_system_settings_title">Powiadomienia Wyłączone</string>
     <string name="title">Tytuł</string>
     <string name="positive_sentence">pozytywne</string>
     <string name="negative_sentence">negatywne</string>
@@ -781,8 +781,7 @@
     <string name="partyUpDescription">Dołączyłeś(-aś) do drużyny z inną osobą!</string>
     <string name="reset_account_title">Czy na pewno chcesz zresetować konto\?</string>
     <string name="confirm_reset">Potwierdź zresetowanie</string>
-    <string name="insufficient_level_equipment_dialog">Ten przedmiot jest dostępny tylko dla konkretnej klasy.
-\nWybór klasy zostanie odblokowany na Poziomie 10.</string>
+    <string name="insufficient_level_equipment_dialog">Ten przedmiot jest dostępny wyłącznie dla konkretnej klasy. Wybór klasy zostanie odblokowany na Poziomie 10.</string>
     <string name="reset_counter">Zresetuj Licznik</string>
     <string name="month_reminder_title">Rutyna Cię dobija\?</string>
     <string name="month_reminder_text">Czasem łatwiej jest zacząć od zera. Habitica może Ci w tym pomóc!</string>
@@ -943,8 +942,8 @@
     <string name="hatchedPetDescription">Jest tak wiele Chowańców do zebrania, że z pewnością niedługo natrafisz na swojego ulubieńca. A jeśli je nakarmisz, być może urosną duże i silne…</string>
     <string name="someone">Ktoś</string>
     <string name="local">lokalne</string>
-    <string name="push_notification_system_settings_description">Zezwól Habitica na wysyłanie powiadomień w ustawieniach telefonu, aby otrzymywać powiadomienia push</string>
-    <string name="push_notification_system_settings_reminders">Zezwól Habitica na wysyłanie powiadomień w ustawieniach telefonu, aby otrzymywać przypomnienia</string>
+    <string name="push_notification_system_settings_description">Zezwól Habitica na wysyłanie powiadomień w Ustawieniach telefonu, aby otrzymywać powiadomienia push</string>
+    <string name="push_notification_system_settings_reminders">Pozwól Habitica na wysyłanie przypomnień</string>
     <string name="usernames_party">Drużyna %s</string>
     <string name="feedPet_title">Nakarm Chowańca</string>
     <string name="purchase_equipment_title">Kup ekwipunek</string>
@@ -1114,7 +1113,7 @@
     <string name="end_challenge_description">Aby zakończyć Wyzwanie, zaloguj się na stronie Habitica, a następnie naciśnij przycisk “Zakończ Wyzwanie” znajdujący się po prawej stronie ekranu Wyzwania.</string>
     <string name="you_won_challenge">Wygrałeś(-aś) Wyzwanie</string>
     <string name="congratulations">Gratulacje!</string>
-    <string name="won_achievement_description_noname">Zostałeś(-aś) zwycięzcą Wyzwania! Twoja wygrana została zapisana w Twoich Osiągnięciach</string>
+    <string name="won_achievement_description_noname">Zostałeś zwycięzcą Wyzwania! Twoja wygrana została zapisana w Twoich Osiągnięciach.</string>
     <string name="claim_x_gems">Odbierz %d Klejnotów</string>
     <string name="gift_one_get_one_purchase_banner">Podaruj Subskrypcję i otrzymaj darmową Subskrybcję do: %s</string>
     <string name="one_month_one_time">1 miesiąc jednorazowej Subskrypcji</string>
@@ -1128,7 +1127,7 @@
     <string name="challenge_tags">Tagi Wyzwań</string>
     <string name="group_tags">Tagi Grup</string>
     <string name="x_and_y">%1$s i %2$s</string>
-    <string name="exact_alarm_system_settings_title">Alarmy i Przypomnienia wyłączone</string>
+    <string name="exact_alarm_system_settings_title">Alarmy i Przypomnienia Wyłączone</string>
     <string name="sell_confirmation_title">Czy na pewno chcesz sprzedać %s\?</string>
     <string name="exact_alarm_system_settings_reminders">Przypomnienia mogą być opóźnione, ponieważ nie mają wymaganych uprawnień. Dotknij aby zobaczyć i zmienić uprawnienia.</string>
     <string name="exact_alarm_system_settings_description">Zezwól na Alarmy i Przypomnienia w Ustawieniach, aby mieć pewność, że przypomnienia pojawią się dokładnie o zaplanowanej porze</string>
@@ -1144,4 +1143,20 @@
         <item quantity="many">Co %d dni</item>
         <item quantity="other">Co %d dni</item>
     </plurals>
+    <plurals name="x_hours">
+        <item quantity="one">%d Godziny</item>
+        <item quantity="few">%d Godzin</item>
+        <item quantity="many">%d Godzin</item>
+        <item quantity="other">%d Godzin</item>
+    </plurals>
+    <string name="subscribe_listitem3_description_alt">Wystrój się w najnowszy ekskluzywny sprzęt. Subskrybuj teraz, aby otrzymać %2$s od %1$s!</string>
+    <string name="subscribe_listitemFaint_description">Uniknij utraty postępów dzięki natychmiastowemu uleczeniu, gdy raz dziennie zabraknie Ci punktów zdrowia!</string>
+    <string name="subscribe_listitemFaint">Zdobąć Drugą Szansę</string>
+    <string name="subscription_hourglasses_3month_timeframe">Klepsydra za 3 miesiące</string>
+    <plurals name="x_minutes">
+        <item quantity="one">%d Minuta</item>
+        <item quantity="few">%d Minut</item>
+        <item quantity="many">%d Minuty</item>
+        <item quantity="other">%d Minuty</item>
+    </plurals>
 </resources>

Habitica/res/values-pt-rBR/strings.xml

@@ -710,7 +710,7 @@
     <string name="equip_automatically">Equipar novos equipamentos automaticamente</string>
     <string name="leave_challenges">Abandonar Desafios</string>
     <string name="keep_challenges">Manter Desafios</string>
-    <string name="inviteFriendDescription">Você convidou um(a) amigo(a) (ou amigos) que se juntaram à você em sua aventura!</string>
+    <string name="inviteFriendDescription">Você convidou um amigo ou mais que se juntaram a você em sua aventura!</string>
     <string name="inviteFriendTitle">Convidou um(a) amigo(a)</string>
     <string name="joinedChallengeDescription">Você colocou-se à prova participando de um Desafio!</string>
     <string name="joinedChallengeTitle">Entrou em um Desafio</string>
@@ -1032,7 +1032,7 @@
     <string name="block_user_title">Bloquear %s\?</string>
     <string name="unblock_user">Desbloquear Usuário</string>
     <string name="block_user">Bloquear Usuário</string>
-    <string name="spooky_promo_info_prompt">A Promoção de Gemas está de volta para assombrar o final do Festival de Outono deste ano! Esta é a última chance de conseguir mais Gemas do que nunca, então estoque enquanto dura!</string>
+    <string name="spooky_promo_info_prompt">A Promoção de Gemas está de volta para assombrar o final do Festival de Outono deste ano! Esta é a última chance de conseguir mais Gemas do que nunca, então aproveite enquanto duram os estoques!</string>
     <string name="spooky_promo_info_instructions">Entre %1$s e %2$s, basta comprar qualquer pacote de Gemas como de costume e sua conta será creditada com a quantidade promocional de Gemas. Mais Gemas para gastar, compartilhar ou economizar para lançamentos futuros!</string>
     <string name="view_gem_bundles">Ver Pacotes de Gemas</string>
     <string name="fall_promo_info_prompt">O Festival de Outono está em pleno andamento, então pensamos que era o momento perfeito para apresentar nossa primeira Promoção de Gemas! Agora você obterá mais Gemas com cada compra do que nunca.</string>
@@ -1181,7 +1181,7 @@
     <string name="confirm_reset">Confirmar reinicio</string>
     <string name="forgot_password_hint_example">ex. habitrabbit ou gryphon@exemplo.com</string>
     <string name="quest_party_required_title">Você precisa estar em um Grupo antes de começar uma Missão</string>
-    <string name="quest_party_required_description">Quando estiver em um Grupo, poderá fazer Missões por conta própria ou convidar amigos para fazerem com você!</string>
+    <string name="quest_party_required_description">Quando estiver em um Grupo, você poderá fazer Missões por conta própria ou convidar amigos para completarem Missões juntos!</string>
     <string name="armoireEquipment_new">Você encontrou um Equipamento raro no Armário!</string>
     <string name="armoireFood_new">Você vasculhou o Armário e encontrou comida. O que isso faz aqui\?</string>
     <string name="sell_no_price">Vender</string>

Habitica/res/values-zh-rTW/strings.xml

@@ -1245,4 +1245,6 @@
     <string name="positive_sentence">正面</string>
     <string name="negative_sentence">負面</string>
     <string name="x_and_y">%1$s 與 %2$s</string>
+    <string name="exact_alarm_system_settings_reminders">如果未開啓權限，提醒將可能會延遲。點擊查看和設置權限。</string>
+    <string name="exact_alarm_system_settings_description">在設置內允許`警告和提醒`權限以保證提醒能準時觸發</string>
 </resources>

Habitica/res/values-zh/strings.xml

@@ -298,7 +298,7 @@
     <string name="has_reminder">有提醒</string>
     <string name="has_tag">有标签</string>
     <string name="subscribe_title">购买订阅支持我们的小团队以及帮助维持Habitica运作</string>
-    <string name="subscribe_prompt">成为订阅者即可享受这些专属福利！</string>
+    <string name="subscribe_prompt">订阅即享更多奖励，助您时刻保持动力</string>
     <string name="subscribe_listitem1">月度免费宝石</string>
     <string name="subscribe_listitem2">月度神秘沙漏</string>
     <string name="subscribe_listitem3">月度神秘物品</string>
@@ -306,7 +306,7 @@
     <string name="subscriptions">订阅</string>
     <string name="subscription_duration">每%s订阅一次</string>
     <string name="subscribe">订阅</string>
-    <string name="subscribe_listitem1_description">最多可获取50个商店宝石，用于购买任务，装扮，宠物等！</string>
+    <string name="subscribe_listitem1_description">最多可获取50个可用于购买金币的商店宝石，用于购买任务，装扮，宠物等！</string>
     <string name="subscribe_listitem2_description">不要错过每月可在时空旅行者商店中购买一次价格为1个神秘沙漏的物品的机会！</string>
     <string name="subscribe_listitem4_description">首次订阅可获得皇家紫色鹿角兔宠物。</string>
     <string name="subscribe1month_gemcap">每月25颗宝石</string>
@@ -318,7 +318,7 @@
     <string name="subscription">订阅</string>
     <string name="active">进行中</string>
     <string name="cancel_subscription">取消订阅</string>
-    <string name="cancel_subscription_google_description">你可以通过GooglePlay商店取消订阅。任何结存的订阅将会在你的定期订阅结束后生效。</string>
+    <string name="cancel_subscription_google_description">不想继续订阅了？你可以在GooglePlay商店的付款和订阅栏目找到取消订阅的选项。任何结存的订阅将会被累加到你取消前的最后一天。</string>
     <string name="cancel_subscription_notgoogle_description">不想继续订阅了？由于手机支付的限制，您只能通过我们的网站取消订阅。请点击下方按钮登录您的账号，点击右上角的用户图标，然后转到订阅。任何结存的订阅都将在订阅结束后生效。我们会想念您的！</string>
     <string name="visit_habitica_website">访问Habitica网页版</string>
     <string name="current_bonuses">现有的奖励</string>
@@ -453,7 +453,7 @@
     <string name="insufficientHourglasses">你需要更多的神秘沙漏才能购买此物品！</string>
     <string name="get_hourglasses">获取沙漏</string>
     <string name="subscribe_for_hourglasses">订阅以获取沙漏</string>
-    <string name="timetravelers_closed_description">每连续订阅三个月即可一个神秘沙漏，然后用它们解锁过去和未来的限定版物品、宠物和坐骑！</string>
+    <string name="timetravelers_closed_description">订阅期间每月可获得一个神秘沙漏，以解锁过去和未来的限定版物品、宠物和坐骑！</string>
     <string name="want_to_subscribe">我想订阅</string>
     <string name="seasonal_closed_description">盛典会在春分、夏至、秋分、冬至前后举行，到时再来看看各种有趣的特殊季节商品吧！</string>
     <string name="come_back_soon">很快回来！</string>
@@ -619,9 +619,9 @@
     <string name="gift_subscription">赠送订阅</string>
     <string name="gift_one_get_one_description">订阅赠一得一活动正在进行中！</string>
     <string name="gift_title">你想将礼物送给谁？</string>
-    <string name="gift_one_get_one">赠一得一！</string>
+    <string name="gift_one_get_one">赠一得一</string>
     <string name="gift_one_get_one_detailed_description">在此促销活动期间，你将在送出礼物后自动收到相同的订阅。</string>
-    <string name="gift_subscription_subtitle">在下方选择你想要赠送的订阅时长！此购买不会自动续订。</string>
+    <string name="gift_subscription_subtitle">请选择你想要赠送的订阅时长！此购买不会自动续订。</string>
     <string name="send_gift">赠送礼物</string>
     <string name="server">服务器</string>
     <string name="gift_confirmation_title">你的礼物已送出！</string>
@@ -904,9 +904,9 @@
 \n难度较高的任务或红色任务会给你**更多经验值**。**智力属性**也会提高你的经验值获取速度。</string>
     <string name="experience_points">经验值</string>
     <string name="manual_sync_restart_description">有时，应用程序不会自动更新内容。请尝试滑动刷新或强制关闭应用再重新打开它。</string>
-    <string name="hourglasses_description">神秘沙漏是一种极为稀有的货币，只有连续订阅Habitica三个月或更长时间才能获得。它们可用于在时空旅行者商店中购买过去的装备套装、宠物、坐骑、动画背景甚至特殊副本。
+    <string name="hourglasses_description">神秘沙漏是一种极为稀有的货币，仅限订阅用户获取。你可在时空旅行者商店中购买往期订阅专属装备套装、专属宠物、坐骑、动画背景甚至特殊副本！这些超值特权将助您全年保持高效，为每个成就加冕！
 \n
-\n你每年最多可以收到四个神秘沙漏。收到神秘沙漏的时间取决于你的续订时间。它们将在你支付了使你有资格获得沙漏的订阅费用后的次月月初发送。详情请查看[订阅]页面。</string>
+\n订阅用户将在每个享有订阅福利的月初收到1枚神秘沙漏，并享有多项特权。若对时空旅者提供的服务感兴趣，请务必查看我们的订阅选项！</string>
     <string name="clear_cache_description">要清除缓存，请打开手机的应用设置。前往存储&gt;应用&gt;Habitica，然后点击清除缓存。</string>
     <string name="clear_cache">清除缓存</string>
     <string name="manual_sync_restart">手动同步或重启</string>
@@ -1107,10 +1107,10 @@
     <string name="mystery_item_title">你打开神秘礼盒，得到了……</string>
     <string name="team_information">团队信息</string>
     <string name="sidebar_teams">团队</string>
-    <string name="twelve_months_one_time">十二个月</string>
-    <string name="six_months_one_time">六个月</string>
-    <string name="three_months_one_time">三个月</string>
-    <string name="one_month_one_time">一个月</string>
+    <string name="twelve_months_one_time">12个月</string>
+    <string name="six_months_one_time">6个月</string>
+    <string name="three_months_one_time">3个月</string>
+    <string name="one_month_one_time">1个月</string>
     <string name="gift_one_get_one_purchase_banner">赠一得一活动持续至%s</string>
     <string name="terms_of_service">服务条款</string>
     <string name="privacy_policy">隐私政策</string>
@@ -1136,7 +1136,7 @@
     <string name="add">添加</string>
     <string name="apitoken_summary">复制令牌。小心，这相当于密码！</string>
     <string name="added_social_auth">已添加%s身份验证</string>
-    <string name="password_not_matching">必须正确输入两次密码</string>
+    <string name="password_not_matching">输入的密码不匹配</string>
     <string name="email_invalid">邮箱地址无效</string>
     <string name="discard_changes_to_task_message">你确定要放弃对此任务的更改吗？</string>
     <string name="gift_confirmation_text_gems_new">你向@%1$s赠送了%2$s颗宝石。</string>
@@ -1281,7 +1281,7 @@
     <string name="change_class_confirmation_message">这将切换商店中解锁的装备，并改变你可使用的技能</string>
     <string name="your_tags">你的标签</string>
     <string name="challenge_tags">挑战标签</string>
-    <string name="subscribe_listitemFaint">用1点生命值撑住！</string>
+    <string name="subscribe_listitemFaint">获得第二次机会</string>
     <string name="reset_account_description_new">你将会失去所有的等级、金币和经验。你设置的所有任务及其任务历史数据将会被删除（挑战任务除外）。你将失去除了订阅者物品和免费纪念物品外的所有装备，但你之后可以重新购买被删除的物品。重新购买职业专属装备需要对应的职业。你当前的职业、成就、宠物和坐骑将会保留。如果你已确定要重置数据，请在下方输入你的密码。</string>
     <string name="need_help_description">你可以联系我们，我们的团队成员会尽力提供帮助！</string>
     <string name="report_player_title">举报%s？</string>
@@ -1334,7 +1334,7 @@
     <string name="for_for_free_description">为了让派对继续下去，我们将送出派对长袍、20 颗宝石、限定版披风套装和背景！</string>
     <string name="visit_the_market">访问市场</string>
     <string name="ends_in_x">于%s结束</string>
-    <string name="subscribe_listitemFaint_description">当你的生命值耗尽时，你可以得到第二次机会。</string>
+    <string name="subscribe_listitemFaint_description">当你的生命值耗尽时，你可以得到第二次机会！</string>
     <string name="visit_market">访问市场</string>
     <string name="exclusive_items_await">专属物品和礼物在等着你</string>
     <string name="see_more">查看更多</string>
@@ -1455,7 +1455,7 @@
     <string name="subscriber_button_armoire">免费再次开启！</string>
     <string name="subscriber_button_faint">续命机制：1HP极限锁血！</string>
     <string name="sub_perk">订阅特权</string>
-    <string name="subscribe_incentive_text_faint">订阅即享每日1次免死特权，避免生命值归零！</string>
+    <string name="subscribe_incentive_text_faint">订阅即享每日1次免死特权，避免生命值归零</string>
     <string name="subscriber_benefit">订阅会员额外奖励</string>
     <string name="subscribe_listitemArmoire">双倍宝箱奖励</string>
     <string name="seeking_hint">关注对您的邀请或创建自己的队伍</string>
@@ -1480,7 +1480,7 @@
     <string name="quest_mechanics">副本机制</string>
     <string name="quest_mechanics_collecting_description">收集副本中，完成任务将有随机几率获得副本物品。获得中的副本物品将在每日重置时发放。感知属性可提高物品掉率。</string>
     <string name="see_more_subscription_options">查看更多订阅方案</string>
-    <string name="faint_subscriber_description">订阅会员权利：若您的生命值耗尽，每日可获得一次复活机会。</string>
+    <string name="faint_subscriber_description">订阅会员专属特权：若您的生命值耗尽，每日可获得一次复活机会</string>
     <string name="preference_push_invited_to_group_plan">您被邀请加入团队计划</string>
     <string name="preference_push_joined_group_plan_mention">在团队计划中被@提及</string>
     <string name="subscribe_incentive_button_faint">命悬一线？订阅立即锁住最后1HP！</string>
@@ -1524,7 +1524,7 @@
     <string name="item_footer_description">前往[市场](/shops/market)选购所需物品！</string>
     <string name="g1g1_promo_info_limitations_noutc">本次限时活动期限为 %1$s 至，%2$s。此促销仅适用于向其他Habitica用户赠送订阅。如您或受赠人为订阅用户，则所获赠时长将转为预存权益，将于现订阅服务终止后启用。</string>
     <string name="by_invite">通过邀请</string>
-    <string name="habiticans_looking_party">这些玩家正在寻找队伍：</string>
+    <string name="habiticans_looking_party">这些玩家正在寻找队伍</string>
     <string name="habiticans_looking_party_empty">当前暂无玩家申请组队，稍后再来看看吧！</string>
     <string name="invited">已邀请</string>
     <string name="invite_with_username_email">通过@用户名或邮箱进行邀请</string>
@@ -1572,7 +1572,7 @@
     <string name="quest_mechanics_rage_title">怒气值</string>
     <string name="quest_mechanics_rage_description">部分高难度Boss拥有橙色怒气条（位于血条下方）。当参与者未完成日常任务时，怒气值会持续累积。当怒气条攒满后，首领将发动致命一击，造成额外伤害！</string>
     <string name="subscribe_listitemArmoire_description_2">每次开启宝箱后，可立即获得一次免费再开机会！</string>
-    <string name="subscribe_listitem2_description_2">随时间累积获得时之沙漏，即可在时空旅人商店兑换物品。</string>
+    <string name="subscribe_listitem2_description_2">随时间累积获得时之沙漏，即可在时空旅人商店兑换物品</string>
     <string name="max_gem_cap">宝石持有上限</string>
     <string name="max_gem_cap_text">立即以最大宝石持有上限开始游戏</string>
     <string name="open_habitica_website">访问Habitica网站</string>
@@ -1591,4 +1591,14 @@
     <string name="subscribe_incentive_text_armoire">订阅后每次购买宝箱可额外获得一次开箱机会</string>
     <string name="subscribe_second_armoire_open_text">订阅者可获得额外的宝箱机会和其他福利！</string>
     <string name="empty_potions_description">完成任务、孵化药水副本，或直接前往 [Market](/shops/market)去购买所需物品吧！</string>
+    <string name="next_switch_in_x">下次切换在%s后</string>
+    <string name="rescrubscribe_to_pick_up">重新订阅即可继续您的旅程！</string>
+    <string name="register_tos_confirm">您同意我们的 <a href="https://habitica.com/static/terms">服务条款</a> 并且已经阅读了我们的 <a href="https://habitica.com/static/privacy">隐私政策</a>.</string>
+    <string name="popular">热门</string>
+    <string name="enjoy_benefits">享受你的订阅者专属奖励</string>
+    <string name="customizations_owner">Felicitus</string>
+    <string name="max_gem_cap_text_gift">他们将立即以最大宝石持有上限开始游戏</string>
+    <string name="unlocks_x_gems_per_month">他们每月可在商店解锁%d颗宝石</string>
+    <string name="two_gems_per_month_gift">他们在订阅期间每月可获取+2宝石</string>
+    <string name="use_skill">使用技能</string>
 </resources>

Habitica/res/values/strings.xml

@@ -752,6 +752,7 @@
     <string name="usernamePromptBody">Login names are now unique usernames that will be visible beside your display name and used for invitations, chat @mentions, and messaging.</string>
     <string name="usernamePromptWiki">If you’d like to learn more about this change, <a href="https://habitica.wikia.com/wiki/Player_Names">visit our wiki.</a></string>
     <string name="usernamePromptDisclaimer">Usernames should conform to our <a href="https://habitica.com/static/terms">Terms of Service</a> and <a href="https://habitica.com/static/community-guidelines">Community Guidelines</a>. If you didn’t previously set a login name, your username was auto-generated.</string>
+    <string name="register_tos_confirm">You agree to our <a href="https://habitica.com/static/terms">Terms of Service</a> and have read our <a href="https://habitica.com/static/privacy">Privacy Policy</a>.</string>
     <string name="confirm_username_title">Are you sure you want to confirm your current username?</string>
     <string name="confirm_username_description">Confirming your username will make it public for invitations, @mentions and messaging. You can change your username from settings at any time.</string>
     <string name="cancel">Cancel</string>
@@ -1426,7 +1427,7 @@
     <string name="invited">Invited</string>
     <string name="invite_with_username_email">Invite with @username or email</string>
     <string name="habiticans_send_invite">Send an invite directly to players you know</string>
-    <string name="username_or_email">Username or email address</string>
+    <string name="username_or_email">Username or email</string>
     <string name="seeking_party_description">Want to join a Party with others but don’t know any other players? Let Party leaders know you’re looking for an invite!</string>
     <string name="seeking_party_title">Looking for a Party?</string>
     <string name="look_for_party">Look for a Party</string>

Habitica/src/androidTest/java/com/habitrpg/android/habitica/ui/activities/IntroActivityTest.kt

@@ -1,40 +0,0 @@
-
-import androidx.test.ext.junit.rules.ActivityScenarioRule
-import androidx.test.ext.junit.runners.AndroidJUnit4
-import androidx.test.filters.LargeTest
-import com.habitrpg.android.habitica.R
-import com.habitrpg.android.habitica.ui.activities.ActivityTestCase
-import com.habitrpg.android.habitica.ui.activities.IntroActivity
-import io.github.kakaocup.kakao.screen.Screen
-import io.github.kakaocup.kakao.text.KButton
-import org.junit.Rule
-import org.junit.Test
-import org.junit.runner.RunWith
-
-class IntroActivityScreen : Screen<IntroActivityScreen>() {
-    val skipButton = KButton { withId(R.id.skipButton) }
-    val finishButton = KButton { withId(R.id.finishButton) }
-}
-
-@LargeTest
-@RunWith(AndroidJUnit4::class)
-class IntroActivityTest : ActivityTestCase() {
-    @Rule
-    @JvmField
-    var mActivityTestRule = ActivityScenarioRule(IntroActivity::class.java)
-
-    val screen = IntroActivityScreen()
-
-    @Test
-    fun introActivityTest() {
-        screen {
-            device.activities.isCurrent(IntroActivity::class.java)
-            skipButton {
-                isVisible()
-            }
-            finishButton {
-                isNotDisplayed()
-            }
-        }
-    }
-}

Habitica/src/main/java/com/habitrpg/android/habitica/HabiticaBaseApplication.kt

@@ -35,7 +35,7 @@ import com.habitrpg.android.habitica.helpers.Analytics
 import com.habitrpg.android.habitica.helpers.notifications.PushNotificationManager
 import com.habitrpg.android.habitica.modules.AuthenticationHandler
 import com.habitrpg.android.habitica.ui.activities.BaseActivity
-import com.habitrpg.android.habitica.ui.activities.LoginActivity
+import com.habitrpg.android.habitica.ui.activities.OnboardingActivity
 import com.habitrpg.android.habitica.ui.views.HabiticaIconsHelper
 import com.habitrpg.common.habitica.extensions.setupCoil
 import com.habitrpg.common.habitica.helpers.ExceptionHandler
@@ -336,7 +336,7 @@ abstract class HabiticaBaseApplication : Application(), Application.ActivityLife
                 }
                 getInstance(context)?.lazyApiHelper?.updateAuthenticationCredentials(null, null)
                 Wearable.getCapabilityClient(context).removeLocalCapability("provide_auth")
-                startActivity(LoginActivity::class.java, context)
+                startActivity(OnboardingActivity::class.java, context)
             }
         }
 

Habitica/src/main/java/com/habitrpg/android/habitica/helpers/Analytics.kt

@@ -131,8 +131,12 @@ object Analytics {
 
     fun setAnalyticsConsent(consents: Boolean?) {
         val isEnabled = consents == true
-        firebase.setAnalyticsCollectionEnabled(isEnabled)
-        FirebasePerformance.getInstance().isPerformanceCollectionEnabled = isEnabled
-        amplitude.configuration.optOut = !isEnabled
+        if (this::firebase.isInitialized) {
+            firebase.setAnalyticsCollectionEnabled(isEnabled)
+            FirebasePerformance.getInstance().isPerformanceCollectionEnabled = isEnabled
+        }
+        if (this::amplitude.isInitialized) {
+            amplitude.configuration.optOut = !isEnabled
+        }
     }
 }

Habitica/src/main/java/com/habitrpg/android/habitica/receivers/DeviceCommunicationService.kt

@@ -4,7 +4,7 @@ import android.content.Intent
 import com.google.android.gms.wearable.MessageEvent
 import com.google.android.gms.wearable.Wearable
 import com.google.android.gms.wearable.WearableListenerService
-import com.habitrpg.android.habitica.ui.activities.LoginActivity
+import com.habitrpg.android.habitica.ui.activities.OnboardingActivity
 import com.habitrpg.android.habitica.ui.activities.MainActivity
 import com.habitrpg.android.habitica.ui.activities.TaskFormActivity
 import com.habitrpg.common.habitica.api.HostConfig
@@ -23,8 +23,8 @@ class DeviceCommunicationService : WearableListenerService() {
         super.onMessageReceived(event)
         when (event.path) {
             DeviceCommunication.REQUEST_AUTH -> processAuthRequest(event)
-            DeviceCommunication.SHOW_REGISTER -> openActivity(event, LoginActivity::class.java)
-            DeviceCommunication.SHOW_LOGIN -> openActivity(event, LoginActivity::class.java)
+            DeviceCommunication.SHOW_REGISTER -> openActivity(event, OnboardingActivity::class.java)
+            DeviceCommunication.SHOW_LOGIN -> openActivity(event, OnboardingActivity::class.java)
             DeviceCommunication.SHOW_RYA -> openActivity(event, MainActivity::class.java)
             DeviceCommunication.SHOW_TASK_EDIT -> openTaskForm(event)
         }

Habitica/src/main/java/com/habitrpg/android/habitica/ui/activities/IntroActivity.kt

@@ -1,161 +0,0 @@
-package com.habitrpg.android.habitica.ui.activities
-
-import android.content.Intent
-import android.os.Build
-import android.os.Bundle
-import android.view.View
-import androidx.core.content.ContextCompat
-import androidx.core.content.res.ResourcesCompat
-import androidx.core.view.WindowCompat
-import androidx.fragment.app.Fragment
-import androidx.lifecycle.lifecycleScope
-import androidx.viewpager2.adapter.FragmentStateAdapter
-import androidx.viewpager2.widget.ViewPager2
-import com.google.android.material.tabs.TabLayoutMediator
-import com.habitrpg.android.habitica.R
-import com.habitrpg.android.habitica.data.ContentRepository
-import com.habitrpg.android.habitica.databinding.ActivityIntroBinding
-import com.habitrpg.android.habitica.extensions.setNavigationBarDarkIcons
-import com.habitrpg.android.habitica.ui.fragments.setup.IntroFragment
-import com.habitrpg.common.habitica.helpers.ExceptionHandler
-import dagger.hilt.android.AndroidEntryPoint
-import kotlinx.coroutines.launch
-import javax.inject.Inject
-
-@AndroidEntryPoint
-class IntroActivity : BaseActivity() {
-    private lateinit var binding: ActivityIntroBinding
-
-    @Inject
-    lateinit var contentRepository: ContentRepository
-
-    override fun getLayoutResId(): Int {
-        return R.layout.activity_intro
-    }
-
-    override fun getContentView(layoutResId: Int?): View {
-        binding = ActivityIntroBinding.inflate(layoutInflater)
-        return binding.root
-    }
-
-    public override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-
-        setupIntro()
-
-        binding.skipButton.setOnClickListener { finishIntro() }
-        binding.finishButton.setOnClickListener { finishIntro() }
-
-        lifecycleScope.launch(ExceptionHandler.coroutine()) {
-            contentRepository.retrieveContent()
-        }
-    }
-
-    override fun onResume() {
-        super.onResume()
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
-            window.isNavigationBarContrastEnforced = false
-            val controller = WindowCompat.getInsetsController(window, window.decorView)
-            controller.isAppearanceLightNavigationBars = false
-            controller.isAppearanceLightStatusBars = false
-            window.setNavigationBarDarkIcons(false)
-        }
-    }
-
-    private fun setupIntro() {
-        setViewPagerAdapter()
-        binding.viewPager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
-            override fun onPageSelected(position: Int) {
-                super.onPageSelected(position)
-                if (position == 2) {
-                    binding.finishButton.visibility = View.VISIBLE
-                } else {
-                    binding.finishButton.visibility = View.GONE
-                }
-            }
-        })
-    }
-
-    private fun finishIntro() {
-        val intent = Intent(this, LoginActivity::class.java)
-        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP or Intent.FLAG_ACTIVITY_CLEAR_TASK or Intent.FLAG_ACTIVITY_NEW_TASK)
-
-        this.startActivity(intent)
-        overridePendingTransition(0, R.anim.activity_fade_out)
-        finish()
-    }
-
-    private fun setViewPagerAdapter() {
-        val fragmentManager = supportFragmentManager
-        val viewPagerAdapter = object : FragmentStateAdapter(fragmentManager, lifecycle) {
-            override fun createFragment(position: Int): Fragment {
-                val fragment = IntroFragment()
-                configureFragment(fragment, position)
-                return fragment
-            }
-
-            override fun getItemCount(): Int {
-                return 3
-            }
-        }
-        binding.viewPager.adapter = viewPagerAdapter
-        TabLayoutMediator(binding.viewPagerIndicator, binding.viewPager) { tab, position -> }.attach()
-    }
-
-    private fun configureFragment(
-        fragment: IntroFragment,
-        position: Int
-    ) {
-        when (position) {
-            0 -> {
-                fragment.setImage(ResourcesCompat.getDrawable(resources, R.drawable.intro_1, null))
-                fragment.setSubtitle(getString(R.string.intro_1_subtitle))
-                fragment.setTitleImage(
-                    ResourcesCompat.getDrawable(
-                        resources,
-                        R.drawable.intro_1_title,
-                        null
-                    )
-                )
-                fragment.setDescription(
-                    getString(
-                        R.string.intro_1_description,
-                        getString(R.string.habitica_user_count)
-                    )
-                )
-                fragment.setBackgroundColor(
-                    ContextCompat.getColor(
-                        this@IntroActivity,
-                        R.color.brand_300
-                    )
-                )
-            }
-
-            1 -> {
-                fragment.setImage(ResourcesCompat.getDrawable(resources, R.drawable.intro_2, null))
-                fragment.setSubtitle(getString(R.string.intro_2_subtitle))
-                fragment.setTitle(getString(R.string.intro_2_title))
-                fragment.setDescription(getString(R.string.intro_2_description))
-                fragment.setBackgroundColor(
-                    ContextCompat.getColor(
-                        this@IntroActivity,
-                        R.color.blue_10
-                    )
-                )
-            }
-
-            2 -> {
-                fragment.setImage(ResourcesCompat.getDrawable(resources, R.drawable.intro_3, null))
-                fragment.setSubtitle(getString(R.string.intro_3_subtitle))
-                fragment.setTitle(getString(R.string.intro_3_title))
-                fragment.setDescription(getString(R.string.intro_3_description))
-                fragment.setBackgroundColor(
-                    ContextCompat.getColor(
-                        this@IntroActivity,
-                        R.color.red_100
-                    )
-                )
-            }
-        }
-    }
-}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/activities/LoginActivity.kt

@@ -1,457 +0,0 @@
-package com.habitrpg.android.habitica.ui.activities
-
-import android.animation.Animator
-import android.animation.AnimatorListenerAdapter
-import android.animation.AnimatorSet
-import android.animation.ObjectAnimator
-import android.animation.ValueAnimator
-import android.content.Context
-import android.content.Intent
-import android.content.SharedPreferences
-import android.os.Build
-import android.os.Bundle
-import android.text.InputType
-import android.text.SpannableString
-import android.text.method.LinkMovementMethod
-import android.text.style.UnderlineSpan
-import android.view.View
-import android.view.Window
-import android.view.inputmethod.EditorInfo
-import android.widget.EditText
-import android.widget.LinearLayout
-import androidx.activity.SystemBarStyle
-import androidx.activity.addCallback
-import androidx.activity.viewModels
-import androidx.core.content.ContextCompat
-import androidx.core.view.WindowCompat
-import androidx.core.view.isVisible
-import androidx.lifecycle.Lifecycle
-import androidx.lifecycle.lifecycleScope
-import androidx.preference.PreferenceManager
-import com.google.android.gms.tasks.Tasks
-import com.google.android.gms.wearable.CapabilityClient
-import com.google.android.gms.wearable.MessageClient
-import com.google.android.gms.wearable.Wearable
-import com.habitrpg.android.habitica.R
-import com.habitrpg.android.habitica.databinding.ActivityLoginBinding
-import com.habitrpg.android.habitica.extensions.addCancelButton
-import com.habitrpg.android.habitica.extensions.addOkButton
-import com.habitrpg.android.habitica.extensions.lifecycleLaunchWhen
-import com.habitrpg.android.habitica.extensions.updateStatusBarColor
-import com.habitrpg.android.habitica.helpers.AppConfigManager
-import com.habitrpg.android.habitica.ui.helpers.dismissKeyboard
-import com.habitrpg.android.habitica.extensions.AuthenticationErrors
-import com.habitrpg.android.habitica.extensions.setNavigationBarDarkIcons
-import com.habitrpg.android.habitica.ui.viewmodels.AuthenticationViewModel
-import com.habitrpg.android.habitica.ui.views.dialogs.HabiticaAlertDialog
-import com.habitrpg.common.habitica.helpers.launchCatching
-import com.habitrpg.common.habitica.models.auth.UserAuthResponse
-import dagger.hilt.android.AndroidEntryPoint
-import kotlinx.coroutines.Dispatchers
-import kotlinx.coroutines.flow.filterNotNull
-import kotlinx.coroutines.launch
-import javax.inject.Inject
-
-@AndroidEntryPoint
-class LoginActivity : BaseActivity() {
-    private lateinit var binding: ActivityLoginBinding
-    val viewModel by viewModels<AuthenticationViewModel>()
-
-    @Inject
-    lateinit var configManager: AppConfigManager
-
-    private var isShowingForm: Boolean = false
-
-    override fun getLayoutResId(): Int {
-        return R.layout.activity_login
-    }
-
-    override fun getContentView(layoutResId: Int?): View {
-        binding = ActivityLoginBinding.inflate(layoutInflater)
-        return binding.root
-    }
-
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-        supportActionBar?.hide()
-        // Set default values to avoid null-responses when requesting unedited settings
-        PreferenceManager.setDefaultValues(this, R.xml.preferences_fragment, false)
-
-        configureSpecialUI()
-        binding.backgroundContainer.isScrollable = false
-
-        setupOnClickListeners()
-        setupViewmodelObserving()
-    }
-
-    override fun onResume() {
-        super.onResume()
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
-            window.isNavigationBarContrastEnforced = false
-            val controller = WindowCompat.getInsetsController(window, window.decorView)
-            controller.isAppearanceLightNavigationBars = false
-            controller.isAppearanceLightStatusBars = false
-            window.setNavigationBarDarkIcons(false)
-        }
-    }
-
-    private fun setupViewmodelObserving() {
-        lifecycleLaunchWhen(Lifecycle.State.RESUMED) {
-            viewModel.showAuthProgress.collect { showProgress ->
-                binding.progressView.isVisible = showProgress
-            }
-        }
-        lifecycleLaunchWhen(Lifecycle.State.RESUMED) {
-            viewModel.isRegistering.collect { isRegistering ->
-                if (isRegistering) {
-                    configureForRegistering()
-                } else {
-                    configureForLogin()
-                }
-            }
-        }
-        lifecycleLaunchWhen(Lifecycle.State.RESUMED) {
-            viewModel.authenticationError
-                .filterNotNull()
-                .collect { showError(it) }
-        }
-        lifecycleLaunchWhen(Lifecycle.State.RESUMED) {
-            viewModel.authenticationSuccess
-                .filterNotNull()
-                .collect { didRegister ->
-                    if (didRegister) {
-                        startSetupActivity()
-                    } else {
-                        startMainActivity()
-                    }
-                }
-        }
-    }
-
-    private fun setupOnClickListeners() {
-        onBackPressedDispatcher.addCallback(this) {
-            if (isShowingForm) {
-                hideForm()
-            } else {
-                finish()
-            }
-        }
-        binding.newGameButton.setOnClickListener { newGameButtonClicked() }
-        binding.showLoginButton.setOnClickListener { showLoginButtonClicked() }
-        binding.backButton.setOnClickListener { backButtonClicked() }
-        binding.forgotPassword.setOnClickListener { onForgotPasswordClicked() }
-        binding.googleLoginButton.setOnClickListener {
-            viewModel.startGoogleAuth(this)
-        }
-        binding.submitButton.setOnClickListener {
-            if (viewModel.isRegistering.value) {
-                registerWithPassword()
-            } else {
-                loginWithPassword()
-            }
-        }
-    }
-
-    private fun configureSpecialUI() {
-        val content = SpannableString(binding.forgotPassword.text)
-        content.setSpan(UnderlineSpan(), 0, content.length, 0)
-        binding.forgotPassword.text = content
-        binding.privacyPolicy.movementMethod = LinkMovementMethod.getInstance()
-
-        binding.backgroundContainer.post {
-            binding.backgroundContainer.scrollTo(
-                0,
-                binding.backgroundContainer.bottom,
-            )
-        }
-    }
-
-    private fun resetLayout() {
-        val isRegistering = viewModel.isRegistering.value
-        binding.email.isVisible = isRegistering
-        binding.confirmPassword.isVisible = isRegistering
-    }
-
-    private fun startMainActivity() {
-        val intent = Intent(this@LoginActivity, MainActivity::class.java)
-        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP or Intent.FLAG_ACTIVITY_NEW_TASK)
-        startActivity(intent)
-        finish()
-    }
-
-    private fun startSetupActivity() {
-        val intent = Intent(this@LoginActivity, SetupActivity::class.java)
-        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP or Intent.FLAG_ACTIVITY_NEW_TASK)
-        startActivity(intent)
-        finish()
-    }
-
-    private fun configureForRegistering() {
-        binding.submitButton.text = getString(R.string.register_btn)
-        binding.username.setHint(R.string.username)
-        binding.username.setAutofillHints("newUsername")
-        binding.password.setAutofillHints("newPassword")
-        binding.password.imeOptions = EditorInfo.IME_ACTION_NEXT
-        binding.googleLoginButton.setText(R.string.register_btn_google)
-
-        this.resetLayout()
-    }
-
-    private fun configureForLogin() {
-        binding.submitButton.text = getString(R.string.login_btn)
-        binding.username.setHint(R.string.email_username)
-        binding.username.setAutofillHints("username")
-        binding.password.setAutofillHints("password")
-        binding.password.imeOptions = EditorInfo.IME_ACTION_DONE
-        binding.googleLoginButton.setText(R.string.login_btn_google)
-        this.resetLayout()
-    }
-
-    private fun loginWithPassword() {
-        val username: String = binding.username.text.toString()
-        val password: String = binding.password.text.toString()
-        viewModel.validateInputs(username, password)?.let {
-            showError(it)
-            return
-        }
-        viewModel.login(username, password)
-    }
-
-    private fun registerWithPassword() {
-        val username = binding.username.text.toString()
-        val email = binding.email.text.toString()
-        val password = binding.password.text.toString()
-        val confirmPassword = binding.confirmPassword.text.toString()
-        viewModel.validateInputs(username, password, email, confirmPassword)?.let {
-            showError(it)
-            return
-        }
-        viewModel.register(username, email, password, confirmPassword)
-    }
-
-    private fun sendAuthToWearables(response: UserAuthResponse) {
-        lifecycleScope.launch(Dispatchers.IO) {
-            val messageClient: MessageClient = Wearable.getMessageClient(this@LoginActivity)
-            val capabilityClient: CapabilityClient = Wearable.getCapabilityClient(this@LoginActivity)
-            try {
-                val info =
-                    Tasks.await(
-                        capabilityClient.getCapability(
-                            "receive_message",
-                            CapabilityClient.FILTER_REACHABLE,
-                        ),
-                    )
-                info.nodes.forEach {
-                    Tasks.await(
-                        messageClient.sendMessage(
-                            it.id,
-                            "/auth",
-                            "${response.id}:${response.apiToken}".toByteArray(),
-                        ),
-                    )
-                }
-            } catch (_: Exception) {
-                // Wearable API is not available on this device.
-            }
-        }
-    }
-
-    private fun showError(error: AuthenticationErrors) {
-        val alert = HabiticaAlertDialog(this)
-        if (error.isValidationError) {
-            alert.setTitle(R.string.login_validation_error_title)
-        } else {
-            alert.setTitle(R.string.authentication_error_title)
-        }
-        alert.setMessage(error.translatedMessage(this))
-        alert.addOkButton()
-        alert.show()
-    }
-
-    private fun newGameButtonClicked() {
-        viewModel.isRegistering.value = true
-        showForm()
-    }
-
-    private fun showLoginButtonClicked() {
-        viewModel.isRegistering.value = false
-        showForm()
-    }
-
-    private fun backButtonClicked() {
-        hideForm()
-    }
-
-    private fun showForm() {
-        isShowingForm = true
-        val panAnimation =
-            ObjectAnimator.ofInt(binding.backgroundContainer, "scrollY", 0).setDuration(1000)
-        val newGameAlphaAnimation =
-            ObjectAnimator.ofFloat(binding.newGameButton, View.ALPHA, 0.toFloat())
-        val showLoginAlphaAnimation =
-            ObjectAnimator.ofFloat(binding.showLoginButton, View.ALPHA, 0.toFloat())
-        val scaleLogoAnimation =
-            ValueAnimator.ofInt(
-                binding.logoView.measuredHeight,
-                (binding.logoView.measuredHeight * 0.75).toInt(),
-            )
-        scaleLogoAnimation.addUpdateListener { valueAnimator ->
-            val value = valueAnimator.animatedValue as? Int ?: 0
-            val layoutParams = binding.logoView.layoutParams
-            layoutParams.height = value
-            binding.logoView.layoutParams = layoutParams
-        }
-        if (viewModel.isRegistering.value) {
-            newGameAlphaAnimation.startDelay = 600
-            newGameAlphaAnimation.duration = 400
-            showLoginAlphaAnimation.duration = 400
-            newGameAlphaAnimation.addListener(
-                object : AnimatorListenerAdapter() {
-                    override fun onAnimationEnd(animation: Animator) {
-                        binding.newGameButton.visibility = View.GONE
-                        binding.showLoginButton.visibility = View.GONE
-                        binding.loginScrollview.visibility = View.VISIBLE
-                        binding.loginScrollview.alpha = 1f
-                    }
-                },
-            )
-        } else {
-            showLoginAlphaAnimation.startDelay = 600
-            showLoginAlphaAnimation.duration = 400
-            newGameAlphaAnimation.duration = 400
-            showLoginAlphaAnimation.addListener(
-                object : AnimatorListenerAdapter() {
-                    override fun onAnimationEnd(animation: Animator) {
-                        binding.newGameButton.visibility = View.GONE
-                        binding.showLoginButton.visibility = View.GONE
-                        binding.loginScrollview.visibility = View.VISIBLE
-                        binding.loginScrollview.alpha = 1f
-                    }
-                },
-            )
-        }
-        val backAlphaAnimation =
-            ObjectAnimator.ofFloat(binding.backButton, View.ALPHA, 1.toFloat()).setDuration(800)
-        val showAnimation = AnimatorSet()
-        showAnimation.playTogether(
-            panAnimation,
-            newGameAlphaAnimation,
-            showLoginAlphaAnimation,
-            scaleLogoAnimation,
-        )
-        showAnimation.play(backAlphaAnimation).after(panAnimation)
-        for (i in 0 until binding.formWrapper.childCount) {
-            val view = binding.formWrapper.getChildAt(i)
-            view.alpha = 0f
-            val animator = ObjectAnimator.ofFloat(view, View.ALPHA, 1.toFloat()).setDuration(400)
-            animator.startDelay = (100 * i).toLong()
-            showAnimation.play(animator).after(panAnimation)
-        }
-
-        showAnimation.start()
-    }
-
-    private fun hideForm() {
-        if (!isShowingForm) {
-            return
-        }
-        isShowingForm = false
-        val panAnimation =
-            ObjectAnimator.ofInt(
-                binding.backgroundContainer,
-                "scrollY",
-                binding.backgroundContainer.bottom,
-            ).setDuration(1000)
-        val newGameAlphaAnimation =
-            ObjectAnimator.ofFloat(binding.newGameButton, View.ALPHA, 1.toFloat()).setDuration(700)
-        val showLoginAlphaAnimation =
-            ObjectAnimator.ofFloat(binding.showLoginButton, View.ALPHA, 1.toFloat())
-                .setDuration(700)
-        val scaleLogoAnimation =
-            ValueAnimator.ofInt(
-                binding.logoView.measuredHeight,
-                (binding.logoView.measuredHeight * 1.333333).toInt(),
-            )
-        scaleLogoAnimation.addUpdateListener { valueAnimator ->
-            val value = valueAnimator.animatedValue as? Int
-            val layoutParams = binding.logoView.layoutParams
-            layoutParams.height = value ?: 0
-            binding.logoView.layoutParams = layoutParams
-        }
-        showLoginAlphaAnimation.startDelay = 300
-        val scrollViewAlphaAnimation =
-            ObjectAnimator.ofFloat(binding.loginScrollview, View.ALPHA, 0.toFloat())
-                .setDuration(800)
-        scrollViewAlphaAnimation.addListener(
-            object : AnimatorListenerAdapter() {
-                override fun onAnimationEnd(animation: Animator) {
-                    binding.newGameButton.visibility = View.VISIBLE
-                    binding.showLoginButton.visibility = View.VISIBLE
-                    binding.loginScrollview.visibility = View.INVISIBLE
-                }
-            },
-        )
-        val backAlphaAnimation =
-            ObjectAnimator.ofFloat(binding.backButton, View.ALPHA, 0.toFloat()).setDuration(800)
-        val showAnimation = AnimatorSet()
-        showAnimation.playTogether(
-            panAnimation,
-            scrollViewAlphaAnimation,
-            backAlphaAnimation,
-            scaleLogoAnimation,
-        )
-        showAnimation.play(newGameAlphaAnimation).after(scrollViewAlphaAnimation)
-        showAnimation.play(showLoginAlphaAnimation).after(scrollViewAlphaAnimation)
-        showAnimation.start()
-        dismissKeyboard()
-    }
-
-    private fun onForgotPasswordClicked() {
-        val input = EditText(this)
-        input.setAutofillHints(EditText.AUTOFILL_HINT_EMAIL_ADDRESS)
-        input.inputType = InputType.TYPE_CLASS_TEXT or InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS
-        input.hint = getString(R.string.forgot_password_hint_example)
-        input.textSize = 16f
-        val lp =
-            LinearLayout.LayoutParams(
-                LinearLayout.LayoutParams.MATCH_PARENT,
-                LinearLayout.LayoutParams.MATCH_PARENT,
-            )
-        input.layoutParams = lp
-        val alertDialog = HabiticaAlertDialog(this)
-        alertDialog.setTitle(R.string.forgot_password_title)
-        alertDialog.setMessage(R.string.forgot_password_description)
-        alertDialog.setAdditionalContentView(input)
-        alertDialog.addButton(R.string.send, true) { _, _ ->
-            lifecycleScope.launchCatching {
-                userRepository.sendPasswordResetEmail(input.text.toString())
-                showPasswordEmailConfirmation()
-            }
-        }
-        alertDialog.addCancelButton()
-        alertDialog.show()
-    }
-
-    private fun showPasswordEmailConfirmation() {
-        val alert = HabiticaAlertDialog(this)
-        alert.setMessage(R.string.forgot_password_confirmation)
-        alert.addOkButton()
-        alert.show()
-    }
-
-    override fun finish() {
-        dismissKeyboard()
-        super.finish()
-    }
-}
-
-fun AuthenticationErrors.translatedMessage(context: Context): String {
-    return when (this) {
-        AuthenticationErrors.GET_CREDENTIALS_ERROR -> context.getString(R.string.auth_get_credentials_error)
-        AuthenticationErrors.INVALID_CREDENTIALS -> context.getString(R.string.auth_invalid_credentials)
-
-        AuthenticationErrors.MISSING_FIELDS -> context.getString(R.string.login_validation_error_fieldsmissing)
-        AuthenticationErrors.PASSWORD_MISMATCH -> context.getString(R.string.password_not_matching)
-        AuthenticationErrors.PASSWORD_TOO_SHORT -> context.getString(R.string.password_too_short, minPasswordLength)
-    }
-}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/activities/MainActivity.kt

@@ -230,7 +230,7 @@ open class MainActivity : BaseActivity(), SnackbarActivity {
         DataBindingUtils.configManager = appConfigManager
 
         if (!viewModel.isAuthenticated) {
-            val intent = Intent(this, IntroActivity::class.java)
+            val intent = Intent(this, OnboardingActivity::class.java)
             intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP or Intent.FLAG_ACTIVITY_CLEAR_TASK or Intent.FLAG_ACTIVITY_NEW_TASK)
             startActivity(intent)
             return
@@ -645,8 +645,8 @@ open class MainActivity : BaseActivity(), SnackbarActivity {
             }
             preferences?.sound?.let { soundManager.soundTheme = it }
 
-            CrashReporter.setCustomKey("day_start", user.preferences?.dayStart ?: 0)
-            CrashReporter.setCustomKey("timezone_offset", user.preferences?.timezoneOffset ?: 0)
+            CrashReporter.setCustomKey("day_start", (user.preferences?.dayStart ?: 0).toString())
+            CrashReporter.setCustomKey("timezone_offset", (user.preferences?.timezoneOffset ?: 0).toString())
             Analytics.setAnalyticsConsent(user.preferences?.analyticsConsent)
 
             displayDeathDialogIfNeeded()

Habitica/src/main/java/com/habitrpg/android/habitica/ui/activities/OnboardingActivity.kt

@@ -0,0 +1,240 @@
+package com.habitrpg.android.habitica.ui.activities
+
+import android.content.Context
+import android.content.Intent
+import android.os.Build
+import android.os.Bundle
+import android.text.InputType
+import android.view.View
+import android.widget.EditText
+import android.widget.LinearLayout
+import androidx.activity.viewModels
+import androidx.compose.animation.AnimatedContent
+import androidx.compose.animation.ExperimentalAnimationApi
+import androidx.compose.animation.core.tween
+import androidx.compose.animation.expandIn
+import androidx.compose.animation.expandVertically
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
+import androidx.compose.animation.scaleIn
+import androidx.compose.animation.slideInHorizontally
+import androidx.compose.animation.slideInVertically
+import androidx.compose.animation.slideOutHorizontally
+import androidx.compose.animation.slideOutVertically
+import androidx.compose.animation.togetherWith
+import androidx.compose.animation.with
+import androidx.compose.material3.Text
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.graphics.TransformOrigin
+import androidx.core.view.WindowCompat
+import androidx.lifecycle.lifecycleScope
+import androidx.preference.PreferenceManager
+import com.google.android.gms.tasks.Tasks
+import com.google.android.gms.wearable.CapabilityClient
+import com.google.android.gms.wearable.MessageClient
+import com.google.android.gms.wearable.Wearable
+import com.habitrpg.android.habitica.R
+import com.habitrpg.android.habitica.databinding.ActivityLoginBinding
+import com.habitrpg.android.habitica.extensions.AuthenticationErrors
+import com.habitrpg.android.habitica.extensions.addCancelButton
+import com.habitrpg.android.habitica.extensions.addOkButton
+import com.habitrpg.android.habitica.extensions.setNavigationBarDarkIcons
+import com.habitrpg.android.habitica.helpers.AppConfigManager
+import com.habitrpg.android.habitica.ui.helpers.dismissKeyboard
+import com.habitrpg.android.habitica.ui.viewmodels.AuthenticationViewModel
+import com.habitrpg.android.habitica.ui.views.dialogs.HabiticaAlertDialog
+import com.habitrpg.android.habitica.ui.views.intro.IntroScreen
+import com.habitrpg.android.habitica.ui.views.login.LoginScreen
+import com.habitrpg.android.habitica.ui.views.setup.SetupScreen
+import com.habitrpg.android.habitica.ui.views.setup.UsernameSelectionScreen
+import com.habitrpg.common.habitica.helpers.launchCatching
+import com.habitrpg.common.habitica.models.auth.UserAuthResponse
+import com.habitrpg.common.habitica.theme.HabiticaTheme
+import dagger.hilt.android.AndroidEntryPoint
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+import javax.inject.Inject
+import kotlin.math.roundToInt
+
+enum class OnboardingSteps {
+    INTRO,
+    LOGIN,
+    USERNAME,
+    SETUP
+}
+
+@AndroidEntryPoint
+class OnboardingActivity: BaseActivity() {
+    private lateinit var binding: ActivityLoginBinding
+
+    val authenticationViewModel: AuthenticationViewModel by viewModels()
+
+    val currentStep = mutableStateOf(OnboardingSteps.SETUP)
+
+    @Inject
+    lateinit var configManager: AppConfigManager
+
+    override fun getLayoutResId(): Int {
+        return R.layout.activity_login
+    }
+
+    override fun getContentView(layoutResId: Int?): View {
+        binding = ActivityLoginBinding.inflate(layoutInflater)
+        return binding.root
+    }
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        supportActionBar?.hide()
+        // Set default values to avoid null-responses when requesting unedited settings
+        PreferenceManager.setDefaultValues(this, R.xml.preferences_fragment, false)
+
+        binding.composeView.setContent {
+            val step by currentStep
+            HabiticaTheme {
+                AnimatedContent(step,
+                    transitionSpec = {
+                        (expandVertically(
+                            initialHeight = { fullHeight -> (fullHeight * 0.3f).roundToInt() }
+                        )+fadeIn())
+                            .togetherWith(
+                                slideOutVertically(
+                                    targetOffsetY = { fullHeight -> (-fullHeight * 0.1f).roundToInt() }
+                                )
+                            )
+            },) {
+                    when (it) {
+                        OnboardingSteps.INTRO -> IntroScreen({
+                            currentStep.value = OnboardingSteps.LOGIN
+                        })
+                        OnboardingSteps.LOGIN -> LoginScreen(authenticationViewModel,{ newUser ->
+                            if (newUser) {
+                                currentStep.value = OnboardingSteps.USERNAME
+                            } else {
+                                startMainActivity()
+                            }
+                        })
+                        OnboardingSteps.USERNAME -> UsernameSelectionScreen(authenticationViewModel,
+                            {
+                                currentStep.value = OnboardingSteps.LOGIN
+                            }, {
+                                currentStep.value = OnboardingSteps.SETUP
+                            }
+                        )
+                        OnboardingSteps.SETUP -> SetupScreen({
+                            startMainActivity()
+                        })
+                    }
+                }
+            }
+        }
+    }
+
+    override fun onResume() {
+        super.onResume()
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+            window.isNavigationBarContrastEnforced = false
+            val controller = WindowCompat.getInsetsController(window, window.decorView)
+            controller.isAppearanceLightNavigationBars = false
+            controller.isAppearanceLightStatusBars = false
+            window.setNavigationBarDarkIcons(false)
+        }
+    }
+
+    private fun startMainActivity() {
+        val intent = Intent(this@OnboardingActivity, MainActivity::class.java)
+        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP or Intent.FLAG_ACTIVITY_NEW_TASK)
+        startActivity(intent)
+        finish()
+    }
+
+    private fun sendAuthToWearables(response: UserAuthResponse) {
+        lifecycleScope.launch(Dispatchers.IO) {
+            val messageClient: MessageClient = Wearable.getMessageClient(this@OnboardingActivity)
+            val capabilityClient: CapabilityClient = Wearable.getCapabilityClient(this@OnboardingActivity)
+            try {
+                val info =
+                    Tasks.await(
+                        capabilityClient.getCapability(
+                            "receive_message",
+                            CapabilityClient.FILTER_REACHABLE,
+                        ),
+                    )
+                info.nodes.forEach {
+                    Tasks.await(
+                        messageClient.sendMessage(
+                            it.id,
+                            "/auth",
+                            "${response.id}:${response.apiToken}".toByteArray(),
+                        ),
+                    )
+                }
+            } catch (_: Exception) {
+                // Wearable API is not available on this device.
+            }
+        }
+    }
+
+    private fun showError(error: AuthenticationErrors) {
+        val alert = HabiticaAlertDialog(this)
+        if (error.isValidationError) {
+            alert.setTitle(R.string.login_validation_error_title)
+        } else {
+            alert.setTitle(R.string.authentication_error_title)
+        }
+        alert.setMessage(error.translatedMessage(this))
+        alert.addOkButton()
+        alert.show()
+    }
+
+    private fun onForgotPasswordClicked() {
+        val input = EditText(this)
+        input.setAutofillHints(EditText.AUTOFILL_HINT_EMAIL_ADDRESS)
+        input.inputType = InputType.TYPE_CLASS_TEXT or InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS
+        input.hint = getString(R.string.forgot_password_hint_example)
+        input.textSize = 16f
+        val lp =
+            LinearLayout.LayoutParams(
+                LinearLayout.LayoutParams.MATCH_PARENT,
+                LinearLayout.LayoutParams.MATCH_PARENT,
+            )
+        input.layoutParams = lp
+        val alertDialog = HabiticaAlertDialog(this)
+        alertDialog.setTitle(R.string.forgot_password_title)
+        alertDialog.setMessage(R.string.forgot_password_description)
+        alertDialog.setAdditionalContentView(input)
+        alertDialog.addButton(R.string.send, true) { _, _ ->
+            lifecycleScope.launchCatching {
+                userRepository.sendPasswordResetEmail(input.text.toString())
+                showPasswordEmailConfirmation()
+            }
+        }
+        alertDialog.addCancelButton()
+        alertDialog.show()
+    }
+
+    private fun showPasswordEmailConfirmation() {
+        val alert = HabiticaAlertDialog(this)
+        alert.setMessage(R.string.forgot_password_confirmation)
+        alert.addOkButton()
+        alert.show()
+    }
+
+    override fun finish() {
+        dismissKeyboard()
+        super.finish()
+    }
+}
+
+fun AuthenticationErrors.translatedMessage(context: Context): String {
+    return when (this) {
+        AuthenticationErrors.GET_CREDENTIALS_ERROR -> context.getString(R.string.auth_get_credentials_error)
+        AuthenticationErrors.INVALID_CREDENTIALS -> context.getString(R.string.auth_invalid_credentials)
+
+        AuthenticationErrors.MISSING_FIELDS -> context.getString(R.string.login_validation_error_fieldsmissing)
+        AuthenticationErrors.PASSWORD_MISMATCH -> context.getString(R.string.password_not_matching)
+        AuthenticationErrors.PASSWORD_TOO_SHORT -> context.getString(R.string.password_too_short, minPasswordLength)
+    }
+}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/activities/SetupActivity.kt

@@ -1,299 +0,0 @@
-package com.habitrpg.android.habitica.ui.activities
-
-import android.content.Intent
-import android.graphics.drawable.Drawable
-import android.os.Build
-import android.os.Bundle
-import android.view.View
-import android.view.inputmethod.InputMethodManager
-import androidx.appcompat.content.res.AppCompatResources
-import androidx.core.content.ContextCompat
-import androidx.core.content.edit
-import androidx.core.view.ViewCompat
-import androidx.core.view.WindowInsetsCompat
-import androidx.core.view.updatePadding
-import androidx.fragment.app.Fragment
-import androidx.lifecycle.lifecycleScope
-import androidx.preference.PreferenceManager
-import androidx.viewpager2.adapter.FragmentStateAdapter
-import androidx.viewpager2.widget.ViewPager2
-import com.google.android.material.tabs.TabLayoutMediator
-import com.habitrpg.android.habitica.R
-import com.habitrpg.android.habitica.data.ApiClient
-import com.habitrpg.android.habitica.data.InventoryRepository
-import com.habitrpg.android.habitica.data.TaskRepository
-import com.habitrpg.android.habitica.databinding.ActivitySetupBinding
-import com.habitrpg.android.habitica.extensions.consumeWindowInsetsAbove30
-import com.habitrpg.android.habitica.helpers.Analytics
-import com.habitrpg.android.habitica.helpers.EventCategory
-import com.habitrpg.android.habitica.helpers.HitType
-import com.habitrpg.android.habitica.models.user.User
-import com.habitrpg.android.habitica.ui.fragments.setup.AvatarSetupFragment
-import com.habitrpg.android.habitica.ui.fragments.setup.TaskSetupFragment
-import com.habitrpg.android.habitica.ui.fragments.setup.WelcomeFragment
-import com.habitrpg.common.habitica.extensions.dpToPx
-import com.habitrpg.common.habitica.helpers.ExceptionHandler
-import com.habitrpg.common.habitica.helpers.launchCatching
-import dagger.hilt.android.AndroidEntryPoint
-import kotlinx.coroutines.flow.debounce
-import kotlinx.coroutines.launch
-import java.util.Calendar
-import java.util.Locale
-import javax.inject.Inject
-import kotlin.time.Duration.Companion.milliseconds
-
-@AndroidEntryPoint
-class SetupActivity : BaseActivity() {
-    private lateinit var binding: ActivitySetupBinding
-
-    @Inject
-    lateinit var apiClient: ApiClient
-
-    @Inject
-    lateinit var inventoryRepository: InventoryRepository
-
-    @Inject
-    lateinit var taskRepository: TaskRepository
-
-    internal var welcomeFragment: WelcomeFragment? = null
-    internal var avatarSetupFragment: AvatarSetupFragment? = null
-    internal var taskSetupFragment: TaskSetupFragment? = null
-    internal var user: User? = null
-    private var completedSetup = false
-    private var createdTasks = false
-
-    private val isLastPage: Boolean
-        get() =
-            binding.viewPager.adapter == null || binding.viewPager.currentItem == (
-                binding.viewPager.adapter?.itemCount
-                    ?: 0
-                ) - 1
-
-    override fun getLayoutResId(): Int {
-        return R.layout.activity_setup
-    }
-
-    override fun getContentView(layoutResId: Int?): View {
-        binding = ActivitySetupBinding.inflate(layoutInflater)
-        return binding.root
-    }
-
-    override fun onCreate(savedInstanceState: Bundle?) {
-        super.onCreate(savedInstanceState)
-        lifecycleScope.launch(ExceptionHandler.coroutine()) {
-            userRepository.getUser()
-                .debounce(500.milliseconds)
-                .collect { onUserReceived(it) }
-        }
-        lifecycleScope.launch(ExceptionHandler.coroutine()) {
-            userRepository.retrieveUser(true, true)
-        }
-        val additionalData = HashMap<String, Any>()
-        additionalData["status"] = "displayed"
-        Analytics.sendEvent("setup", EventCategory.BEHAVIOUR, HitType.EVENT, additionalData)
-
-        val currentDeviceLanguage = Locale.getDefault().language
-        for (language in resources.getStringArray(R.array.LanguageValues)) {
-            if (language == currentDeviceLanguage) {
-                lifecycleScope.launchCatching {
-                    apiClient.registrationLanguage(currentDeviceLanguage)
-                }
-            }
-        }
-
-        binding.viewPager.isUserInputEnabled = false
-
-        binding.previousButton.setOnClickListener { previousClicked() }
-        binding.nextButton.setOnClickListener { nextClicked() }
-        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
-            window.isNavigationBarContrastEnforced = false
-        }
-
-        ViewCompat.setOnApplyWindowInsetsListener(binding.root) { _, windowInsets ->
-            val insets = windowInsets.getInsets(
-                WindowInsetsCompat.Type.systemBars()
-                    + WindowInsetsCompat.Type.displayCutout()
-            )
-            binding.viewPager.updatePadding(
-                left = insets.left,
-                right = insets.right,
-                top = insets.top
-            )
-            binding.bottomBar.updatePadding(
-                bottom = insets.bottom
-            )
-            binding.bottomBar.layoutParams.height = 56.dpToPx(this) + insets.bottom
-            consumeWindowInsetsAbove30(windowInsets)
-        }
-    }
-
-    override fun onDestroy() {
-        userRepository.close()
-        super.onDestroy()
-    }
-
-    private fun setupViewpager() {
-        setViewPagerAdapter()
-        binding.viewPager.registerOnPageChangeCallback(object : ViewPager2.OnPageChangeCallback() {
-            override fun onPageSelected(position: Int) {
-                super.onPageSelected(position)
-                when {
-                    position == 0 -> {
-                        setPreviousButtonEnabled(false)
-                        binding.nextButton.text = getString(R.string.next_button)
-                    }
-                    isLastPage -> {
-                        setPreviousButtonEnabled(true)
-                        binding.nextButton.text = getString(R.string.finish)
-                    }
-                    else -> {
-                        setPreviousButtonEnabled(true)
-                        binding.nextButton.text = getString(R.string.next_button)
-                    }
-                }
-            }
-        })
-    }
-
-    private fun nextClicked() {
-        val sharedPreferences = PreferenceManager.getDefaultSharedPreferences(this)
-        sharedPreferences.edit {
-            putString("FirstDayOfTheWeek", Calendar.getInstance().firstDayOfWeek.toString())
-        }
-        if (isLastPage) {
-            if (this.taskSetupFragment == null) {
-                return
-            }
-            if (createdTasks) {
-                onUserReceived(user)
-                return
-            }
-            val newTasks = this.taskSetupFragment?.createSampleTasks()
-            this.completedSetup = true
-            createdTasks = true
-            newTasks?.let {
-                lifecycleScope.launchCatching {
-                    taskRepository.createTasks(it)
-                }
-            }
-        } else if (binding.viewPager.currentItem == 0) {
-            confirmNames(welcomeFragment?.displayName ?: "", welcomeFragment?.username ?: "")
-
-            val imm = getSystemService(INPUT_METHOD_SERVICE) as? InputMethodManager
-            imm?.hideSoftInputFromWindow(currentFocus?.windowToken, 0)
-        }
-        binding.viewPager.currentItem = binding.viewPager.currentItem + 1
-    }
-
-    private fun previousClicked() {
-        binding.viewPager.currentItem = binding.viewPager.currentItem - 1
-    }
-
-    private fun setPreviousButtonEnabled(enabled: Boolean) {
-        val leftDrawable: Drawable?
-        if (enabled) {
-            binding.previousButton.setText(R.string.action_back)
-            leftDrawable = AppCompatResources.getDrawable(this, R.drawable.back_arrow_enabled)
-        } else {
-            binding.previousButton.text = null
-            leftDrawable = AppCompatResources.getDrawable(this, R.drawable.back_arrow_disabled)
-        }
-        binding.previousButton.setCompoundDrawablesWithIntrinsicBounds(
-            leftDrawable,
-            null,
-            null,
-            null
-        )
-    }
-
-    private fun setNextButtonEnabled(enabled: Boolean) {
-        binding.nextButton.isEnabled = enabled
-        val rightDrawable = AppCompatResources.getDrawable(this, R.drawable.forward_arrow_enabled)
-        if (enabled) {
-            binding.nextButton.setTextColor(ContextCompat.getColor(this, R.color.white))
-            rightDrawable?.alpha = 255
-        } else {
-            binding.nextButton.setTextColor(ContextCompat.getColor(this, R.color.white_50_alpha))
-            rightDrawable?.alpha = 127
-        }
-        binding.nextButton.setCompoundDrawablesWithIntrinsicBounds(null, null, rightDrawable, null)
-    }
-
-    private var hasCompleted = false
-
-    private fun onUserReceived(user: User?) {
-        if (completedSetup && !hasCompleted) {
-            val additionalData = HashMap<String, Any>()
-            additionalData["status"] = "completed"
-            Analytics.sendEvent("setup", EventCategory.BEHAVIOUR, HitType.EVENT, additionalData)
-            hasCompleted = true
-            lifecycleScope.launchCatching {
-                userRepository.updateUser("flags.welcomed", true)
-                userRepository.retrieveUser(true, true)
-                startMainActivity()
-            }
-            return
-        }
-        this.user = user
-        if (binding.viewPager.adapter == null) {
-            setupViewpager()
-        }
-        avatarSetupFragment?.setUser(user)
-        taskSetupFragment?.setUser(user)
-    }
-
-    private fun startMainActivity() {
-        val intent = Intent(this@SetupActivity, MainActivity::class.java)
-        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP or Intent.FLAG_ACTIVITY_NEW_TASK)
-        startActivity(intent)
-        finish()
-    }
-
-    private fun confirmNames(
-        displayName: String,
-        username: String
-    ) {
-        lifecycleScope.launch(ExceptionHandler.coroutine()) {
-            userRepository.updateUser("profile.name", displayName)
-            userRepository.updateLoginName(username)
-        }
-    }
-
-    private fun setViewPagerAdapter() {
-        val fragmentManager = supportFragmentManager
-        val viewPagerAdapter = object : FragmentStateAdapter(fragmentManager, lifecycle) {
-            override fun createFragment(position: Int): Fragment {
-                return when (position) {
-                    1 -> {
-                        val fragment = AvatarSetupFragment()
-                        fragment.activity = this@SetupActivity
-                        fragment.setUser(user)
-                        fragment.width = binding.viewPager.width
-                        avatarSetupFragment = fragment
-                        fragment
-                    }
-
-                    2 -> {
-                        val fragment = TaskSetupFragment()
-                        fragment.setUser(user)
-                        taskSetupFragment = fragment
-                        fragment
-                    }
-
-                    else -> {
-                        val fragment = WelcomeFragment()
-                        welcomeFragment = fragment
-                        welcomeFragment?.onNameValid = { setNextButtonEnabled(it == true) }
-                        fragment
-                    }
-                }
-            }
-
-            override fun getItemCount(): Int {
-                return 3
-            }
-        }
-        binding.viewPager.adapter = viewPagerAdapter
-        TabLayoutMediator(binding.viewPagerIndicator, binding.viewPager) { tab, position -> }.attach()
-    }
-}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/fragments/setup/AvatarSetupFragment.kt

@@ -1,349 +0,0 @@
-package com.habitrpg.android.habitica.ui.fragments.setup
-
-import android.os.Bundle
-import android.util.TypedValue
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import android.widget.RelativeLayout
-import androidx.lifecycle.lifecycleScope
-import androidx.recyclerview.widget.LinearLayoutManager
-import com.google.android.material.tabs.TabLayout
-import com.habitrpg.android.habitica.R
-import com.habitrpg.android.habitica.data.InventoryRepository
-import com.habitrpg.android.habitica.data.SetupCustomizationRepository
-import com.habitrpg.android.habitica.data.UserRepository
-import com.habitrpg.android.habitica.databinding.FragmentSetupAvatarBinding
-import com.habitrpg.android.habitica.extensions.applyScrollContentWindowInsets
-import com.habitrpg.android.habitica.models.SetupCustomization
-import com.habitrpg.android.habitica.models.user.User
-import com.habitrpg.android.habitica.ui.activities.SetupActivity
-import com.habitrpg.android.habitica.ui.adapter.setup.CustomizationSetupAdapter
-import com.habitrpg.android.habitica.ui.fragments.BaseFragment
-import com.habitrpg.android.habitica.ui.views.setup.AvatarCategoryView
-import com.habitrpg.common.habitica.helpers.launchCatching
-import dagger.hilt.android.AndroidEntryPoint
-import java.util.Random
-import javax.inject.Inject
-
-@AndroidEntryPoint
-class AvatarSetupFragment : BaseFragment<FragmentSetupAvatarBinding>() {
-    @Inject
-    lateinit var customizationRepository: SetupCustomizationRepository
-
-    @Inject
-    lateinit var userRepository: UserRepository
-
-    @Inject
-    lateinit var inventoryRepository: InventoryRepository
-
-    override var binding: FragmentSetupAvatarBinding? = null
-
-    override fun createBinding(
-        inflater: LayoutInflater,
-        container: ViewGroup?
-    ): FragmentSetupAvatarBinding {
-        return FragmentSetupAvatarBinding.inflate(inflater, container, false)
-    }
-
-    var activity: SetupActivity? = null
-    var width: Int = 0
-
-    internal var adapter: CustomizationSetupAdapter? = null
-
-    private var user: User? = null
-    private var subcategories: List<String> = emptyList()
-    private var activeButton: AvatarCategoryView? = null
-    private var activeCategory: String? = null
-    private var activeSubCategory: String? = null
-    private var random = Random()
-
-    override fun onViewCreated(
-        view: View,
-        savedInstanceState: Bundle?
-    ) {
-        super.onViewCreated(view, savedInstanceState)
-
-        this.adapter = CustomizationSetupAdapter()
-        this.adapter?.userSize = this.user?.preferences?.size ?: "slim"
-        adapter?.onUpdateUser = {
-            lifecycleScope.launchCatching {
-                userRepository.updateUser(it)
-            }
-        }
-        adapter?.onEquipGear = {
-            lifecycleScope.launchCatching {
-                inventoryRepository.equip("equipped", it)
-            }
-        }
-
-        this.adapter?.user = this.user
-        val layoutManager = LinearLayoutManager(activity)
-        layoutManager.orientation = LinearLayoutManager.HORIZONTAL
-        binding?.customizationDrawer?.binding?.customizationList?.layoutManager = layoutManager
-
-        binding?.customizationDrawer?.binding?.customizationList?.adapter = this.adapter
-
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.addOnTabSelectedListener(
-            object :
-                TabLayout.OnTabSelectedListener {
-                override fun onTabSelected(tab: TabLayout.Tab) {
-                    val position = tab.position
-                    if (position < subcategories.size) {
-                        activeSubCategory = subcategories[position]
-                    }
-                    loadCustomizations()
-                }
-
-                override fun onTabUnselected(tab: TabLayout.Tab) { // no-on
-                }
-
-                override fun onTabReselected(tab: TabLayout.Tab) { // no-on
-                }
-            }
-        )
-
-        binding?.customizationDrawer?.binding?.bodyButton?.setOnClickListener { selectedBodyCategory() }
-        binding?.customizationDrawer?.binding?.skinButton?.setOnClickListener { selectedSkinCategory() }
-        binding?.customizationDrawer?.binding?.hairButton?.setOnClickListener { selectedHairCategory() }
-        binding?.customizationDrawer?.binding?.extrasButton?.setOnClickListener { selectedExtrasCategory() }
-        binding?.randomizeButton?.setOnClickListener { randomizeCharacter() }
-
-        this.selectedBodyCategory()
-
-        if (this.user != null) {
-            this.updateAvatar()
-        }
-        binding?.contentWrapper?.let { applyScrollContentWindowInsets(it) }
-    }
-
-    override fun onResume() {
-        super.onResume()
-        if (this.user != null) {
-            this.updateAvatar()
-        }
-        this.selectedBodyCategory()
-        if (context != null) {
-            binding?.speechBubble?.animateText(
-                context?.getString(R.string.avatar_setup_description) ?: ""
-            )
-        }
-    }
-
-    private fun loadCustomizations() {
-        val user = this.user ?: return
-        val activeCategory = this.activeCategory ?: return
-
-        this.adapter?.setCustomizationList(
-            customizationRepository.getCustomizations(
-                activeCategory,
-                activeSubCategory,
-                user
-            )
-        )
-    }
-
-    fun setUser(user: User?) {
-        this.user = user
-        if (binding?.avatarView != null) {
-            updateAvatar()
-        }
-        if (this.adapter != null) {
-            this.adapter?.user = user
-            this.adapter?.notifyDataSetChanged()
-            loadCustomizations()
-        }
-    }
-
-    private fun updateAvatar() {
-        user?.let {
-            binding?.avatarView?.setAvatar(it)
-        }
-    }
-
-    private fun selectedBodyCategory() {
-        activateButton(binding?.customizationDrawer?.binding?.bodyButton)
-        this.activeCategory = SetupCustomizationRepository.CATEGORY_BODY
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.removeAllTabs()
-        this.subcategories =
-            listOf(
-                SetupCustomizationRepository.SUBCATEGORY_SIZE,
-                SetupCustomizationRepository.SUBCATEGORY_SHIRT
-            )
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.newTab()
-            ?.setText(R.string.avatar_size)
-            ?.let { binding?.customizationDrawer?.binding?.subcategoryTabs?.addTab(it) }
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.newTab()
-            ?.setText(R.string.avatar_shirt)
-            ?.let { binding?.customizationDrawer?.binding?.subcategoryTabs?.addTab(it) }
-        loadCustomizations()
-    }
-
-    private fun selectedSkinCategory() {
-        activateButton(binding?.customizationDrawer?.binding?.skinButton)
-        this.activeCategory = SetupCustomizationRepository.CATEGORY_SKIN
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.removeAllTabs()
-        this.subcategories = listOf(SetupCustomizationRepository.SUBCATEGORY_COLOR)
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.newTab()
-            ?.setText(R.string.avatar_skin_color)
-            ?.let { binding?.customizationDrawer?.binding?.subcategoryTabs?.addTab(it) }
-        loadCustomizations()
-    }
-
-    private fun selectedHairCategory() {
-        activateButton(binding?.customizationDrawer?.binding?.hairButton)
-        this.activeCategory = SetupCustomizationRepository.CATEGORY_HAIR
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.removeAllTabs()
-        this.subcategories =
-            listOf(
-                SetupCustomizationRepository.SUBCATEGORY_BANGS,
-                SetupCustomizationRepository.SUBCATEGORY_COLOR,
-                SetupCustomizationRepository.SUBCATEGORY_PONYTAIL
-            )
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.newTab()
-            ?.setText(R.string.avatar_hair_bangs)
-            ?.let { binding?.customizationDrawer?.binding?.subcategoryTabs?.addTab(it) }
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.newTab()
-            ?.setText(R.string.avatar_hair_color)
-            ?.let { binding?.customizationDrawer?.binding?.subcategoryTabs?.addTab(it) }
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.newTab()
-            ?.setText(R.string.avatar_hair_ponytail)
-            ?.let { binding?.customizationDrawer?.binding?.subcategoryTabs?.addTab(it) }
-        loadCustomizations()
-    }
-
-    private fun selectedExtrasCategory() {
-        activateButton(binding?.customizationDrawer?.binding?.extrasButton)
-        this.activeCategory = SetupCustomizationRepository.CATEGORY_EXTRAS
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.removeAllTabs()
-        this.subcategories =
-            listOf(
-                SetupCustomizationRepository.SUBCATEGORY_GLASSES,
-                SetupCustomizationRepository.SUBCATEGORY_FLOWER,
-                SetupCustomizationRepository.SUBCATEGORY_WHEELCHAIR
-            )
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.newTab()
-            ?.setText(R.string.avatar_glasses)
-            ?.let { binding?.customizationDrawer?.binding?.subcategoryTabs?.addTab(it) }
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.newTab()
-            ?.setText(R.string.avatar_flower)
-            ?.let { binding?.customizationDrawer?.binding?.subcategoryTabs?.addTab(it) }
-        binding?.customizationDrawer?.binding?.subcategoryTabs?.newTab()
-            ?.setText(R.string.avatar_wheelchair)
-            ?.let { binding?.customizationDrawer?.binding?.subcategoryTabs?.addTab(it) }
-        loadCustomizations()
-    }
-
-    private fun randomizeCharacter() {
-        val user = this.user ?: return
-        val updateData = HashMap<String, Any>()
-        updateData["preferences.size"] =
-            chooseRandomKey(
-                customizationRepository.getCustomizations(
-                    SetupCustomizationRepository.CATEGORY_BODY,
-                    SetupCustomizationRepository.SUBCATEGORY_SIZE,
-                    user
-                ),
-                false
-            )
-        updateData["preferences.shirt"] =
-            chooseRandomKey(
-                customizationRepository.getCustomizations(
-                    SetupCustomizationRepository.CATEGORY_BODY,
-                    SetupCustomizationRepository.SUBCATEGORY_SHIRT,
-                    user
-                ),
-                false
-            )
-        updateData["preferences.skin"] =
-            chooseRandomKey(
-                customizationRepository.getCustomizations(
-                    SetupCustomizationRepository.CATEGORY_SKIN,
-                    SetupCustomizationRepository.SUBCATEGORY_COLOR,
-                    user
-                ),
-                false
-            )
-        updateData["preferences.hair.color"] =
-            chooseRandomKey(
-                customizationRepository.getCustomizations(
-                    SetupCustomizationRepository.CATEGORY_HAIR,
-                    SetupCustomizationRepository.SUBCATEGORY_COLOR,
-                    user
-                ),
-                false
-            )
-        updateData["preferences.hair.base"] =
-            chooseRandomKey(
-                customizationRepository.getCustomizations(
-                    SetupCustomizationRepository.CATEGORY_HAIR,
-                    SetupCustomizationRepository.SUBCATEGORY_PONYTAIL,
-                    user
-                ),
-                false
-            )
-        updateData["preferences.hair.bangs"] =
-            chooseRandomKey(
-                customizationRepository.getCustomizations(
-                    SetupCustomizationRepository.CATEGORY_HAIR,
-                    SetupCustomizationRepository.SUBCATEGORY_BANGS,
-                    user
-                ),
-                false
-            )
-        updateData["preferences.hair.flower"] =
-            chooseRandomKey(
-                customizationRepository.getCustomizations(
-                    SetupCustomizationRepository.CATEGORY_EXTRAS,
-                    SetupCustomizationRepository.SUBCATEGORY_FLOWER,
-                    user
-                ),
-                true
-            )
-        updateData["preferences.chair"] =
-            chooseRandomKey(
-                customizationRepository.getCustomizations(
-                    SetupCustomizationRepository.CATEGORY_EXTRAS,
-                    SetupCustomizationRepository.SUBCATEGORY_WHEELCHAIR,
-                    user
-                ),
-                true
-            )
-        lifecycleScope.launchCatching {
-            userRepository.updateUser(updateData)
-        }
-    }
-
-    @Suppress("ReturnCount")
-    private fun chooseRandomKey(
-        customizations: List<SetupCustomization>,
-        weighFirstOption: Boolean
-    ): String {
-        if (customizations.isEmpty()) {
-            return ""
-        }
-        if (weighFirstOption) {
-            if (random.nextInt(10) > 3) {
-                return customizations[0].key
-            }
-        }
-        return customizations[random.nextInt(customizations.size)].key
-    }
-
-    private fun activateButton(button: AvatarCategoryView?) {
-        if (this.activeButton != null) {
-            this.activeButton?.setActive(false)
-        }
-        this.activeButton = button
-        this.activeButton?.setActive(true)
-        val location = IntArray(2)
-        val params =
-            binding?.customizationDrawer?.binding?.caretView?.layoutParams as? RelativeLayout.LayoutParams
-        this.activeButton?.getLocationOnScreen(location)
-        val r = resources
-        val px =
-            TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 40f, r.displayMetrics).toInt()
-        params?.marginStart = location[0] + px
-        binding?.customizationDrawer?.binding?.caretView?.layoutParams = params
-    }
-}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/fragments/setup/IntroFragment.kt

@@ -1,92 +0,0 @@
-package com.habitrpg.android.habitica.ui.fragments.setup
-
-import android.graphics.drawable.Drawable
-import android.os.Bundle
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import com.habitrpg.android.habitica.databinding.FragmentIntroBinding
-import com.habitrpg.android.habitica.ui.fragments.BaseFragment
-import dagger.hilt.android.AndroidEntryPoint
-
-@AndroidEntryPoint
-class IntroFragment : BaseFragment<FragmentIntroBinding>() {
-    override var binding: FragmentIntroBinding? = null
-
-    override fun createBinding(
-        inflater: LayoutInflater,
-        container: ViewGroup?
-    ): FragmentIntroBinding {
-        return FragmentIntroBinding.inflate(inflater, container, false)
-    }
-
-    private var image: Drawable? = null
-    private var titleImage: Drawable? = null
-    private var subtitle: String? = null
-    private var title: String? = null
-    private var description: String? = null
-    private var backgroundColor: Int? = null
-
-    override fun onViewCreated(
-        view: View,
-        savedInstanceState: Bundle?
-    ) {
-        super.onViewCreated(view, savedInstanceState)
-
-        if (this.image != null) {
-            binding?.imageView?.setImageDrawable(this.image)
-        }
-
-        if (this.titleImage != null) {
-            binding?.titleImageView?.setImageDrawable(this.titleImage)
-        }
-
-        if (this.subtitle != null) {
-            binding?.subtitleTextView?.text = this.subtitle
-        }
-
-        if (this.title != null) {
-            binding?.titleTextView?.text = this.title
-        }
-
-        if (this.description != null) {
-            binding?.descriptionTextView?.text = this.description
-        }
-
-        backgroundColor?.let {
-            binding?.containerView?.setBackgroundColor(it)
-        }
-    }
-
-    fun setImage(image: Drawable?) {
-        this.image = image
-        if (image != null) {
-            binding?.imageView?.setImageDrawable(image)
-        }
-    }
-
-    fun setTitleImage(image: Drawable?) {
-        this.titleImage = image
-        binding?.titleImageView?.setImageDrawable(image)
-    }
-
-    fun setSubtitle(text: String?) {
-        this.subtitle = text
-        binding?.subtitleTextView?.text = text
-    }
-
-    fun setTitle(text: String?) {
-        this.title = text
-        binding?.titleTextView?.text = text
-    }
-
-    fun setDescription(text: String?) {
-        this.description = text
-        binding?.descriptionTextView?.text = text
-    }
-
-    fun setBackgroundColor(color: Int) {
-        this.backgroundColor = color
-        binding?.containerView?.setBackgroundColor(color)
-    }
-}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/fragments/setup/TaskSetupFragment.kt

@@ -1,274 +0,0 @@
-package com.habitrpg.android.habitica.ui.fragments.setup
-
-import android.graphics.drawable.BitmapDrawable
-import android.os.Bundle
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import androidx.recyclerview.widget.GridLayoutManager
-import com.habitrpg.android.habitica.R
-import com.habitrpg.android.habitica.databinding.FragmentSetupTasksBinding
-import com.habitrpg.android.habitica.extensions.applyScrollContentWindowInsets
-import com.habitrpg.android.habitica.models.tasks.Days
-import com.habitrpg.android.habitica.models.tasks.Task
-import com.habitrpg.android.habitica.models.user.User
-import com.habitrpg.android.habitica.ui.activities.SetupActivity
-import com.habitrpg.android.habitica.ui.adapter.setup.TaskSetupAdapter
-import com.habitrpg.android.habitica.ui.fragments.BaseFragment
-import com.habitrpg.android.habitica.ui.views.HabiticaIconsHelper
-import com.habitrpg.shared.habitica.models.tasks.Frequency
-import com.habitrpg.shared.habitica.models.tasks.TaskType
-import dagger.hilt.android.AndroidEntryPoint
-import java.util.Date
-import java.util.UUID
-
-@AndroidEntryPoint
-class TaskSetupFragment : BaseFragment<FragmentSetupTasksBinding>() {
-    var activity: SetupActivity? = null
-    var width: Int = 0
-
-    override var binding: FragmentSetupTasksBinding? = null
-
-    override fun createBinding(
-        inflater: LayoutInflater,
-        container: ViewGroup?
-    ): FragmentSetupTasksBinding {
-        return FragmentSetupTasksBinding.inflate(inflater, container, false)
-    }
-
-    internal var adapter: TaskSetupAdapter = TaskSetupAdapter()
-    private var taskGroups: List<List<String>> = listOf()
-    private var tasks: List<List<Any>> = listOf()
-    private var user: User? = null
-
-    override fun onViewCreated(
-        view: View,
-        savedInstanceState: Bundle?
-    ) {
-        super.onViewCreated(view, savedInstanceState)
-
-        this.setTasks()
-
-        this.adapter = TaskSetupAdapter()
-        this.adapter.setTaskList(this.taskGroups)
-        binding?.recyclerView?.layoutManager = GridLayoutManager(activity, 2)
-        binding?.recyclerView?.adapter = this.adapter
-
-        if (this.user != null) {
-            this.updateAvatar()
-        }
-
-        binding?.heartIcon?.setImageDrawable(
-            BitmapDrawable(
-                resources,
-                HabiticaIconsHelper.imageOfHeartLightBg()
-            )
-        )
-
-        binding?.contentWrapper?.let { applyScrollContentWindowInsets(it) }
-    }
-
-    override fun onResume() {
-        super.onResume()
-        if (context != null) {
-            binding?.speechBubble?.animateText(
-                context?.getString(R.string.task_setup_description) ?: ""
-            )
-        }
-    }
-
-    fun setUser(user: User?) {
-        this.user = user
-        if (binding?.avatarView != null) {
-            updateAvatar()
-        }
-    }
-
-    private fun updateAvatar() {
-        user?.let {
-            binding?.avatarView?.setAvatar(it)
-        }
-    }
-
-    private fun setTasks() {
-        this.taskGroups =
-            listOf(
-                listOf(getString(R.string.setup_group_work), TYPE_WORK),
-                listOf(getString(R.string.setup_group_exercise), TYPE_EXERCISE),
-                listOf(getString(R.string.setup_group_health), TYPE_HEALTH),
-                listOf(getString(R.string.setup_group_school), TYPE_SCHOOL),
-                listOf(getString(R.string.setup_group_teams), TYPE_TEAMS),
-                listOf(getString(R.string.setup_group_chores), TYPE_CHORES),
-                listOf(getString(R.string.setup_group_creativity), TYPE_CREATIVITY),
-                listOf(getString(R.string.setuP_group_other), TYPE_OTHER)
-            )
-
-        this.tasks =
-            listOf(
-                listOf(TYPE_WORK, TaskType.HABIT, getString(R.string.setup_task_work_1), true, false),
-                listOf(TYPE_WORK, TaskType.DAILY, getString(R.string.setup_task_work_2)),
-                listOf(TYPE_WORK, TaskType.TODO, getString(R.string.setup_task_work_3)),
-                listOf(
-                    TYPE_EXERCISE,
-                    TaskType.HABIT,
-                    getString(R.string.setup_task_exercise_1),
-                    true,
-                    false
-                ),
-                listOf(TYPE_EXERCISE, TaskType.DAILY, getString(R.string.setup_task_exercise_2)),
-                listOf(TYPE_EXERCISE, TaskType.TODO, getString(R.string.setup_task_exercise_3)),
-                listOf(
-                    TYPE_HEALTH,
-                    TaskType.HABIT,
-                    getString(R.string.setup_task_healthWellness_1),
-                    true,
-                    true
-                ),
-                listOf(TYPE_HEALTH, TaskType.DAILY, getString(R.string.setup_task_healthWellness_2)),
-                listOf(TYPE_HEALTH, TaskType.TODO, getString(R.string.setup_task_healthWellness_3)),
-                listOf(
-                    TYPE_SCHOOL,
-                    TaskType.HABIT,
-                    getString(R.string.setup_task_school_1),
-                    true,
-                    true
-                ),
-                listOf(TYPE_SCHOOL, TaskType.DAILY, getString(R.string.setup_task_school_2)),
-                listOf(TYPE_SCHOOL, TaskType.TODO, getString(R.string.setup_task_school_3)),
-                listOf(TYPE_TEAMS, TaskType.HABIT, getString(R.string.setup_task_teams_1), true, false),
-                listOf(TYPE_TEAMS, TaskType.DAILY, getString(R.string.setup_task_teams_2)),
-                listOf(TYPE_TEAMS, TaskType.TODO, getString(R.string.setup_task_teams_3)),
-                listOf(
-                    TYPE_CHORES,
-                    TaskType.HABIT,
-                    getString(R.string.setup_task_chores_1),
-                    true,
-                    false
-                ),
-                listOf(TYPE_CHORES, TaskType.DAILY, getString(R.string.setup_task_chores_2)),
-                listOf(TYPE_CHORES, TaskType.TODO, getString(R.string.setup_task_chores_3)),
-                listOf(
-                    TYPE_CREATIVITY,
-                    TaskType.HABIT,
-                    getString(R.string.setup_task_creativity_1),
-                    true,
-                    false
-                ),
-                listOf(TYPE_CREATIVITY, TaskType.DAILY, getString(R.string.setup_task_creativity_2)),
-                listOf(TYPE_CREATIVITY, TaskType.TODO, getString(R.string.setup_task_creativity_3))
-            )
-    }
-
-    fun createSampleTasks(): List<Task> {
-        val groups = ArrayList<String>()
-        for ((i, checked) in this.adapter.checkedList.withIndex()) {
-            if (checked) {
-                groups.add(this.taskGroups[i][1])
-            }
-        }
-        val tasks = ArrayList<Task>()
-        for (task in this.tasks) {
-            val taskGroup = task[0] as? String
-            if (groups.contains(taskGroup)) {
-                val taskObject: Task =
-                    if (task.size == 5) {
-                        this.makeTaskObject(
-                            task[1] as? TaskType,
-                            task[2] as? String,
-                            task[3] as? Boolean,
-                            task[4] as? Boolean
-                        )
-                    } else {
-                        this.makeTaskObject(task[1] as? TaskType, task[2] as? String, null, null)
-                    }
-                tasks.add(taskObject)
-            }
-        }
-        tasks.add(
-            makeTaskObject(
-                TaskType.HABIT,
-                getString(R.string.setup_task_habit_1),
-                true,
-                false,
-                getString(R.string.setup_task_habit_1_notes)
-            )
-        )
-        tasks.add(
-            makeTaskObject(
-                TaskType.HABIT,
-                getString(R.string.setup_task_habit_2),
-                false,
-                true,
-                getString(R.string.setup_task_habit_2_notes)
-            )
-        )
-        tasks.add(
-            makeTaskObject(
-                TaskType.REWARD,
-                getString(R.string.setup_task_reward),
-                null,
-                null,
-                getString(R.string.setup_task_reward_notes)
-            )
-        )
-        tasks.add(
-            makeTaskObject(
-                TaskType.TODO,
-                getString(R.string.setup_task_join_habitica),
-                null,
-                null,
-                getString(R.string.setup_task_join_habitica_notes)
-            )
-        )
-        return tasks
-    }
-
-    private fun makeTaskObject(
-        type: TaskType?,
-        text: String?,
-        up: Boolean?,
-        down: Boolean?,
-        notes: String? = null
-    ): Task {
-        val task = Task()
-        task.id = UUID.randomUUID().toString()
-        task.text = text ?: ""
-        task.notes = notes
-        task.priority = 1.0f
-        task.type = type ?: TaskType.HABIT
-        task.frequency = Frequency.DAILY
-
-        if (type == TaskType.HABIT) {
-            task.up = up
-            task.down = down
-        }
-
-        if (type == TaskType.DAILY) {
-            task.frequency = Frequency.WEEKLY
-            task.startDate = Date()
-            task.everyX = 1
-            val days = Days()
-            days.m = true
-            days.t = true
-            days.w = true
-            days.th = true
-            days.f = true
-            days.s = true
-            days.su = true
-            task.repeat = days
-        }
-
-        return task
-    }
-
-    companion object {
-        const val TYPE_EXERCISE = "exercise"
-        const val TYPE_HEALTH = "healthWellness"
-        const val TYPE_WORK = "work"
-        const val TYPE_SCHOOL = "school"
-        const val TYPE_TEAMS = "teams"
-        const val TYPE_CHORES = "chores"
-        const val TYPE_CREATIVITY = "creativity"
-        const val TYPE_OTHER = "other"
-    }
-}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/fragments/setup/WelcomeFragment.kt

@@ -1,147 +0,0 @@
-package com.habitrpg.android.habitica.ui.fragments.setup
-
-import android.graphics.drawable.BitmapDrawable
-import android.graphics.drawable.Drawable
-import android.graphics.drawable.VectorDrawable
-import android.os.Bundle
-import android.view.LayoutInflater
-import android.view.View
-import android.view.ViewGroup
-import androidx.core.content.ContextCompat
-import androidx.lifecycle.lifecycleScope
-import com.habitrpg.android.habitica.R
-import com.habitrpg.android.habitica.data.UserRepository
-import com.habitrpg.android.habitica.databinding.FragmentWelcomeBinding
-import com.habitrpg.android.habitica.extensions.OnChangeTextWatcher
-import com.habitrpg.android.habitica.ui.fragments.BaseFragment
-import com.habitrpg.android.habitica.ui.views.HabiticaIconsHelper
-import com.habitrpg.common.habitica.helpers.ExceptionHandler
-import com.habitrpg.common.habitica.helpers.launchCatching
-import dagger.hilt.android.AndroidEntryPoint
-import kotlinx.coroutines.flow.MutableStateFlow
-import kotlinx.coroutines.flow.filter
-import kotlinx.coroutines.flow.filterNotNull
-import kotlinx.coroutines.flow.firstOrNull
-import kotlinx.coroutines.flow.map
-import kotlinx.coroutines.launch
-import javax.inject.Inject
-import androidx.core.graphics.drawable.toDrawable
-
-@AndroidEntryPoint
-class WelcomeFragment : BaseFragment<FragmentWelcomeBinding>() {
-    var onNameValid: ((Boolean?) -> Unit)? = null
-
-    @Inject
-    lateinit var userRepository: UserRepository
-
-    override var binding: FragmentWelcomeBinding? = null
-
-    override fun createBinding(
-        inflater: LayoutInflater,
-        container: ViewGroup?
-    ): FragmentWelcomeBinding {
-        return FragmentWelcomeBinding.inflate(inflater, container, false)
-    }
-
-    private val displayNameVerificationEvents = MutableStateFlow<String?>(null)
-    private val usernameVerificationEvents = MutableStateFlow<String?>(null)
-
-    private val checkmarkIcon: Drawable by lazy {
-        context?.let {
-            HabiticaIconsHelper.imageOfCheckmark(
-                ContextCompat.getColor(it, R.color.green_50),
-                1f
-            ).toDrawable(resources)
-        } ?: VectorDrawable()
-    }
-    private val alertIcon: Drawable by lazy {
-        HabiticaIconsHelper.imageOfAlertIcon().toDrawable(resources)
-    }
-    val username: String
-        get() = binding?.usernameEditText?.text?.toString() ?: ""
-    val displayName: String
-        get() = binding?.displayNameEditText?.text?.toString() ?: ""
-
-    override fun onViewCreated(
-        view: View,
-        savedInstanceState: Bundle?
-    ) {
-        super.onViewCreated(view, savedInstanceState)
-
-        binding?.speechBubble?.animateText(context?.getString(R.string.welcome_text) ?: "")
-
-        super.onCreate(savedInstanceState)
-
-        binding?.displayNameEditText?.addTextChangedListener(
-            OnChangeTextWatcher { p0, _, _, _ ->
-                displayNameVerificationEvents.value = p0.toString()
-            }
-        )
-        binding?.usernameEditText?.addTextChangedListener(
-            OnChangeTextWatcher { p0, _, _, _ ->
-                usernameVerificationEvents.value = p0.toString()
-            }
-        )
-
-        lifecycleScope.launchCatching {
-            displayNameVerificationEvents
-                .map { it?.length in 1..30 }
-                .collect {
-                    if (it) {
-                        binding?.displayNameEditText?.setCompoundDrawablesWithIntrinsicBounds(
-                            null,
-                            null,
-                            checkmarkIcon,
-                            null
-                        )
-                        binding?.issuesTextView?.visibility = View.GONE
-                    } else {
-                        binding?.displayNameEditText?.setCompoundDrawablesWithIntrinsicBounds(
-                            null,
-                            null,
-                            alertIcon,
-                            null
-                        )
-                        binding?.issuesTextView?.visibility = View.VISIBLE
-                        binding?.issuesTextView?.text =
-                            context?.getString(R.string.display_name_length_error)
-                    }
-                }
-        }
-        lifecycleScope.launchCatching {
-            usernameVerificationEvents
-                .filter { it?.length in 1..30 }
-                .filterNotNull()
-                .map { userRepository.verifyUsername(it) }
-                .collect {
-                    if (it?.isUsable == true) {
-                        binding?.usernameEditText?.setCompoundDrawablesWithIntrinsicBounds(
-                            null,
-                            null,
-                            checkmarkIcon,
-                            null
-                        )
-                        binding?.issuesTextView?.visibility = View.GONE
-                    } else {
-                        binding?.usernameEditText?.setCompoundDrawablesWithIntrinsicBounds(
-                            null,
-                            null,
-                            alertIcon,
-                            null
-                        )
-                        binding?.issuesTextView?.visibility = View.VISIBLE
-                        binding?.issuesTextView?.text = it?.issues?.joinToString("\n")
-                    }
-                    onNameValid?.invoke(it?.isUsable)
-                }
-        }
-
-        lifecycleScope.launch(ExceptionHandler.coroutine()) {
-            val user = userRepository.getUser().firstOrNull()
-            binding?.displayNameEditText?.setText(user?.profile?.name)
-            displayNameVerificationEvents.value = user?.profile?.name ?: ""
-            binding?.usernameEditText?.setText(user?.authentication?.localAuthentication?.username)
-            usernameVerificationEvents.value = user?.username ?: ""
-        }
-    }
-}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/fragments/social/party/PartySeekingFragment.kt

@@ -303,7 +303,7 @@ fun PartySeekingView(
                     configManager = viewModel.configManager,
                     modifier =
                     Modifier
-                        .animateItemPlacement()
+                        .animateItem()
                         .padding(horizontal = 14.dp)
                 ) { member ->
                     scope.launchCatching({

Habitica/src/main/java/com/habitrpg/android/habitica/ui/viewmodels/AuthenticationViewModel.kt

@@ -6,6 +6,8 @@ import android.content.Context
 import android.content.SharedPreferences
 import android.os.Build
 import android.util.Log
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
 import androidx.core.content.edit
 import androidx.credentials.CredentialManager
 import androidx.credentials.CustomCredential
@@ -41,6 +43,7 @@ import dagger.hilt.android.lifecycle.HiltViewModel
 import kotlinx.coroutines.flow.Flow
 import kotlinx.coroutines.flow.MutableSharedFlow
 import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.filterNotNull
 import kotlinx.coroutines.flow.onEach
 import kotlinx.coroutines.launch
 import kotlinx.coroutines.tasks.await
@@ -56,6 +59,10 @@ class AuthenticationViewModel @Inject constructor(
     val hostConfig: HostConfig,
     private val keyHelper: KeyHelper?,
 ) : ViewModel() {
+    val email = mutableStateOf("")
+    val password = mutableStateOf("")
+    val username = mutableStateOf("")
+
     private val _showAuthProgress = MutableStateFlow(false)
     val showAuthProgress: Flow<Boolean> = _showAuthProgress
     val isRegistering = MutableStateFlow(false)
@@ -63,8 +70,13 @@ class AuthenticationViewModel @Inject constructor(
     val authenticationError: Flow<AuthenticationErrors?> = _authenticationError
         .onEach { _showAuthProgress.value = false }
     private val _authenticationSuccess = MutableStateFlow<Boolean?>(null)
-    val authenticationSuccess: Flow<Boolean?> = _authenticationSuccess
+    val authenticationSuccess: Flow<Boolean> = _authenticationSuccess
+        .filterNotNull()
         .onEach { _showAuthProgress.value = false }
+    private val _isUsernameValid = MutableStateFlow<Boolean?>(null)
+    val isUsernameValid: Flow<Boolean?> = _isUsernameValid
+    private var _usernameIssues = MutableStateFlow<String?>(null)
+    val usernameIssues: Flow<String?> = _usernameIssues
 
     fun validateInputs(
         username: String,
@@ -91,6 +103,24 @@ class AuthenticationViewModel @Inject constructor(
         return null
     }
 
+    fun checkUsername(username: String) {
+        viewModelScope.launch {
+            try {
+                val response = apiClient.verifyUsername(username)
+                _isUsernameValid.value = response?.isUsable == true
+                _usernameIssues.value = response?.issues?.joinToString("\n") { it }
+            } catch (e: Exception) {
+                _isUsernameValid.value = null
+                Analytics.logException(e)
+            }
+        }
+    }
+
+    fun invalidateUsernameState() {
+        _isUsernameValid.value = null
+        _usernameIssues.value = null
+    }
+
     fun login(username: String, password: String) {
         _showAuthProgress.value = true
         viewModelScope.launch {
@@ -119,7 +149,7 @@ class AuthenticationViewModel @Inject constructor(
 
     suspend fun removeSocialAuth(network: String) {
         apiClient.disconnectSocial(network)
-        userRepository.retrieveUser(true, true)
+        userRepository.retrieveUser(true, forced = true)
     }
 
     private fun authenticationError(error: AuthenticationErrors? = null) {

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/LoginScreenField.kt

@@ -0,0 +1,149 @@
+package com.habitrpg.android.habitica.ui.views
+
+import androidx.compose.animation.AnimatedContent
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.heightIn
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.text.selection.TextSelectionColors
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextField
+import androidx.compose.material3.TextFieldDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.input.PasswordVisualTransformation
+import androidx.compose.ui.text.input.VisualTransformation
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.tooling.preview.Wallpapers
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.habitrpg.android.habitica.R
+import com.habitrpg.common.habitica.theme.HabiticaTheme
+import com.habitrpg.common.habitica.views.HabiticaCircularProgressView
+
+enum class LoginFieldState {
+    DEFAULT,
+    VALID,
+    ERROR,
+    LOADING,
+}
+
+@Composable
+fun LoginScreenField(
+    label: String,
+    value: String,
+    onValueChange: (String) -> Unit,
+    modifier: Modifier = Modifier,
+    icon: @Composable (() -> Unit)? = null,
+    prefix: @Composable () -> Unit = {},
+    state: LoginFieldState = LoginFieldState.DEFAULT,
+    hideInput: Boolean = false,
+) {
+    val containerColor = colorResource(R.color.brand_100)
+    TextField(
+        value = value,
+        onValueChange = onValueChange,
+        placeholder = { Text(label, fontSize = 18.sp, fontWeight = FontWeight.Normal) },
+        isError = state == LoginFieldState.ERROR,
+        suffix = {
+            AnimatedContent(state) {
+                if (it == LoginFieldState.ERROR) {
+                    Image(
+                        painterResource(R.drawable.ic_close_white_18dp),
+                        contentDescription = null,
+                        colorFilter = ColorFilter.tint(colorResource(R.color.red_100))
+                    )
+                } else if (it == LoginFieldState.VALID) {
+                    Image(
+                        painterResource(R.drawable.checkmark),
+                        contentDescription = null,
+                        colorFilter = ColorFilter.tint(colorResource(R.color.green_50))
+                    )
+                } else if (it == LoginFieldState.LOADING) {
+                    HabiticaCircularProgressView(indicatorSize = 20.dp, strokeWidth = 2.dp)
+                }
+            }
+
+        },
+        singleLine = true,
+        trailingIcon = icon,
+        prefix = prefix,
+        textStyle = TextStyle(
+            fontSize = 18.sp,
+            fontWeight = FontWeight.Normal
+        ),
+        colors = TextFieldDefaults.colors(
+            unfocusedContainerColor = containerColor,
+            focusedContainerColor = containerColor,
+            errorContainerColor = containerColor,
+            unfocusedTextColor = Color.White,
+            focusedTextColor = Color.White,
+            errorTextColor = colorResource(R.color.red_100),
+            unfocusedPlaceholderColor = colorResource(R.color.brand_600),
+            focusedPlaceholderColor = colorResource(R.color.brand_600).copy(alpha = 0.5f),
+            unfocusedIndicatorColor = Color.Transparent,
+            focusedIndicatorColor = Color.Transparent,
+            errorIndicatorColor = Color.Transparent,
+            unfocusedTrailingIconColor = colorResource(R.color.brand_100),
+            cursorColor = Color.White,
+            selectionColors = TextSelectionColors(
+                handleColor = colorResource(R.color.brand_600),
+                backgroundColor = colorResource(R.color.brand_600).copy(alpha = 0.3f)
+            ),
+        ),
+        shape = HabiticaTheme.shapes.large,
+        modifier = modifier.fillMaxWidth().heightIn(min = 60.dp),
+        visualTransformation = if (hideInput) PasswordVisualTransformation() else VisualTransformation.None,
+    )
+}
+
+@Preview(wallpaper = Wallpapers.BLUE_DOMINATED_EXAMPLE)
+@Composable
+fun LoginScreenFieldPreview() {
+    Column(verticalArrangement = Arrangement.spacedBy(10.dp), modifier = Modifier.padding(8.dp)) {
+        LoginScreenField(
+            label = "Email",
+            value = "",
+            icon = {
+                Image(painterResource(R.drawable.login_email), contentDescription = null)
+            }, onValueChange = {}
+        )
+        LoginScreenField(
+            label = "Email",
+            value = "test@test.com",
+            icon = {
+                Image(painterResource(R.drawable.login_email), contentDescription = null)
+            }, onValueChange = {}, state = LoginFieldState.VALID
+        )
+        LoginScreenField(
+            label = "Email",
+            value = "test@test.com",
+            icon = {
+                Image(painterResource(R.drawable.login_email), contentDescription = null)
+            }, onValueChange = {}, state = LoginFieldState.ERROR
+        )
+        LoginScreenField(
+            label = "Username",
+            value = "Bla",
+            icon = {
+                Image(painterResource(R.drawable.login_username), contentDescription = null)
+            }, onValueChange = {}, state = LoginFieldState.LOADING
+        )
+        LoginScreenField(
+            label = "Password",
+            value = "abcd",
+            hideInput = true,
+            icon = {
+                Image(painterResource(R.drawable.login_password), contentDescription = null)
+            }, onValueChange = {}
+        )
+    }
+}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/Typewriter.kt

@@ -1,10 +1,29 @@
 package com.habitrpg.android.habitica.ui.views
 
 import android.content.Context
+import android.os.Build
 import android.text.Spannable
 import android.text.SpannableStringBuilder
 import android.text.style.ForegroundColorSpan
 import android.util.AttributeSet
+import androidx.annotation.RequiresApi
+import androidx.compose.foundation.layout.Box
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.text.style.TextDecoration
+import androidx.compose.ui.unit.TextUnit
 import androidx.core.content.ContextCompat
 import com.habitrpg.android.habitica.R
 import kotlinx.coroutines.Dispatchers
@@ -12,6 +31,7 @@ import kotlinx.coroutines.Job
 import kotlinx.coroutines.MainScope
 import kotlinx.coroutines.delay
 import kotlinx.coroutines.launch
+import kotlin.streams.toList
 
 // http://stackoverflow.com/a/6700718/1315039
 class Typewriter : androidx.appcompat.widget.AppCompatTextView {
@@ -70,3 +90,74 @@ class Typewriter : androidx.appcompat.widget.AppCompatTextView {
         index = stringBuilder?.length ?: 0
     }
 }
+
+// https://medium.com/make-apps-simple/typewriter-animation-in-jetpack-compose-2b0c7ee323c2
+@Composable
+fun TypewriterText(
+    text: String,
+    modifier: Modifier = Modifier,
+    color: Color = Color.Unspecified,
+    fontSize: TextUnit = TextUnit.Unspecified,
+    fontStyle: FontStyle? = null,
+    fontWeight: FontWeight? = null,
+    fontFamily: FontFamily? = null,
+    letterSpacing: TextUnit = TextUnit.Unspecified,
+    textDecoration: TextDecoration? = null,
+    textAlign: TextAlign? = null,
+    lineHeight: TextUnit = TextUnit.Unspecified,
+    delay: Long = 30L,
+) {
+    var textToDisplay by remember {
+        mutableStateOf("")
+    }
+    val textCharsList = remember {
+        text.splitToCodePoints()
+    }
+
+    LaunchedEffect(text,) {
+            textCharsList.forEachIndexed { charIndex, _ ->
+                textToDisplay = textCharsList
+                    .take(
+                        n = charIndex + 1,
+                    ).joinToString(
+                        separator = "",
+                    )
+                delay(delay)
+            }
+    }
+
+    Box(modifier = modifier) {
+        Text(
+            text = text,
+            color = Color.Transparent,
+            fontSize = fontSize,
+            fontStyle = fontStyle,
+            fontWeight = fontWeight,
+            fontFamily = fontFamily,
+            letterSpacing = letterSpacing,
+            textDecoration = textDecoration,
+            textAlign = textAlign,
+            lineHeight = lineHeight,
+        )
+        Text(
+            text = textToDisplay,
+            color = color,
+            fontSize = fontSize,
+            fontStyle = fontStyle,
+            fontWeight = fontWeight,
+            fontFamily = fontFamily,
+            letterSpacing = letterSpacing,
+            textDecoration = textDecoration,
+            textAlign = textAlign,
+            lineHeight = lineHeight,
+        )
+    }
+}
+
+fun String.splitToCodePoints(): List<String> {
+    return codePoints()
+        .toList()
+        .map {
+            String(Character.toChars(it))
+        }
+}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/intro/IntroScreen.kt

@@ -0,0 +1,239 @@
+package com.habitrpg.android.habitica.ui.views.intro
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.asPaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.systemBars
+import androidx.compose.foundation.layout.wrapContentHeight
+import androidx.compose.foundation.pager.HorizontalPager
+import androidx.compose.foundation.pager.rememberPagerState
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.ProvideTextStyle
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.rotate
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.RectangleShape
+import androidx.compose.ui.graphics.compositeOver
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.core.graphics.ColorUtils
+import com.habitrpg.android.habitica.R
+import com.habitrpg.common.habitica.helpers.launchCatching
+
+@Composable
+fun IntroPage(
+    page: Int,
+    title: @Composable () -> Unit,
+    subtitle: @Composable () -> Unit,
+    description: @Composable () -> Unit,
+    image: @Composable () -> Unit,
+    background: Brush,
+) {
+    Box(modifier = Modifier
+        .fillMaxSize()
+        .padding(horizontal = 40.dp), contentAlignment = Alignment.Center) {
+        Column(horizontalAlignment = Alignment.CenterHorizontally) {
+            ProvideTextStyle(
+                TextStyle(
+                    fontSize = 18.sp,
+                    fontWeight = FontWeight.Normal,
+                    textAlign = TextAlign.Center,
+                    color = Color.White
+                )
+            ) {
+                subtitle()
+            }
+            Spacer(modifier = Modifier.height(12.dp))
+            ProvideTextStyle(
+                TextStyle(
+                    fontSize = 28.sp,
+                    fontWeight = FontWeight.Bold,
+                    textAlign = TextAlign.Center,
+                    color = Color.White
+                )
+            ) {
+                title()
+            }
+            Spacer(modifier = Modifier.height(50.dp))
+            image()
+            Spacer(modifier = Modifier.height(50.dp))
+            ProvideTextStyle(
+                TextStyle(
+                    fontSize = 16.sp,
+                    fontWeight = FontWeight.Normal,
+                    textAlign = TextAlign.Center,
+                    color = Color.White,
+                    lineHeight = 20.sp
+                )
+            ) {
+                description()
+            }
+        }
+    }
+}
+
+fun Color.blend(topColor: Color, ratio: Float = 0.5f): Color {
+    if (ratio == 0f) return this
+    if (ratio == 1f) return topColor
+    val intColor = ColorUtils.blendARGB(toArgb(), topColor.toArgb(), ratio)
+    return Color(intColor)
+}
+
+@Composable
+fun IntroScreen(onNextOnboardingStep: () -> Unit) {
+    val pagerState = rememberPagerState(pageCount = { 3 })
+    val coroutineScope = rememberCoroutineScope()
+    val pageOffset by remember { derivedStateOf { pagerState.currentPageOffsetFraction } }
+    var topColor: Color
+    var bottomColor: Color
+    print(pageOffset)
+    if (pagerState.currentPage < 1) {
+        if (pageOffset > 0) {
+            topColor = colorResource(R.color.brand_400).blend(colorResource(R.color.blue_100), pageOffset)
+            bottomColor = colorResource(R.color.brand_100).blend(colorResource(R.color.blue_10), pageOffset)
+        } else {
+            topColor = colorResource(R.color.brand_400)
+            bottomColor = colorResource(R.color.brand_100)
+        }
+    } else if (pagerState.currentPage < 2) {
+        if (pageOffset > 0) {
+            topColor = colorResource(R.color.blue_100).blend(colorResource(R.color.red_100), pageOffset)
+            bottomColor = colorResource(R.color.blue_10).blend(colorResource(R.color.red_10), pageOffset)
+        } else {
+            topColor = colorResource(R.color.blue_100).blend(colorResource(R.color.brand_400), -pageOffset)
+            bottomColor = colorResource(R.color.blue_10).blend(colorResource(R.color.brand_200), -pageOffset)
+        }
+    } else {
+        if (pageOffset > 0) {
+            topColor = colorResource(R.color.blue_100).blend(colorResource(R.color.red_100), pageOffset)
+            bottomColor = colorResource(R.color.blue_10).blend(colorResource(R.color.red_10), pageOffset)
+        } else {
+            topColor = colorResource(R.color.red_100).blend(colorResource(R.color.blue_100), -pageOffset)
+            bottomColor = colorResource(R.color.red_10).blend(colorResource(R.color.blue_10), -pageOffset)
+        }
+    }
+    Box(Modifier.fillMaxSize().background(
+        Brush.verticalGradient(
+            listOf(topColor, bottomColor)
+        )
+    )) {
+        HorizontalPager(pagerState) { page ->
+            when (page) {
+                0 -> IntroPage(
+                    page = page,
+                    title = { Image(painterResource(R.drawable.intro_1_title), contentDescription = null) },
+                    subtitle = { Text(stringResource(R.string.intro_1_subtitle)) },
+                    description = { Text(stringResource(R.string.intro_1_description)) },
+                    image = { Image(painterResource(R.drawable.intro_1), contentDescription = null) },
+                    background = Brush.verticalGradient(listOf(colorResource(R.color.brand_400), colorResource(R.color.brand_200)))
+                )
+
+                1 -> IntroPage(
+                    page = page,
+                    title = { Text(stringResource(R.string.intro_2_title)) },
+                    subtitle = { Text(stringResource(R.string.intro_2_subtitle)) },
+                    description = { Text(stringResource(R.string.intro_2_description)) },
+                    image = { Image(painterResource(R.drawable.intro_2), contentDescription = null) },
+                    background = Brush.verticalGradient(listOf(colorResource(R.color.blue_100), colorResource(R.color.blue_50)))
+                )
+
+                2 -> IntroPage(
+                    page = page,
+                    title = { Text(stringResource(R.string.intro_3_title)) },
+                    subtitle = { Text(stringResource(R.string.intro_3_subtitle)) },
+                    description = { Text(stringResource(R.string.intro_3_description)) },
+                    image = { Image(painterResource(R.drawable.intro_3), contentDescription = null) },
+                    background = Brush.verticalGradient(listOf(colorResource(R.color.red_100), colorResource(R.color.red_50)))
+                )
+            }
+        }
+            Button(
+                onClick = {
+                    onNextOnboardingStep()
+                },
+                modifier = Modifier
+                    .align(Alignment.TopEnd)
+                    .padding(WindowInsets.systemBars.asPaddingValues()),
+                colors = ButtonDefaults.textButtonColors(),
+            ) {
+                Text(stringResource(R.string.skip_button), color = Color.White, fontSize = 18.sp)
+            }
+
+        Column(Modifier
+            .align(Alignment.BottomCenter)
+            .padding(WindowInsets.systemBars.asPaddingValues())
+            .padding(horizontal = 20.dp)) {
+            Row(
+                Modifier
+                    .wrapContentHeight()
+                    .fillMaxWidth()
+                    .padding(bottom = 8.dp),
+                horizontalArrangement = Arrangement.Center
+            ) {
+                repeat(pagerState.pageCount) { iteration ->
+                    val color = (if (pagerState.currentPage == iteration) Color.Black else Color.White).copy(alpha = 0.6f)
+                    Box(
+                        modifier = Modifier
+                            .padding(8.dp)
+                            .rotate(45f)
+                            .clip(RectangleShape)
+                            .background(color)
+                            .size(8.dp)
+                    )
+                }
+            }
+            Button(
+                {
+                    if (pagerState.currentPage < pagerState.pageCount - 1) {
+                        coroutineScope.launchCatching {
+                            pagerState.animateScrollToPage(pagerState.currentPage + 1)
+                        }
+                    } else {
+                        onNextOnboardingStep()
+                    }
+                },
+                colors = ButtonDefaults.buttonColors(
+                    containerColor = Color.Black.copy(alpha = 0.4f),
+                    contentColor = Color.White
+                ),
+
+                modifier = Modifier.fillMaxWidth()
+            ) {
+                if (pagerState.currentPage < pagerState.pageCount - 1) {
+                    Text(stringResource(R.string.next_button), fontSize = 18.sp, fontWeight = FontWeight.Normal)
+                } else {
+                    Text(stringResource(R.string.lets_go), fontSize = 18.sp, fontWeight = FontWeight.Normal)
+                }
+            }
+        }
+    }
+}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/login/LoginBackgroundView.kt

@@ -14,7 +14,13 @@ import android.widget.RelativeLayout
 import com.habitrpg.android.habitica.R
 import java.util.Random
 
-class LoginBackgroundView(context: Context, attrs: AttributeSet?) : RelativeLayout(context, attrs) {
+class LoginBackgroundView
+    @JvmOverloads
+    constructor(
+    context: Context,
+    attrs: AttributeSet? = null,
+    defStyleAttr: Int = 0
+) : RelativeLayout(context, attrs, defStyleAttr) {
     private val random: Random = Random()
 
     private lateinit var leftCloudView: ImageView

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/login/LoginForm.kt

@@ -0,0 +1,237 @@
+package com.habitrpg.android.habitica.ui.views.login
+
+import androidx.compose.animation.AnimatedContent
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.widthIn
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.ProvideTextStyle
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.habitrpg.android.habitica.R
+import com.habitrpg.android.habitica.ui.views.LoginFieldState
+import com.habitrpg.android.habitica.ui.views.LoginScreenField
+import com.habitrpg.common.habitica.theme.HabiticaTheme
+import com.habitrpg.common.habitica.views.HabiticaCircularProgressView
+
+@Composable
+fun LoginForm(
+    onToggleFormType: () -> Unit,
+    email: String,
+    emailFieldState: LoginFieldState,
+    onEmailChange: (String) -> Unit,
+    password: String,
+    passwordFieldState: LoginFieldState,
+    onPasswordChange: (String) -> Unit,
+    isRegistering: Boolean,
+    onSubmit: () -> Unit,
+    showLoading: Boolean,
+    modifier: Modifier = Modifier,
+) {
+    var confirmPassword by remember { mutableStateOf("") }
+    Column(
+        horizontalAlignment = Alignment.Companion.CenterHorizontally,
+        modifier = modifier.widthIn(max = 480.dp)
+    ) {
+        Button(
+            {
+                onToggleFormType()
+            },
+            colors = ButtonDefaults.textButtonColors(),
+            contentPadding = PaddingValues(15.dp),
+            modifier = Modifier.Companion.fillMaxWidth().padding(top = 24.dp, bottom = 8.dp)
+        ) {
+            ProvideTextStyle(TextStyle(fontSize=18.sp)) {
+                AnimatedContent(isRegistering) {
+                    if (it) {
+                        Row(horizontalArrangement = Arrangement.spacedBy(4.dp)) {
+                            Text(
+                                stringResource(R.string.already_have_an_account),
+                                color = colorResource(R.color.brand_600)
+                            )
+                            Text(
+                                stringResource(R.string.login_btn),
+                                color = colorResource(R.color.white)
+                            )
+                        }
+                    } else {
+                        Row(horizontalArrangement = Arrangement.spacedBy(4.dp)) {
+                            Text(
+                                stringResource(R.string.need_an_account),
+                                color = colorResource(R.color.brand_600)
+                            )
+                            Text(
+                                stringResource(R.string.register_btn),
+                                color = colorResource(R.color.white)
+                            )
+                        }
+                    }
+                }
+            }
+        }
+        LoginScreenField(
+            label = if (isRegistering) stringResource(R.string.email) else stringResource(R.string.username_or_email),
+            value = email,
+            state = emailFieldState,
+            onValueChange = onEmailChange,
+            icon = {
+                AnimatedContent(isRegistering) {
+                    if (it) {
+                        Image(
+                            painterResource(R.drawable.login_email),
+                            contentDescription = stringResource(R.string.email)
+                        )
+                    } else {
+                        Image(
+                            painterResource(R.drawable.login_username),
+                            contentDescription = stringResource(R.string.email)
+                        )
+                    }
+                }
+
+            },
+            modifier = Modifier.Companion.fillMaxWidth().padding(bottom = 10.dp),
+        )
+        LoginScreenField(
+            label = stringResource(R.string.password),
+            value = password,
+            state = passwordFieldState,
+            onValueChange = onPasswordChange,
+            hideInput = true,
+            icon = {
+                Image(
+                    painterResource(R.drawable.login_password),
+                    contentDescription = stringResource(R.string.password)
+                )
+            },
+            modifier = Modifier.Companion.fillMaxWidth(),
+        )
+        AnimatedVisibility(isRegistering) {
+            LoginScreenField(
+                label = stringResource(R.string.confirmpassword),
+                value = confirmPassword,
+                onValueChange = { confirmPassword = it },
+                hideInput = true,
+                state = when {
+                    confirmPassword.isEmpty() -> LoginFieldState.DEFAULT
+                    confirmPassword == password && passwordFieldState == LoginFieldState.VALID -> LoginFieldState.VALID
+                    else -> LoginFieldState.ERROR
+                },
+                icon = {
+                    Image(
+                        painterResource(R.drawable.login_password),
+                        contentDescription = stringResource(R.string.confirmpassword)
+                    )
+                },
+                modifier = Modifier.Companion.fillMaxWidth().padding(top = 10.dp),
+            )
+        }
+        AnimatedContent(showLoading) { isLoading ->
+            if (isLoading) {
+                HabiticaCircularProgressView(indicatorSize = 64.dp, modifier = Modifier.padding(top = 30.dp))
+            } else {
+                Button(
+                    {
+                        onSubmit()
+                    },
+                    colors = ButtonDefaults.buttonColors(
+                        containerColor = Color.Companion.White,
+                        contentColor = colorResource(R.color.gray_50),
+                        disabledContainerColor = Color.White.copy(alpha = 0.5f),
+                    ),
+                    shape = HabiticaTheme.shapes.large,
+                    contentPadding = PaddingValues(15.dp),
+                    enabled = if (isRegistering) {
+                        (emailFieldState == LoginFieldState.VALID && passwordFieldState == LoginFieldState.VALID && password == confirmPassword)
+                    } else {
+                        (email.isNotBlank() && password.isNotBlank())
+                    },
+                    modifier = Modifier.Companion.fillMaxWidth().padding(top = 30.dp)
+                ) {
+                    Row(
+                        horizontalArrangement = Arrangement.spacedBy(10.dp),
+                        verticalAlignment = Alignment.Companion.CenterVertically
+                    ) {
+                        if (isRegistering) {
+                            Text(
+                                stringResource(R.string.action_continue),
+                                fontWeight = FontWeight.Companion.Bold,
+                                fontSize = 18.sp
+                            )
+                        } else {
+                            Text(
+                                stringResource(R.string.login_btn), fontWeight = FontWeight.Companion.Bold,
+                                fontSize = 18.sp
+                            )
+                        }
+                    }
+                }
+            }
+        }
+        AnimatedVisibility(!isRegistering) {
+            Button(
+                {
+                },
+                colors = ButtonDefaults.buttonColors(
+                    containerColor = Color.Companion.White,
+                    contentColor = colorResource(R.color.gray_50)
+                ),
+                shape = HabiticaTheme.shapes.large,
+                contentPadding = PaddingValues(15.dp),
+                modifier = Modifier.Companion.widthIn(max = 480.dp).fillMaxWidth().padding(top = 10.dp)
+            ) {
+                Row(
+                    horizontalArrangement = Arrangement.spacedBy(10.dp),
+                    verticalAlignment = Alignment.Companion.CenterVertically
+                ) {
+                    Image(
+                        painterResource(R.drawable.googleg_standard_color_18),
+                        contentDescription = null
+                    )
+                    Text(
+                        stringResource(R.string.continue_with_google),
+                        fontWeight = FontWeight.Companion.Bold,
+                        fontSize = 18.sp
+                    )
+                }
+            }
+        }
+        AnimatedVisibility(!isRegistering) {
+            Button(
+                {
+                    onToggleFormType()
+                },
+                colors = ButtonDefaults.textButtonColors(),
+                contentPadding = PaddingValues(15.dp),
+                modifier = Modifier.Companion.fillMaxWidth()
+            ) {
+                Text(
+                    stringResource(R.string.forgot_pw_btn),
+                    color = colorResource(R.color.white),
+                    fontSize = 18.sp
+                )
+            }
+        }
+    }
+}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/login/LoginInitialButtons.kt

@@ -0,0 +1,105 @@
+package com.habitrpg.android.habitica.ui.views.login
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.widthIn
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.habitrpg.android.habitica.R
+import com.habitrpg.common.habitica.theme.HabiticaTheme
+
+@Composable
+fun LoginInitialButtons(onLoginClicked: () -> Unit,
+                        onRegisterClicked: () -> Unit,
+                        modifier: Modifier = Modifier.Companion
+) {
+    Column(
+        horizontalAlignment = Alignment.Companion.CenterHorizontally,
+        verticalArrangement = Arrangement.spacedBy(10.dp),
+        modifier = modifier.fillMaxWidth()
+    ) {
+        Button(
+            {
+            },
+            colors = ButtonDefaults.buttonColors(
+                containerColor = Color.Companion.White,
+                contentColor = colorResource(R.color.gray_50)
+            ),
+            shape = HabiticaTheme.shapes.large,
+            contentPadding = PaddingValues(15.dp),
+            modifier = Modifier.Companion.widthIn(max = 480.dp).fillMaxWidth()
+        ) {
+            Row(
+                horizontalArrangement = Arrangement.spacedBy(10.dp),
+                verticalAlignment = Alignment.Companion.CenterVertically
+            ) {
+                Image(
+                    painterResource(R.drawable.googleg_standard_color_18),
+                    contentDescription = null
+                )
+                Text(
+                    stringResource(R.string.continue_with_google),
+                    fontWeight = FontWeight.Companion.Bold,
+                    fontSize = 18.sp
+                )
+            }
+        }
+        Button(
+            {
+                onRegisterClicked()
+            },
+            colors = ButtonDefaults.buttonColors(
+                containerColor = Color.Companion.White,
+                contentColor = colorResource(R.color.gray_50)
+            ),
+            shape = HabiticaTheme.shapes.large,
+            contentPadding = PaddingValues(15.dp),
+            modifier = Modifier.Companion.widthIn(max = 480.dp).fillMaxWidth()
+        ) {
+            Row(
+                horizontalArrangement = Arrangement.spacedBy(10.dp),
+                verticalAlignment = Alignment.Companion.CenterVertically
+            ) {
+                Image(painterResource(R.drawable.ic_email_color), contentDescription = null)
+                Text(
+                    stringResource(R.string.continue_with_email),
+                    fontWeight = FontWeight.Companion.Bold,
+                    fontSize = 18.sp
+                )
+            }
+        }
+        Button(
+            {
+                onLoginClicked()
+            },
+            colors = ButtonDefaults.textButtonColors(),
+            contentPadding = PaddingValues(15.dp),
+            modifier = Modifier.Companion.fillMaxWidth()
+        ) {
+            Row(horizontalArrangement = Arrangement.spacedBy(4.dp)) {
+                Text(
+                    stringResource(R.string.already_have_an_account),
+                    color = colorResource(R.color.brand_600),
+                    fontSize = 18.sp
+                )
+                Text(stringResource(R.string.login_btn), color = colorResource(R.color.white),
+                    fontSize = 18.sp)
+            }
+        }
+    }
+}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/login/LoginScreen.kt

@@ -0,0 +1,234 @@
+package com.habitrpg.android.habitica.ui.views.login
+
+import android.util.Patterns
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.core.EaseInOut
+import androidx.compose.animation.core.animateDpAsState
+import androidx.compose.animation.core.tween
+import androidx.compose.animation.expandVertically
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
+import androidx.compose.animation.shrinkVertically
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.asPaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.systemBars
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.ProvideTextStyle
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Brush
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.compose.ui.viewinterop.AndroidView
+import com.habitrpg.android.habitica.R
+import com.habitrpg.android.habitica.ui.viewmodels.AuthenticationViewModel
+import com.habitrpg.android.habitica.ui.views.LoginFieldState
+import com.habitrpg.common.habitica.extensions.layoutInflater
+
+enum class LoginScreenState {
+    INITIAL,
+    LOGIN,
+    REGISTER,
+}
+
+@Composable
+fun LoginScreen(authenticationViewModel: AuthenticationViewModel, onNextOnboardingStep: (Boolean) -> Unit, modifier: Modifier = Modifier) {
+    val showLoading by authenticationViewModel.showAuthProgress.collectAsState(false)
+    val authenticationError by authenticationViewModel.authenticationError.collectAsState(null)
+
+    LaunchedEffect(authenticationViewModel) {
+        authenticationViewModel.authenticationSuccess.collect { isRegistering ->
+            onNextOnboardingStep(isRegistering)
+        }
+    }
+
+    var loginScreenState by remember { mutableStateOf(LoginScreenState.INITIAL) }
+    var password by authenticationViewModel.password
+    var passwordFieldState by remember { mutableStateOf(LoginFieldState.DEFAULT) }
+    var email by authenticationViewModel.email
+    var emailFieldState by remember { mutableStateOf(LoginFieldState.DEFAULT) }
+    Box(modifier.fillMaxSize()) {
+        AndroidView(
+            factory = { context ->
+                val layout = context.layoutInflater.inflate(R.layout.login_background, null)
+                (layout as? LockableScrollView)?.isScrollable = false
+                layout
+            },
+            modifier = Modifier.fillMaxSize(),
+        )
+        Column(
+            modifier = Modifier.fillMaxSize().align(Alignment.BottomCenter)
+        ) {
+            Spacer(modifier = Modifier.weight(1f))
+            Image(
+                painterResource(R.drawable.login_background),
+                contentDescription = null,
+                contentScale = ContentScale.Crop,
+                modifier = Modifier.width(800.dp)
+            )
+            AnimatedVisibility(
+                loginScreenState == LoginScreenState.INITIAL,
+                enter = expandVertically(tween(300, 400), expandFrom = Alignment.Top),
+                exit = shrinkVertically(shrinkTowards = Alignment.Top),
+            ) {
+                Box(
+                    modifier = Modifier.fillMaxWidth().height(200.dp).background(
+                            Brush.verticalGradient(
+                                listOf(
+                                    Color(0xFFA995EA),
+                                    colorResource(R.color.brand_400)
+                                )
+                            )
+                        )
+                )
+            }
+        }
+        AnimatedVisibility(
+            loginScreenState != LoginScreenState.INITIAL,
+            enter = fadeIn(), exit = fadeOut(),
+            modifier = Modifier.padding(WindowInsets.systemBars.asPaddingValues())
+        ) {
+            Button(
+                {
+                    loginScreenState = LoginScreenState.INITIAL
+                },
+                colors = ButtonDefaults.textButtonColors(contentColor = Color.White),
+                modifier = Modifier.align(Alignment.TopStart)
+            ) {
+                Image(painterResource(R.drawable.arrow_back), contentDescription = null)
+            }
+        }
+        val logoPadding by animateDpAsState(
+            if (loginScreenState == LoginScreenState.INITIAL) {
+                120.dp
+            } else {
+                50.dp
+            },
+            animationSpec = tween(
+                delayMillis = if (loginScreenState == LoginScreenState.INITIAL) 400 else 0,
+                easing = EaseInOut
+            ),
+            label = "padding"
+        )
+        ProvideTextStyle(TextStyle(fontSize = 18.sp)) {
+            Column(
+                horizontalAlignment = Alignment.CenterHorizontally,
+                modifier = Modifier.fillMaxWidth().padding(WindowInsets.systemBars.asPaddingValues()).padding(horizontal = 20.dp)
+            ) {
+                Image(
+                    painterResource(R.drawable.login_logo),
+                    contentDescription = null,
+                    modifier = Modifier.padding(top = logoPadding)
+                )
+                AnimatedVisibility(
+                    loginScreenState == LoginScreenState.INITIAL,
+                    enter = fadeIn(tween(300, 500)) + expandVertically(tween(300, 500)),
+                    exit = fadeOut()
+                ) {
+                    Text(
+                        stringResource(R.string.enjoy_getting_things_done),
+                        fontSize = 24.sp,
+                        lineHeight = 30.sp,
+                        fontWeight = FontWeight.SemiBold,
+                        color = colorResource(R.color.brand_600),
+                        textAlign = TextAlign.Center,
+                        modifier = Modifier.padding(top = 30.dp)
+                            .padding(horizontal = 30.dp)
+                    )
+                }
+                AnimatedVisibility(
+                    loginScreenState != LoginScreenState.INITIAL,
+                    enter = fadeIn(tween(300, 400)),
+                    exit = fadeOut()
+                ) {
+                    LoginForm(
+                        onToggleFormType = {
+                            loginScreenState =
+                                if (loginScreenState == LoginScreenState.LOGIN) LoginScreenState.REGISTER else LoginScreenState.LOGIN
+                        },
+                        email = email,
+                        emailFieldState = emailFieldState,
+                        onEmailChange = {
+                            email = it
+                            if (loginScreenState == LoginScreenState.REGISTER) {
+                                emailFieldState = if (it.isEmpty()) {
+                                    LoginFieldState.DEFAULT
+                                } else if (Patterns.EMAIL_ADDRESS.matcher(it).matches()) {
+                                    LoginFieldState.VALID
+                                } else {
+                                    LoginFieldState.ERROR
+                                }
+                            } else {
+                                emailFieldState = LoginFieldState.DEFAULT
+                            }
+                        },
+                        password = password,
+                        passwordFieldState = passwordFieldState,
+                        onPasswordChange = {
+                            password = it
+                            if (loginScreenState == LoginScreenState.REGISTER) {
+                                passwordFieldState = if (it.isEmpty()) {
+                                    LoginFieldState.DEFAULT
+                                } else if (it.length >= 8) {
+                                    LoginFieldState.VALID
+                                } else {
+                                    LoginFieldState.ERROR
+                                }
+                            } else {
+                                passwordFieldState = LoginFieldState.DEFAULT
+                            }
+                        },
+                        isRegistering = loginScreenState == LoginScreenState.REGISTER,
+                        onSubmit = {
+                            if (loginScreenState == LoginScreenState.REGISTER) {
+                                authenticationViewModel.register("", email, password, password)
+                            } else {
+                                authenticationViewModel.login(email, password)
+                            }
+                        },
+                        showLoading = showLoading
+                    )
+                }
+                Spacer(modifier = Modifier.weight(1f))
+                AnimatedVisibility(
+                    loginScreenState == LoginScreenState.INITIAL,
+                    enter = fadeIn(tween(300, 500)) + expandVertically(tween(300, 400)),
+                    exit = fadeOut() + shrinkVertically(tween(300, 200))
+                ) {
+                    LoginInitialButtons({
+                        loginScreenState = LoginScreenState.LOGIN
+                    }, {
+                        loginScreenState = LoginScreenState.REGISTER
+                    })
+                }
+            }
+        }
+    }
+}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/setup/AvatarCategoryView.kt

@@ -1,52 +0,0 @@
-package com.habitrpg.android.habitica.ui.views.setup
-
-import android.content.Context
-import android.graphics.PorterDuff
-import android.graphics.drawable.Drawable
-import android.util.AttributeSet
-import android.view.View
-import android.widget.LinearLayout
-import android.widget.TextView
-import androidx.core.content.ContextCompat
-import com.habitrpg.android.habitica.R
-import com.habitrpg.common.habitica.extensions.setTintWith
-
-class AvatarCategoryView(context: Context, attrs: AttributeSet?) : LinearLayout(context, attrs) {
-    private val icon: Drawable?
-    private val textView: TextView
-
-    init {
-        View.inflate(context, R.layout.avatar_category, this)
-
-        textView = findViewById(R.id.text_view)
-        val a =
-            context.theme.obtainStyledAttributes(
-                attrs,
-                R.styleable.AvatarCategoryView,
-                0,
-                0
-            )
-
-        textView.text = a.getText(R.styleable.AvatarCategoryView_categoryTitle)
-
-        icon = a.getDrawable(R.styleable.AvatarCategoryView_iconDrawable)
-        if (icon != null) {
-            textView.setCompoundDrawablesWithIntrinsicBounds(null, icon, null, null)
-        }
-        setActive(false)
-    }
-
-    fun setActive(active: Boolean) {
-        val color: Int =
-            if (active) {
-                ContextCompat.getColor(context, R.color.white)
-            } else {
-                ContextCompat.getColor(context, R.color.white_50_alpha)
-            }
-        textView.setTextColor(color)
-        if (icon != null) {
-            icon.setTintWith(color, PorterDuff.Mode.MULTIPLY)
-            textView.setCompoundDrawablesWithIntrinsicBounds(null, icon, null, null)
-        }
-    }
-}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/setup/AvatarCustomizationDrawer.kt

@@ -1,12 +0,0 @@
-package com.habitrpg.android.habitica.ui.views.setup
-
-import android.content.Context
-import android.util.AttributeSet
-import android.widget.LinearLayout
-import com.habitrpg.android.habitica.databinding.AvatarSetupDrawerBinding
-import com.habitrpg.common.habitica.extensions.layoutInflater
-
-class AvatarCustomizationDrawer(context: Context, attrs: AttributeSet?) :
-    LinearLayout(context, attrs) {
-    val binding = AvatarSetupDrawerBinding.inflate(context.layoutInflater, this, true)
-}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/setup/SetupScreen.kt

@@ -0,0 +1,607 @@
+package com.habitrpg.android.habitica.ui.views.setup
+
+import androidx.compose.animation.AnimatedContent
+import androidx.compose.animation.AnimatedContentTransitionScope
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.animateColor
+import androidx.compose.animation.animateContentSize
+import androidx.compose.animation.core.LinearOutSlowInEasing
+import androidx.compose.animation.core.animateDp
+import androidx.compose.animation.core.tween
+import androidx.compose.animation.core.updateTransition
+import androidx.compose.animation.expandVertically
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
+import androidx.compose.animation.scaleIn
+import androidx.compose.animation.togetherWith
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.horizontalScroll
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.asPaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.systemBars
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.layout.widthIn
+import androidx.compose.foundation.layout.wrapContentHeight
+import androidx.compose.foundation.lazy.grid.GridCells
+import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.ProvideTextStyle
+import androidx.compose.material3.Tab
+import androidx.compose.material3.TabRow
+import androidx.compose.material3.TabRowDefaults
+import androidx.compose.material3.TabRowDefaults.tabIndicatorOffset
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.draw.drawBehind
+import androidx.compose.ui.draw.rotate
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.graphics.ImageBitmap
+import androidx.compose.ui.graphics.ImageShader
+import androidx.compose.ui.graphics.RectangleShape
+import androidx.compose.ui.graphics.ShaderBrush
+import androidx.compose.ui.graphics.TileMode
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.imageResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.habitrpg.android.habitica.R
+import com.habitrpg.android.habitica.ui.views.TypewriterText
+import com.habitrpg.common.habitica.theme.HabiticaTheme
+import com.habitrpg.common.habitica.views.ComposableAvatarView
+
+@Composable
+fun SetupScreen(onNextOnboardingStep: () -> Unit) {
+    var currentStep by remember { mutableIntStateOf(0) }
+    var selectedCustomizationCategory by remember { mutableStateOf("skin") }
+
+    val density = LocalDensity.current
+    val img = ImageBitmap.imageResource(R.drawable.border_pixelated)
+
+    val bgColorTop = colorResource(R.color.brand_100)
+    val bgColorMiddle = colorResource(R.color.brand_200)
+    val bgColorBottom = colorResource(R.color.brand_300)
+    val pixelImage = remember {
+        ShaderBrush(
+            ImageShader(
+                img,
+                TileMode.Repeated,
+                TileMode.Repeated
+            )
+        )
+    }
+    val text = if (currentStep == 0) {
+        stringResource(R.string.onboarding_step_avatar)
+    } else {
+        stringResource(R.string.onboarding_step_tasks)
+    }
+    Box(
+        Modifier
+            .fillMaxSize()
+    ) {
+        Column(
+            verticalArrangement = Arrangement.SpaceBetween,
+            modifier = Modifier
+                .background(Color(0xFFC7E7FD))
+                .padding(
+                    top = WindowInsets.systemBars.asPaddingValues().calculateTopPadding()
+                )
+                .padding(top = 48.dp)
+        ) {
+            Column(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .background(bgColorMiddle)
+                    .weight(1f)
+            ) {
+                Box(
+                    Modifier
+                        .fillMaxWidth()
+                        .height(186.dp)
+                        .background(
+                            ShaderBrush(
+                                ImageShader(
+                                    ImageBitmap.imageResource(R.drawable.stable_background_spring),
+                                    TileMode.Repeated,
+                                    TileMode.Repeated
+                                )
+                            )
+                        )
+                ) {
+                    Box(
+                        Modifier
+                            .align(Alignment.BottomCenter)
+                            .fillMaxWidth()
+                            .height(18.dp)
+                            .drawBehind {
+                                drawRect(
+                                    pixelImage,
+                                    colorFilter = ColorFilter.tint(if (currentStep == 0) bgColorTop else bgColorMiddle)
+                                )
+                            }
+                    )
+                }
+
+                AnimatedVisibility(currentStep == 0) {
+                    Box(
+                        Modifier
+                            .fillMaxWidth()
+                            .background(bgColorTop)
+                            .padding(top = 170.dp)
+                            .padding(bottom = 26.dp)
+                    ) {
+                        CustomizationCategoryView(selectedCustomizationCategory)
+                    }
+                }
+                AnimatedContent(currentStep, modifier = Modifier.weight(1f)) {
+                    if (it == 0) {
+                        CustomizationCategorySelector(
+                            selectedCustomizationCategory,
+                            {
+                                selectedCustomizationCategory = it
+                            }
+                        )
+                    } else {
+                        OnboardingTaskSelector(modifier = Modifier.padding(top = 160.dp))
+                    }
+                }
+            }
+            Box(
+                Modifier
+                    .fillMaxWidth()
+                    .height(18.dp)
+                    .background(bgColorMiddle)
+                    .drawBehind {
+                        drawRect(
+                            pixelImage,
+                            colorFilter = ColorFilter.tint(bgColorBottom)
+                        )
+                    }
+            )
+            Column(
+                horizontalAlignment = Alignment.CenterHorizontally, modifier = Modifier
+                    .fillMaxWidth()
+                    .background(bgColorBottom)
+                    .padding(
+                        bottom = WindowInsets.systemBars.asPaddingValues()
+                            .calculateBottomPadding()
+                    )
+                    .animateContentSize()
+            ) {
+                Row(
+                    Modifier
+                        .wrapContentHeight()
+                        .fillMaxWidth()
+                        .padding(vertical = 16.dp),
+                    horizontalArrangement = Arrangement.Center
+                ) {
+                    repeat(2) { iteration ->
+                        val color =
+                            (if (currentStep == iteration) Color.White else Color.Black).copy(
+                                alpha = 0.4f
+                            )
+                        Box(
+                            modifier = Modifier
+                                .padding(8.dp)
+                                .rotate(45f)
+                                .clip(RectangleShape)
+                                .background(color)
+                                .size(8.dp)
+                        )
+                    }
+                }
+                Button(
+                    {
+                        if (currentStep == 0) {
+                            currentStep = 1
+                        } else {
+                            currentStep = 2
+                        }
+                    },
+                    colors = ButtonDefaults.buttonColors(
+                        containerColor = colorResource(R.color.white),
+                        contentColor = colorResource(R.color.gray_50)
+                    ),
+                    shape = HabiticaTheme.shapes.large,
+                    contentPadding = PaddingValues(15.dp),
+                    modifier = Modifier
+                        .fillMaxWidth()
+                        .padding(horizontal = 12.dp)
+                        .padding(bottom = 18.dp)
+                ) {
+                    Text(
+                        stringResource(if (currentStep == 0) R.string.next_button else R.string.finish),
+                        fontSize = 18.sp,
+                        fontWeight = FontWeight.Bold
+                    )
+                }
+            }
+        }
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally, modifier = Modifier
+                .fillMaxWidth()
+                .padding(top = 8.dp)
+                .padding(
+                    top = WindowInsets.systemBars.asPaddingValues().calculateTopPadding()
+                )
+        ) {
+            Text(
+                "Username",
+                color = colorResource(R.color.brand_600),
+                fontSize = 18.sp,
+                textAlign = TextAlign.Center,
+                modifier = Modifier
+                    .border(
+                        6.dp,
+                        colorResource(R.color.brand_400),
+                        shape = RoundedCornerShape(14.dp)
+                    )
+                    .padding(6.dp)
+                    .background(
+                        colorResource(R.color.brand_50),
+                        shape = RoundedCornerShape(8.dp)
+                    )
+                    .padding(horizontal = 20.dp, vertical = 12.dp)
+                    .widthIn(min = 120.dp)
+            )
+            ComposableAvatarView(null, null)
+        }
+        SpeechBubble(
+            text, { Text("Justin") }, modifier = Modifier
+                .padding(horizontal = 36.dp)
+                .padding(top = 210.dp)
+                .padding(
+                    top = WindowInsets.systemBars.asPaddingValues().calculateTopPadding()
+                )
+        )
+        AnimatedVisibility(
+            currentStep != 0,
+            enter = fadeIn(), exit = fadeOut(),
+            modifier = Modifier
+                .padding(top = 12.dp)
+                .padding(
+                    top = WindowInsets.systemBars.asPaddingValues().calculateTopPadding()
+                )
+        ) {
+            Button(
+                {
+                    currentStep = 0
+                },
+                colors = ButtonDefaults.textButtonColors(),
+                modifier = Modifier.align(Alignment.TopStart)
+            ) {
+                Image(
+                    painterResource(R.drawable.arrow_back),
+                    contentDescription = null,
+                    colorFilter = ColorFilter.tint(colorResource(R.color.brand_50)),
+                )
+            }
+        }
+        AnimatedVisibility(
+            currentStep == 2,
+            enter = expandVertically(expandFrom = Alignment.Bottom) + fadeIn(),
+            modifier = Modifier.align(Alignment.BottomCenter)
+        ) {
+            Box(
+                modifier = Modifier
+                    .fillMaxSize()
+                    .background(bgColorBottom)
+            )
+        }
+    }
+}
+
+@Composable
+fun OnboardingTaskSelector(modifier: Modifier = Modifier) {
+    LazyVerticalGrid(
+        columns = GridCells.Adaptive(minSize = 180.dp),
+        horizontalArrangement = Arrangement.spacedBy(10.dp, Alignment.CenterHorizontally),
+        verticalArrangement = Arrangement.spacedBy(10.dp, Alignment.CenterVertically),
+        contentPadding = PaddingValues(horizontal = 19.dp),
+        modifier = modifier
+            .fillMaxSize()
+    ) {
+        items(7) { index ->
+            Text(
+                "Test ${index}",
+                textAlign = TextAlign.Center,
+                fontSize = 18.sp,
+                fontWeight = FontWeight.Medium,
+                color = colorResource(R.color.white),
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .background(colorResource(R.color.brand_100), RoundedCornerShape(30.dp))
+                    .padding(20.dp)
+            )
+        }
+    }
+}
+
+@Composable
+fun CustomizationCategoryView(selectedCategory: String, modifier: Modifier = Modifier) {
+    var selectedTabIndex by remember { mutableIntStateOf(0) }
+    val unselected = Color.White.copy(0.5f)
+    Column(verticalArrangement = Arrangement.spacedBy(26.dp)) {
+        AnimatedContent(selectedCategory) {
+            ProvideTextStyle(
+                TextStyle(
+                    fontSize = 16.sp,
+                    fontWeight = FontWeight.Normal
+                )
+            ) {
+                TabRow(
+                    selectedTabIndex,
+                    containerColor = Color.Transparent,
+                    contentColor = Color.White,
+                    divider = {},
+                    indicator = { positions ->
+                        if (selectedTabIndex < positions.size) {
+                            TabRowDefaults.PrimaryIndicator(
+                                Modifier.tabIndicatorOffset(positions[selectedTabIndex]),
+                                width = 60.dp,
+                                height = 2.dp,
+                                color = colorResource(R.color.brand_400)
+                            )
+                        }
+                    }) {
+                    when (it) {
+                        "skin" -> {
+                            Tab(
+                                selectedTabIndex == 0,
+                                unselectedContentColor = unselected,
+                                onClick = { selectedTabIndex = 0 }) {
+                                Text(
+                                    stringResource(R.string.avatar_skin_color).uppercase(),
+                                    modifier = Modifier.padding(bottom = 8.dp)
+                                )
+                            }
+                        }
+
+                        "hair" -> {
+                            Tab(
+                                selectedTabIndex == 0,
+                                unselectedContentColor = unselected,
+                                onClick = { selectedTabIndex = 0 }) {
+                                Text(
+                                    stringResource(R.string.avatar_hair_color).uppercase(),
+                                    modifier = Modifier.padding(bottom = 8.dp)
+                                )
+                            }
+                            Tab(
+                                selectedTabIndex == 1,
+                                unselectedContentColor = unselected,
+                                onClick = { selectedTabIndex = 1 }) {
+                                Text(
+                                    stringResource(R.string.avatar_hair_bangs).uppercase(),
+                                    modifier = Modifier.padding(bottom = 8.dp)
+                                )
+                            }
+                            Tab(
+                                selectedTabIndex == 2,
+                                unselectedContentColor = unselected,
+                                onClick = { selectedTabIndex = 2 }) {
+                                Text(
+                                    stringResource(R.string.avatar_hair_styles).uppercase(),
+                                    modifier = Modifier.padding(bottom = 8.dp)
+                                )
+                            }
+                            Tab(
+                                selectedTabIndex == 3,
+                                unselectedContentColor = unselected,
+                                onClick = { selectedTabIndex = 3 }) {
+                                Text(
+                                    stringResource(R.string.avatar_hair_ponytail).uppercase(),
+                                    modifier = Modifier.padding(bottom = 8.dp)
+                                )
+                            }
+                        }
+
+                        "clothes" -> {
+                            Tab(
+                                selectedTabIndex == 0,
+                                unselectedContentColor = unselected,
+                                onClick = { selectedTabIndex = 0 }) {
+                                Text(
+                                    stringResource(R.string.avatar_shirt).uppercase(),
+                                    modifier = Modifier.padding(bottom = 8.dp)
+                                )
+                            }
+                        }
+
+                        "accessories" -> {
+                            Tab(
+                                selectedTabIndex == 0,
+                                unselectedContentColor = unselected,
+                                onClick = { selectedTabIndex = 0 }) {
+                                Text(
+                                    stringResource(R.string.avatar_wheelchair).uppercase(),
+                                    modifier = Modifier.padding(bottom = 8.dp)
+                                )
+                            }
+                            Tab(
+                                selectedTabIndex == 0,
+                                unselectedContentColor = unselected,
+                                onClick = { selectedTabIndex = 0 }) {
+                                Text(
+                                    stringResource(R.string.avatar_flower).uppercase(),
+                                    modifier = Modifier.padding(bottom = 8.dp)
+                                )
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        AnimatedContent(selectedCategory,
+            transitionSpec = {
+                (fadeIn(animationSpec = tween(220, delayMillis = 400)) +
+                        scaleIn(initialScale = 0.92f, animationSpec = tween(220, delayMillis = 400)))
+                    .togetherWith(fadeOut(animationSpec = tween(90)))
+            }) {
+            val scrollState = rememberScrollState()
+            var selectedItem by remember { mutableIntStateOf(0) }
+            AnimatedContent(
+                selectedTabIndex,
+                transitionSpec = {
+                    slideIntoContainer(
+                        if (targetState > initialState) {
+                            AnimatedContentTransitionScope.SlideDirection.End
+                        } else {
+                            AnimatedContentTransitionScope.SlideDirection.Start
+                        },
+                        tween(400, 300)
+                    )
+                        .togetherWith(
+                            slideOutOfContainer(
+                                if (targetState > initialState) {
+                                    AnimatedContentTransitionScope.SlideDirection.End
+                                } else {
+                                    AnimatedContentTransitionScope.SlideDirection.Start
+                                }, tween(400, easing = LinearOutSlowInEasing)
+                            )
+                        )
+                },
+            ) { it ->
+                Row(
+                    horizontalArrangement = Arrangement.spacedBy(16.dp),
+                    verticalAlignment = Alignment.CenterVertically,
+                    modifier = modifier
+                        .fillMaxWidth()
+                        .padding(top = 12.dp)
+                        .horizontalScroll(scrollState)
+                ) {
+                    Spacer(modifier = Modifier.width(20.dp))
+                    repeat(8) { index ->
+                        val transition = updateTransition(index == selectedItem)
+                        val borderColor by transition.animateColor { if (it) colorResource(R.color.brand_400) else Color.Transparent }
+                        val borderWidth by transition.animateDp({
+                            tween(300)
+                        }) { if (it) 4.dp else 0.dp }
+                        Image(
+                            painterResource(R.drawable.creator_hair_bangs_1_black),
+                            contentDescription = null,
+                            contentScale = ContentScale.None,
+                            modifier = Modifier
+                                .size(68.dp)
+                                .border(borderWidth, borderColor, CircleShape)
+                                .padding(4.dp)
+                                .background(Color.White, CircleShape)
+                                .clickable {
+                                    selectedItem = index
+                                }
+                        )
+                    }
+                    Spacer(modifier = Modifier.width(20.dp))
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun CustomizationCategorySelector(
+    selectedCategory: String,
+    onCategorySelected: (String) -> Unit,
+    modifier: Modifier = Modifier
+) {
+    Row(
+        horizontalArrangement = Arrangement.SpaceBetween,
+        verticalAlignment = Alignment.CenterVertically,
+        modifier = modifier
+            .fillMaxWidth()
+            .padding(horizontal = 31.dp)
+    ) {
+        val categories = listOf(
+            Pair("skin", Pair(stringResource(R.string.avatar_skin), R.drawable.icon_skin)),
+            Pair("hair", Pair(stringResource(R.string.avatar_hair), R.drawable.icon_hair)),
+            Pair("clothes", Pair(stringResource(R.string.avatar_body), R.drawable.icon_body)),
+            Pair(
+                "accessories",
+                Pair(stringResource(R.string.avatar_extras), R.drawable.icon_extras)
+            )
+        )
+        categories.forEach { category ->
+            val isSelected = selectedCategory == category.first
+            val color = if (isSelected) Color.White else Color.White.copy(0.5f)
+            Column(
+                horizontalAlignment = Alignment.CenterHorizontally,
+                modifier = Modifier
+                    .clip(RoundedCornerShape(12.dp))
+                    .clickable {
+                        onCategorySelected(category.first)
+                    }
+                    .padding(8.dp)) {
+                Image(
+                    painterResource(category.second.second), contentDescription = null,
+                    colorFilter = ColorFilter.tint(color)
+                )
+                Text(
+                    category.second.first.uppercase(),
+                    color = if (isSelected) Color.White else colorResource(R.color.brand_500),
+                    fontSize = 16.sp,
+                    fontWeight = FontWeight.Normal,
+                    textAlign = TextAlign.Center,
+                    letterSpacing = 1.3.sp,
+                    modifier = Modifier.padding(top = 18.dp)
+                )
+            }
+        }
+    }
+}
+
+@Composable
+fun SpeechBubble(
+    text: String,
+    npcName: @Composable () -> Unit,
+    modifier: Modifier = Modifier,
+    npc: @Composable (() -> Unit)? = null
+) {
+    TypewriterText(
+        text, fontSize = 16.sp,
+        fontWeight = FontWeight.Medium,
+        lineHeight = 21.sp,
+        color = colorResource(R.color.yellow_1),
+        modifier = modifier
+            .border(
+                width = 4.dp,
+                colorResource(R.color.yellow_10),
+                shape = RoundedCornerShape(12.dp)
+            )
+            .padding(4.dp)
+            .background(Color.White, shape = RoundedCornerShape(8.dp))
+            .padding(24.dp)
+    )
+}

Habitica/src/main/java/com/habitrpg/android/habitica/ui/views/setup/UsernameSelectionScreen.kt

@@ -0,0 +1,224 @@
+package com.habitrpg.android.habitica.ui.views.setup
+
+import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.asPaddingValues
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.ime
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.systemBars
+import androidx.compose.foundation.layout.union
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.rememberUpdatedState
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.ColorFilter
+import androidx.compose.ui.res.colorResource
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.SpanStyle
+import androidx.compose.ui.text.TextLinkStyles
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.text.fromHtml
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import com.habitrpg.android.habitica.R
+import com.habitrpg.android.habitica.ui.viewmodels.AuthenticationViewModel
+import com.habitrpg.android.habitica.ui.views.LoginFieldState
+import com.habitrpg.android.habitica.ui.views.LoginScreenField
+import com.habitrpg.common.habitica.theme.HabiticaTheme
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+
+
+@Composable
+fun <T> T.useDebounce(
+    delayMillis: Long = 300L,
+    coroutineScope: CoroutineScope = rememberCoroutineScope(),
+    onChange: (T) -> Unit
+): T{
+    val state by rememberUpdatedState(this)
+
+    DisposableEffect(state){
+        val job = coroutineScope.launch {
+            delay(delayMillis)
+            onChange(state)
+        }
+        onDispose {
+            job.cancel()
+        }
+    }
+    return state
+}
+
+@Composable
+fun UsernameSelectionScreen(
+    authenticationViewModel: AuthenticationViewModel,
+    onPreviousOnboardingStep: () -> Unit,
+    onNextOnboardingStep: () -> Unit
+) {
+    var username by authenticationViewModel.username
+    val isUsernameValid by authenticationViewModel.isUsernameValid.collectAsState(null)
+    val usernameIssues by authenticationViewModel.usernameIssues.collectAsState(null)
+
+    username.useDebounce {
+        if (it.length > 2) {
+            authenticationViewModel.checkUsername(it)
+        }
+    }
+
+    var acceptedTerms by remember { mutableStateOf(false) }
+    Box(
+        modifier = Modifier
+            .fillMaxSize()
+            .background(colorResource(R.color.brand_300))
+            .padding(WindowInsets.ime.union(WindowInsets.systemBars).asPaddingValues())
+    ) {
+        Button(
+            {
+                onPreviousOnboardingStep()
+            },
+            colors = ButtonDefaults.textButtonColors(contentColor = Color.White),
+            modifier = Modifier.align(Alignment.TopStart)
+        ) {
+            Image(painterResource(R.drawable.arrow_back), contentDescription = null)
+        }
+        Column(
+            horizontalAlignment = Alignment.CenterHorizontally,
+            verticalArrangement = Arrangement.spacedBy(10.dp, Alignment.CenterVertically),
+            modifier = Modifier
+                .fillMaxSize()
+                .padding(top = 50.dp)
+                .padding(horizontal = 20.dp)
+        ) {
+            Image(
+                painter = painterResource(R.drawable.header_verify_username),
+                contentDescription = null,
+                modifier = Modifier
+                    .padding(bottom = 16.dp)
+            )
+            Text(
+                text = stringResource(R.string.what_should_call_you),
+                fontSize = 24.sp,
+                fontWeight = FontWeight.SemiBold,
+                color = Color.White,
+                modifier = Modifier
+            )
+            LoginScreenField(
+                stringResource(R.string.username),
+                value = username,
+                prefix = {
+                    Text("@", fontSize = 16.sp, color = colorResource(R.color.brand_600), modifier = Modifier.padding(end = 8.dp))
+                },
+                state = when (isUsernameValid) {
+                    true -> LoginFieldState.VALID
+                    false -> LoginFieldState.ERROR
+                    else -> LoginFieldState.DEFAULT
+                },
+                onValueChange = {
+                                username = it
+                                authenticationViewModel.invalidateUsernameState()
+                                },
+                modifier = Modifier
+            )
+            AnimatedVisibility(usernameIssues?.isNotBlank() == true) {
+                Text(
+                    text = usernameIssues ?: "",
+                    fontSize = 16.sp,
+                    color = colorResource(R.color.red_500),
+                    textAlign = TextAlign.Center,
+                    modifier = Modifier
+                        .padding(horizontal = 16.dp)
+                        .padding(bottom = 12.dp)
+                )
+            }
+            Text(
+                text = stringResource(R.string.username_description),
+                fontSize = 16.sp,
+                color = colorResource(R.color.brand_600),
+                textAlign = TextAlign.Center,
+                modifier = Modifier
+                    .padding(horizontal = 16.dp)
+            )
+            Spacer(Modifier.weight(1f))
+            Row(
+                horizontalArrangement = Arrangement.spacedBy(12.dp),
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(bottom = 4.dp)
+            ) {
+                Box(
+                    modifier = Modifier
+                        .size(30.dp)
+                        .clickable {
+                            acceptedTerms = !acceptedTerms
+                        }
+                        .background(colorResource(R.color.brand_100), shape = HabiticaTheme.shapes.small)) {
+                    if (acceptedTerms) {
+                        Image(
+                            painter = painterResource(R.drawable.checkmark),
+                            contentDescription = null,
+                            colorFilter = ColorFilter.tint(Color.White),
+                            modifier = Modifier
+                                .align(Alignment.Center)
+                        )
+                    }
+                }
+                Text(
+                    AnnotatedString.fromHtml(
+                        stringResource(R.string.register_tos_confirm),
+                        linkStyles = TextLinkStyles(style = SpanStyle(
+                            fontWeight = FontWeight.Bold,
+                            color = colorResource(R.color.white)
+                        ))
+                    ),
+                    fontSize = 16.sp,
+                    color = colorResource(R.color.brand_600),
+                    fontWeight = FontWeight.Normal,
+                )
+            }
+            Button(
+                onClick = onNextOnboardingStep,
+                colors = ButtonDefaults.buttonColors(
+                    containerColor = Color.White,
+                    contentColor = colorResource(R.color.gray_50),
+                    disabledContainerColor = Color.White.copy(alpha = 0.5f),
+                    disabledContentColor = colorResource(R.color.gray_50)
+                ),
+                enabled = isUsernameValid == true && acceptedTerms,
+                shape = HabiticaTheme.shapes.large,
+                contentPadding = PaddingValues(15.dp),
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(bottom = 16.dp)
+            ) {
+                Text(stringResource(R.string.get_started), fontSize = 18.sp, fontWeight = FontWeight.Bold)
+            }
+        }
+    }
+}

Habitica/src/main/res/layout/login_background.xml

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<com.habitrpg.android.habitica.ui.views.login.LockableScrollView xmlns:android="http://schemas.android.com/apk/res/android"
+        xmlns:app="http://schemas.android.com/apk/res-auto"
+        xmlns:tools="http://schemas.android.com/tools"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:id="@+id/background_container"
+        android:scrollIndicators="none"
+        android:scrollbars="none"
+        tools:showIn="@layout/activity_login">
+
+    <com.habitrpg.android.habitica.ui.views.login.LoginBackgroundView
+            android:id="@+id/background_view"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:background="@drawable/login_gradient"
+            android:clipChildren="false"
+            android:clipToPadding="false"
+            android:layout_marginEnd="-2dp">
+
+        <Space
+                android:id="@+id/cloud_anchor"
+                android:layout_width="0dp"
+                android:layout_height="0dp"
+                android:layout_centerHorizontal="true"
+                android:visibility="invisible"
+                android:layout_alignParentTop="true"
+                android:layout_marginTop="50dp" />
+
+        <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                app:srcCompat="@drawable/cloud_1"
+                android:id="@+id/left_cloud_view"
+                android:layout_toStartOf="@id/cloud_anchor"
+                android:layout_marginEnd="150dp"
+                android:layout_alignParentTop="true"
+                android:layout_marginTop="50dp"
+                android:scaleType="centerCrop" />
+
+        <ImageView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                app:srcCompat="@drawable/cloud_2"
+                android:id="@+id/right_cloud_view"
+                android:layout_toEndOf="@id/cloud_anchor"
+                android:layout_marginStart="170dp"
+                android:layout_alignParentTop="true"
+                android:scaleType="centerCrop"
+                android:layout_marginTop="130dp" />
+    </com.habitrpg.android.habitica.ui.views.login.LoginBackgroundView>
+
+</com.habitrpg.android.habitica.ui.views.login.LockableScrollView>

Habitica/src/main/res/values/strings.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="continue_with_google">Continue with Google</string>
+    <string name="continue_with_email">Continue with email</string>
+    <string name="already_have_an_account">Already have an account?</string>
+    <string name="need_an_account">Need an account?</string>
+    <string name="enjoy_getting_things_done">Enjoy having fun getting things done</string>
+    <string name="what_should_call_you">What should we call you?</string>
+    <string name="get_started">Get Started</string>
+    <string name="username_description">This is a unique name you can change later at any time!</string>
+    <string name="onboarding_step_avatar">You must be new here. I’m Justin, I’ll be your guide in Habitica.\n\nSo how would you like to look? Don’t worry, you can change this later.</string>
+    <string name="onboarding_step_tasks">Looking good! Now, choose any categories you’d like to work on and we’ll create a few tasks to get started.\n\nWe’ll go to your task board after this!</string>
+</resources>

common/build.gradle.kts

@@ -120,5 +120,4 @@ dependencies {
     implementation(libs.text.google.fonts)
     implementation(libs.ui.tooling)
     implementation(libs.material3)
-    implementation(libs.accompanist.theme)
 }