Fix some of the selectors used on the login form

optional-requirements.txt

@@ -4,7 +4,7 @@
 #/e2be
 python-olm>=3,<4
 pycryptodome>=3,<4
-unpaddedbase64>=1,<2
+unpaddedbase64>=1,<3
 
 #/metrics
-prometheus_client>=0.6,<0.11
+prometheus_client>=0.6,<0.18

puppet/src/contentscript.js

@@ -1705,7 +1705,7 @@ class MautrixController {
 		this.emailAppearObserver = new MutationObserver(changes => {
 			for (const change of changes) {
 				for (const node of change.addedNodes) {
-					const emailArea = node.querySelector("#login_email_area")
+					const emailArea = node.querySelector("[class*='login_form_area']")
 					if (emailArea && !emailArea.classList.contains("MdNonDisp")) {
 						window.__mautrixSendEmailCredentials()
 						return

puppet/src/puppet.js

@@ -210,7 +210,7 @@ export default class MessagesPuppeteer {
 		this.loginRunning = true
 		await this.page.bringToFront()
 
-		const loginContentArea = await this.page.waitForSelector("#login_content")
+		const loginContentArea = await this.page.waitForSelector("[class*='page_login']")
 
 		switch (login_type) {
 		case "qr": {
@@ -236,10 +236,7 @@ export default class MessagesPuppeteer {
 				return
 			}
 
-			const emailButton = await this.page.waitForSelector("#login_email_btn")
+			await this.page.waitForSelector("[class*='login_form_area']", {visible: true})
-			await emailButton.click()
-
-			await this.page.waitForSelector("#login_email_area", {visible: true})
 			this.login_email = login_data["email"]
 			this.login_password = login_data["password"]
 			await this._sendEmailCredentials()
@@ -1263,9 +1260,9 @@ export default class MessagesPuppeteer {
 
 	async _sendEmailCredentials() {
 		this.log("Inputting login credentials")
-		await this._enterText(await this.page.$("#line_login_email"), this.login_email)
+		await this._enterText(await this.page.$("input[name='email']"), this.login_email)
-		await this._enterText(await this.page.$("#line_login_pwd"), this.login_password)
+		await this._enterText(await this.page.$("input[name='password']"), this.login_password)
-		await this.page.click("button#login_btn")
+		await this.page.click("button[class*='button_login']")
 	}
 
 	_receiveQRChange(url) {

requirements.txt

@@ -1,10 +1,10 @@
-ruamel.yaml>=0.15.35,<0.18
+ruamel.yaml>=0.15.94,<0.18
 python-magic>=0.4,<0.5
 commonmark>=0.8,<0.10
 aiohttp>=3,<4
 yarl>=1,<2
 attrs>=19.1
-mautrix>=0.9.2,<0.10
+mautrix>=0.20.0,<0.21
-asyncpg>=0.20,<0.23
+asyncpg>=0.20,<0.28
-pillow>=4,<9
+pillow>=4,<10
 qrcode>=6,<7