\n Are you sure you want to end the chat? You'll have to start a new session later.\n
\n \n \n \n );\n}\n\nexport default ConfirmDrawer;","import { NEW_USER, OWN_DATA_RECEIVED } from \"../actions/chatAction\";\n\nconst initialState = {\n\tbyIds: {\n\t\tbot: {\n\t\t\tid: 'bot',\n\t\t\tname: 'Bot',\n\t\t\t// avatarUrl:'https://static.staging.livechatinc.com/1520/P10064EDGF/7970c9d036275c2ee9282d15535ef57b/botengine-avatar.png',\n\t\t},\n\t},\n\townId: null,\n\tcurrentAgent: 'bot',\n};\n\nexport default function(state = initialState, action) {\n switch(action.type) {\n case NEW_USER:\n return {\n ...state,\n currentAgent: action.payload.name,\n byIds: {\n ...state.byIds,\n [action.payload.id]: action.payload,\n },\n };\n case OWN_DATA_RECEIVED:\n return {\n ...state,\n ownId: action.payload.id,\n byIds: {\n ...state.byIds,\n [action.payload.id]: {\n ...action.payload,\n name: 'Client',\n },\n },\n };\n default:\n return state;\n }\n}\n\nexport const getUsers = state => state.users.byIds;\nexport const getOwnId = state => state.users.ownId;\nexport const getCurrentAgent = state => state.users.currentAgent;","import React, { useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport {\n\tMessageList,\n\tMessage,\n\tMessageText,\n\tMessageGroup,\n\tMessageButtons,\n\tMessageButton,\n\tMessageTitle,\n\tMessageMedia,\n\tBubble,\n} from '@livechat/ui-kit'\nimport { isMobile } from 'react-device-detect';\nimport parse from \"html-react-parser\";\nimport ConfirmDrawer from './ConfirmDrawer';\nimport { getCurrentAgent } from '../redux/reducers/users';\n\nconst MessageHistory = ({\n\tevents,\n\townId,\n\tsendMessage,\n\tchatState,\n\tonMessageSend,\n\tusers,\n\tcurrentAgent,\n\tminimize,\n\tmaximizeChatWidget,\n\trateGood,\n\trateBad,\n\trate,\n}) => {\n\tconst [visible, setVisible] = useState(false);\n\n\tconst agentName = useSelector(state => getCurrentAgent(state));\n\n\tconst endChatClicked = () => {\n\t\twindow.parent.postMessage('endChat', '*');\n\t\tsetVisible(false);\n\t}\n return (\n\t\t<>\n\t\t\t{/* */}\n\t\t\t\n\n \n
\n );\n}\n\nexport default Survey;","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { SURVEY_SUBMITTED } from '../redux/actions/chatAction';\nimport { getAgentStatus, getChatState } from '../redux/reducers/app';\n\n// const UnavailablePage = (msg) => {\n// return (\n// \n// })
\n//
\n// );\n// }\n\nvar thanktext =(msg,image) =>{\n return (\n \n// Nice to meet you!
\n// {/* We are here to help.
\n// 9am-5pm PST Monday-Friday
*/}\n// {msg}
\n// \n })
\n
\n );\n}\n\nconst ThankPage = (props) => {\n const { \n\t\tappConfig\n\t} = props;\n const chatState = useSelector(state => getChatState(state));\n const agentStatus = useSelector(state => getAgentStatus(state));\n let message = '';\n if(chatState === SURVEY_SUBMITTED) {\n message = 'Thank you for chatting with CIBC FirstCaribbean. We thank you for your feedback.';\n return (\n \n Nice to meet you!
\n {/* We are here to help.
*/}\n {/* 9am-5pm PST Monday-Friday
*/}\n {msg}
\n \n {message}\n
\n );\n }else if(agentStatus.status === 'unavailable') {\n if(agentStatus.message !== undefined && agentStatus.message !== ''){\n message = agentStatus.message;\n }else {\n message = 'Sorry, there is no available agent at the moment.';\n }\n return thanktext(message,appConfig.notavilimage);\n // return \n {message}\n
\n );\n}\n\nexport default ThankPage;","import React from 'react';\nimport { Button, Input, Row, Col } from 'antd';\nimport { isMobile } from \"react-device-detect\";\nconst { TextArea } = Input;\n\nconst InputBox = ({ text, handleInput, onMessageSend, setText }) => {\n return (\n