\n\n }\n }\n initiateChat(id, agent, email){\n this.setState({scene:'chatLoop',chatId:id, minimized:false, transcriptionEmail:email})\n this.state.sound ? this.notificationSound.play() : null\n agent ? this.setAgentDetails(agent) : null\n }\n\n gotoStart(){\n this.setState({scene:'new'})\n }\n\n notifyParentMaximizeStatus(maximize = true){\n const direction = maximize ? 'ChatDeckMaximized' : 'ChatDeckMinimized'\n window.parent.postMessage(direction, '*')\n }\n toggleMinimized(){\n const max= this.state.minimized\n this.setState({minimized:!this.state.minimized})\n }\n\n toggleSound(){\n this.setState({sound:!this.state.sound})\n }\n\n toggleTranscript(){\n const sendTranscription = !this.state.sendTranscription\n const state = this.state.transcriptionEmail ? {sendTranscription:sendTranscription} : {showEmailModal:true}\n this.setState(state)\n }\n\n handleTranscriptionEmailSet = (value)=>{\n this.setState({sendTranscription:true, transcriptionEmail:value, showEmailModal:false})\n }\n\n completeAsClient(){\n const url = `${globals.API_ROOT}/widget/account/${this.state.account}/chats/${this.state.chatId}/complete`\n fetchWrapper.put(url)\n }\n\n completeChat(){\n //these should be read from state received on mount from server\n const askRating = this.state.askRating\n const askTranscription = this.state.askTranscription\n const autoSendTranscription = this.state.sendTranscription\n\n const askedTranscription = this.state.askedTranscription\n const askedRating = this.state.askedRating\n this.setState({agent:false})\n\n\n if(!askedTranscription){\n\n if(autoSendTranscription){\n this.handleAskTranscription(true)\n }else if(askTranscription) {\n this.fetchTranscriptionMessage()\n this.setState({scene: 'askTranscription'})\n }\n }else if(askRating && !askedRating){\n this.fetchRatingMessage()\n this.setState({scene:'rate'})\n }else{\n this.initialState()\n this.setState({scene: 'goodbye'})\n }\n }\n\n fetchTranscriptionMessage = ()=>{\n const url =`${globals.API_ROOT}/widget/account/${this.state.account}/chats/${this.state.chatId}/transcript_message`\n fetchWrapper.get(url)\n .then(data => {\n this.setState({askTranscriptionWith:data['message'], transcriptionEmail:data['email']})\n })\n }\n\n fetchRatingMessage = () =>{\n const url =`${globals.API_ROOT}/widget/account/${this.state.account}/chats/${this.state.chatId}/rating_message`\n fetchWrapper.get(url)\n .then(data => {\n this.setState({askRatingWith:data['message']})\n })\n }\n\n handleAskTranscription(bool){\n if(bool){\n this.requestTranscription()\n }\n this.setState({askedTranscription:true}, this.completeChat)\n }\n\n requestTranscription(){\n const url = `${globals.API_ROOT}/widget/account/${this.state.account}/chats/${this.state.chatId}/send_transcript`\n fetchWrapper.put(url)\n }\n\n\n handleRating(value){\n if(value){\n const url =`${globals.API_ROOT}/widget/account/${this.state.account}/chats/${this.state.chatId}/rate`\n const values = {clientRating:value}\n fetchWrapper.patch(url, values)\n }\n this.setState({askedRating:true}, this.completeChat)\n }\n\n handlePopout=()=>{\n const url = `${globals.API_ROOT}/widget/popout/account/${this.state.account}/chat`\n this.setState({minimized:true})\n // this.notifyParentMaximizeStatus(false)\n window.popout = window.open(url, \"\", \"width=350, height=450\")\n window.popoutClosed = () =>{\n if(isDesktop){\n this.setState({inline:true})\n this.loadSessionState(()=>{this.setState({minimized:false})})\n // this.notifyParentMaximizeStatus(true)\n }\n }\n }\n\n}\nexport default Chatbox\n","import React from 'react'\nclass Goodbye extends React.Component{\n render(){\n return(\n\n \n
Thank you for completing live chat.
\n
\n
We do not currently have any agents available. Please Leave us a message
\n\n \n \n\n const thankYou = Thank you for messaging us, we will back back to you shortly!
\n return(\n \n {this.state.sent ? thankYou : form}\n
\n )\n }\n\n}\n\nexport default LeaveMessage\n","import React from \"react\";\nimport {faComment} from \"@fortawesome/free-solid-svg-icons/faComment\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\"\n\nclass Minimized extends React.Component{\n\n constructor(props) {\n super(props);\n this.state={\n ma:25,\n mb:50,\n aa:25,\n ab:25,\n ac:0,\n ad:1,\n ae:2,\n af:50,\n ag:0\n }\n }\n\n render(){\n return(\n <>\n\n\n\n\n\n \n
\n \n \n
Please provide an email address to send transcript to:
\n {this.validator.message('email', this.state.email, 'required|email', {className:'small text-danger'})}\n
\n \n \n
\n \n \n \n \n \n \n
\n
\n
{this.props.body}
\n {(this.props.ratingType==='1') ? faces : stars}\n
\n
\n \n \n \n \n \n
\n\n )\n}\n\nconst FaceButton = (props)=>{\n return(\n props.onClick(props.value)}>\n \n \n )\n}\n\nexport default RateFaces\n","import React from \"react\";\nimport {FontAwesomeIcon} from \"@fortawesome/react-fontawesome\";\nimport {faStar} from \"@fortawesome/pro-regular-svg-icons\";\nimport {faStar as faStarFilled} from \"@fortawesome/pro-duotone-svg-icons\";\n\nconst RateStars = (props)=>{\n const handleClick = (rating)=>{\n props.onClick(rating)\n }\n const [currentMouseOver, setCurrentMouseOver] = React.useState(0)\n\n\n return(\n \n )\n}\n\nconst StarButton = (props)=>{\n\n const handleMouseOver = ()=>{\n props.onMouse(props.value)\n }\n\n const handleMouseLeave = ()=>{\n props.onMouse(0)\n }\n\n const highlight = props.currentMouseOver >= props.value\n\n const outline = \n const filled = \n return(\n \n )\n}\n\nexport default RateStars\n","import React from \"react\";\nimport {ActionCableConsumer} from 'react-actioncable-provider'\nimport { v4 as uuidv4} from 'uuid'\n\nclass UninitiatedChatSubscription extends React.Component{\n\n constructor(props) {\n super(props);\n this.handleReceivedMsg = this.handleReceivedMsg.bind(this)\n this.state={uuid:false}\n }\n\n componentDidMount() {\n window.addEventListener('beforeunload', this.setSessionUuid)\n this.loadSessionUuid()\n }\n\n setSessionUuid = ()=>{\n const sessionName=`chatdecksession${this.props.accountId}uuid`\n localStorage.setItem(sessionName, this.state.uuid)\n }\n\n loadSessionUuid = ()=>{\n const sessionName=`chatdecksession${this.props.accountId}uuid`\n let uuid = localStorage.getItem(sessionName) || uuidv4();\n // let uuid = uuidv4();\n if(uuid === 'false'){\n uuid=uuidv4();\n }\n console.log('session', uuid)\n this.setState({uuid:uuid})\n }\n\n\n render(){\n\n\n return(\n this.state.uuid && (this.ucc || (this.ucc = ))\n )\n }\n\n handleReceivedMsg(msg){\n console.log(msg)\n if(msg.hasOwnProperty('initiated')){\n const chatId = msg.chat_id\n this.props.onInitiate(chatId, msg.agent)\n }\n }\n}\n\nexport default UninitiatedChatSubscription\n","import {host, http, ws} from '../host'\n\nexport const API_ROOT = `${http}://${host}`\nexport const API_WS_ROOT = `${ws}://${host}/cable`\nexport const CSRF = document.querySelector(\"meta[name='csrf-token']\").getAttribute(\"content\")\nexport const HEADERS = {\n 'Content-Type':'application/json',\n Accept:'application/json',\n 'X-CSRF-Token':CSRF\n};\n","export const fetchWrapper = {\n get,\n post,\n put,\n patch,\n delete: _delete\n};\n\nconst CSRF = document.querySelector(\"meta[name='csrf-token']\").getAttribute(\"content\")\nconst HEADERS = {\n 'Content-Type':'application/json',\n Accept:'application/json',\n 'X-CSRF-Token':CSRF\n}\n\nfunction get(url) {\n const requestOptions = {\n method: 'GET',\n headers: HEADERS\n };\n return fetch(url, requestOptions).then(handleResponse);\n}\n\nfunction post(url, body) {\n const requestOptions = {\n method: 'POST',\n headers: {\n 'Content-Type':'application/json',\n Accept:'application/json',\n 'X-CSRF-Token':CSRF\n },\n body: JSON.stringify(body)\n };\n return fetch(url, requestOptions).then(handleResponse);\n}\n\nfunction put(url, body) {\n const requestOptions = {\n method: 'PUT',\n headers: {\n 'Content-Type':'application/json',\n Accept:'application/json',\n 'X-CSRF-Token':CSRF\n },\n body: JSON.stringify(body)\n };\n return fetch(url, requestOptions).then(handleResponse);\n}\n\nfunction patch(url, body){\n const requestOptions = {\n method: 'PATCH',\n headers: {\n 'Content-Type':'application/json',\n Accept:'application/json',\n 'X-CSRF-Token':CSRF\n },\n body: JSON.stringify(body)\n };\n return fetch(url, requestOptions).then(handleResponse);\n}\n\n// prefixed with underscored because delete is a reserved word in javascript\nfunction _delete(url) {\n const requestOptions = {\n method: 'DELETE',\n headers: {\n 'Content-Type':'application/json',\n Accept:'application/json',\n 'X-CSRF-Token':CSRF\n }\n };\n return fetch(url, requestOptions).then(handleResponse);\n}\n\n// helper functions\n\nfunction handleResponse(response) {\n return response.text().then(text => {\n const data = text && JSON.parse(text);\n if (!response.ok) {\n const error = (data && data.message) || response.statusText;\n return Promise.reject(error);\n }\n\n return data;\n });\n}\n","// export const host = '0.0.0.0:3000'\n// export const http = 'http'\n// export const ws = 'ws'\n\nexport const host = 'app.chatdeck.co.uk'\nexport const http = 'https'\nexport const ws = 'wss'\n\n","export default __webpack_public_path__ + \"3dbc673ca33952a547afcd7e35bbd8c4.mp3\";"],"sourceRoot":""}