Display virtual hearing guest link to Hearing Coordinators

[nicholer]

User story

As a Hearing Coordinator, I want to be able to see (and access) the virtual hearing guest link in Caseflow UI so that I can better assist Veterans and POAs who are experiencing difficulties joining their hearing link.

Background/context

Currently Hearing Coordinators only have access to the host virtual hearing link (aka VLJ link) and are experiencing difficulty troubleshooting hearing connection issues with Veterans and POAs without access to the guest link. In the event of an email issue, Hearing Coordinators may need access to the guest link so that they may resend the link to a Veteran and/or POA.

Displaying the guest link in the Caseflow UI on Hearing Details is preferred to creating a new email to send to Hearing Coordinators because (1) updating the Caseflow UI is a lower technical lift and (2) the Coordinator who creates a virtual hearing may not be the one who actually conducts testing and facilitates the hearing.

While the Board intends on moving away from Hearing Coordinators testing the connection with participants in a high-touch way, virtual hearings have rolled out at a higher volume than originally planned due to the COVID-19 pandemic, delaying the move towards a more low-touch method.

Design

https://www.figma.com/file/V87TZArfdurCGJiEjQ73ES/Virtual-Hearings?node-id=435%3A801

Acceptance criteria

• On Hearing Details, the Virtual Hearing Details section displays the VLJ Link and the Guest Link
• When the async job to create the Pexip videoconference is in-progress:
  • The VLJ Link field label displays; the value is placeholder text Scheduling in progress
  • The Guest Link field label displays; the value is placeholder text Scheduling in progress
• After the Pexip videoconference is created:
  • The following VLJ Link information displays:
    • VLJ Link: field label
      • value is Open Virtual Hearing, which is formatted as a link; clicking the link opens the videoconference in a new tab
    • Conference Room: field label
      • value is conference room alias, formatted as text BVA#####@care.va.gov
    • PIN: field label
      • value is host PIN, formatted as text
    • Copy VLJ Link button; on-click, the full host URL is copied to the user's clipboard
  • The following Guest Link information displays:
    • Guest Link: field label
      • value is Open Virtual Hearing, which is formatted as a link; clicking the link opens the videoconference in a new tab
    • Conference Room: field label
      • value is conference room alias, formatted as text BVA#####@care.va.gov
    • PIN: field label
      • value is guest PIN, formatted as text
    • Copy Guest Link button; on-click, the full guest URL is copied to the user's clipboard
• After the hearing day (i.e. when the videoconference is cleaned up):
  • The following link information displays:
    • VLJ Link: and Guest Link: values are Expired, formatted as text
    • the copy link buttons don't display

[nicholer]

Context from @carodew in another ticket:

Would like to add some context – the copy to clipboard pattern that we've used elsewhere in Caseflow has had some accessibility issues that we've corrected on a one-off basis. Asking to make sure that the implementation in this case includes the fixes we've incorporated (I know @chandracarney will be able to provide guidance on this front).

[nicholer]

Next steps 4/23 based on Coordinator feedback

• Label judge link "VLJ Link"
• Label conference "Conference Room"
• The Conference Room value format = conference room alias ([email protected])
• Design in-progress state
• Finalize ticket requirements
• [Optional] [Explore quick help text about who the VLJ Link and Guest Link are for? This may help mitigate the visual association between Guest Link and POA]