{"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","filterOptions","createFilterOptions","limit","isSendDisabled","setIsSendDisabled","chatInputText","setChatInputText","openAutocomplete","setOpenAutocomplete","selectedVal","setSelectedVal","onSendClicked","XMLHttpRequest","chatInputHandler","trim","Autocomplete","autoComplete","autoSelect","selectOnFocus","freeSolo","disableClearable","onOpen","e","v","key","inputValue","onKeyDown","onHighlightChange","onInputChange","reason","que","renderInput","params","TextField","sx","placeholder","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.c3c681a5.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        <Box className={props.dark ? classes.dark:classes.light} border={2} borderRadius=\"50%\" display=\"flex\" alignItems=\"flex-center\" justifyContent=\"flex-end\" >\n            <img className={classes.image} src={AdiLogo} alt=\"ADI\" />\n        </Box>\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/saurabh.shukla%40bankofbaroda.com_Bank%20of%20Baroda/default/key-provider\";\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// function convertToCamelcase(str:any) {\n//   return str.replace(/(?:^\\w|[A-Z]|\\b\\w|\\s+)/g, function(match, index) {\n//     //if (/\\s+/.test(match)) return \" \"; // or if (/\\s+/.test(match)) for white spaces\n//     return  match.toUpperCase();\n//   });\n// }\n\n//let transcript: { que: string, answer: object }[]  = [], i:number=0;\n\n\n// export const startConversation = () => {\n//   //alert(\"test\");\n//   return new Promise((resolve, reject) => {\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//         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 'text':default:\n//               genRes.parseTextResponse();\n//               return genRes;\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\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-IN',\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    <AppBar position=\"sticky\" elevation={0} className={classes.appBar} >\n      {/* <NeuDiv style={{padding:\"5px 10px 0\"}} width=\"100%\" height=\"100%\" radius={1} distance={props.elevate?0:0} color={deepOrange[500]}> */}\n      <Box width=\"100%\">\n        <Grid container spacing={1} alignItems=\"stretch\">\n          <Grid item /*xs={2} sm={2} md={2} lg={1} xl={2}*/  style={{maxWidth: \"60px!important\"}} > \n            {/* <NeuDiv height=\"100%\" radius={5}  distance={0} color={deepOrange[500]}> */}\n              <LogoAvatar dark={true}/>\n              <svg style={{position:\"absolute\", top:\"40px\", left:\"50px\"}}   width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"green\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path /* fillRule=\"evenodd\" clipRule=\"evenodd\" */ d=\"M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20Z\" fill=\"green\" />\n              </svg>\n          </Grid>\n          <Grid item xs={3} sm={3} md={3} lg={4} xl={3} style={{margin:'auto', marginLeft:'4px'}}>   \n              <Typography variant=\"h5\" className={classes.title} align=\"left\">\n                <Box lineHeight={2} >\n                  Ask ADI\n                </Box>\n                {/* <Box fontSize={10} className={classes.caption} lineHeight={0} m={1}>\n                    v2.1.5-beta\n                </Box> */}\n              </Typography>\n            {/* </NeuDiv> */}\n          </Grid>\n          \n          <Grid item xs={3} sm={3} md={3} lg={3} xl={3}>\n                \n          </Grid>\n\n          <Grid item>\n            <RefreshSharpIcon className={classes.clsIcon} onClick={onRefreshClick}  />  \n          </Grid> \n          <Grid item style={{width:\"45px\", maxWidth: \"45px!important\"}} >\n            <CallReceivedIcon className={classes.clsIcon} onClick = {onMinimiseClick}  />  \n          </Grid>\n          <Grid item >\n            <CloseSharpIcon className={classes.clsIcon} onClick={handleOpen}/>\n                \n            <Modal\n              disableEscapeKeyDown\n              open={open}\n              onClose={handleClose}\n              aria-labelledby=\"rating-modal-title\"\n              aria-describedby=\"rating-modal-description\"\n            >\n              <div style={{top:'50%', left:'50%'}} className={classes.paper}>\n                  <h4 className={classes.modalHeader} id=\"rating-modal-title\">It was great seeing you today !!!</h4>\n                  <h5 style={{textAlign: 'center', color:'#162b75'}} >On exiting, all chat history will be cleared</h5>\n                  <div id=\"rating-modal-description\">\n                    <Box component=\"fieldset\" mb={3} borderColor=\"transparent\" style={{textAlign: 'center'}}>\n                      <Typography component=\"legend\">How would you rate your overall experience?</Typography>\n                     \n                        <Rating\n                          name=\"csat-rating\"\n                          defaultValue={10}\n                          value={CSATvalue}\n                          max={10}\n                          size=\"large\"\n                          onChange={(event, newValue) => {\n                            setCSATValue(newValue);\n                          }}\n                          onChangeActive={(event, newHover) => {\n                            setCSATHover(newHover);\n                          }}\n                        />\n                        {CSATvalue !== null && <Typography variant=\"button\" style={{color:'green'}} display=\"block\" gutterBottom>\n                          {CSATlabels[CSAThover !== -1 ? CSAThover : CSATvalue]}\n                          </Typography>}\n                      \n                      <hr/>\n                      <Typography component=\"legend\">How likely you would recommend Bank of Baroda to a family & friend?</Typography>\n                      <Typography variant=\"caption\" display=\"block\" gutterBottom>On a scale of 0 to 10, with 10 being “Very Likely” and 0 being “Very Unlikely” </Typography>\n                        <Rating\n                          name=\"nps-rating\"\n                          defaultValue={10}\n                          value={NPSvalue}\n                          max={10}\n                          size=\"large\"\n                          onChange={(event, newValue) => {\n                            setNPSValue(newValue);\n                          }}\n                          onChangeActive={(event, newHover) => {\n                            setNPSHover(newHover);\n                          }}\n                        />\n                        {NPSvalue !== null && <Typography variant=\"button\" style={{color:'green'}} display=\"block\" gutterBottom>\n                          {NPSlabels[NPShover !== -1 ? NPShover : NPSvalue]}\n                          </Typography>}\n\n                        <hr/>\n                      <Typography component=\"legend\">How much effort did it take to resolve your issue?</Typography>\n                        <Rating\n                          name=\"ces-rating\"\n                          defaultValue={10}\n                          value={CESvalue}\n                          max={10}\n                          size=\"large\"\n                          onChange={(event, newValue) => {\n                            setCESValue(newValue);\n                          }}\n                          onChangeActive={(event, newHover) => {\n                            setCESHover(newHover);\n                          }}\n                        />\n                        {CESvalue !== null && <Typography variant=\"button\" style={{color:'green'}} display=\"block\" gutterBottom>\n                          {CESlabels[CEShover !== -1 ? CEShover : CESvalue]}\n                          </Typography>}\n\n                      <Box component=\"legend\" align=\"center\" id=\"ratingSelected\" style={{color:'green', padding: '0 10px'}}> {rating} </Box>\n                      <Box component=\"legend\" align=\"center\" id=\"errorMSg\" style={{color:'red'}}> {errMsg} </Box>\n                    </Box>\n                                          \n                    <Box component=\"fieldset\" mb={3} borderColor=\"transparent\" style={{textAlign: 'center'}}>\n                      <Button variant=\"outlined\" style={{ backgroundColor: '#f26522' }} size=\"small\" onClick = {onSendClicked} className={classes.btn}>Submit</Button>\n                      <Button variant=\"outlined\" style={{ backgroundColor: '#f26522' }} size=\"small\" onClick = {onCloseClick}  className={classes.btn}>Close</Button>                                  \n                    </Box>\n                  </div>\n              </div>\n            </Modal>\n          </Grid>\n        </Grid>\n      </Box>\n            \n      {/* </NeuDiv> */}\n      \n      {/* <svg viewBox=\"545 0 800 165\"><path fill=\"#fff\" fill-opacity=\"1\" d=\"M0,32L48,80C96,128,192,224,288,224C384,224,480,128,576,90.7C672,53,768,75,864,96C960,117,1056,139,1152,149.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg> */}\n      {/* <svg viewBox=\"0 0 1440 259\">\n        <path fill=\"#fff\" fill-opacity=\"1\" d=\"M0,32L48,80C96,128,192,224,288,224C384,224,480,128,576,90.7C672,53,768,75,864,96C960,117,1056,139,1152,149.3C1248,160,1344,160,1392,160L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path>\n      </svg> */}\n    </AppBar>\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        <Zoom in={true}>\n          <Paper elevation={0} className={classes.adi}>\n              {parse(message.messageData)}\n          </Paper>\n        </Zoom>\n      );\n    }else if(message.messageDirection===MessageDirection.SENT) {\n      return (\n        <Zoom in={true}>\n          <Paper className={classes.user}>\n            {parse(message.messageData)}\n          </Paper>\n        </Zoom>\n      );\n    }else{\n      return (\n        <Zoom in={true}>\n          <Paper elevation={0} className={classes.error}>\n              {/* {errorMessage[Math.floor(Math.random() * errorMessage.length)]} */}\n              {errorMessage[crypto.getRandomValues(new Uint8Array(1))[0]]}\n          </Paper>\n        </Zoom>\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        <Zoom in={true}>\n          <Paper elevation={0} className={classes.adi}>\n              {message.messageData}\n          </Paper>\n        </Zoom>\n      );\n    }\n    else {\n      const textLink:TextLinkResponse = message.messageData as TextLinkResponse;\n      return (\n        <Paper elevation={0} className={classes.adi}>\n            <div dangerouslySetInnerHTML={{__html: textLink.text}}/>\n        </Paper>\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        <div className={classes.root}>\n          <Grid container spacing={1}>\n            {message.messageData.map((option:Option, index:number)=>{\n              if(option.isNew){\n                return ( \n                    <Badge badgeContent=\"New\" color=\"primary\" style={{marginRight: \"20px\", marginTop:\"6px\", marginBottom: \"6px\", marginLeft: \"6px\"}} key={message.messageIndex + option.value}>\n                      <Grid key={message.messageIndex + option.value} item >\n                        <Zoom in={true}>\n                          <Button className={classes.button} size=\"small\" key={message.messageIndex + option.value} variant=\"outlined\" color=\"primary\"  onClick={() => props.actions.quickResponseHandler(props.itemIndex,option.label)}>\n                          {option.label}\n                          </Button>\n                        </Zoom>\n                      </Grid>   \n                    </Badge>\n                );\n              }\n              else {\n                return(\n                  <Box style={{marginRight: \"6px\", marginTop:\"6px\", marginBottom: \"6px\", marginLeft: \"6px\"}} key={message.messageIndex + option.value}>\n                    <Grid key={message.messageIndex + option.value} item>\n                      <Zoom in={true}>\n                        <Button className={classes.button} size=\"small\" key={message.messageIndex + option.value} variant=\"outlined\" color=\"primary\"  onClick={() => props.actions.quickResponseHandler(props.itemIndex,option.label)}>\n                        {option.label}\n                        </Button>\n                      </Zoom>\n                    </Grid> \n                  </Box>\n                );      \n              }\n            })}\n          </Grid>\n        </div>\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        <Card className={classes.root}>\n            <a href={card.actions[0] !== undefined ? card.actions[0].value : \"https://www.bankofbaroda.co.in\"} target=\"_blank\" rel=\"noreferrer\">\n                <CardMedia\n                    className={classes.media}\n                    image={card.media.source}\n                    title={card.title}\n                />\n            </a>\n            <CardHeader\n                title={card.title}\n                titleTypographyProps={{variant: \"h6\"}}\n                subheader=\"\"\n                style={{padding:\"5px 10px\", textAlign:\"center\"}}\n            />\n            \n            {/* <CardContent style={{padding:\"5px 10px\"}}>\n                <Typography variant=\"body1\" color=\"textSecondary\" component=\"p\">\n                    {card.description}\n                </Typography>\n            </CardContent> */}\n            <CardActions>\n                <Box display=\"flex\" flexGrow={1} justifyContent=\"flex-start\" alignContent=\"flex-center\">\n                    {card.actions.map((option:Option) => {\n                        return (\n                            <Link color=\"primary\" underline=\"none\" id=\"carousalLink\" href={option.value} target=\"_blank\" rel=\"noopener\" style={{padding:\"5px\", margin:\"0 auto\", textDecoration:\"none\"}}>\n                                {option.label}\n                            </Link>\n                        );\n                    })}\n                </Box>\n            </CardActions>\n        </Card>\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        <Box className={classes.root} justifyContent=\"start-flex\">\n            <MDBContainer className={classes.root}>\n                <MDBCarousel\n                    activeItem={1}\n                    length={cardsMessageList.length}\n                    showControls={cardsMessageList.length > 1 ? true:false}\n                    showIndicators={true}\n                    slide={true}\n                    className=\"z-depth-1\"\n                >\n                    <MDBCarouselInner>\n                        {\n                            cardsMessageList.map(message => {\n                                ++itemCount;\n                                return (\n                                    <MDBCarouselItem itemId={itemCount}>\n                                        <MDBView>\n                                            <MessageCard itemIndex={message.messageIndex!} message={message} actions={props.actions} />\n                                        </MDBView>\n                                    </MDBCarouselItem>\n                                );  \n                            })\n                        }\n                    </MDBCarouselInner>\n            </MDBCarousel>\n        </MDBContainer>\n    </Box>\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        <div>\n            <CssBaseline />\n            {\n                (()=>{\n                    switch(message.messageType){\n                        case MessageType.QUICK_RESPONSE: return (\n                            <Box className={classes.box} display=\"flex\" alignItems=\"flex-start\" justifyContent=\"flex-start\"  id=\"quickRespGrid\">   {/**Added BY SKY */}\n                                <Box className={classes.avatarArea} /> \n                                <QuickResponse itemIndex={props.itemIndex} message={message} actions={props.actions} />\n                            </Box>\n                        );\n                        case MessageType.CARD: return (\n                            <Box className={classes.box} display=\"flex\" alignItems=\"flex-start\" justifyContent=\"flex-start\">\n                                {/* <Box className={classes.avatarArea} /> COMMENTED OUT TO REMOVE EXTRA SPACE ON LEFT */}\n                                <MessageCard itemIndex={props.itemIndex} message={message} actions={props.actions} />\n                            </Box>\n                        );\n                        case MessageType.CARD_CAROUSEL: return (\n                            <Box className={classes.box} display=\"flex\" alignItems=\"flex-start\" justifyContent=\"flex-start\">\n                                {/* <Box className={classes.avatarArea} /> COMMENTED OUT TO REMOVE EXTRA SPACE ON LEFT */}\n                                <MessageCardCarousel itemIndex={props.itemIndex} message={message} actions={props.actions} />\n                            </Box>\n                        );\n                        case MessageType.TEXT_LINK: return (\n                            <Box className={classes.box} display=\"flex\" alignItems=\"flex-end\" justifyContent=\"flex-start\"> \n                                <LogoAvatar />\n                                <MessageTextLink itemIndex={props.itemIndex} message={message} actions={props.actions} />\n                            </Box>\n                        );\n                        case MessageType.TEXT:default: return (\n                            <Box className={classes.box} display=\"flex\" alignItems=\"flex-end\" justifyContent=\"flex-start\">\n                                <LogoAvatar />\n                                <MessageBox itemIndex={props.itemIndex} message={message} actions={props.actions}/>\n                                {/* \n                                    <Typography className={classes.statusText} variant=\"caption\" display=\"block\" gutterBottom>\n                                    {\n                                        (() => {\n                                            const dt = new Date();\n                                            return (dt.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'}));\n                                        })()\n                                    }\n                                    </Typography>\n                                */}\n                            </Box>\n                        );\n                    }\n                })()\n            }\n                \n                {/* \n                <Typography className={classes.statusText} variant=\"caption\" display=\"block\" gutterBottom>\n                    {\n                        (() => {\n                            return (dt.toLocaleTimeString([], {hour: '2-digit', minute:'2-digit'}));\n                        })()\n                    }\n                </Typography> \n                */}\n            \n        </div>\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        <div className={classes.root}>\n            <CssBaseline />\n            <Box className={classes.box} display=\"flex\" flexDirection=\"row-reverse\" alignItems=\"flex-end\" justifyContent=\"flex-start\">             \n                <MessageBox itemIndex={props.itemIndex} message={message} />\n            </Box>\n            <Box className={classes.status} display=\"flex\" flexDirection=\"row-reverse\" alignItems=\"flex-start\" justifyContent=\"flex-start\">\n                <Typography className={classes.statusText} variant=\"caption\" display=\"block\" gutterBottom>\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                </Typography>\n            </Box>\n        </div>\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 <RenderReceivedMessage itemIndex={props.itemIndex} message = {message} state={props.state} actions={props.actions} />\n    }else if(props.message.messageDirection===MessageDirection.SENT){\n        return <RenderSentMessage itemIndex={props.itemIndex} message = {message} />\n    }else{\n        return (     \n            <div className={classes.root}>\n                <CssBaseline />\n                <Box className={classes.box} display=\"flex\" flexDirection=\"row\" alignItems=\"flex-end\" justifyContent=\"flex-start\">   \n                    <Avatar>!</Avatar>             \n                    <div>Something went wrong!</div>\n                </Box>\n            </div>\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';\n// import clsx from 'clsx';\n// import OutlinedInput from '@material-ui/core/OutlinedInput';\n// import FormControl from '@material-ui/core/FormControl';\nimport Paper from '@material-ui/core/Paper';\n// import KeyboardOutlinedIcon from '@material-ui/icons/KeyboardOutlined';\n// import Menu from '@material-ui/core/Menu';\n// import MenuItem from '@material-ui/core/MenuItem';\n// import Button from '@material-ui/core/Button';\n// import Modal from '@material-ui/core/Modal';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete,{createFilterOptions} from '@mui/material/Autocomplete';\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 queries = [\n        {\"que\":\"How to open account\"},\n        {\"que\":\"How to contact branch?\"},\n        {\"que\":\"Tell me about processing charges?\"},\n        {\"que\":\"What is bob world wave\"},\n        {\"que\":\"What is bob world\"},\n        {\"que\":\"How to block atm card?\"},\n        {\"que\":\"I forgot sign in password. What should I do?\"},\n        {\"que\":\"How to change transaction password\"},\n        {\"que\":\"What to do when account is locked\"},\n        {\"que\":\"How to change login password\"},\n        {\"que\":\"How to change application password\"},\n        {\"que\":\"tell type of cards\"},\n        {\"que\":\"tell me about corporate tax?\"},\n        {\"que\":\"How to de-register from mobile banking?\"},\n        {\"que\":\"From where to download forms?\"},\n        {\"que\":\"How can I set pin in my card?\"},\n        {\"que\":\"What is Baroda Reloadable card?\"},\n        {\"que\":\"What is atal pension yojana?\"},\n        {\"que\":\"What are beneifts of PPF?\"},\n        {\"que\":\"Can I submit the Life Certificate to any Bank of Baroda Branch?\"},\n        {\"que\":\"How can I claim family pension?\"},\n        {\"que\":\"How is interest rate calculated in PPF?\"},\n        {\"que\":\"How many APY accounts can be opened by one person?\"},\n        {\"que\":\"How many loans can be availed against PPF?\"},\n        {\"que\":\"Is family pension applicable in case of death of subscriber?\"},\n        {\"que\":\"What is maximum deposit amount in case of PPF?\"},\n        {\"que\":\"What is minimum deposit amount in case of PPF?\"},\n        {\"que\":\"How to open PPF?\"},\n        {\"que\":\"Benefits of APY?\"},\n        {\"que\":\"How to transfer PPF account?\"},\n        {\"que\":\"What is the process to claim Family Pension?\"},\n        {\"que\":\"Who can open account under PPF Scheme?\"},\n        {\"que\":\"What are the various Channels to submit Life certificate?\"},\n        {\"que\":\"what is interest rate?\"},\n        {\"que\":\"I want to avail education Loan.\"},\n        {\"que\":\"I want to avail vehicle Loan.\"},\n        {\"que\":\"I want to avail car Loan.\"},\n        {\"que\":\"I want to avail bike Loan.\"},\n        {\"que\":\"I want to avail personal Loan.\"},\n        {\"que\":\"I want to avail home Loan.\"},\n        {\"que\":\"I want to avail Loan against property.\"},\n        {\"que\":\"I want to avail Loan against jewellery.\"},\n        {\"que\":\"Want to avail MSME loan.\"},\n        {\"que\":\"Want to avail loan for skill training.\"},\n        {\"que\":\"Need the contact information for the Bank of Baroda.\"},\n        {\"que\":\"Tell me IFSC code of branch\"},\n        {\"que\":\"Locate ATM\"},\n        {\"que\":\"Locate branch\"},\n        {\"que\":\"How to check account balance?\"},\n        {\"que\":\"How to transfer account?\"},\n        {\"que\":\"How to apply for atm card.\"},\n        {\"que\":\"Can I use mobile app for two accounts on same number?\"},\n        {\"que\":\"How to deposit cash through agent?\"},\n        {\"que\":\"How to withdraw cash through agent?\"},\n        {\"que\":\"What are the documents required for Loan?\"},\n        {\"que\":\"Tell me about education loan interest subsidy?\"},\n        {\"que\":\"How much loan I will get in Auto loan ?\"},\n        {\"que\":\"How much loan I will get in home loan ?\"},\n        {\"que\":\"How much loan I will get in Personal loan ?\"},\n        {\"que\":\"Is it mandatory to pay the interest during the study period?\"},\n        {\"que\":\"What is maximum repayment period of education loan?\"},\n        {\"que\":\"What is maximum repayment period of auto loan?\"},\n        {\"que\":\"what is maximum repayment period for bike loan?\"},\n        {\"que\":\"what is maximum repayment period for car loan?\"},\n        {\"que\":\"what is maximum repayment period for personal loan?\"},\n        {\"que\":\"what is maximum repayment period for home loan?\"},\n        {\"que\":\"I do not have  A/c in BOB shall I be able to apply for the loan?\"},\n        {\"que\":\"How to register for door step banking?\"},\n        {\"que\":\"How to submit digital life certificate?\"},\n        {\"que\":\"How to see transaction history?\"},\n        {\"que\":\"How to transfer account?\"},\n        {\"que\":\"Whether collateral is mandatory in Education Loans?\"},\n        {\"que\":\"Whether simple or compound interest is charged in Education Loan?\"},\n        {\"que\":\"Whether third party guarantee is mandatory for education loan?\"},\n        {\"que\":\"Will Bank takeover my Education loan from other bank?\"},\n        {\"que\":\"Suggest a product for me.\"},\n        {\"que\":\"How to register for mobile banking?\"},\n        {\"que\":\"Tell me about mobile banking services?\"},\n        {\"que\":\"How to connect to agent?\"},\n        {\"que\":\"Tell me about auto insurance.\"},\n        {\"que\":\"Tell me about baroda radiance\"},\n        {\"que\":\"I want to know about wealth management\"},\n        {\"que\":\"Tell me details of contact centre\"},\n        {\"que\":\"Which product offer unlimted cheques\"},\n        {\"que\":\"Which product offers overdraft facility\"}\t\t\n    ];\n\n    \n    const OPTIONS_LIMIT = 5;\n    const filterOptions = createFilterOptions({\n        limit: OPTIONS_LIMIT,\n    });\n\n    \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    const [openAutocomplete, setOpenAutocomplete] = React.useState(false); //For Modal\n    const [selectedVal, setSelectedVal] = React.useState(\"\"); //Used to send value of the text selected from autocomplete\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    \n    const onInputValueChange = (event, value) => {\n        //console.log(value);\n        //console.log(isSendDisabled);\n        //console.log(value)\n        if(value !== \"\"){\n            setIsSendDisabled(false);\n        }else{\n            setIsSendDisabled(true);\n        }\n        //console.log(isSendDisabled)\n        if(chatInputText && !value){\n            //console.log(isSendDisabled)\n            \n            setSelectedVal(chatInputText);\n        }else{\n            \n            setSelectedVal(value);\n        }\n        // console.log(isSendDisabled);\n        // console.log(selectedVal);\n        // console.log(chatInputText)\n           \n    }\n\n    const onKeyDownHandler = (event, value) => {\n       \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           \n           // console.log(document.getElementById('test').value)\n            onSendClicked();            \n        }\n       \n    }\n\n    const onSendClicked = () => {\n        // console.log(\"Entere key condtion\")\n        //console.log(\"inside\")\n        if(selectedVal !== \"\" && selectedVal !== null){  \n            props.chatInputHandler(selectedVal);\n            setChatInputText(\"\");\n            setSelectedVal(\"\");\n            setOpenAutocomplete(false); \n            setIsSendDisabled(true);\n        }else if(chatInputText.trim() !== \"\" && chatInputText !== null){\n            //console.log(\"Inside Else\");\n            //console.log(chatInputText)\n           // console.log(chatInputText.length);\n            props.chatInputHandler(chatInputText);\n            setChatInputText(\"\");\n            setSelectedVal(\"\");\n            setOpenAutocomplete(false);            \n            //setIsSendDisabled(true);\n        }else{\n           //console.log(chatInputText)\n            setIsSendDisabled(true);\n        }\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        setChatInputText(\"\");\n    };\n\n    \n    return (\n        <Box className={classes.box}>\n            <AppBar position=\"fixed\" className={classes.appbar}>\n            {/* <NeuDiv width=\"100%\" height=\"100%\" radius={0} distance={1} color={grey[200]}> */}\n            <Paper className={classes.paper}>\n                <Box width=\"100%\" >\n                    <Grid container spacing={1} alignItems=\"stretch\">                \n                        <Grid item xs={10} sm={10} md={11} lg={11} xl={11} >\n                            {/* <FormControl className={clsx(classes.margin, classes.textField)} variant=\"outlined\"> */}\n                                {/* <OutlinedInput  \n                                    className={classes.msgText} \n                                    placeholder={placeholderVal} \n                                    value={chatInputText} \n                                    onChange={onInputChange} \n                                    onKeyDown={onKeyDownHandler} \n                                    id=\"txtChat\" \n                                    autoComplete='off' \n                                /> */}\n                                  <Autocomplete\n                                        autoComplete\n                                        autoSelect\n                                        selectOnFocus={true}\n                                        id=\"autocompleteElem\" \n                                        freeSolo\n                                        disableClearable\n                                        \n                                        open={openAutocomplete}\n                                        onOpen={() => {\n                                            // only open when in focus and inputValue is not empty\n                                            if (chatInputText) {\n                                              setOpenAutocomplete(true);\n                                            }\n                                        }}\n                                        onClose={(e,v) => {setOpenAutocomplete(false);\n                                           // console.log(selectedVal)\n                                            if (e.key === 'Enter') {\n                                                //console.log(\"Inside IF of Close\");\n                                                props.chatInputHandler(selectedVal);\n                                                setIsSendDisabled(true);\n                                                setChatInputText(\"\");\n                                                setSelectedVal(\"\");            \n                                            }\n                                           \n                                        }}\n                                        inputValue={chatInputText}\n\n                                        filterOptions={filterOptions}\n                                        \n                                        onKeyDown={onKeyDownHandler} \n                                        \n                                        onHighlightChange={onInputValueChange}\n                                        value={chatInputText} \n                                        onInputChange={(e, value, reason) => {\n                                            setChatInputText(value);\n                                            //console.log(chatInputText);\n                                            setIsSendDisabled(false);\n                                            // only open when inputValue is not empty after the user typed something\n                                            if (!value) {\n                                              setOpenAutocomplete(false);\n                                            }\n                                        }}\n                                        \n                                        options={queries.map((option) => option.que)}\n                                        \n                                        renderInput={(params) => <TextField {...params} id=\"txtChat\" sx={{\n                                            '& legend': { display: 'none' },\n                                            '& fieldset': { top: 0 },\n                                          }}\n                                          placeholder={placeholderVal}\n                                          \n                                        />}\n                                        \n                                    />\n                            {/* </FormControl>  */}\n                        </Grid> \n\n                        {/* <Grid item xs={2} sm={2} md={2} lg={1} xl={1} justify=\"flex-end\">\n                            <KeyboardOutlinedIcon id=\"sel-chat-lang\" fontSize=\"large\" \n                                className={classes.send} aria-controls=\"lang-menu\" aria-haspopup=\"true\" onClick={handleClick}\n                            />   \n                            <Menu\n                                id=\"lang-menu\"\n                                anchorEl={anchorEl}\n                                keepMounted\n                                open={Boolean(anchorEl)}\n                                onClose={handleLangChange}\n                            >\n                                {chatbotLang === \"HI\" &&\n                                    <MenuItem onClick={handleLangChange} data-lang=\"EN\">English</MenuItem>\n                                }\n                                {chatbotLang === \"EN\" &&\n                                    <MenuItem onClick={handleLangChange} data-lang=\"HI\">Hindi</MenuItem>\n                                }\n                            </Menu>\n                            <Modal\n                                disableEscapeKeyDown\n                                open={open}\n                                //onClose={handleLangChange}\n                                aria-labelledby=\"lang-modal-title\"\n                                aria-describedby=\"lang-modal-description\"\n                                >\n                                <div style={{top:'30%', left:'50%'}} className={classes.modal}>\n                                    <h4 className={classes.modalHeader} id=\"lang-modal-title\">अस्वीकरण</h4>\n                                    <h6 style={{textAlign: 'center', color:'#162b75', padding:\"5px 10px\"}} >\n                                        पाठ आपकी भाषा में अनुवादित किया जाएगा और हो सकता है कि पुरी तरह सटीक ना हो। \n                                        अधिक स्पष्टता के लिए, कृपया हमारे फोनबैंकिंग प्रतिनिधि से संपर्क करें या अपनी निकटतम शाखा पर जाएं।\n                                    </h6>\n                                    <p id=\"lang-modal-description\">\n                                        <Box component=\"fieldset\" mb={3} borderColor=\"transparent\" style={{textAlign: 'center'}}>\n                                            <Button variant=\"outlined\" style={{ backgroundColor: '#f26522' }} size=\"small\" \n                                                onClick={handleModalClose} className={classes.btn}>पुष्टि करें\n                                            </Button>\n                                        </Box>\n                                    </p>\n                                </div>\n                            </Modal>\n                        </Grid> */}\n\n                        <Grid item xs={2} sm={2} md={1} lg={1} xl={1}/* justify=\"flex-end\"*/>\n                            <SendIcon fontSize=\"large\" className={classes.send} \n                                disabled={isSendDisabled} onClick={onSendClicked}/>                        \n                        </Grid>\n                    </Grid>\n                </Box>\n            </Paper>\n            {/* </NeuDiv> */}\n            </AppBar>\n        </Box>\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        <Slide appear={false} direction=\"down\" in={!trigger}>\n          {children}\n        </Slide>\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<any[]>([]);\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 <h2>Error: {error}</h2>;\n      \n    }else if (!isLoaded) {\n      return <CircularProgress style={{margin:\"25%\"}}/>;\n    }else{\n      return (\n          <Box className={classes.root}>\n              <HideOnScroll {...props}>\n                  <div className = {classes.hidediv}>\n                        <Typography variant=\"caption\" display=\"block\" gutterBottom align=\"justify\" className={classes.title}>\n                          {/* <Div marginTop={0}  paddingLeft={1} paddingRight={1}  paddingBottom={0}  m={1}> */}\n                          <h5 style={{color:\"#fff\", fontSize:\"20px\", fontWeight:500}}>{greeting}</h5>\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                          {/* </Div> */}\n                      </Typography>\n                      {/* <Typography variant=\"body1\" className={classes.title} align=\"justify\">\n                          <Box marginTop={0}  paddingLeft={1} paddingRight={1} paddingTop={0} paddingBottom={1} fontWeight=\"fontWeightMedium\" m={1}>\n                              Please don't enter confidential data in this chat.\n                          </Box>\n                      </Typography> */}\n                  </div>\n              </HideOnScroll>\n                <Box className={classes.spacer}>\n                  <MDBContainer className={classes.carouselContainer}>\n                      {/*isLoaded &&*/ (() => {\n                        // GetCarousalData();\n                          //console.log(carousalItem.length + \" showCarousal : \"+ showCarousal);\n                          if(showCarousal){\n                            \n                              return (                             \n                                <MDBCarousel\n                                    activeItem={1}\n                                    length={carousalItem.length}\n                                    showControls={true}\n                                    showIndicators={false}\n                                    slide={true}\n                                    className=\"z-depth-1\"\n                                >\n                                    \n                                    <MDBCarouselInner style={{height:\"200px\"}}>\n                                        {carousalItem.map(function(element){\n                                            //alert(JSON.stringify(banner));\n                                            return <MDBCarouselItem itemId={element.id}>\n                                                        <MDBView className = {classes.carouselView}>\n                                                            <a href={element.link} target=\"_blank\" rel=\"noreferrer\">\n                                                                <img  style={{height:\"200px\"}}\n                                                                    className=\"d-block w-100\"\n                                                                    src={element.img}\n                                                                    alt=\"Slide\"\n                                                                />\n                                                            </a>\n                                                        </MDBView>\n                                                    </MDBCarouselItem>\n                                        })}\n                                    \n                                    </MDBCarouselInner>\n                                </MDBCarousel>\n                            \n                              );\n                            }\n                          })()\n                      }\n                  </MDBContainer>\n              </Box>\n          </Box> \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      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    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 <IntroCarousel scrollCallback = {this.actions.introScrollCallback} />\n    }\n  }\n\n  render(){\n    document.title = \"ADI\";\n    return (\n      <div style={{margin:0, padding:0, flexGrow:1, width:\"100%\", height:\"100%\"}} >\n        <CssBaseline />\n        <Appbar elevate = {this.state.elevateAppbar} /*resetHandler={this.actions.resetHandler} closeHandler={this.actions.closeHandler}*/\n        conv={this.state.conversation} />\n        <Box flexGrow={1}>     \n          <this.IntroComponent />\n        </Box>\n        <Box flexGrow={1} marginBottom={8}>\n          <List style={{color: grey[900], flexGrow:1, width:\"100%\", height:\"100%\"}}>\n            {this.state.messages.map((message) => {\n              return (\n                <Box width={1} key={message.messageIndex}> {/* Key attribute added on 30-AUG-2022 */}\n                  <ListItem key={message.messageIndex}>\n                    <ChatItem itemIndex={message.messageIndex} message={message} actions={this.actions}/>\n                  </ListItem>\n                </Box>\n              )\n            })}\n           <div ref={this.messagesEndRef} />  {/* Used to scroll to bottom*/}\n          </List>\n        </Box>\n        <div style={{height: 20}}></div>\n        {this.state.initBot?<ChatInput chatInputHandler={this.actions.chatInputSendHandler} />:\"\"}\n      </div>\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    <div className=\"App\">\n      <ThemeProvider theme={theme}>\n        <ChatArea/>\n        {/*<FabPopup/>*/}\n      </ThemeProvider>  \n    </div>\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  <React.StrictMode>\n  <App />\n  </React.StrictMode>,\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":""}