Fix import flow for more advanced scenarios

UI/ImportFlow/LoginToImport.ts

@@ -0,0 +1,52 @@
+import Combine from "../Base/Combine";
+import {FlowStep} from "./FlowStep";
+import UserRelatedState from "../../Logic/State/UserRelatedState";
+import {UIEventSource} from "../../Logic/UIEventSource";
+import Translations from "../i18n/Translations";
+import Title from "../Base/Title";
+import {VariableUiElement} from "../Base/VariableUIElement";
+import {LoginToggle} from "../Popup/LoginButton";
+import Img from "../Base/Img";
+import Constants from "../../Models/Constants";
+import Toggle from "../Input/Toggle";
+import {SubtleButton} from "../Base/SubtleButton";
+import Svg from "../../Svg";
+import MoreScreen from "../BigComponents/MoreScreen";
+
+export default class LoginToImport extends Combine implements FlowStep<UserRelatedState> {
+    readonly IsValid: UIEventSource<boolean>;
+    readonly Value: UIEventSource<UserRelatedState>;
+
+    constructor(state: UserRelatedState) {
+        const t = Translations.t.importHelper
+        const isValid = state.osmConnection.userDetails.map(ud => ud.csCount >= Constants.userJourney.importHelperUnlock)
+        super([
+            new Title(t.userAccountTitle),
+            new LoginToggle(
+                new VariableUiElement(state.osmConnection.userDetails.map(ud => {
+                    if (ud === undefined) {
+                        return undefined
+                    }
+                    return new Combine([
+                        new Img(ud.img ?? "./assets/svgs/help.svg").SetClass("w-16 h-16 rounded-full"),
+                        t.loggedInWith.Subs(ud),
+                        new SubtleButton(Svg.logout_svg().SetClass("h-8"), Translations.t.general.logout)
+                            .onClick(() => state.osmConnection.LogOut())
+                    ]);
+                })),
+                new Combine([t.loginRequired,
+                    MoreScreen.CreateProffessionalSerivesButton()
+                ]),
+                state
+            ),
+            new Toggle(undefined,
+                new Combine(
+                    [t.lockNotice.Subs(Constants.userJourney).SetClass("alert"),
+                        MoreScreen.CreateProffessionalSerivesButton()])
+
+                , isValid)
+        ])
+        this.Value = new UIEventSource<UserRelatedState>(state)
+        this.IsValid = isValid;
+    }
+}