Canned Responses Chat Block for React Aria

Each template holds placeholders written in braces. When you choose one, the page replaces the customer placeholder with the customer's first name and the ticket placeholder with the ticket number, then puts the result in the field and lists what it filled in the status line. A template with no placeholders says so. In your app, fill the placeholders from the open conversation's record.

No. It is inserted into the composer, after anything you already wrote, so you can read it, change a word and then press Send. The shelf has no send button on purpose: a template is a draft written by your team, not an answer sent for you.

It matches the title and the text of every template. While it holds text, groups with no match disappear, the others open so their matches show, and the count in the shelf header follows. With no match at all the shelf says so and names what you typed.

Everything. The eight templates and the customer's replies are typed in the file, and nothing is sent. Load your team's templates from your API, keep the same fields (group, title, text), and send the message from the composer's handler.

Enter sends and Shift and Enter add a line. Each group header and each template is a real button, so Tab reaches them and Enter or Space opens a group or inserts a template, after which focus returns to the field.

The shelf and the thread share the window one at a time, chosen by the switch under the top bar. Inserting a template or sending a message returns to Chat, so the filled text is in front of you.