Retry loading of the pickle key if the user is logged in.

If the Keyring is unavailable or not unlocked Element would start
without being able to decrypt messages. This fix will ensure Element
doesn't start unless it was able to retrieve the encryption key.

Unlocking the Keyring at a later time would not result in the messages
being decrypted. The app would need to be restarted to achieve this.

This fixes https://github.com/vector-im/element-web/issues/17845

src/Lifecycle.ts

@@ -418,17 +418,21 @@ export async function restoreFromLocalStorage(opts?: { ignoreGuest?: boolean }):
         }
 
         let decryptedAccessToken = accessToken;
-        const pickleKey = await PlatformPeg.get().getPickleKey(userId, deviceId);
-        if (pickleKey) {
-            logger.log("Got pickle key");
-            if (typeof accessToken !== "string") {
-                const encrKey = await pickleKeyToAesKey(pickleKey);
-                decryptedAccessToken = await decryptAES(accessToken, encrKey, "access_token");
-                encrKey.fill(0);
+        let pickleKey = null;
+        do {
+            pickleKey = await PlatformPeg.get().getPickleKey(userId, deviceId);
+            if (pickleKey) {
+                logger.log("Got pickle key");
+                if (typeof accessToken !== "string") {
+                    const encrKey = await pickleKeyToAesKey(pickleKey);
+                    decryptedAccessToken = await decryptAES(accessToken, encrKey, "access_token");
+                    encrKey.fill(0);
+                }
+            } else {
+                logger.log("No pickle key available. Waiting 1s and trying to read it again. (Hint: Is your Keyring unlocked?)");
+                await new Promise(r => setTimeout(r, 1000));
             }
-        } else {
-            logger.log("No pickle key available");
-        }
+        } while(pickleKey == null);
 
         const freshLogin = sessionStorage.getItem("mx_fresh_login") === "true";
         sessionStorage.removeItem("mx_fresh_login");