Add agent's availability in chat widget

[rosinghal]

It would be helpful for users to see if any agent is online. We can even have offline mode.

Currently there is nothing shown irrespective of agent's availability.

[reichert621]

good idea @rosinghal! what do you think is the best way to display this information in the chat?

[rosinghal]

@reichert621
When agents are available
Open chat window - 'Agents available'
Close chat window - show default color

When agents are not available
Open chat window - 'Agents not availlable'
Close chat window - gray color the chat icon

[reichert621]

@rosinghal I'm thinking of starting off with a pretty simple UI for this, something like:

what do you think?

[rosinghal]

@reichert621
Looks, nice. What about when agents are not available?

[reichert621]

maybe just this for now?

[rosinghal]

Looks good @reichert621.

[reichert621]

(I'll also make the text editable in case you want to customize it, e.g. "We're not available at the moment" vs "Agents are offline")

[reichert621]

@rosinghal @timgl this should be ready now in our latest version! (papercups-io/chat-widget#46)

for this to work, just add the following to your config:

config: {
  // ...
  showAgentAvailability: true,
  // ...and if you want to customize the text:
  // agentAvailableText: "Agents available",
  // agentUnavailableText: "Agents not available",
}

let me know if you have any issues!

[reichert621]

actually seeing some issues with this in production for some reason, reopening for now 😞

[reichert621]

should be fixed now 🤞