Add hidden button for bootstrapping SSSS

This adds an testing button to the key backup panel which bootstraps the Secure
Secret Storage system (and also cross-signing keys).

Fixes https://github.com/vector-im/riot-web/issues/11212

src/components/views/settings/KeyBackupPanel.js

@@ -20,6 +20,7 @@ import sdk from '../../../index';
 import MatrixClientPeg from '../../../MatrixClientPeg';
 import { _t } from '../../../languageHandler';
 import Modal from '../../../Modal';
+import SettingsStore from '../../../../lib/settings/SettingsStore';
 
 export default class KeyBackupPanel extends React.PureComponent {
     constructor(props) {
@@ -124,6 +125,27 @@ export default class KeyBackupPanel extends React.PureComponent {
         );
     }
 
+    _bootstrapSecureSecretStorage = async () => {
+        try {
+            const InteractiveAuthDialog = sdk.getComponent("dialogs.InteractiveAuthDialog");
+            await MatrixClientPeg.get().bootstrapSecretStorage({
+                doInteractiveAuthFlow: async (makeRequest) => {
+                    const { finished } = Modal.createTrackedDialog(
+                        'Cross-signing keys dialog', '', InteractiveAuthDialog,
+                        {
+                            title: _t("Send cross-signing keys to homeserver"),
+                            matrixClient: MatrixClientPeg.get(),
+                            makeRequest,
+                        },
+                    );
+                    await finished;
+                },
+            });
+        } catch (e) {
+            console.error(e);
+        }
+    }
+
     _deleteBackup = () => {
         const QuestionDialog = sdk.getComponent('dialogs.QuestionDialog');
         Modal.createTrackedDialog('Delete Backup', '', QuestionDialog, {
@@ -298,6 +320,21 @@ export default class KeyBackupPanel extends React.PureComponent {
                 </div>
             </div>;
         } else {
+            // This is a temporary button for testing SSSS. Initialising SSSS
+            // depends on cross-signing and is part of the same project, so we
+            // only show this mode when the cross-signing feature is enabled.
+            // TODO: Clean this up when removing the feature flag.
+            let bootstrapSecureSecretStorage;
+            if (SettingsStore.isFeatureEnabled("feature_cross_signing")) {
+                bootstrapSecureSecretStorage = (
+                    <div className="mx_KeyBackupPanel_buttonRow">
+                        <AccessibleButton kind="primary" onClick={this._bootstrapSecureSecretStorage}>
+                            {_t("Bootstrap Secure Secret Storage (MSC1946)")}
+                        </AccessibleButton>
+                    </div>
+                );
+            }
+
             return <div>
                 <div>
                     <p>{_t(
@@ -307,9 +344,12 @@ export default class KeyBackupPanel extends React.PureComponent {
                     <p>{encryptedMessageAreEncrypted}</p>
                     <p>{_t("Back up your keys before signing out to avoid losing them.")}</p>
                 </div>
+                <div className="mx_KeyBackupPanel_buttonRow">
                     <AccessibleButton kind="primary" onClick={this._startNewBackup}>
-                    { _t("Start using Key Backup") }
+                        {_t("Start using Key Backup")}
                     </AccessibleButton>
+                </div>
+                {bootstrapSecureSecretStorage}
             </div>;
         }
     }

src/i18n/strings/en_EN.json

@@ -511,6 +511,7 @@
     "Connecting to integrations server...": "Connecting to integrations server...",
     "Cannot connect to integrations server": "Cannot connect to integrations server",
     "The integrations server is offline or it cannot reach your homeserver.": "The integrations server is offline or it cannot reach your homeserver.",
+    "Send cross-signing keys to homeserver": "Send cross-signing keys to homeserver",
     "Delete Backup": "Delete Backup",
     "Are you sure? You will lose your encrypted messages if your keys are not backed up properly.": "Are you sure? You will lose your encrypted messages if your keys are not backed up properly.",
     "Encrypted messages are secured with end-to-end encryption. Only you and the recipient(s) have the keys to read these messages.": "Encrypted messages are secured with end-to-end encryption. Only you and the recipient(s) have the keys to read these messages.",
@@ -533,6 +534,7 @@
     "This backup is trusted because it has been restored on this device": "This backup is trusted because it has been restored on this device",
     "Backup version: ": "Backup version: ",
     "Algorithm: ": "Algorithm: ",
+    "Bootstrap Secure Secret Storage (MSC1946)": "Bootstrap Secure Secret Storage (MSC1946)",
     "Your keys are <b>not being backed up from this device</b>.": "Your keys are <b>not being backed up from this device</b>.",
     "Back up your keys before signing out to avoid losing them.": "Back up your keys before signing out to avoid losing them.",
     "Start using Key Backup": "Start using Key Backup",