Render and send read/delivered message receipts with feature enabled in your connect instance. See below sections for high level description of each major component. Occasionally, a component will pull a style value from src/theme/defaultTheme.js, so it is important to be aware of this source of customization. To customize the theme, determine which aspect(s) of the chat interface you would like to modify, make your changes and build the file as described above. Choose if you want to use the default loggerĬ(globalConfig) There are three levels available - DEBUG, INFO, ERROR. You can provide your own logger here, otherwise ERROR: Print the error messages caused by UI issue, API issue or network issue.ĭebug: (data) =>.INFO: Print the information regarding the current state, or the most recent user event.DEBUG: Print meta data, we can use it to print api response data.If you not only provide your own logger, but also set useDefaultLogger to true, your own logger will be overwritten by the default logger.If you want to use the default logger provided by Chat-js, you can set the logger level, and set useDefaultLogger to true.If you want to use your own logger, you can add them into customizedLogger, and add customizedLogger object as the value of, then set the lowest logger level.There are three log levels available - DEBUG, INFO, ERROR.If you want to deactivate it, you can set to false. By default, the logger is activated in this package with INFO level.The logger is provided by amazon-connect-chatjs package, you can configure it in this file: src/utils/log.js. Import this into your package as is described in the GitHub examples. These will generate a minified built file, with console logs stripped and other Webpack optimizations. To build the production version of this package, simply run npm install & npm run build. You can import these in the same fashion as the getting started examples. To make local modifications to this package and test them on your webpage, simply make your edits and run npm install & npm run dev-build to produce the To initiate the chat, you will pass in some details about your Connect instance, the requesting user, and the API Gateway generated Importing this file into your project will place a ChatInterface object on the window, which contains a method to initiateChat. You can see other examples in this GitHub repo as well. Some lightweight components to render chat out of the box in your website, with a thin layer on top of ChatJSĪn example of how you can add this package to an html page is described in the local-testing folder. Implement action buttons in interactive messageĪmazon Connect Chat Interface is a light interface to create a customer widget for getting started with Amazon Connect chat.Chat Transcriptor (src/components/Chat/ChatTranscriptor). ![]() Amazon Connect Chat Interface Table of content
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |