Aura コンポーネントを使用した事前チャットページ UI のカスタマイズ

1<aura:component implements="lightningsnapin:prechatUI">

1<lightningsnapin:prechatAPI aura:id="prechatAPI"/>

1<aura:handler name="init" value="{!this}" action="{!c.onInit}" />

1/**
2 * On initialization of this component, set the prechatFields attribute and render prechat fields.
3 * 
4 * @param cmp - The component for this state.
5 * @param evt - The Aura event.
6 * @param hlp - The helper for this state.
7 */
8onInit: function(cmp, evt, hlp) {
9   // Get prechat fields defined in setup using the prechatAPI component.
10   var prechatFields = cmp.find("prechatAPI").getPrechatFields();
11
12   // Render your fields
13},

1/**
2 * Function to start a chat request (by accessing the chat API component)
3 *
4 * @param cmp - The component for this state
5 */
6onStartButtonClick: function(cmp) {
7    // Make an array of field objects for the library.
8    var fields = // Get your prechat fields.
9        
10    // If the prechat fields pass validation, start a chat.
11    if(cmp.find("prechatAPI").validateFields(fields).valid) {
12        cmp.find("prechatAPI").startChat(fields);
13    } else {
14        console.warn("Prechat fields did not pass validation!");
15    }
16},