{"version":3,"sources":["models/Conversation.ts","adi_logo.png","components/LogoAvatar.tsx","models/Message.ts","models/Constants.ts","services/WatsonService.ts","components/Appbar.jsx","components/MessageBox.tsx","components/MessageTextLink.tsx","components/QuickResponse.tsx","components/MessageCard.tsx","components/MessageCardCarousel.tsx","components/ChatItem.tsx","components/ChatInput.jsx","components/IntroCarousel.tsx","services/ConversationParser.ts","components/ChatArea.tsx","App.js","serviceWorker.js","index.js"],"names":["DisplayOption","useStyles","makeStyles","theme","createStyles","dark","margin","spacing","width","height","backgroundColor","grey","borderColor","light","image","LogoAvatar","props","classes","Box","className","border","borderRadius","display","alignItems","justifyContent","src","AdiLogo","alt","MessageDirection","MessageStatus","MessageType","GenericResponse","response","responseType","this","response_type","text","context","title","description","options","parseOptions","map","option","optIsNew","newBadge","bObj","field_type","value","match_string","label","input","isNew","source","errorMessage","sendMessage","messageText","buttons","document","getElementsByTagName","i","length","disabled","style","color","background","Promise","resolve","reject","fetch","method","headers","Headers","body","JSON","stringify","locale","then","res","json","output","generic","crypto","getRandomValues","Uint8Array","gResponses","genRes","parseOptionResponse","parseImageResponse","parseTextLinkResponse","parseTextResponse","genericResponses","error","CSATlabels","1","2","3","4","5","6","7","8","9","10","NPSlabels","CESlabels","menuButton","marginRight","flexGrow","palette","getContrastText","deepOrange","fontWeight","lineHeight","verticalAlign","caption","iconButton","appBar","padding","clsIcon","marginTop","btn","modalHeader","textAlign","borderTopLeftRadius","borderTopRightRadius","paper","position","transform","borderBottom","boxShadow","shadows","opacity","backgroundImage","backgroundSize","Appbar","React","useState","CSATvalue","setCSATValue","CSAThover","setCSATHover","NPSvalue","setNPSValue","NPShover","setNPSHover","CESvalue","setCESValue","CEShover","setCESHover","open","setOpen","rating","setRating","errMsg","setErrMsg","onCloseClick","window","parent","getElementById","classList","remove","AppBar","elevation","Grid","container","item","maxWidth","top","left","viewBox","fill","xmlns","d","xs","sm","md","lg","xl","marginLeft","Typography","variant","align","onClick","botSrc","Modal","disableEscapeKeyDown","onClose","aria-labelledby","aria-describedby","id","component","mb","Rating","name","defaultValue","max","size","onChange","event","newValue","onChangeActive","newHover","gutterBottom","Button","conv","conversation_id","conversation","catch","adi","borderBottomLeftRadius","user","borderBottomRightRadius","MessageBox","message","messageData","messageDirection","RECEIVED","Zoom","in","Paper","parse","SENT","red","a","textDecoration","MessageTextLink","textLink","dangerouslySetInnerHTML","__html","root","secondary","button","textTransform","fontSize","fontFamily","QuickResponse","index","Badge","badgeContent","marginBottom","actions","quickResponseHandler","itemIndex","messageIndex","media","paddingTop","MessageCard","card","Card","href","undefined","target","rel","CardMedia","CardHeader","titleTypographyProps","subheader","CardActions","alignContent","Link","underline","justifySelf","justifyItems","paddingLeft","carousel","MessageCardCarousel","cardsMessageList","itemCount","activeItem","showControls","showIndicators","slide","itemId","box","status","avatar","objectFit","avatarArea","minWidth","statusText","RenderReceivedMessage","CssBaseline","messageType","QUICK_RESPONSE","CARD","CARD_CAROUSEL","TEXT_LINK","TEXT","RenderSentMessage","dt","Date","flexDirection","messageStatus","SENDING","toLocaleTimeString","hour","minute","ChatItem","state","Avatar","chatbotLang","require","process","placeholderVal","appbar","bottom","textField","send","msgText","modal","ChatInput","isSendDisabled","setIsSendDisabled","chatInputText","setChatInputText","onSendClicked","XMLHttpRequest","chatInputHandler","FormControl","clsx","OutlinedInput","placeholder","onKeyDown","key","autoComplete","paddingRight","spacer","carouselContainer","carouselView","hidediv","paddingBottom","HideOnScroll","children","trigger","useScrollTrigger","Slide","appear","direction","IntroCarousel","isLoaded","showCarousal","carousalItem","greeting","time","getHours","useScrollPosition","prevPos","currPos","scrollCallback","y","element","link","img","CircularProgress","parseMessageCard","genResponses","messagesLength","msgList","imageResponseIndex","optionResponseIndex","msg","push","count","ChatArea","messagesEndRef","createRef","scrollToBottom","current","scrollIntoView","behavior","responseValue","showIntro","setState","elevateAppbar","tempMessages","messages","responseItemIndex","findIndex","registeredResponseIndex","opt","toLowerCase","registeredResponse","msgToSend","sameContext","newMsg","lastInput","newConv","lastSendingMsg","initBot","addConversationToMessage","sentMessageStatusHandler","chatInputSendHandler","introScrollCallback","previousY","currentY","IntroComponent","inConversation","elevate","List","ListItem","ref","repMsg","convIndex","display_option","forEach","dispopt","genResponse","parseMessageTextLink","parseMessageOption","msgCardList","parseMessageCardCarousel","sba","Component","createMuiTheme","primary","main","green","responsiveFontSizes","App","ThemeProvider","Boolean","location","hostname","match","ReactDOM","render","StrictMode","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.882f16c7.chunk.js","sourcesContent":["export enum DisplayOption {\n TEXT,\n TEXT_LINK,\n OPTION,\n IMAGE,\n SUGGESTION,\n CARD,\n CARD_CAROUSEL,\n UNDEFINED\n}\n// interface DialogNode{\n// dialogNode: string\n// }\n\nexport interface TextResponse {\n text: string;\n}\n\nexport interface TextLinkResponse {\n text: string;\n}\n\nexport interface OptionResponse {\n title: string;\n description?: string;\n options: Option[];\n}\n\nexport interface ImageResponse {\n source: string;\n}\n\nexport interface CardResponse {\n title: string;\n description: string;\n media: ImageResponse;\n actions: Option[];\n}\n\nexport interface CardCarouselResponse {\n cards: CardResponse[];\n}\n\nexport interface Option {\n label: string;\n value: string;\n isNew: boolean;\n}\n\nexport default interface Conversation {\n context?: any;\n genericResponses?: GenericResponse[];\n}\n\nexport class GenericResponse {\n responseType: string;\n response: any;\n\n constructor(response:any) {\n this.response = response;\n this.responseType = response.response_type;\n }\n\n parseTextResponse() {\n this.response = {text: this.response.text} as TextResponse;\n }\n\n parseTextLinkResponse() {\n this.response = {text: this.response.text} as TextLinkResponse;\n }\n\n parseOptionResponse(context:any) {\n this.response = {title: this.response.title, description: this.response.description, options: this.parseOptions(this.response.options, context) } as OptionResponse;\n }\n\n parseOptions(options: any, context: any): Option[] {\n return options.map((option: any)=>{\n let optIsNew = false;\n if(context.newBadge){\n context.newBadge.map((bObj:any) => {\n switch(bObj.field_type){\n case \"value\":\n if(option.value === bObj.match_string){\n optIsNew = true;\n }\n break;\n case \"label\":default:\n if(option.label === bObj.match_string){\n optIsNew = true;\n }\n break;\n }\n return null;\n });\n } \n return {label: option.label, value: option.value.input.text, isNew: optIsNew}\n })\n }\n\n parseImageResponse() {\n this.response = {source: this.response.source} as ImageResponse;\n }\n}","export default __webpack_public_path__ + \"static/media/adi_logo.8b42b97b.png\";","import React from 'react';\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\nimport { grey } from '@material-ui/core/colors';\nimport { Box } from '@material-ui/core';\n//images\nimport AdiLogo from '../adi_logo.png';\n\nconst useStyles = makeStyles((theme: Theme) =>\n createStyles({\n dark: {\n margin: theme.spacing(1),\n width: \"40px\",\n height: \"40px\",\n backgroundColor: grey[400],\n borderColor: grey[100],\n },\n light: {\n margin: theme.spacing(1),\n width: \"40px\",\n height: \"40px\",\n backgroundColor: grey[100],\n borderColor: grey[300]\n },\n image: {\n width: \"32px\",\n height: \"35px\",\n },\n }),\n);\n\nconst LogoAvatar = (props:any) => {\n const classes = useStyles();\n return (\n \n \"ADI\"\n \n );\n}\n\nexport default LogoAvatar;","export enum MessageDirection {\n SENT,\n RECEIVED,\n};\n\nexport enum MessageStatus {\n SENDING,\n RECEIVING,\n SENT,\n RECEIVED,\n ERROR_SENDING,\n ERROR_RECEIVING,\n UNKNOWN,\n}\n\nexport enum MessageType {\n TEXT,\n QUICK_RESPONSE,\n CARD,\n CARD_CAROUSEL,\n TEXT_LINK\n}\n\nexport default interface Message {\n messageIndex?:number;\n messageDirection?:MessageDirection;\n messageType?:MessageType;\n messageStatus?:MessageStatus;\n messageData?:any;\n}","export const errorMessage:string[] = [\n \"I am having some diffuculties chatting right now. Can we chat later?\",\n \"Hmmmm. Something went wrong! It is probably some problem at my side. I will get it fixed.\",\n \"This is unusual! I am unable to process this request. Can you please try later? while I get this problem fixed.\",\n \"I cannot process your request at this time. Sorry for trouble. Please try later.\"\n]","//import axios from 'axios';\nimport Conversation, { GenericResponse } from '../models/Conversation';\nimport { errorMessage } from '../models/Constants';\n\n\n// const API_KEY = process.env.REACT_APP_API_KEY!;\n// const API_USERNAME = process.env.REACT_APP_USERNAME!;\nlet URL:string = \"https://us-south.functions.appdomain.cloud/api/v1/web/9689c24d-8aea-4a97-b9a5-28583aed2ca5/default/key_provider\";\n\n\n\nexport const sendMessage = (messageText: any, context: any) => {\n // console.log(!context.conversation_id);\n // console.log(messageText)\n\n const buttons = document.getElementsByTagName(\"button\"); //To disable buttons on clicking quick response\n for (let i = 0; i < buttons.length; i++) {\n buttons[i].disabled = true;\n buttons[i].style.color = \"#000000de\";\n buttons[i].style.background = \"#eeeeee\";\n } \n \n //document.getElementById('quickRespGrid')!.remove(); //To delete quick response options\n \n return new Promise((resolve, reject) => {\n\n fetch(URL, {\n method:'POST',\n headers: new Headers({\n 'Content-Type':'application/json',\n // 'Authorization': 'Basic ' + btoa(API_USERNAME + \":\" + API_KEY)\n }),\n body: JSON.stringify({\n locale:'en-TZ', \n /*\n en-IN for english, \n uat-IN for UAT\n hi-IN for Hindi \n en-KY = Kenya \n en-BW = Botswana \n en-FJ = Fiji \n en-MT = Mauritius \n en-OM = Oman \n en-TZ = Tanzania \n en-UAE = UAE \n en-UG = Uganda\n */\n input: { \n text: messageText\n },\n context: context\n })\n })\n .then(res => res.json())\n .then(\n (response) => {\n // console.log(JSON.stringify(response)); \n if(!response.output.generic){\n //response.output.generic = [{response_type: \"text\", text: errorMessage[Math.floor(Math.random() * errorMessage.length)]}]\n response.output.generic = [{response_type: \"text\", text: errorMessage[crypto.getRandomValues(new Uint8Array(1))[0]]}]\n }\n \n //console.log(JSON.stringify(transcript))\n const gResponses = response.output.generic.map((res: any)=>{\n const genRes:GenericResponse = new GenericResponse(res);\n switch (res.response_type) {\n case 'option':\n genRes.parseOptionResponse(response.context);\n return genRes;\n case 'image':\n genRes.parseImageResponse();\n return genRes;\n case 'text_link':\n genRes.parseTextLinkResponse();\n return genRes;\n case 'text':default:\n genRes.parseTextResponse();\n return genRes;\n }\n });\n \n resolve({context: response.context, genericResponses: gResponses} as Conversation);\n },\n // Note: it's important to handle errors here\n // instead of a catch() block so that we don't swallow\n // exceptions from actual bugs in components.\n (error) => {\n reject(error);\n }\n )\n\n\n })\n \n}\n\n// export const sendMessageProd = (messageText: any, context: any) => {\n// // console.log(!context.conversation_id);\n// // console.log(messageText)\n\n// const buttons = document.getElementsByTagName(\"button\"); //To disable buttons on clicking quick response\n// for (let i = 0; i < buttons.length; i++) {\n// buttons[i].disabled = true;\n// buttons[i].style.color = \"#000000de\";\n// buttons[i].style.background = \"#eeeeee\";\n// } \n \n// //document.getElementById('quickRespGrid')!.remove(); //To delete quick response options\n \n// return new Promise((resolve, reject) => {\n\n// fetch(URL, {\n// method:'POST',\n// headers: new Headers({\n// 'Content-Type':'application/json',\n// // 'Authorization': 'Basic ' + btoa(API_USERNAME + \":\" + API_KEY)\n// }),\n// body: JSON.stringify({\n// input: { \n// text: messageText\n// },\n// context: context\n// })\n// })\n// .then(res => res.json())\n// .then(\n// (response) => {\n// // console.log(JSON.stringify(response)); \n// if(!response.output.generic){\n// //response.output.generic = [{response_type: \"text\", text: errorMessage[Math.floor(Math.random() * errorMessage.length)]}]\n// response.output.generic = [{response_type: \"text\", text: errorMessage[crypto.getRandomValues(new Uint8Array(1))[0]]}]\n// }\n// //transcript[i] = {'que': messageText, answer:response.output.generic};\n// //i++;\n// //console.log(JSON.stringify(transcript))\n// const gResponses = response.output.generic.map((res: any)=>{\n// const genRes:GenericResponse = new GenericResponse(res);\n// switch (res.response_type) {\n// case 'option':\n// genRes.parseOptionResponse(response.context);\n// return genRes;\n// case 'image':\n// genRes.parseImageResponse();\n// return genRes;\n// case 'text_link':\n// genRes.parseTextLinkResponse();\n// return genRes;\n// case 'text':default:\n// genRes.parseTextResponse();\n// return genRes;\n// }\n// });\n \n// resolve({context: response.context, genericResponses: gResponses} as Conversation);\n// },\n// // Note: it's important to handle errors here\n// // instead of a catch() block so that we don't swallow\n// // exceptions from actual bugs in components.\n// (error) => {\n// reject(error);\n// }\n// )\n\n\n// })\n \n// }\n\n","import React from 'react';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport AppBar from '@material-ui/core/AppBar';\nimport Grid from '@material-ui/core/Grid';\nimport Typography from '@material-ui/core/Typography';\nimport { deepOrange } from '@material-ui/core/colors';\nimport CloseSharpIcon from '@material-ui/icons/CloseSharp';\nimport RefreshSharpIcon from '@material-ui/icons/RefreshSharp';\nimport CallReceivedIcon from '@material-ui/icons/CallReceived';\nimport { Box } from '@material-ui/core';\nimport Button from '@material-ui/core/Button';\nimport Modal from '@material-ui/core/Modal';\n// import PropTypes from 'prop-types';\n// import Rating from '@material-ui/lab/Rating';\n\n\n//import { styled } from '@mui/material/styles';\nimport Rating from '@mui/material/Rating';\n\n//components\nimport LogoAvatar from './LogoAvatar'\nimport { sendMessage } from '../services/WatsonService';\n\nconst CSATlabels = {\n 1: 'Extremely Unsatisfied',\n 2: 'Extremely Unsatisfied',\n 3: 'Unsatisfied',\n 4: 'Unsatisfied',\n 5: 'Not Sure',\n 6: 'Not Sure',\n 7: 'Satisfied',\n 8: 'Satisfied',\n 9: 'Extremely Satisfied',\n 10: 'Extremely Satisfied',\n};\n\nconst NPSlabels={\n 1: 'Very Unlikely',\n 2: 'Very Unlikely',\n 3: 'Unlikely',\n 4: 'Unlikely',\n 5: 'Not Sure',\n 6: 'Not Sure',\n 7: 'Likely',\n 8: 'Likely',\n 9: 'Very Likely',\n 10: 'Very Likely',\n};\n\nconst CESlabels={\n 1: 'Great Effort',\n 2: 'Great Effort',\n 3: 'Effort',\n 4: 'Effort',\n 5: 'Neither',\n 6: 'Neither',\n 7: 'Some Efforts',\n 8: 'Some Efforts',\n 9: 'Least Effort',\n 10: 'Least Effort',\n}\n\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n menuButton: {\n marginRight: theme.spacing(2),\n },\n title: { \n flexGrow: 1,\n color: theme.palette.getContrastText(deepOrange[500]),\n fontWeight: 600,\n lineHeight: \"50px\",\n //fontSize: \"16px\",\n verticalAlign:\"sub\",\n \n\n },\n caption: {\n color:theme.palette.getContrastText(deepOrange[500]),\n },\n iconButton: {\n //color: theme.palette.getContrastText(deepOrange[500]),\n },\n appBar: {\n flexGrow: 1,\n margin: 0,\n width: \"100%\",\n padding:\"5px 15px\"\n },\n clsIcon:{\n color:\"#FFF\",\n lineHeight: \"5!important\",\n marginTop: '15px'\n },\n btn: {\n margin: theme.spacing(1),\n background: \"#f26522\",\n color: \"#fff\",\n },\n \n modalHeader:{\n textAlign: 'center', \n color:'#fff',\n padding: \"11px\",\n background: \"#f26522\",\n borderTopLeftRadius: \"7px\",\n borderTopRightRadius: \"7px\",\n },\n\n//PAPER is for MODAL\n paper: {\n position: 'fixed',\n transform: \"translate(-50%, -50%)\",\n width: \"97%\", //Old value was 400px\n backgroundColor: theme.palette.background.paper,\n borderBottom: \"10px solid #f26522\",\n boxShadow: theme.shadows[5],\n borderRadius: \"10px\",\n color: '#162b75',\n opacity: \"0.95\",\n backgroundImage: \"radial-gradient(#f265227d 0.35px, #fff 0.35px)\",\n backgroundSize: \"7px 7px\" \n },\n \n }),\n);\n\nconst Appbar = (props) => {\n const classes = useStyles();\n\n \n const [CSATvalue, setCSATValue] = React.useState(10);\n const [CSAThover, setCSATHover] = React.useState(-1);\n\n const [NPSvalue, setNPSValue] = React.useState(10);\n const [NPShover, setNPSHover] = React.useState(-1);\n\n const [CESvalue, setCESValue] = React.useState(10);\n const [CEShover, setCESHover] = React.useState(-1);\n\n //const [modalStyle] = React.useState(getModalStyle);\n const [open, setOpen] = React.useState(false);\n\n const [rating, setRating] = React.useState([]); //Rating\n\n const [errMsg, setErrMsg] = React.useState();\n \n const handleOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const onSendClicked = () => {\n let conv = props.conv;\n // console.log(conv.context.conversation_id);\n if(conv.context.conversation_id){\n if(CSATvalue && NPSvalue && CESvalue){ \n // alert(\"test\") \n setErrMsg(\"\");\n setRating(\"Thanks for submitting your feedback!\");\n sendMessage( CSATvalue+\"-\"+CSATlabels[CSATvalue]+'#'+NPSvalue+\"-\"+NPSlabels[NPSvalue]+'#'+CESvalue+\"-\"+CESlabels[CESvalue], conv.context)\n .then(conversation => {\n onCloseClick();\n })\n .catch(\n // error => console.log(error)\n );\n }else{\n setErrMsg(\"Please give all rating above then click 'Submit' or click 'Close' to exit.\");\n setRating(false);\n }\n }else{\n //setErrMsg(\"You can't give rating until and \");\n setRating(false);\n onCloseClick();\n }\n //window.parent.document.getElementById(\"actionTxt\").value = \"close\"; \n }\n\n\n const onCloseClick = ()=>{\n window.parent.document.getElementById(\"actionTxt\").value = \"close\";\n window.parent.document.getElementById(\"mainDiv\").classList.remove('bob-open-chat-iframe');\n //let botSrc = window.parent.document.getElementById(\"chatIframe\").src;\n //window.parent.document.getElementById(\"chatIframe\").src = botSrc;\n }\n\n const onMinimiseClick = () => {\n window.parent.document.getElementById(\"actionTxt\").value = \"minimise\";\n window.parent.document.getElementById(\"mainDiv\").classList.remove('bob-open-chat-iframe');\n }\n\n const onRefreshClick = () =>{\n window.parent.document.getElementById(\"actionTxt\").value = \"refresh\";\n let botSrc = window.parent.document.getElementById(\"chatIframe\").src;\n window.parent.document.getElementById(\"chatIframe\").src = botSrc;\n }\n\n\n return(\n \n {/* */}\n \n \n \n {/* */}\n \n \n \n \n \n \n \n \n Ask ADI\n \n {/* \n v2.1.5-beta\n */}\n \n {/* */}\n \n \n \n \n \n\n \n \n \n \n \n \n \n {/* */}\n \n \n \n
\n

It was great seeing you today !!!

\n
On exiting, all chat history will be cleared
\n
\n \n How would you rate your overall experience?\n \n {\n setCSATValue(newValue);\n }}\n onChangeActive={(event, newHover) => {\n setCSATHover(newHover);\n }}\n />\n {CSATvalue !== null && \n {CSATlabels[CSAThover !== -1 ? CSAThover : CSATvalue]}\n }\n \n
\n How likely you would recommend Bank of Baroda to a family & friend?\n On a scale of 0 to 10, with 10 being “Very Likely” and 0 being “Very Unlikely” \n {\n setNPSValue(newValue);\n }}\n onChangeActive={(event, newHover) => {\n setNPSHover(newHover);\n }}\n />\n {NPSvalue !== null && \n {NPSlabels[NPShover !== -1 ? NPShover : NPSvalue]}\n }\n\n
\n How much effort did it take to resolve your issue?\n {\n setCESValue(newValue);\n }}\n onChangeActive={(event, newHover) => {\n setCESHover(newHover);\n }}\n />\n {CESvalue !== null && \n {CESlabels[CEShover !== -1 ? CEShover : CESvalue]}\n }\n\n {rating} \n {errMsg} \n
\n \n \n \n \n \n
\n
\n \n
\n \n \n \n {/* */}\n \n {/* */}\n {/* \n \n */}\n
\n )\n}\n\nexport default Appbar;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport { deepOrange, grey/*, red*/ } from '@material-ui/core/colors';\n//import { motion } from 'framer-motion';\nimport parse from 'html-react-parser';\n//import Zoom from '@mui/material/Zoom';\n\n//models\nimport Message, { MessageDirection } from '../models/Message';\nimport { errorMessage } from '../models/Constants';\n\n//import Grow from '@material-ui/core/Grow';\n\nimport Zoom from '@material-ui/core/Zoom';\n\nconst useStyles = makeStyles((theme) => ({\n adi: {\n //padding: theme.spacing(2),\n padding:\"13px\",\n maxWidth: '300px',\n color: theme.palette.getContrastText(grey[200]),\n backgroundColor: grey[200],\n //color: \"#fff\",\n //backgroundColor: \"#304284\",\n //backgroundColor:\"#5c6ba7\",\n borderRadius:20,\n borderTopRightRadius: 10,\n borderBottomLeftRadius: 0,\n fontWeight:400,\n },\n user: {\n //padding: theme.spacing(2),\n padding:\"13px\",\n maxWidth: '300px',\n color: theme.palette.getContrastText(deepOrange[500]),\n backgroundColor: deepOrange[500],\n //color:\"#FFF\",\n //backgroundColor:\"#ff693a\",\n borderRadius:20,\n borderTopLeftRadius: 10,\n borderBottomRightRadius: 0,\n fontWeight:100,\n },\n error: {\n //padding: theme.spacing(2),\n padding:\"13px\",\n maxWidth: '300px',\n //color: theme.palette.getContrastText(red[500]),\n color: \"#fff\",\n //backgroundColor: red[500],\n backgroundColor:\"#f44336\",\n borderRadius:20,\n borderTopRightRadius: 5,\n borderBottomLeftRadius: 0,\n fontWeight:100,\n },\n }));\n\nconst MessageBox = (props:any) => {\n const classes = useStyles();\n const message:Message = props.message;\n if (!message.messageData) {\n //message.messageData = errorMessage[Math.floor(Math.random() * errorMessage.length)];\n message.messageData = errorMessage[crypto.getRandomValues(new Uint8Array(1))[0]];\n }\n \n if(message.messageDirection===MessageDirection.RECEIVED){\n return (\n \n \n {parse(message.messageData)}\n \n \n );\n }else if(message.messageDirection===MessageDirection.SENT) {\n return (\n \n \n {parse(message.messageData)}\n \n \n );\n }else{\n return (\n \n \n {/* {errorMessage[Math.floor(Math.random() * errorMessage.length)]} */}\n {errorMessage[crypto.getRandomValues(new Uint8Array(1))[0]]}\n \n \n );\n }\n};\n\nexport default MessageBox;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\nimport { grey, red } from '@material-ui/core/colors';\n//import { motion } from 'framer-motion';\n//models\nimport Message from '../models/Message';\nimport { TextLinkResponse } from '../models/Conversation';\nimport { errorMessage } from '../models/Constants';\n\n//import Grow from '@material-ui/core/Grow';\n\nimport Zoom from '@material-ui/core/Zoom';\n\n//To make changes of Block card and PMSBY kind of msg response consult this file\nconst useStyles = makeStyles((theme) => ({\n adi: {\n padding: theme.spacing(2),\n maxWidth: '300px',\n color: theme.palette.getContrastText(grey[200]),\n backgroundColor: grey[200],\n borderRadius:20,\n borderTopRightRadius: 10,\n borderBottomLeftRadius: 0,\n },\n error: {\n padding: theme.spacing(2),\n maxWidth: '300px',\n color: theme.palette.getContrastText(red[500]),\n backgroundColor: red[500],\n borderRadius:20,\n borderTopRightRadius: 5,\n borderBottomLeftRadius: 0,\n },\n a: {\n textDecoration:\"underline\"\n }\n }));\n\nconst MessageTextLink = (props:any) => {\n const classes = useStyles();\n const message:Message = props.message;\n if (!message.messageData) {\n // message.messageData = errorMessage[Math.floor(Math.random() * errorMessage.length)];\n message.messageData = errorMessage[crypto.getRandomValues(new Uint8Array(1))[0]];\n return (\n \n \n {message.messageData}\n \n \n );\n }\n else {\n const textLink:TextLinkResponse = message.messageData as TextLinkResponse;\n return (\n \n
\n \n );\n }\n \n};\n\nexport default MessageTextLink;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Grid from '@material-ui/core/Grid';\nimport Button from '@material-ui/core/Button';\nimport { grey } from '@material-ui/core/colors';\nimport Badge from '@material-ui/core/Badge';\nimport Box from '@material-ui/core/Box';\n// models\nimport Message from '../models/Message';\nimport { Option } from '../models/Conversation';\n//import { motion } from 'framer-motion';\n\n//import Grow from '@material-ui/core/Grow';\n\nimport Zoom from '@material-ui/core/Zoom';\n\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n },\n paper: {\n padding: theme.spacing(2),\n textAlign: 'center',\n color: theme.palette.text.secondary,\n },\n adi: {\n padding: theme.spacing(2),\n maxWidth: '300px',\n color: theme.palette.getContrastText(grey[200]),\n backgroundColor: grey[200],\n borderRadius:20,\n borderTopRightRadius: 5,\n borderBottomLeftRadius: 0,\n },\n button: {\n textTransform: \"none\",\n borderRadius: '18px',\n padding: '5px 10px',\n background: 'rgba(22,43,117,.1)',\n color: '#162b75',\n border: 'none',\n fontSize: '.75rem',\n fontFamily: 'Arial',\n \n \"&:hover\":{\n background: '#162b75',\n color: '#fff',\n border: 'none'\n } \n }\n }));\n\nconst QuickResponse = (props:any) => {\n const classes = useStyles();\n const message:Message = props.message\n return (\n
\n \n {message.messageData.map((option:Option, index:number)=>{\n if(option.isNew){\n return ( \n \n \n \n \n \n \n \n );\n }\n else {\n return(\n \n \n \n \n \n \n \n ); \n }\n })}\n \n
\n );\n};\n\nexport default QuickResponse;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Card from '@material-ui/core/Card';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport CardMedia from '@material-ui/core/CardMedia';\n//import CardContent from '@material-ui/core/CardContent';\nimport CardActions from '@material-ui/core/CardActions';\n//import Typography from '@material-ui/core/Typography';\n//import Button from '@material-ui/core/Button';\nimport Box from '@material-ui/core/Box';\n\n// models\nimport Message from '../models/Message';\nimport { Option, CardResponse } from '../models/Conversation';\nimport Link from '@material-ui/core/Link';\n\n\n\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n width: 315, // TO ADJUST VIA MEDIA QUERY\n },\n media: {\n height: 0,\n paddingTop: '56.25%', // 16:9\n }\n }));\n\nconst MessageCard = (props:any) => {\n const classes = useStyles();\n const message:Message = props.message\n const card: CardResponse = message.messageData;\n //alert(card.description);\n return (\n \n \n \n \n \n \n {/* \n \n {card.description}\n \n */}\n \n \n {card.actions.map((option:Option) => {\n return (\n \n {option.label}\n \n );\n })}\n \n \n \n );\n};\n\nexport default MessageCard;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Box from '@material-ui/core/Box';\nimport MessageCard from './MessageCard';\nimport { MDBCarousel, MDBCarouselInner, MDBCarouselItem, MDBView, MDBContainer } from\"mdbreact\";\n// models\nimport Message from '../models/Message';\n// styles\nimport './MessageCardCarousel.css';\n\n\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n flexGrow: 1,\n display: \"flex\",\n justifySelf: \"flex-start\",\n justifyContent: \"flex-start\",\n justifyItems: \"flex-start\",\n paddingLeft: 0,\n marginLeft: 0,\n lineHeight:\"50px\"\n },\n carousel: {\n },\n media: {\n height: 0,\n paddingTop: '56.25%', // 16:9\n },\n }));\n\nconst MessageCardCarousel = (props:any) => {\n const classes = useStyles();\n const cardsMessageList: Message[] = props.message.messageData;\n let itemCount = 0;\n return (\n \n \n 1 ? true:false}\n showIndicators={true}\n slide={true}\n className=\"z-depth-1\"\n >\n \n {\n cardsMessageList.map(message => {\n ++itemCount;\n return (\n \n \n \n \n \n ); \n })\n }\n \n \n \n \n );\n};\n\n\n\nexport default MessageCardCarousel;","import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport Avatar from '@material-ui/core/Avatar';\nimport Box from '@material-ui/core/Box';\nimport { grey } from '@material-ui/core/colors';\nimport { Typography } from '@material-ui/core';\nimport LogoAvatar from './LogoAvatar';\n// components\nimport MessageBox from './MessageBox';\nimport MessageTextLink from './MessageTextLink';\nimport QuickResponse from './QuickResponse';\nimport MessageCard from './MessageCard';\n// models\nimport Message, { MessageDirection, MessageStatus, MessageType } from '../models/Message';\nimport MessageCardCarousel from './MessageCardCarousel';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n '& > *': {\n margin: theme.spacing(1),\n },\n width: '100%',\n },\n\n box: {\n //margin: theme.spacing(1),\n },\n status: {\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1),\n marginTop: theme.spacing(0),\n marginBottom: theme.spacing(0),\n },\n avatar: {\n color: \"theme.palette.getContrastText(grey[200])\",\n backgroundColor: \"grey[200]\",\n objectFit: \"cover\",\n marginLeft: theme.spacing(0),\n marginRight: theme.spacing(0),\n marginTop: theme.spacing(0),\n marginBottom: theme.spacing(0),\n },\n avatarArea: {\n color: \"theme.palette.getContrastText(grey[200])\",\n backgroundColor: \"grey[50]\",\n width: '40px',\n maxWidth: '40px',\n minWidth: '40px',\n marginLeft: theme.spacing(0),\n marginRight: theme.spacing(2),\n marginTop: theme.spacing(0),\n marginBottom: theme.spacing(0),\n },\n statusText: {\n color: grey[500],\n }\n }));\n \nconst RenderReceivedMessage = (props:any) => {\n const classes = useStyles();\n const message:Message = props.message;\n //const dt = new Date();\n return (\n
\n \n {\n (()=>{\n switch(message.messageType){\n case MessageType.QUICK_RESPONSE: return (\n {/**Added BY SKY */}\n \n \n \n );\n case MessageType.CARD: return (\n \n {/* COMMENTED OUT TO REMOVE EXTRA SPACE ON LEFT */}\n \n \n );\n case MessageType.CARD_CAROUSEL: return (\n \n {/* COMMENTED OUT TO REMOVE EXTRA SPACE ON LEFT */}\n \n \n );\n case MessageType.TEXT_LINK: return (\n \n \n \n \n );\n case MessageType.TEXT:default: return (\n \n \n \n {/* \n \n {\n (() => {\n const dt = new Date();\n return (dt.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'}));\n })()\n }\n \n */}\n \n );\n }\n })()\n }\n \n {/* \n \n {\n (() => {\n return (dt.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'}));\n })()\n }\n \n */}\n \n
\n );\n}\n\nconst RenderSentMessage = (props:any) => {\n const classes = useStyles();\n const message:Message = props.message as Message;\n const dt = new Date();\n return ( \n
\n \n \n \n \n \n \n {\n (() => {\n switch(message.messageStatus) {\n case MessageStatus.SENDING: return \"sending...\";\n case MessageStatus.SENT: return (dt.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'}));\n default: return '';\n }\n })()\n }\n \n \n
\n );\n}\n \nconst ChatItem = (props:any) => {\n const classes = useStyles();\n const message:Message = props.message;\n if(props.message.messageDirection===MessageDirection.RECEIVED){\n return \n }else if(props.message.messageDirection===MessageDirection.SENT){\n return \n }else{\n return ( \n
\n \n \n ! \n
Something went wrong!
\n
\n
\n );\n } \n};\n\nexport default ChatItem;","import React, { useState } from 'react'\nimport AppBar from '@material-ui/core/AppBar';\nimport Box from '@material-ui/core/Box';\nimport Grid from '@material-ui/core/Grid';\nimport { createStyles, makeStyles } from '@material-ui/core/styles';\nimport { grey } from '@material-ui/core/colors';\nimport SendIcon from '@material-ui/icons/Send';\nimport clsx from 'clsx';\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\nimport FormControl from '@material-ui/core/FormControl';\nimport Paper from '@material-ui/core/Paper';\nimport KeyboardOutlinedIcon from '@material-ui/icons/KeyboardOutlined';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Button from '@material-ui/core/Button';\nimport Modal from '@material-ui/core/Modal';\n\nlet googleTransliterate = require('google-input-tool');\nconst chatbotLang = process.env.REACT_APP_LANG;\nlet placeholderVal = \"Type Your Query\";\nif(chatbotLang === \"HI\"){\n placeholderVal = \"अपना प्रश्न बताएं\"\n}\n\n//import TextField from '@material-ui/core/TextField';\n//import { NeuTextInput } from \"neumorphism-react\";\n//import { NeuButton } from \"neumorphism-react\";\n//import { NeuDiv } from \"neumorphism-react\";\n//import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; \n//import { faPaperPlane } from '@fortawesome/free-solid-svg-icons'\n// import Visibility from '@material-ui/icons/Visibility';\n// import VisibilityOff from '@material-ui/icons/VisibilityOff';\n//import InputLabel from '@material-ui/core/InputLabel';\n// import InputAdornment from '@material-ui/core/InputAdornment';\n// import FormHelperText from '@material-ui/core/FormHelperText';\n//import IconButton from '@material-ui/core/IconButton';\n//import Input from '@material-ui/core/Input';\n//import FilledInput from '@material-ui/core/FilledInput';\n\nconst useStyles = makeStyles((theme) =>\n createStyles({\n root: {\n flexGrow: 1,\n height: \"100%\",\n margin: theme.spacing(1)\n },\n appbar: {\n top: 'auto',\n bottom: 0,\n backgroundColor: grey[100],\n borderColor: grey[700],\n },\n textField: {\n width: \"100%\",\n },\n box:{\n top: 'auto',\n bottom: 0,\n borderColor: grey[700],\n },\n send:{\n marginTop: \"5px\",\n color:\"#ff693a\"\n },\n msgText:{\n // borderRadius: \"50px !important\",\n // backgroundColor: \"#FFF !important\",\n //border: \"1px solid #162b75\",\n height:\"45px\",\n //color:\"#162b75\"\n },\n paper: {\n padding: theme.spacing(1),\n textAlign: 'center',\n color: theme.palette.text.secondary,\n //backgroundColor: \"#F0F0F0\",\n borderRadius: \"0\",\n borderBottom: \"5px solid #ff693a\"\n },\n\n btn: {\n margin: theme.spacing(1),\n background: \"#f26522\",\n color: \"#fff\",\n },\n\n modalHeader:{\n textAlign: 'center', \n color:'#fff',\n padding: \"11px\",\n background: \"#f26522\",\n borderTopLeftRadius: \"7px\",\n borderTopRightRadius: \"7px\",\n },\n\n modal: {\n position: 'fixed',\n transform: \"translate(-50%, -50%)\",\n width: \"97%\", //Old value was 400px\n backgroundColor: theme.palette.background.paper,\n borderBottom: \"10px solid #f26522\",\n boxShadow: theme.shadows[5],\n borderRadius: \"10px\",\n color: '#162b75',\n opacity: \"0.95\",\n backgroundImage: \"radial-gradient(#f265227d 0.35px, #fff 0.35px)\",\n backgroundSize: \"7px 7px\",\n //border: \"2px solid #334\"\n //border: '2px solid #f26522',\n //padding: theme.spacing(2, 4, 3),\n //background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',\n //border: '2px solid #000',\n \n //boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)',\n //color: 'white',\n //padding: theme.spacing(2, 4, 3),\n },\n}));\n\nconst ChatInput = (props) => {\n const classes = useStyles();\n const [ isSendDisabled, setIsSendDisabled ] = useState(true);\n const [ chatInputText, setChatInputText ] = useState (\"\");\n const [ chatLanguage, setChatLanguage ] = useState (chatbotLang);\n const [open, setOpen] = React.useState(false); //For Modal\n\n const [anchorEl, setAnchorEl] = React.useState(null);\n\n //alert(chatbotLang === \"EN\")\n\n // const handleModalOpen = () => {\n // setOpen(true);\n // };\n\n const handleModalClose = () => {\n setOpen(false);\n window.parent.document.getElementById(\"chatIframe\").src = \"https://www.bankofbaroda.in/chat/bob/countrywebsite/india/build2/hi/index.html\"; //Set Hindi Chatbot URL\n }; \n //const google = window.google = window.google ? window.google : {};\n //const google = window.google;\n let inputLanguage = 'ne-t-i0-und';\n let maxResult = 8;\n let request = new XMLHttpRequest();\n\n const onInputChange = (event) => {\n // console.log(event.target.value);\n if(event.target.value !== \"\"){\n setIsSendDisabled(false);\n }else{\n setIsSendDisabled(true);\n }\n setChatInputText(event.target.value);\n }\n\n const onKeyDownHandler = (event) => {\n if((chatbotLang === \"HI\" && chatLanguage === \"HI\") && (event.key === \" \" || event.key === 'Tab')){\n googleTransliterate(request, chatInputText, inputLanguage, maxResult)\n .then(function(response) {\n //console.log('Transliterated Text: ', response[0][0]);\n setChatInputText(response[0][0]+\" \");\n });\n }\n if (event.key === 'Enter') {\n onSendClicked();\n }\n }\n\n const onSendClicked = () => {\n // console.log(chatInputText);\n // console.log(\"SKY : \"+document.getElementById(\"transliterateTextarea\").value)\n if(chatInputText !== \"\"){\n props.chatInputHandler(chatInputText);\n setChatInputText(\"\");\n setIsSendDisabled(true);\n }\n }\n\n\n const handleClick = (event) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleLangChange = (event) => {\n setAnchorEl(null);\n // console.log(event.target.dataset.lang);\n setChatLanguage(event.target.dataset.lang);\n if(event.target.dataset.lang === \"HI\" && chatbotLang !== \"HI\"){\n setOpen(true);\n document.getElementById(\"txtChat\").placeholder = \"अपना प्रश्न बताएं\"; \n }\n\n if(event.target.dataset.lang === \"EN\" && chatbotLang !== \"EN\"){\n document.getElementById(\"txtChat\").placeholder = \"Type your query\";\n window.parent.document.getElementById(\"chatIframe\").src = \"https://www.bankofbaroda.in/chat/bob/countrywebsite/india/build2/en/index.html\"; // Set English Chatbot URL\n }\n\n setChatInputText(\"\");\n };\n\n \n\n return (\n \n \n {/* */}\n \n \n \n \n \n \n \n \n\n {/* \n \n \n {chatbotLang === \"HI\" &&\n English\n }\n {chatbotLang === \"EN\" &&\n Hindi\n }\n \n \n
\n

अस्वीकरण

\n
\n पाठ आपकी भाषा में अनुवादित किया जाएगा और हो सकता है कि पुरी तरह सटीक ना हो। \n अधिक स्पष्टता के लिए, कृपया हमारे फोनबैंकिंग प्रतिनिधि से संपर्क करें या अपनी निकटतम शाखा पर जाएं।\n
\n

\n \n \n \n

\n
\n \n
*/}\n\n \n \n \n
\n
\n
\n {/*
*/}\n
\n
\n ) \n};\n\nexport default ChatInput;"," import React, { useEffect, useState } from 'react'\n import Box from '@material-ui/core/Box';\n import Typography from '@material-ui/core/Typography';\n import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\n //import { deepOrange } from '@material-ui/core/colors';\n import { MDBCarousel, MDBCarouselInner, MDBCarouselItem, MDBView, MDBContainer } from\"mdbreact\";\n import { useScrollPosition } from '@n8tb1t/use-scroll-position';\n //import default_banners from \"../bob_banners.json\";\n //import axios from 'axios';\n //import { GenericResponse } from '../models/Conversation';\n\n import Slide from '@material-ui/core/Slide';\n //import CssBaseline from '@material-ui/core/CssBaseline';\n import useScrollTrigger from '@material-ui/core/useScrollTrigger';\n //import Toolbar from '@material-ui/core/Toolbar';\n import PropTypes from 'prop-types';\n import CircularProgress from '@material-ui/core/CircularProgress';\n\n\n // const API_KEY = process.env.REACT_APP_API_KEY!;\n // const API_USERNAME = process.env.REACT_APP_USERNAME!;\n\n // let URL:string = \"\";\n // if(process.env.REACT_APP_LANG === \"HI\"){\n // URL = process.env.REACT_APP_HIN_URL!;\n // }else{\n // URL = process.env.REACT_APP_ENG_URL!;\n // }\n\n //let carousalItem: { id: number, img: string, link: string }[] = [];\n //let showCarousal:boolean = false;\n const useStyles = makeStyles((theme: Theme) =>\n createStyles({\n root: {\n //backgroundColor: deepOrange[500],\n margin: 0,\n padding: 0,\n flexGrow: 1,\n height: \"100%\",\n //marginTop:\"100px\"\n },\n title: { \n margin: \"-1px\",\n paddingLeft: 10,\n paddingRight: 10,\n flexGrow: 1, \n color:\"#fff\",\n //color: theme.palette.getContrastText(deepOrange[500])\n //color: \"rgb(0, 75, 145)\",\n //color: \"#162b75\",\n fontFamily: \"Roboto,Helvetica,Arial,sans-serif\",\n //fontWeight: 100,\n //fontSize:\"1.2em\",\n lineHeight:\"1.46em\"\n },\n spacer: {\n marginTop: '15px'\n //background: \"linear-gradient(to bottom, #ff5722, #ff8a65, #ffab91, #ffccbc, #fbe9e7, #fafafa)\",\n },\n carouselContainer: {\n height: \"70%\",\n width: \"75%\",\n maxWidth: \"400px\",\n padding: 0,\n },\n carouselView: {\n height: \"100%\",\n },\n hidediv:{\n //height:\"\",\n paddingBottom:\"10px\",\n backgroundColor: \"#ff5722\",\n // position: \"fixed\",\n width:\"100%\",\n //top:\"0\",\n //display:\"block\"\n }\n }));\n\n function HideOnScroll(props) {\n const { children, window } = props;\n // Note that you normally won't need to set the window ref as useScrollTrigger\n // will default to window.\n // This is only being set here because the demo is in an iframe.\n const trigger = useScrollTrigger({ target: window ? window() : undefined });\n \n return (\n \n {children}\n \n );\n }\n \n HideOnScroll.propTypes = {\n children: PropTypes.element.isRequired,\n /**\n * Injected by the documentation to work in an iframe.\n * You won't need it on your project.\n */\n window: PropTypes.func,\n };\n\n const IntroCarousel = (props:any) => {\n\n const [isLoaded, setIsLoaded] = useState(true);\n const [showCarousal, setShowCarousal] = useState(false);\n const [carousalItem, setCarousalItem] = useState([]);\n const [error, setError] = useState(null);\n\n const classes = useStyles();\n let greeting = \"\";\n let d = new Date(),\n time = d.getHours();\n \n if (time < 12) {\n greeting = \"Good Morning!\";\n }\n \n if (time >= 12 && time < 16) {\n greeting = \"Good Afternoon!\";\n }\n\n if (time >= 16) {\n greeting = \"Good Evening!\";\n }\n \n useScrollPosition(({ prevPos, currPos }:any) => {\n props.scrollCallback(prevPos.y, currPos.y);\n });\n\n \n \n //function GetCarousalData(){\n \n\n // useEffect(() => {\n // fetch(URL, {\n // method:'POST',\n // headers: new Headers({\n // 'Content-Type':'application/json',\n // 'Authorization': 'Basic ' + btoa(API_USERNAME + \":\" + API_KEY) \n // }),\n // body: JSON.stringify({\n // input: {\n // text: \"Hello\"\n // }\n // })\n // })\n // .then(res => res.json())\n // .then(\n // (response) => {\n // //console.log(JSON.stringify(response.context.showCarousal));\n // response.context.showCarousal === \"true\"? setShowCarousal(true):setShowCarousal(false); \n // setCarousalItem(response.context.displayCarousel);\n // setIsLoaded(true);\n // //setItems(result);\n // //console.log(\"Loki : \"+ carousalItem);\n // //console.log(JSON.stringify(carousalItem.length));\n // },\n // // Note: it's important to handle errors here\n // // instead of a catch() block so that we don't swallow\n // // exceptions from actual bugs in components.\n // (error) => {\n // setIsLoaded(true);\n // setError(error);\n // }\n // )\n // }, [])\n \n // }\n\n if(error){\n return

Error: {error}

;\n \n }else if (!isLoaded) {\n return ;\n }else{\n return (\n \n \n
\n \n {/*
*/}\n
{greeting}
\n Welcome to Bank of Baroda, this is ADI, your virtual assistant.\n {/* If you need help simply type your question or choose from the options provided below. */}\n \n {/*
*/}\n
\n {/* \n \n Please don't enter confidential data in this chat.\n \n */}\n
\n
\n \n \n {/*isLoaded &&*/ (() => {\n // GetCarousalData();\n //console.log(carousalItem.length + \" showCarousal : \"+ showCarousal);\n if(showCarousal){\n \n return ( \n \n \n \n {carousalItem.map(function(element){\n //alert(JSON.stringify(banner));\n return \n \n \n \"Slide\"\n\n \n \n \n })}\n \n \n \n \n );\n }\n })()\n }\n \n \n
\n )\n } \n };\n\n export default IntroCarousel;\n\n","import Message, { MessageDirection, MessageStatus, MessageType} from '../models/Message';\nimport { GenericResponse, TextResponse, TextLinkResponse, OptionResponse, Option, ImageResponse, CardResponse } from '../models/Conversation';\n\nexport const parseMessageText = (genResponse: GenericResponse, index:number):Message => {\n const msg:Message = {\n messageIndex: index,\n messageDirection: MessageDirection.RECEIVED,\n messageStatus: MessageStatus.RECEIVED,\n messageType: MessageType.TEXT,\n messageData: (genResponse.response as TextResponse).text\n }\n return msg;\n}\n\nexport const parseMessageTextLink = (genResponse: GenericResponse, index:number):Message => {\n const msgText:string = (genResponse.response as TextResponse).text;\n const textLink:TextLinkResponse = {\n text: msgText\n }\n const msg:Message = {\n messageIndex: index,\n messageDirection: MessageDirection.RECEIVED,\n messageStatus: MessageStatus.RECEIVED,\n messageType: MessageType.TEXT_LINK,\n messageData: textLink\n }\n return msg;\n}\n\nexport const parseMessageOption = (genResponse: GenericResponse, index:number):Message[] => {\n const msgList:Message[] = [];\n let msg:Message = {\n messageIndex: index,\n messageDirection: MessageDirection.RECEIVED,\n messageStatus: MessageStatus.RECEIVED,\n messageType: MessageType.TEXT,\n messageData: (genResponse.response as OptionResponse).title\n }\n msgList.push(msg);\n\n msg = {\n messageIndex: index+1,\n messageDirection: MessageDirection.RECEIVED,\n messageStatus: MessageStatus.RECEIVED,\n messageType: MessageType.QUICK_RESPONSE,\n messageData: (genResponse.response as OptionResponse).options\n }\n msgList.push(msg);\n\n return msgList;\n}\n\nexport const parseMessageImage = () => {\n \n}\n\nexport const parseMessageSuggestion = () => {\n\n}\n\nexport const parseMessageCardCarousel = (genResponses: GenericResponse[], index:number, length:number, messagesLength:number):Message => {\n const msgCardList: Message[] = parseMessageCard(genResponses, index, length, messagesLength);\n const msg:Message = {\n messageIndex: messagesLength,\n messageDirection: MessageDirection.RECEIVED,\n messageStatus: MessageStatus.RECEIVED,\n messageType: MessageType.CARD_CAROUSEL,\n messageData: msgCardList\n };\n return msg;\n}\n\nexport const parseMessageCard = (genResponses: GenericResponse[], index:number, length:number, messagesLength:number):Message[] => {\n const msgList:Message[] = [];\n for (let i = index; i < length*2; i=i+2) {\n const imageResponseIndex: number = i;\n const optionResponseIndex: number = i + 1;\n const title: string = (genResponses[optionResponseIndex].response as OptionResponse).title\n const description: string = (genResponses[optionResponseIndex].response as OptionResponse).description!\n const media: ImageResponse = genResponses[imageResponseIndex].response as ImageResponse\n const actions: Option[] = (genResponses[optionResponseIndex].response as OptionResponse).options\n const card: CardResponse = {\n actions: actions,\n description: description,\n media: media,\n title: title\n }\n const msg:Message = {\n messageIndex: messagesLength + 100,\n messageDirection: MessageDirection.RECEIVED,\n messageStatus: MessageStatus.RECEIVED,\n messageType: MessageType.CARD,\n messageData: card\n }\n msgList.push(msg);\n messagesLength += 1;\n }\n \n return msgList;\n}\n","import React from 'react';\nimport List from '@material-ui/core/List';\nimport Box from '@material-ui/core/Box';\nimport { grey } from '@material-ui/core/colors';\nimport { ListItem } from '@material-ui/core';\nimport CssBaseline from '@material-ui/core/CssBaseline';\n// components\nimport Appbar from './Appbar';\nimport ChatItem from './ChatItem';\nimport ChatInput from './ChatInput';\nimport IntroCarousel from './IntroCarousel';\n//models\nimport Message, { MessageDirection, MessageStatus, MessageType } from '../models/Message';\nimport Conversation, { Option } from '../models/Conversation';\nimport { errorMessage } from '../models/Constants';\n//services\nimport { sendMessage } from '../services/WatsonService';\nimport { parseMessageText, parseMessageTextLink, parseMessageOption, parseMessageCardCarousel } from '../services/ConversationParser';\n\nlet count = 0;\nexport default class ChatArea extends React.Component <{closeHandler:any}, { initBot:boolean, inConversation: boolean, messages:Message[], conversation?: Conversation, showIntro?:boolean, elevateAppbar?:boolean }> { \n messagesEndRef:any = React.createRef(); //This was use to scroll to bottom. Removed as now message list is cleared on new message.\n constructor(props:any) {\n super(props);\n this.state = {\n inConversation: false,\n messages: [],\n showIntro: true,\n elevateAppbar: false,\n initBot: false, //This state variable is used to show/hide input box and send button area. false:hide, true:show\n \n /* \n * Following context is initialized with values which will be displayed \n * on app load and in turn will trigger Hello message for conversation initialization\n */\n conversation: ({\n \"context\": {\n \"display_option\": [\"option\"]\n },\n \"genericResponses\": [{\n \"responseType\": \"text\",\n \"response\": {\n \"title\": \"Please click below option to start conversation\",\n \"options\": [{\n \"label\": \"Hello\",\n \"value\": \"Hello\",\n \"isNew\": false\n }]\n }\n }]\n } as Conversation)\n };\n }\n \n \n componentDidMount(){\n /**\n * Old code is removed and thebackup is saved in ChatArea_backup_startconversation file.\n */\n this.addConversationToMessage((this.state.conversation)!)\n this.scrollToBottom(); //This is used to scroll to bottom.\n if(!this.state.showIntro) { this.scrollToBottom(); } //This was use to scroll to bottom. Removed as now message list is cleared on new message.\n }\n\n componentDidUpdate() {\n \n //console.log(\"COUNT: \"+ count);\n if(count === 0){\n count++;\n }else{\n this.scrollToBottom(); //This is used to scroll to bottom.\n }\n \n if(!this.state.showIntro) { this.scrollToBottom(); } //This was use to scroll to bottom. Removed as now message list is cleared on new message.\n }\n\n scrollToBottom = () => {\n //this.messagesEndRef.scrollIntoView({ behavior: \"smooth\" });\n this.messagesEndRef.current.scrollIntoView({ behavior: 'smooth' }); //This is used to scroll to bottom.\n }\n\n actions = {\n quickResponseHandler: (messageIndex:number, responseValue:any)=>{\n if(this.state.showIntro){\n this.setState({showIntro: false, elevateAppbar: true});\n }\n \n const tempMessages = [...this.state.messages];\n \n //console.log(\"quickResponseHandler TEMPMSG : \"+JSON.stringify(tempMessages));\n const responseItemIndex:number = tempMessages.findIndex(msg => {\n return msg.messageIndex === messageIndex\n }); \n //console.log(\"responseItemIndex 1 :\"+responseItemIndex);\n \n const registeredResponseIndex:number = tempMessages[responseItemIndex].messageData.findIndex((opt:Option) => {\n return (opt.value).toLowerCase() === (responseValue as string).toLowerCase()\n })\n const registeredResponse:Option = {...tempMessages[responseItemIndex].messageData[registeredResponseIndex]} as Option\n \n \n /*#################################################################*/\n\n /*\n * This block of code is written to handle the chatbot context in case\n * someone tried to change the topic/context. In case of change in \n * context the \"sameContext\" flag will be \"False\" otherwise True\n * and if \"sameContext is False\" we are taking \"lastInput\" as \n * a message/input for the chatbot to give proper response\n */\n let msgToSend = registeredResponse.label;\n \n \n if(this.state.conversation?.context.sameContext === false && registeredResponse.label.toLowerCase() === \"yes\")\n msgToSend = \"Yes\";\n \n /*#################################################################*/\n\n const newMsg = {\n messageIndex:responseItemIndex+1,\n messageDirection:MessageDirection.SENT,\n messageStatus:MessageStatus.SENDING,\n messageType: MessageType.TEXT,\n messageData: msgToSend\n }\n //tempMessages[responseItemIndex] = newMsg;\n tempMessages.push(newMsg);\n\n let conv:Conversation = {...this.state.conversation}\n //console.log(conv)\n \n \n //console.log(registeredResponse.label);\n\n // if(registeredResponse.label === \"Talk to Agent\"){\n // (window.parent.document.getElementById(\"chatIframe\") as HTMLInputElement).src = \"https://ams.techmahindra.com/boblivechat/livechat.html\"; //Set TechM Chat Module\n // }else{\n sendMessage(this.state.conversation?.context.sameContext === false && registeredResponse.label.toLowerCase() === \"yes\"?\n this.state.conversation?.context.lastInput:registeredResponse.label, conv.context)\n // Above condition Added on 04 October for handling the Yes/No digression on both quick response\n .then(conversation => {\n const newConv: Conversation = conversation as Conversation;\n let lastSendingMsg: Message = tempMessages[tempMessages.length-1];\n lastSendingMsg.messageStatus = MessageStatus.SENT;\n tempMessages[tempMessages.length-1] = lastSendingMsg;\n // console.log(\"SKYY: \"+ JSON.stringify(tempMessages));\n this.setState({conversation: newConv, messages: tempMessages});\n // console.log(registeredResponse.label)\n\n /*\n * Below condition setthe initBot to true after Hello\n * message is sent to watson and reply is received\n */\n if(newConv.context.conversation_id){\n this.setState({initBot:true});\n }\n\n //console.log(\"LOKIIII : \"+ JSON.stringify(newConv));\n this.addConversationToMessage(newConv); \n })\n .catch(\n // error => console.log(error)\n );\n\n // }\n\n \n },\n\n sentMessageStatusHandler: () => {\n\n },\n\n chatInputSendHandler: (value:any) => {\n if(this.state.showIntro){\n this.setState({showIntro: false, elevateAppbar: true});\n }\n const tempMessages = [...this.state.messages];\n \n const newMsg = {\n messageIndex: tempMessages.length,\n messageDirection:MessageDirection.SENT,\n messageStatus:MessageStatus.SENDING,\n messageType: MessageType.TEXT,\n messageData: value\n }\n tempMessages.push(newMsg);\n this.setState({messages: tempMessages});\n // alert(value);\n\n \n let conv:Conversation = {...this.state.conversation}\n //alert(typeof value)\n sendMessage(this.state.conversation?.context.sameContext === false && value.toLowerCase() === \"yes\"?\n this.state.conversation?.context.lastInput:value, conv.context)\n // Above condition added on 04 October for handling the Yes/No digression on both input and quick response above\n .then(conversation => {\n const newConv: Conversation = conversation as Conversation;\n let lastSendingMsg: Message = tempMessages[tempMessages.length-1];\n lastSendingMsg.messageStatus = MessageStatus.SENT;\n tempMessages[tempMessages.length-1] = lastSendingMsg;\n this.setState({conversation: newConv, messages: tempMessages});\n this.addConversationToMessage((conversation as Conversation)!);\n })\n .catch(\n // error => console.log(error)\n );\n },\n\n\n \n // resetHandler: () => {\n // this.setState({conversation: undefined, messages: []})\n\n // startConversation()\n // .then(conversation => {\n // this.setState({conversation: (conversation as Conversation)!})\n // this.addConversationToMessage((conversation as Conversation)!)\n // })\n // .catch(error => console.log(error));\n // this.scrollToBottom();\n // },\n\n // closeHandler: () => {\n // console.log(\"**** CLOSE HANDLER ****\");\n // },\n\n introScrollCallback: (previousY:number, currentY:number) => {\n if(this.state.showIntro) {\n if(currentY > previousY) {\n this.setState({elevateAppbar: false})\n }else if(currentY < previousY) {\n this.setState({elevateAppbar: true})\n }\n }\n }\n\n }\n\n IntroComponent = () => {\n if(!this.state.showIntro){\n return null\n }else{\n return \n }\n }\n\n render(){\n document.title = \"ADI\";\n return (\n
\n \n \n \n \n \n \n \n {this.state.messages.map((message) => {\n return (\n {/* Key attribute added on 30-AUG-2022 */}\n \n \n \n \n )\n })}\n
{/* Used to scroll to bottom*/}\n \n \n
\n {this.state.initBot?:\"\"}\n
\n );\n }\n\n addConversationToMessage(conversation:Conversation){\n \n //const tempMessages = [...this.state.messages]; //comment this if uncommenting below logic.\n //logic to remove all previous message but 1, and clear screen. Last user input is kept.\n //console.log(\"addConversationToMessage : \"+JSON.stringify(this.state.messages));\n\n const tempMessages = [...this.state.messages];//.reverse();\n //console.log(\"addConversationToMessage TEMPMSG : \"+JSON.stringify(tempMessages));\n //console.log(tempMessages.length);\n // while (tempMessages.length > 1) {\n // tempMessages.pop()\n // }\n if(tempMessages.length > 0){\n const repMsg:Message = tempMessages[0];\n repMsg.messageIndex = 0;\n tempMessages[0] = repMsg;\n }\n //logic ends here\n //console.log(\"GUDDDUUU : \"+ JSON.stringify(conversation));\n let convIndex = 0;\n //Added to handle options error\n if(!conversation.context.display_option){\n conversation.context.display_option = [\"undefined\"];\n }\n \n conversation.context.display_option.forEach((dispopt:any) => {\n //console.log(\"SKY : \"+dispopt);\n switch(dispopt){\n case \"text\":\n tempMessages.push(parseMessageText(conversation.genericResponses![convIndex],tempMessages.length));\n convIndex += 1;\n break;\n case \"text_link\":\n tempMessages.push(parseMessageTextLink(conversation.genericResponses![convIndex],tempMessages.length));\n convIndex += 1;\n break;\n case \"option\": \n parseMessageOption(conversation.genericResponses![convIndex],tempMessages.length).forEach(msg => {\n tempMessages.push(msg);\n });\n convIndex += 1;\n break;\n case \"card_carousel\":\n tempMessages.push(parseMessageCardCarousel(conversation.genericResponses!, convIndex, conversation.context.sba!.length,tempMessages.length));\n convIndex += conversation.context.sba!.length*2;\n break;\n case \"undefined\":default:\n tempMessages.push({\n //messageData: errorMessage[Math.floor(Math.random() * errorMessage.length)],\n messageData: errorMessage[crypto.getRandomValues(new Uint8Array(1))[0]],\n messageDirection: MessageDirection.RECEIVED,\n messageIndex: tempMessages.length,\n messageStatus: MessageStatus.RECEIVED,\n messageType: MessageType.TEXT\n } as Message);\n convIndex += 1;\n break;\n }\n });\n this.setState({messages: tempMessages});\n }\n}","import React from 'react';\nimport './App.css';\nimport 'antd/dist/antd.css';\nimport '@fortawesome/fontawesome-free/css/all.min.css';\nimport \"bootstrap-css-only/css/bootstrap.min.css\";\nimport \"mdbreact/dist/css/mdb.css\";\nimport { createMuiTheme, responsiveFontSizes, ThemeProvider } from '@material-ui/core/styles'\nimport deepOrange from '@material-ui/core/colors/deepOrange';\nimport green from '@material-ui/core/colors/green';\n\n// Components\nimport ChatArea from './components/ChatArea';\n//import FabPopup from './components/FabPopup';\n\nlet theme = createMuiTheme({\n palette: {\n primary: {\n main: deepOrange[500],\n },\n secondary: {\n main: green[500],\n },\n },\n});\ntheme = responsiveFontSizes(theme);\n\nfunction App() {\n return (\n
\n \n \n {/**/}\n \n
\n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n //Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n // console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n //console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\n\nReactDOM.render(\n \n \n ,\n document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}