// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing

exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding actions 1`] = `
<div
  class="mx_RoomPreviewBar_actions mx_RoomPreviewBar_fullWidth"
>
  <div
    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
    role="button"
    tabindex="0"
  >
    Request access
  </div>
</div>
`;

exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding message 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    Ask to join RoomPreviewBar-test-room?
  </h3>
  <p>
    <span
      class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
      data-color="6"
      data-testid="avatar-img"
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
    >
      R
    </span>
  </p>
  <p>
    You need to be granted access to this room in order to view or participate in the conversation. You can send a request to join below.
  </p>
</div>
`;

exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding message when kicked 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    Ask to join RoomPreviewBar-test-room?
  </h3>
  <p>
    <span
      class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
      data-color="6"
      data-testid="avatar-img"
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
    >
      R
    </span>
  </p>
  <p>
    You need to be granted access to this room in order to view or participate in the conversation. You can send a request to join below.
  </p>
</div>
`;

exports[`<RoomPreviewBar /> message case AskToJoin renders the corresponding message with a generic title 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    Ask to join?
  </h3>
  <p>
    <span
      class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
      data-color="1"
      data-testid="avatar-img"
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
    >
      ?
    </span>
  </p>
  <p>
    You need to be granted access to this room in order to view or participate in the conversation. You can send a request to join below.
  </p>
</div>
`;

exports[`<RoomPreviewBar /> message case Knocked renders the corresponding actions 1`] = `
<div
  class="mx_RoomPreviewBar_actions"
>
  <div
    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
    role="button"
    tabindex="0"
  >
    Cancel request
  </div>
</div>
`;

exports[`<RoomPreviewBar /> message case Knocked renders the corresponding message 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    Request to join sent
  </h3>
  <p>
    <svg
      class="mx_Icon mx_Icon_16 mx_RoomPreviewBar_icon"
      fill="currentColor"
      height="1em"
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12 18.156q.478 0 .802-.323.323-.324.323-.802h-2.25q0 .478.323.802.324.323.802.323M8.063 16.47h7.874a.54.54 0 0 0 .394-.169.54.54 0 0 0 0-.788.54.54 0 0 0-.393-.168h-.563V12.7q0-1.237-.675-2.25a3 3 0 0 0-1.856-1.294v-.281a.82.82 0 0 0-.24-.605.82.82 0 0 0-.604-.239.82.82 0 0 0-.844.844v.281A3 3 0 0 0 9.3 10.45a3.97 3.97 0 0 0-.675 2.25v2.644h-.562a.54.54 0 0 0-.394.168.54.54 0 0 0 0 .788.54.54 0 0 0 .394.169M3 19.844V9.719q0-.534.24-1.013.238-.478.66-.787l6.75-5.063q.31-.225.647-.337.338-.113.703-.113.366 0 .703.113.337.112.647.337L20.1 7.92q.422.309.66.787.24.479.24 1.013v10.125q0 .927-.66 1.589-.662.66-1.59.66H5.25q-.928 0-1.59-.66-.66-.66-.66-1.59m2.25 0h13.5V9.719L12 4.656 5.25 9.72z"
      />
    </svg>
    Your request to join is pending.
  </p>
</div>
`;

exports[`<RoomPreviewBar /> renders banned message 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    You were banned from RoomPreviewBar-test-room by @kicker:test.com
  </h3>
  <p>
    Reason: test reason
  </p>
</div>
`;

exports[`<RoomPreviewBar /> renders denied request message 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    You have been denied access
  </h3>
  <p>
    As you have been denied access, you cannot rejoin unless you are invited by the admin or moderator of the group.
  </p>
</div>
`;

exports[`<RoomPreviewBar /> renders kicked message 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    You were removed from RoomPreviewBar-test-room by @kicker:test.com
  </h3>
  <p>
    Reason: test reason
  </p>
</div>
`;

exports[`<RoomPreviewBar /> renders viewing room message when room an be previewed 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    You're previewing RoomPreviewBar-test-room. Want to join it?
  </h3>
</div>
`;

exports[`<RoomPreviewBar /> renders viewing room message when room can not be previewed 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    RoomPreviewBar-test-room can't be previewed. Do you want to join it?
  </h3>
</div>
`;

exports[`<RoomPreviewBar /> with an error renders other errors 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    RoomPreviewBar-test-room is not accessible at this time.
  </h3>
  <p>
    Try again later, or ask a room or space admin to check if you have access.
  </p>
  <p>
    <span>
      Something_else was returned while trying to access the room or space. If you think you're seeing this message in error, please 
      <a
        href="https://github.com/vector-im/element-web/issues/new/choose"
        rel="noreferrer noopener"
        target="_blank"
      >
        submit a bug report
      </a>
      .
    </span>
  </p>
