// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
<div>
  <div
    class="mx_SettingsTab"
  >
    <div
      class="mx_SettingsTab_sections"
    >
      <div
        class="mx_SetIntegrationManager"
        data-testid="mx_SetIntegrationManager"
      >
        <div
          class="mx_SettingsFlag"
        >
          <div
            class="mx_SetIntegrationManager_heading_manager"
          >
            <h3
              class="mx_Heading_h3"
            >
              Manage integrations
            </h3>
            <h4
              class="mx_Heading_h4"
            >
              (scalar.vector.im)
            </h4>
          </div>
        </div>
        <div
          class="mx_SettingsSubsection_text"
        >
          <span>
            Use an integration manager 
            <strong>
              (scalar.vector.im)
            </strong>
             to manage bots, widgets, and sticker packs.
          </span>
        </div>
        <div
          class="mx_SettingsSubsection_text"
        >
          Integration managers receive configuration data, and can modify widgets, send room invites, and set power levels on your behalf.
        </div>
        <form
          class="_root_19upo_16"
        >
          <div
            class="_inline-field_19upo_32"
          >
            <div
              class="_inline-field-control_19upo_44"
            >
              <div
                class="_container_19o42_10"
              >
                <input
                  checked=""
                  class="_input_19o42_24"
                  id="mx_SetIntegrationManager_Toggle"
                  role="switch"
                  type="checkbox"
                />
                <div
                  class="_ui_19o42_34"
                />
              </div>
            </div>
            <div
              class="_inline-field-body_19upo_38"
            >
              <label
                class="_label_19upo_59"
                for="mx_SetIntegrationManager_Toggle"
              >
                Enable the integration manager
              </label>
            </div>
          </div>
        </form>
      </div>
      <div
        class="mx_SettingsSection"
      >
        <h2
          class="mx_Heading_h3"
        >
          Encryption
        </h2>
        <div
          class="mx_SettingsSection_subSections"
        >
          <div
            class="mx_SettingsSubsection"
          >
            <div
              class="mx_SettingsSubsectionHeading"
            >
              <h3
                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
              >
                Secure Backup
              </h3>
            </div>
            <div
              class="mx_SettingsSubsection_content"
            >
              <div
                class="mx_SettingsSubsection_text"
              >
                Back up your encryption keys with your account data in case you lose access to your sessions. Your keys will be secured with a unique Recovery Key.
              </div>
              <div
                class="mx_Spinner"
              >
                <div
                  aria-label="Loading…"
                  class="mx_Spinner_icon"
                  data-testid="spinner"
                  role="progressbar"
                  style="width: 32px; height: 32px;"
                />
              </div>
              <details>
                <summary
                  class="mx_SecureBackupPanel_advanced"
                >
                  Advanced
                </summary>
                <table
                  class="mx_SecureBackupPanel_statusList"
                >
                  <tr>
                    <th
                      scope="row"
                    >
                      Backup key stored:
                    </th>
                    <td>
                      not stored
                    </td>
                  </tr>
                  <tr>
                    <th
                      scope="row"
                    >
                      Backup key cached:
                    </th>
                    <td>
                      not found locally
                    </td>
                  </tr>
                  <tr>
                    <th
                      scope="row"
                    >
                      Secret storage public key:
                    </th>
                    <td>
                      not found
                    </td>
                  </tr>
                  <tr>
                    <th
                      scope="row"
                    >
                      Secret storage:
                    </th>
                    <td>
                      not ready
                    </td>
                  </tr>
                </table>
              </details>
            </div>
          </div>
          <div
            class="mx_SettingsSubsection"
          >
            <div
              class="mx_SettingsSubsectionHeading"
            >
              <h3
                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
              >
                Message search
              </h3>
            </div>
            <div
              class="mx_SettingsSubsection_content"
            >
              <div
                class="mx_SettingsSubsection_text"
              >
                <span>
                  Element can't securely cache encrypted messages locally while running in a web browser. Use 
                  <a
                    class="mx_ExternalLink"
                    href="https://element.io/get-started"
                    rel="noreferrer noopener"
                    target="_blank"
                  >
                    Element Desktop
                    <i
                      class="mx_ExternalLink_icon"
                    />
                  </a>
                   for encrypted messages to appear in search results.
                </span>
              </div>
            </div>
          </div>
          <div
            class="mx_SettingsSubsection"
          >
            <div
              class="mx_SettingsSubsectionHeading"
            >
              <h3
                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
              >
                Cross-signing
              </h3>
            </div>
            <div
              class="mx_SettingsSubsection_content"
            >
              <div
                class="mx_Spinner"
              >
                <div
                  aria-label="Loading…"
                  class="mx_Spinner_icon"
                  data-testid="spinner"
                  role="progressbar"
                  style="width: 32px; height: 32px;"
                />
              </div>
              <details>
                <summary
                  class="mx_CrossSigningPanel_advanced"
                >
                  Advanced
                </summary>
                <table
                  class="mx_CrossSigningPanel_statusList"
                >
                  <tbody>
                    <tr>
                      <th
                        scope="row"
                      >
                        Cross-signing public keys:
                      </th>
                      <td>
                        not found
                      </td>
                    </tr>
                    <tr>
                      <th
                        scope="row"
                      >
                        Cross-signing private keys:
                      </th>
                      <td>
                        not found in storage
                      </td>
                    </tr>
                    <tr>
                      <th
                        scope="row"
                      >
                        Master private key:
                      </th>
                      <td>
                        not found locally
                      </td>
                    </tr>
                    <tr>
                      <th
                        scope="row"
                      >
                        Self signing private key:
                      </th>
                      <td>
                        not found locally
                      </td>
                    </tr>
                    <tr>
                      <th
                        scope="row"
                      >
                        User signing private key:
                      </th>
                      <td>
                        not found locally
                      </td>
                    </tr>
                    <tr>
                      <th
                        scope="row"
                      >
                        Homeserver feature support:
                      </th>
                      <td>
                        not found
                      </td>
                    </tr>
                  </tbody>
                </table>
              </details>
            </div>
          </div>
          <div
            class="mx_SettingsSubsection"
          >
            <div
              class="mx_SettingsSubsectionHeading"
            >
              <h3
                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
              >
                Cryptography
              </h3>
            </div>
            <div
              class="mx_SettingsSubsection_content"
            >
              <div
                class="mx_SettingsSubsection_text"
              >
                <table
                  class="mx_CryptographyPanel_sessionInfo"
                >
                  <tbody>
                    <tr>
                      <th
                        scope="row"
                      >
                        Session ID:
                      </th>
                      <td>
                        <code />
                      </td>
                    </tr>
                    <tr>
                      <th
                        scope="row"
                      >
                        Session key:
                      </th>
                      <td>
                        <code>
                          <strong>
                            ...
                          </strong>
                        </code>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div
                class="mx_CryptographyPanel_importExportButtons"
              >
                <div
                  class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
                  role="button"
                  tabindex="0"
                >
                  Export E2E room keys
                </div>
                <div
                  class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary_outline"
                  role="button"
                  tabindex="0"
                >
                  Import E2E room keys
                </div>
              </div>
              <div
                class="mx_SettingsFlag"
              >
                <label
                  class="mx_SettingsFlag_label"
                  for="mx_SettingsFlag_vY7Q4uEh9K38"
                >
                  <span
                    class="mx_SettingsFlag_labelText"
                  >
                    Only send messages to verified users
                  </span>
                </label>
                <div
                  aria-checked="false"
                  aria-disabled="false"
                  aria-label="Only send messages to verified users"
                  class="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
                  id="mx_SettingsFlag_vY7Q4uEh9K38"
                  role="switch"
                  tabindex="0"
                >
                  <div
                    class="mx_ToggleSwitch_ball"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="mx_SettingsSection"
      >
        <h2
          class="mx_Heading_h3"
        >
          Privacy
        </h2>
        <div
          class="mx_SettingsSection_subSections"
        >
          <div
            class="mx_SettingsSubsection"
            data-testid="discoverySection"
          >
            <div
              class="mx_SettingsSubsectionHeading"
            >
              <h3
                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
              >
                How to find you
              </h3>
            </div>
            <div
              class="mx_SettingsSubsection_content mx_SettingsSubsection_contentStretch"
            >
              <fieldset
                class="mx_SettingsFieldset"
              >
                <legend
                  class="mx_SettingsFieldset_legend"
                >
                  Identity server
                </legend>
                <div
                  class="mx_SettingsFieldset_description"
                >
                  <div
                    class="mx_SettingsSubsection_text"
                  >
                    You are not currently using an identity server. To discover and be discoverable by existing contacts you know, add one below.
                  </div>
                </div>
                <div
                  class="mx_SettingsFieldset_content"
                >
                  <form
                    class="_root_19upo_16 mx_IdentityServerPicker"
                  >
                    <div
                      class="_field_19upo_26"
                    >
                      <label
                        class="_label_19upo_59"
                        for="radix-:r1:"
                      >
                        Enter a new identity server
                      </label>
                      <div
                        class="_controls_17lij_8"
                      >
                        <input
                          class="_control_sqdq4_10"
                          id="radix-:r1:"
                          name="input"
                          placeholder=""
                          title=""
                          value=""
                        />
                      </div>
                    </div>
                  </form>
                </div>
              </fieldset>
            </div>
          </div>
        </div>
      </div>
      <div
        class="mx_SettingsSection"
      >
        <h2
          class="mx_Heading_h3"
        >
          Advanced
        </h2>
        <div
          class="mx_SettingsSection_subSections"
        >
          <div
            class="mx_SettingsSubsection"
          >
            <div
              class="mx_SettingsSubsectionHeading"
            >
              <h3
                class="mx_Heading_h4 mx_SettingsSubsectionHeading_heading"
              >
                Ignored users
              </h3>
            </div>
            <div
              class="mx_SettingsSubsection_content"
            >
              <div
                class="mx_SettingsSubsection_text"
              >
                You have no ignored users.
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;
