@tdurnford is working on this with #2031. To me, it is okay to split these two works into two PRs to reduce effort to merge code.

User story

Today, typing indicator is visually on the transcript portion of Web Chat. This increase the code complexity on Redux store/reducer/saga and make it difficult to customize the duration of the typing indicator.

Alternatives

No known alternatives.

Other implementations

Microsoft Teams is using this technique, display "John is typing" just above the send box.

Potential implementation

Tomorrow, we could move typing indicator to the send box. It will:

• Always stick to bottom without extra work
• Reduce code complexity inside our Redux store/reducer/saga

Add a new reducer namely lastTypingAt (or similar), the structure should support multi-user and would looks like:

{
  lastTypingAt: {
    'webchat-mockbot': 1563751427004
  }
}

[Enhancement]