init payment

public/locales/de/translation.json

@@ -156,6 +156,10 @@
       "stateInitLogin": {
         "info": "Ihr Konto wurde neu erstellt und hat noch kein Passwort. Bitte legen Sie ein Passwort fest, um sich anzumelden."
       },
+      "stateInitPayment": {
+        "title": "Zahlung ausstehend",
+        "description": "Bitte schließen Sie die Zahlung ab, um sich anzumelden."
+      },
       "request": {
         "400": {
           "title": "Anmeldung fehlgeschlagen",

src/Pages/Authentication/Login.js

@@ -30,6 +30,7 @@ const LoginStep = {
   BANNED: 5,
   _BACK_TO_PASSWORD: 6, // needed for going back from pending deletion to password step as the useEffect for the account name is triggered and would set the step to account name
   PENDING_EMAIL_VERIFICATION: 7,
+  INIT_PAYMENT: 8,
 };
 
 // First step: account name -> get state of account by backend
@@ -129,6 +130,16 @@ export function Login({ notificationApi }) {
     return <PendingEmailVerification />;
   }
 
+  if (step === LoginStep.INIT_PAYMENT) {
+    return (
+      <Result
+        status="warning"
+        title={t("authentication.login.stateInitPayment.title")}
+        subTitle={t("authentication.login.stateInitPayment.description")}
+      />
+    );
+  }
+
   return (
     <Form
       form={form}
@@ -252,6 +263,9 @@ export function Login({ notificationApi }) {
                     case Constants.ACCOUNT_STATE.PENDING_EMAIL_VERIFICATION:
                       setStep(LoginStep.PENDING_EMAIL_VERIFICATION);
                       break;
+                    case Constants.ACCOUNT_STATE.INIT_PAYMENT:
+                      setStep(LoginStep.INIT_PAYMENT);
+                      break;
                     default:
                       showUnkownErrorNotification(notificationApi, t);
                       break;

src/utils.js

@@ -103,6 +103,7 @@ export const Constants = {
     INIT_LOGGING: 2,
     BANNED: 3,
     PENDING_EMAIL_VERIFICATION: 4,
+    INIT_PAYMENT: 5,
   },
   SUPPORT_EMAIL: process.env.REACT_APP_SUPPORT_EMAIL,
   PAYMENT_PLAN: [