</div>
`;

exports[`<RoomPreviewBar /> with an error renders room not found error 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    RoomPreviewBar-test-room does not exist.
  </h3>
  <p>
    Are you sure you're at the right place?
  </p>
</div>
`;

exports[`<RoomPreviewBar /> with an invite with an invited email when client fails to get 3PIDs renders error message 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    Something went wrong with your invite to RoomPreviewBar-test-room
  </h3>
  <p>
    An error (unknown error code) was returned while trying to validate your invite. You could try to pass this information on to the person who invited you.
  </p>
</div>
`;

exports[`<RoomPreviewBar /> with an invite with an invited email when client has an identity server connected renders email mismatch message when invite email mxid doesnt match 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    This invite to RoomPreviewBar-test-room was sent to test@test.com
  </h3>
  <p>
    Share this email in Settings to receive invites directly in Element.
  </p>
</div>
`;

exports[`<RoomPreviewBar /> with an invite with an invited email when client has an identity server connected renders email mismatch message when no email bound 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    This invite to RoomPreviewBar-test-room was sent to test@test.com
  </h3>
  <p>
    Share this email in Settings to receive invites directly in Element.
  </p>
</div>
`;

exports[`<RoomPreviewBar /> with an invite with an invited email when client has an identity server connected renders invite message when invite email mxid match 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    Do you want to join RoomPreviewBar-test-room?
  </h3>
  <p>
    <span
      class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
      data-color="6"
      data-testid="avatar-img"
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
    >
      R
    </span>
  </p>
  <p>
    <span>
      Invited by 
      <span
        class="mx_RoomPreviewBar_inviter"
      >
        @inviter:test.com
      </span>
    </span>
  </p>
</div>
`;

exports[`<RoomPreviewBar /> with an invite with an invited email when client has no identity server connected renders invite message with invited email 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    This invite to RoomPreviewBar-test-room was sent to test@test.com
  </h3>
  <p>
    Use an identity server in Settings to receive invites directly in Element.
  </p>
</div>
`;

exports[`<RoomPreviewBar /> with an invite with an invited email when invitedEmail is not associated with current account renders invite message with invited email 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    This invite to RoomPreviewBar-test-room was sent to test@test.com which is not associated with your account
  </h3>
  <p>
    Link this email with your account in Settings to receive invites directly in Element.
  </p>
</div>
`;

exports[`<RoomPreviewBar /> with an invite without an invited email for a dm room renders invite message 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    Do you want to chat with @inviter:test.com?
  </h3>
  <p>
    <span
      class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
      data-color="6"
      data-testid="avatar-img"
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
    >
      R
    </span>
  </p>
  <p>
    <span>
      <span
        class="mx_RoomPreviewBar_inviter"
      >
        @inviter:test.com name
      </span>
       wants to chat
    </span>
    <br />
    <span
      class="mx_RoomPreviewBar_inviter_mxid"
    >
      @inviter:test.com
    </span>
  </p>
</div>
`;

exports[`<RoomPreviewBar /> with an invite without an invited email for a non-dm room renders invite message 1`] = `
<div
  class="mx_RoomPreviewBar_message"
>
  <h3>
    Do you want to join RoomPreviewBar-test-room?
  </h3>
  <p>
    <span
      class="_avatar_zysgz_8 mx_BaseAvatar _avatar-imageless_zysgz_55"
      data-color="6"
      data-testid="avatar-img"
      data-type="round"
      role="presentation"
      style="--cpd-avatar-size: 36px;"
    >
      R
    </span>
  </p>
  <p>
    <span>
      Invited by 
      <span
        class="mx_RoomPreviewBar_inviter"
      >
        @inviter:test.com name
      </span>
    </span>
    <br />
    <span
      class="mx_RoomPreviewBar_inviter_mxid"
    >
      @inviter:test.com
    </span>
  </p>
</div>
`;

exports[`<RoomPreviewBar /> with an invite without an invited email for a non-dm room renders join and reject action buttons correctly 1`] = `
<div
  class="mx_RoomPreviewBar_actions"
>
  <div
    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
    role="button"
    tabindex="0"
  >
    Accept
  </div>
  <div
    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
    role="button"
    tabindex="0"
  >
    Decline
  </div>
</div>
`;

exports[`<RoomPreviewBar /> with an invite without an invited email for a non-dm room renders join and reject action buttons in reverse order when room can previewed 1`] = `
<div
  class="mx_RoomPreviewBar_actions"
>
  <div
    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
    role="button"
    tabindex="0"
  >
    Decline
  </div>
  <div
    class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
    role="button"
    tabindex="0"
  >
    Accept
  </div>
</div>
`;
