clearShownDialogBubbles () {
    let scopedArrayOfHiddenElements = null
    const hideDialogueBubbleCommand = new SyncFunction(() => {
      scopedArrayOfHiddenElements = []
      this.shownDialogBubbles.forEach(el => {
        if (el.style.display === 'inline-block') {
          scopedArrayOfHiddenElements.push(el)
          el.style.display = 'none'
        }
      })
    })

    hideDialogueBubbleCommand.undoCommandFactory = () => {
      return new SyncFunction(() => {
        scopedArrayOfHiddenElements.forEach(el => {
          el.style.display = 'inline-block'
          const numericalId = getIdFromElementId(el.id)
          store.dispatch('cinematicActionLog/changeCurrentPrompt', idTextMap[numericalId])
        })
      })
    }

    return hideDialogueBubbleCommand
  }
Creates a command that clears prior text bubbles.
The bubbles cleared are tracked so we can undo the command
thus supporting navigating backwards.
@returns {AbstractCommand}