/* eslint-disable max-len */
/** ************************************************************************************************
*   Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.                             *
*   SPDX-License-Identifier: Apache-2.0                                                            *
 ************************************************************************************************ */

module.exports = [
    {
        title: 'Provision a Connect Instance',
        text: `
<br/>
Start by completing all 3 steps below to setup your Amazon Connect instance:
<br/><br/>
&#8291;1. <b><a href="https://docs.aws.amazon.com/connect/latest/adminguide/tutorial1-login-aws.html" target="_blank">Launch Amazon Connect</a> <br />
&#8291;2. <b><a href="https://docs.aws.amazon.com/connect/latest/adminguide/tutorial1-create-instance.html" target="_blank">Create an instance</a> <br />
&#8291;3. <b><a href="https://docs.aws.amazon.com/connect/latest/adminguide/tutorial1-claim-phone-number.html" target="_blank">Claim a phone number</a> <br />
    `,
        image: '../images/wizard-1.png',
    }, {
        title: 'Add QnABot to Contact Flows',
        text: `
<br />
Now we must make the QnABot accessible to our new call center.  Open the  <b><a href="https://console.aws.amazon.com/connect" target="_blank">Amazon Connect console</a></b>, and follow the steps below:<br /><br />
&#8291;1. Choose the <b>Instance Alias</b> you created<br/>
&#8291;2. Select <b>Contact flows</b> <br/>
&#8291;3. Select <span id="spnBotname">your bot</span> in the <b>Bot</b> drop down <br/>
&#8291;4. Choose <b>+ Add Lex Bot</b><br/>
    `,
        image: '../images/wizard-2.png',
    }, {
        title: 'Create Contact Flows',
        text: `
<br />
&#8291;1. On the same page, choose <b>Overview</b> on the Left menu <br/>
&#8291;2. Choose the <b>Login URL</b>. It will take you the Amazon Connect Administration App<br/>
&#8291;3. In the Routing menu on the left, choose <b>Contact flows</b><br/>
&#8291;4. On Contact Flow screen choose <b>Create contact flow</b><br/>
    `,
        image: '../images/wizard-3.png',
    },
    {
        title: 'Import Contact Flow',
        text: `
<br/> To begin this step first choose <b>DOWNLOAD CONTACT FLOW</b> below. It will download a JSON contact flow file for QnABot<br/> <br/>
&#8291;1. Go back to Amazon Connect Administration App, choose the dropdown on the top right and choose <b>Import Flow</b> <br/>
&#8291;2. Choose the <b>contactflow.json</b> file, that you downloaded from step 1, and choose <b>Import</b> <br/>
&#8291;3. Enter a new name for your contact flow <br/>
&#8291;4. Choose <b>Save</b> <br/>
&#8291;5. Choose <b>Publish</b> <br/>
    `,
        image: '../images/wizard-4.png',
        buttons: [{
            text: 'DOWNLOAD CONTACT FLOW',
            id: 'DownloadContactFlow',
            loading: false,
        }],
    },
    {
        title: 'Add a Phone Number',
        text: `
<br />
&#8291;1. In the Routing menu on the left, choose <b>Phone numbers</b><br/>
&#8291;2. Choose the <b>Phone Number</b> created on the first step<br/>
&#8291;3. In the Contact Flow / IVR dropdown, select the <b>Contact Flow</b> you created, and choose <b>Save</b><br/>


`,
        image: '../images/wizard-5.png',
    },
    {
        title: 'Adding questions and Testing',
        buttons: [{
            text: 'IMPORT SAMPLE QUESTIONS AND ANSWERS',
            id: 'ImportQuestions',
            loading: false,
        }],
        image: '../images/wizard-6.png',
        text: `
<br /><br />
&#8291;1. Choose <b>IMPORT SAMPLE QUESTIONS AND ANSWERS</b> below, it can take up to <b>2 minutes</b> to finish this process.<br/>
&#8291;2. When Status is Complete, enable the new interruptable reponse feature: (i) From the Designer Tools menu (&#x2630;) choose <b>Settings</b>, (ii) set <b>CONNECT_ENABLE_VOICE_RESPONSE_INTERRUPT</b> to <b>true</b>, and (iii) save changes.<br/>
&#8291;3. You are ready to try your Bot! Call your new contact center phone number and try some of the questions below.<br/>
For more information see our blog post <a href="https://aws.amazon.com/blogs/contact-center/build-an-ai-powered-agent-for-amazon-connect-using-aws-qnabot/" target="_blank">Build an AI powered agent for Amazon Connect using AWS QnABot</a></br>

<br/><span id="stsLabel"></span> <span id="ImportQuestionsStatus"/><br /><br />
`,
    },
];
