{"version":3,"sources":["fonts/FiraSans-Regular.otf","fonts/FiraSans-Medium.otf","components/webbot.jsx","components/ChatWindow/ChatWindow.jsx","App.js","serviceWorker.js","index.js"],"names":["module","exports","card_class_name","WebBot","props","state","service","styleClass","cardType","margin_left","boxWidth","root_width","directLine","disableTextBox","message","rememberMe","iOS","bind","store","window","WebChat","createStore","dispatch","next","action","type","myCookie","localStorage","getItem","payload","name","activity","alert","JSON","stringify","document","querySelector","lastChild","scrollIntoView","behavior","block","suggestedActions","$","hide","show","console","log","setItem","undefined","i","length","style","pointerEvents","keydown","event","adaptiveCardHostConfig","actionTitleToWrap","spacing","containerStyles","default","foregroundColors","flex","accent","subtle","dark","attachmentMiddleware","card","attachment","contentType","getElementsByClassName","from","role","axios","post","then","res","token","data","setState","DirectLine","this","iconStyles","getElementById","width","marginTop","includes","navigator","platform","userAgent","textAlign","margin","display","tableLayout","className","styleOptions","sendBoxButtonColorOnHover","bubbleFromUserBackground","bubbleFromUserTextColor","bubbleTextColor","bubbleFromUserBorderRadius","bubbleBorderRadius","bubbleMinHeight","suggestedActionBorderRadius","suggestedActionTextColor","suggestedActionHeight","fontWeight","suggestedActionBackground","sendBoxRadius","suggestedActionBorderColor","connectivityTextSize","rootHeight","rootWidth","textBoxMarginLeft","typingAnimationHeight","typingAnimationWidth","typingAnimationBackgroundImage","React","Component","ChatWindow","id","App","Boolean","location","hostname","match","ReactDOM","render","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.75436e81.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/FiraSans-Regular.d95cbc6b.otf\";","module.exports = __webpack_public_path__ + \"static/media/FiraSans-Medium.f255f5ea.otf\";","import {\r\n DirectLine\r\n} from 'botframework-directlinejs';\r\nimport React from 'react';\r\nimport ReactWebChat, { createDirectLine, createStore, Components } from 'botframework-webchat';\r\nimport axios from 'axios';\r\nimport $ from \"jquery\";\r\n// import './../../public/images/'\r\nvar msgParam = '';\r\nvar _id = '';\r\nvar card_class_name;\r\n//var interval;\r\nclass WebBot extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n service: '',\r\n styleClass: '',\r\n cardType: '',\r\n margin_left: '',\r\n boxWidth: '',\r\n root_width: '',\r\n directLine: '',\r\n disableTextBox: '',\r\n message: '',\r\n rememberMe:''\r\n }\r\n // this.getUrlVars = this.getUrlVars.bind(this);\r\n this.iOS = this.iOS.bind(this);\r\n // this.attachmentMiddleware = this.attachmentMiddleware.bind(this);\r\n // We are creating our own version of Redux store, which includes middleware and an optional initial state.\r\n this.store = window.WebChat.createStore({}, ({\r\n dispatch\r\n }) => next => action => {\r\n // console.log(\"action-->\",action);\r\n if (action.type === 'DIRECT_LINE/CONNECT_FULFILLED') {\r\n // After connected, we will send a message by dispatching a Redux action.\r\n // if (this.state.service) {\r\n // console.log(\"in\");\r\n // dispatch({\r\n // type: 'WEB_CHAT/SEND_EVENT',\r\n // payload: {\r\n // name: this.state.service + '&'+this.state.rememberMe\r\n // }\r\n // });\r\n // } else {\r\n const myCookie=localStorage.getItem('rememberMe')\r\n dispatch({\r\n type: 'WEB_CHAT/SEND_EVENT',\r\n payload: {\r\n name: 'empty'\r\n +'&'+myCookie\r\n \r\n }\r\n \r\n });\r\n // console.log(action.payload,'connect fulfiled')\r\n // }\r\n } else if (action.type === 'DIRECT_LINE/INCOMING_ACTIVITY') {\r\n // When receiving an activity of type \"event\" with name of \"sample:backchannel\", prompt it out.\r\n \r\n const {\r\n activity\r\n } = action.payload;\r\n if (activity.type === 'event' && activity.name === 'sample:backchannel') {\r\n alert(JSON.stringify(activity, null, 2));\r\n }\r\n }\r\n if (action.type === 'DIRECT_LINE/POST_ACTIVITY_FULFILLED' || action.type === 'WEB_CHAT/SUBMIT_SEND_BOX' || action.type === 'WEB_CHAT/SET_SUGGESTED_ACTIONS') {\r\n document.querySelector('ul[role=\"list\"]').lastChild.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n // document.querySelectorAll('webchat__row attachment').scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n \r\n }\r\n // if(action.type=== 'WEB_CHAT/SEND_MESSAGE'){\r\n // //Message sent bu user\r\n // // console.log('cleared interval')\r\n // clearTimeout(interval);\r\n // }else if(action.type === 'DIRECT_LINE/INCOMING_ACTIVITY' && action.payload.activity.name !== \"inactive\"){\r\n // //Message sent by bot\r\n // // console.log('msg from bot')\r\n // clearInterval(interval);\r\n // interval = setTimeout(() => {\r\n // // Notify bot the user has been inactive\r\n // dispatch({\r\n // type: 'WEB_CHAT/SEND_EVENT',\r\n // payload: {\r\n // name: 'inactive',\r\n // value: ''\r\n // }\r\n // });\r\n // }, 300000)\r\n // }\r\n \r\n // var myCookie=localStorage.getItem('rememberMe')\r\n // if(action.type === 'DIRECT_LINE/POST_ACTIVITY_FULFILLED'){\r\n // // if(this.state.message=='user'){\r\n // dispatch({\r\n // type: 'WEB_CHAT/SEND_EVENT',\r\n // payload: {\r\n // name: 'empty'+'&'+myCookie\r\n // }\r\n \r\n // });\r\n // console.log(action.payload)\r\n // // }\r\n // // console.log(this.state.rememberMe)\r\n \r\n // }\r\n \r\n \r\n \r\n if (action.type === 'WEB_CHAT/SET_SUGGESTED_ACTIONS') {\r\n if (action.payload.suggestedActions != 0) {\r\n $('div.main').hide();\r\n }\r\n else {\r\n $('div.main').show();\r\n }\r\n }\r\n if(action.type === 'WEB_CHAT/SEND_EVENT'){\r\n console.log(action.payload)\r\n }\r\n \r\n if(this.state.message == \"user\")\r\n {\r\n localStorage.setItem('rememberMe', true);\r\n this.state.rememberMe = localStorage.getItem('rememberMe');\r\n }\r\n // console.log(this.state.rememberMe)\r\n // if(action.type === \"WEB_CHAT/SUBMIT_SEND_BOX\"){\r\n // localStorage.setItem('rememberMe', true);\r\n // this.state.rememberMe = localStorage.getItem('rememberMe');\r\n // console.log(\"cookie\",this.state.rememberMe)\r\n\r\n // dispatch({\r\n // type: 'WEB_CHAT/SUBMIT_SEND_BOX',\r\n // payload: {\r\n // cookie: this.state.rememberMe\r\n // }\r\n // });\r\n // }\r\n \r\n // Styles for thumbs up thumbs down feedback card\r\n // if (_id === \"thumbsCard\") {\r\n // let button_name = document.getElementsByClassName(\"ac-pushButton\");\r\n // let card_name = document.getElementsByClassName(\"ac-adaptiveCard\");\r\n // let actionSet_name = document.getElementsByClassName(\"ac-actionSet\");\r\n // let bubble_name = document.getElementsByClassName(\"css-s6ngnb attachment bubble\");\r\n // let class_name = document.getElementsByClassName(\"css-shluf1\");\r\n // let columnSet_name = document.getElementsByClassName(\"ac-columnSet\");\r\n // // columnSet_name[columnSet_name.length - 1].style.margin = \"0px !important\"\r\n // actionSet_name[actionSet_name.length - 1].style.flex = \"0 0 42px !important\";\r\n // actionSet_name[actionSet_name.length - 1].style.padding = \"2px\";\r\n // actionSet_name[actionSet_name.length - 2].style.padding = \"2px\";\r\n\r\n // bubble_name[bubble_name.length - 1].style.border = \"0px solid transparent\";\r\n\r\n // class_name[class_name.length - 1].style.width = \"110px\";\r\n\r\n // card_name[card_name.length - 1].style.padding = \"0px\";\r\n // // console.log(\"styles based on id\",class_name[class_name.length - 1].style.width); \r\n // }\r\n // else if (this.state.disableTextBox === \"Product info categories\" || this.state.disableTextBox === \"Other useful links\") {\r\n // let bubble_name = document.getElementsByClassName(\"css-s6ngnb attachment bubble\");\r\n // let class_name = document.getElementsByClassName(\"css-shluf1\");\r\n // let card_name = document.getElementsByClassName(\"ac-adaptiveCard\");\r\n // card_name[card_name.length - 1].style.padding = \"15px\";\r\n // bubble_name[bubble_name.length - 1].style.border = \"1px solid #E6E6E6\";\r\n // class_name[class_name.length - 1].style.width = \"100%\";\r\n \r\n // }\r\n // Disabling adaptive cards \r\n if (card_class_name != undefined) {\r\n var i = 0;\r\n // console.log(\"in\");\r\n while (i < card_class_name.length - 1) {\r\n // card_class_name[i].style.opacity = \"0.4\";\r\n // console.log(\"inside while\");\r\n card_class_name[i].style.pointerEvents = \"none\";\r\n\r\n $(card_class_name[i]).keydown(function (event) {\r\n return false;\r\n });\r\n i++;\r\n }\r\n }\r\n return next(action);\r\n });\r\n\r\n this.adaptiveCardHostConfig = {\r\n actionTitleToWrap: true, spacing: 'small', containerStyles: { default: { foregroundColors: { default: { default: '#034eal', flex: '1 1 1px', } }, accent: { default: \"#034ea1\", subtle: \"#88034ea1\" }, dark: { default: \"#808080\", subtle: \"black\" }, } }\r\n }\r\n\r\n this.attachmentMiddleware = () => next => card => {\r\n // console.log(\"cardd data\", card);\r\n if (card.attachment.contentType === 'application/vnd.microsoft.card.custom') {\r\n card.attachment.contentType = 'application/vnd.microsoft.card.adaptive';\r\n \r\n }\r\n else \r\n if (card.attachment.contentType === 'application/vnd.microsoft.card.adaptive') {\r\n // this.state.disableTextBox = card.attachment.content.body[0].text;\r\n card_class_name = document.getElementsByClassName(\"ac-adaptiveCard\");\r\n // _id = card.attachment.content.id;\r\n \r\n \r\n } \r\n // if (card.attachment.contentType === 'application/vnd.microsoft.card.adaptive') {\r\n // this.state.disableTextBox = card.attachment.content.body[0].text;\r\n // card_class_name = document.getElementsByClassName(\"ac-adaptiveCard\");\r\n // _id = card.attachment.content.id;\r\n \r\n // }\r\n // else if (card.attachment.contentType === \"text/markdown\") {\r\n // // if (card.attachment.content === 'Thank you! For your Valuable Remark. Start a new conversation by saying hello!')\r\n // // this.setState({ message: card.attachment.contentType})\r\n // this.state.message = card.attachment.content;\r\n // }\r\n if (card.attachment.contentType === \"text/plain\") {\r\n this.state.message = card.activity.from.role;\r\n \r\n }\r\n // console.log(this.state.message)\r\n return next(card)\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n // localStorage.setItem('rememberMe', true);\r\n // this.state.rememberMe = localStorage.getItem('rememberMe');\r\n // const res = await axios.post('http://localhost:8080/generatetoken')\r\n // Staging URL - always used in local\r\n const res = await axios.post('https://dep-chatbot-dep-staging.azurewebsites.net/generatetoken')\r\n // Prod build - wont work in local\r\n // const res = await axios.post('https://dep-production.azurewebsites.net/generatetoken')\r\n .then(res => {\r\n const { token } = res.data;\r\n this.setState({ token: token });\r\n this.directLine = new DirectLine({ token: token });\r\n this.setState({ directLine: this.directLine });\r\n // console.log(res.data);\r\n });\r\n // Covid - 19 secret \r\n // this.directLine = new DirectLine({ secret: 'LEq4ZveVDRY.hPyrvmhNFDlASwf_cfjQLkVUYQD8jMYdJwB_n7t9fQc' })\r\n // DEP prod secret\r\n // this.directLine = new DirectLine({secret : 'bLjLz6ZIB9g.POe8sHuWfgBeBPyEGim3VbbI3nHV9j7OQUvXxFT4f7s'})\r\n this.setState({ directLine: this.directLine });\r\n if(this.iOS()){\r\n var iconStyles = document.getElementById(\"sendIconButton\");\r\n iconStyles.style.width = '70px';\r\n iconStyles.style.marginTop = '2px';\r\n console.log(this.iOS(),iconStyles);\r\n }\r\n document.getElementsByClassName(\"main\")[0].style.width='290px' // initially 250px\r\n //console.log(document.getElementsByClassName(\"main\")[0].style.width)\r\n }\r\n // getUrlVars() {\r\n // var vars = {};\r\n // var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {\r\n // if (key) {\r\n // vars[key] = value;\r\n // return vars;\r\n // }\r\n // });\r\n // return vars;\r\n // }\r\n iOS() {\r\n return [\r\n 'iPad Simulator',\r\n 'iPhone Simulator',\r\n 'iPod Simulator',\r\n 'iPad',\r\n 'iPhone',\r\n 'iPod'\r\n ].includes(navigator.platform)\r\n // iPad on iOS 13 detection\r\n || (navigator.userAgent.includes(\"Mac\") && \"ontouchend\" in document)\r\n }\r\n\r\n render() {\r\n return (\r\n\r\n !!this.state.directLine && (\r\n