1. Open the webChatUI.js file.
2. Copy the following methods into your version:
    getPhoneDetails,
    getCustomerDetails,
    getChatMessage,
    disableControls,
    appendParagraph,
    getTranscriptElements,
    getTopic,
    getRequestTranscript,
    setEmailInputValid,
    clearUsers,
    updateUserImage
3. Update the resetChatUI function to resemble that of the SDK.
4. Update the setup function to add an event listener to the outmessage element, which will run webChat.onType (e.g. $("#outmessage").on("keydown", webChat.onType))
4. Replace any call to webChat.disableControls with chatUI.disableControls. You may remove the version that is in webChat.js.
5. Open the webChat.js file.
6. Replace the following functions with that from the SDK:
    writeResponse,
    gatherChatElements,
    sendChatMessage,
    resetChat,
    updateUsers,
    updateTypingCell,
    getCurrentTranscript
    notifyNewParticipant
7. Update the chatLogin function to call "chatUI.getRequestTranscript()" and "chatUI.getTopic()" instead of "avayaGlobal.getEl(...).value".
8. Open the webChatLogon.js file.
9. Update the gatherDetails function to call chatUI.getCustomerDetails(), parse its results accordingly and then call chatUI.getCustomFields()
10. Replace the validatePhone and checkEmailValidity functions with that of the SDK. Remove the isValidNumber function, if it exists.
11. Add an oninput event to the email-chat input, e.g. oninput="chatLogon.checkEmailValidity"
12. Open the webChatSocket.js file.
13. Remove the second line of openSocket (webChat.participants = avayaGlobal.getEl('participants');)