\r\n \r\n \r\n setProfileImgBase64(base64String)} // Update the state with the uploaded image data\r\n />\r\n
\r\n \r\n\r\n \r\n {\r\n setMaxConvErr(false);\r\n setUserData({ ...userData, maxConversations: e.target.value });\r\n }}\r\n helperText={maxConvErr ? \"Invalid Number\" : \"\"}\r\n />\r\n \r\n\r\n Is Active\r\n
\r\n {\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {conv?.channel === 'Chat' ?\r\n ( \r\n\r\n
\r\n \r\n \r\n
\r\n {conv.customerName}\r\n {(conv?.channel === 'Chat' && conv?.authenticationStatus === 'Authenticated')\r\n && \r\n }\r\n
\r\n \r\n {conv.customerPhoneNumber ? conv.customerPhoneNumber :conv.email}\r\n
\r\n \r\n No Conversations\r\n
\r\n )}\r\n \r\n );\r\n};\r\n","// 06-07-2023 => ONKAR => TEXTING-1314 => Icons in left panel is not highlighting automatically, after reject/auto reject the new message request.\r\n// 12-08-2023 => ONKAR => TEXTING-1879 => Accepting the message request from setup dropdown page is not highlighting the active icon in left panel.\r\n// 12-11-2023 => ONKAR => TEXTING-1915 => 0: Admin UI - Highlight color for icons in left panel is removing after reject or auto rejecting the new conversation request.\r\n// 12-12-2023 => ONKAR => TEXTING-1879 => Accepting the message request from setup dropdown page is not highlighting the active icon in left panel.\r\n\r\nimport React, {useContext, useEffect} from \"react\";\r\nimport {\r\n ListItemButton,\r\n ListItemIcon,\r\n Tooltip,\r\n Box,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport FiberNewTwoToneIcon from '@mui/icons-material/FiberNewTwoTone';\r\nimport { AuthContext } from \"../../AuthContext\";\r\nconst NewConversationsNew=(props)=> {\r\n const theme = useTheme();\r\n const {\r\n prevSelectedMenu,setPrevSelectedmenu\r\n } = useContext(AuthContext);\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n ) : conversations.length > 0 ? (\r\n conversations.map((conv) => {\r\n let newConv = false;\r\n let updateNewConvVal =\r\n (conv?.lastMsgReceivedFrom === User &&\r\n !conv?.lastMsgReceivedFromName\r\n .toLowerCase()\r\n .includes(\"system\") && //ignoring the the system messages which are sent at the last (like NPPI and media content)\r\n conv?.lastMsgFromId !== conv.agentId) ||\r\n conv?.lastMsgFromId === \"\";\r\n let msgList = [...conv?.messageList].reverse();\r\n if (conv?.messageList.length > 0) {\r\n let msg = msgList.find((x) => x.fromObjectType === User);\r\n if (\r\n ((!!msg &&\r\n msg.fromId !== conv.agentId &&\r\n msgList[0].fromObjectType === User) ||\r\n (!msg && updateNewConvVal)) && conv.status !== \"Completed\"\r\n ) {\r\n newConv = true;\r\n }\r\n }\r\n //If no messages onload, taking info from server about last message\r\n else if (updateNewConvVal && conv.status !== \"Completed\") {\r\n newConv = true;\r\n }\r\n if (conv?.messageList.length > 0) {\r\n if (\r\n msgList[0].messages[msgList[0].messages.length-1].messageType === \"SYSTEMMSG\"\r\n ) {\r\n newConv = false;\r\n }\r\n }\r\n let enableConversationReadOnSeen= userInfo?.teams?.filter(t => t.teamId === conv.teamId)[0]?.enableConversationReadOnSeen;\r\n\r\n return (\r\n {conv.customerName}\r\n {(conv?.channel === 'Chat' && conv?.authenticationStatus === 'Authenticated')\r\n && \r\n }\r\n
\r\n \r\n {conv.customerPhoneNumber ? conv.customerPhoneNumber :conv.email}\r\n
\r\n \r\n \r\n {newConv ? (\r\n
\r\n \r\n \r\n \r\n {data.customerNameInitials}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n {data.customerName}\r\n {(data?.channel === 'Chat' && data?.authenticationStatus === 'Authenticated')\r\n && \r\n }\r\n
\r\n \r\n {data?.channel === 'Chat'?data.email:data.customerPhoneNumber}\r\n
\r\n \r\n {\r\n handleAcceptRejectConv(\r\n \"Accepted\",\r\n data.conversationId,\r\n data.teamId\r\n );\r\n }}\r\n >\r\n Accept\r\n \r\n {\r\n handleAcceptRejectConv(\r\n \"Rejected\",\r\n data.conversationId,\r\n data.teamId\r\n );\r\n }}\r\n >\r\n Reject\r\n \r\n
\r\n \r\n No Conversations\r\n
\r\n )}\r\n \r\n );\r\n };\r\n useEffect(()=>{\r\n if(conversationFilter){\r\n inputFilterRef.current.focus();\r\n }\r\n },[conversationFilter])\r\n return (\r\n <>\r\n {!crmEmbededView ? (\r\n \r\n {\r\n setOpenActive(!openActive);\r\n setSearchConvOpen(false);\r\n setHeaderNotification(false);\r\n setCollapseInactive(false);\r\n props.setSelectedMenu(\"active\");\r\n setOpenConversationDrawer(true);\r\n }}\r\n title=\"Active Conversations\"\r\n >\r\n \r\n \r\n Active\r\n \r\n \r\n \r\n
\r\n )}\r\n {appContext.userInfo.role === \"Supervisor\" ||\r\n appContext.userInfo.role === \"Admin\" ? (\r\n unassignedConversations.length > 0 && (\r\n \r\n \r\n
\r\n {`${props.selectedMenu === \"new\"\r\n ? \"New\"\r\n : props.selectedMenu === \"active\"\r\n ? \"Active\"\r\n : props.selectedMenu === \"inactive\"\r\n ? \"Inactive\"\r\n : props.selectedMenu === \"unassigned\"\r\n ? \"Missed\"\r\n : \"Active\"\r\n } Conversations`}
\r\n- \r\n
\r\n \r\n {\r\n openDrawer && setOpenDrawer(!openDrawer);\r\n setOpenConversationDrawer(false);\r\n }}\r\n >\r\n {\r\n setOpenConversationDrawer(false);\r\n setSelectedConvNone();\r\n if(props.startConvWithTemplate){\r\n props.handleCloseTeams();\r\n }\r\n }}\r\n >\r\n \r\n \r\n Home\r\n \r\n\r\n \r\n \r\n \r\n {(userInfo.role === \"Admin\" || userInfo.role === \"Supervisor\") &&\r\n (crmEmbededView || crmMode === \"false\") && userInfo.isDashboardEnabled &&\r\n {\r\n openDrawer && setOpenDrawer(!openDrawer);\r\n setOpenConversationDrawer(false);\r\n }}\r\n >\r\n {\r\n setOpenConversationDrawer(false);\r\n setSelectedConvNone();\r\n if (props.startConvWithTemplate) {\r\n props.handleCloseTeams();\r\n }\r\n }}\r\n >\r\n \r\n \r\n Dashboard\r\n \r\n\r\n \r\n \r\n \r\n }\r\n {crmMode === \"false\" &&\r\n (userInfo.role === \"Admin\" || userInfo.role === \"Supervisor\") &&\r\n !crmEmbededView ? (\r\n \r\n {\r\n setOpenConversationDrawer(false);\r\n setSelectedConvNone()\r\n }}\r\n >\r\n \r\n \r\n Contacts\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n )}\r\n\r\n \r\n <>\r\n \r\n {\r\n setOpenConversationDrawer(false);\r\n setSelectedConvNone()\r\n }}\r\n >\r\n \r\n \r\n List\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setOpenConversationDrawer(false);\r\n setSelectedConvNone()\r\n }}\r\n >\r\n \r\n \r\n Search\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setOpenConversationDrawer(false);\r\n setSelectedConvNone()\r\n }}\r\n >\r\n \r\n \r\n Channel\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n ) : (\r\n <>\r\n )}\r\n \r\n
\r\n {userInfo.role === \"Admin\" || userInfo.role === \"Supervisor\" ? (\r\n (crmEmbededView || crmMode === \"false\") && (\r\n \r\n \r\n \r\n \r\n {`${startConvReqObjData?.contact?.firstName} ${startConvReqObjData?.contact?.lastName}`}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {startConvReqObjData?.conversation && (\r\n \r\n \r\n \r\n {formatPhoneNumber(\r\n startConvReqObjData?.conversation?.customerPhoneNumber\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n {startConvReqObjData?.conversation\r\n ? getEntityDisplayName(\r\n JSON.parse(\r\n startConvReqObjData?.conversation\r\n ?.ConversationAttributes\r\n ).EntityLogicalName,\r\n startConvReqObjData?.conversation?.channel\r\n )\r\n : \"\"}\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n {showprofile && (\r\n \r\n {!showTemplatesDialog &&\r\n <>\r\n \r\n Select Team\r\n \r\n \r\n Team \r\n \r\n {teamList?.map((a) => {\r\n let badgeColor = \"#b8bfb3\";\r\n return (\r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n {startConvWithTemplate?\"Next\":\"Start\"}\r\n \r\n
\r\n \r\n \r\n \r\n {showAlert && (\r\n \r\n Alert \r\n \r\n \r\n \r\n {showSelfAssignButton && (\r\n \r\n )}\r\n \r\n \r\n \r\n )}\r\n\r\n
\r\n {showDialogtoReconnect && (\r\n \r\n {alertText} \r\n
\r\n \r\n Messenger disconnected due to inactivity. Please click on\r\n reconnect to connect back again\r\n \r\n
\r\n )}\r\n \r\n\r\n {userInfo.role === \"Supervisor\" || userInfo.role === \"Admin\" ? (\r\n
\r\n \r\n {conversation.CustomerName === \" \" ? \"Unknown\" : conversation.CustomerName}\r\n {(conversation?.Channel === 'Chat' && conversation?.AuthenticationStatus === 'Authenticated')\r\n && \r\n }\r\n \r\n
\r\n {conversation.CustomerPhoneNumber}
\r\n {conversation?.AssignedDate &&\r\n \r\n \r\n Assigned: {calcActiveTimeInHumanize(conversation?.AssignedDate)}\r\n \r\n
}\r\n {(conversation?.RecentAgentRespondedDate || conversation?.RecentCustomerRespondedDate) &&\r\n \r\n \r\n Activity: {calculateActivityTooltipMsg(conversation?.RecentAgentRespondedDate, conversation?.RecentCustomerRespondedDate, \"label\")} \r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n No Records Found
\r\n\r\n\r\n {\r\n showFilter &&\r\n
\r\n )\r\n}\r\n","////10/31/2022-> TEXTING-714 - passed team id from conversation object to load the Agents..\r\n////06/21/2022->SUDAM B CHAVAN - TEXTING-1348 - LOW PRIORITY: Able to transfer conversation from X team to Y Team, even if the conversation is in active with Y team\r\n////09/07/2023->ONKAR - TEXTING-1682 - Exists in Prod - From Omni channel Team conversations Instead of selected Team, Conversation is assigning to Agent preferred Team.\r\nimport {\r\n Badge,\r\n Box,\r\n Button,\r\n CircularProgress,\r\n Dialog,\r\n DialogTitle,\r\n DialogActions,\r\n DialogContent,\r\n DialogContentText,\r\n Divider,\r\n FormControl,\r\n InputLabel,\r\n MenuItem,\r\n Select,\r\n Typography\r\n} from \"@mui/material\";\r\nimport React, { useEffect } from \"react\";\r\nimport apiConfig from \"../api/apiConfig\";\r\nimport { InvokePostServiceCall } from \"../api/serviceUtil\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { dataService } from \"../dataService\";\r\n\r\nexport const AssignConvFromTeamConversation = (props) => {\r\n useEffect(() => {\r\n setSelectedUser(\"\");\r\n loadTeamAgents();\r\n },[])\r\n \r\n const [agents, setAgents] = React.useState([]);\r\n const [selectedUser, setSelectedUser] = React.useState();\r\n const [confirmAssignment, setConfirmAssignment] = React.useState(false);\r\n const [confirmAssignmentMsg, setConfirmAssignmentMsg] = React.useState(\"\");\r\n const [showLoader, setShowLoader] = React.useState(false);\r\n\r\n const loadTeamAgents = () => {\r\n debugger\r\n setShowLoader(true);\r\n let msgReq = {\r\n teamId: props.state.conversation.teamId,\r\n isActive: true,\r\n SortByName: true,\r\n SortByStatus: true\r\n };\r\n InvokePostServiceCall(apiConfig.GET_USERS, msgReq)\r\n .then((data) => {\r\n setAgents(data.data.userDetails);\r\n setShowLoader(false);\r\n })\r\n .catch((error) => {\r\n props.openMainSnackbar(error.message);\r\n setShowLoader(false);\r\n console.log(error.message);\r\n });\r\n };\r\n\r\n const handleChange = (event) => {\r\n setSelectedUser(event.target.value); //event.target.value.user.userId\r\n };\r\n\r\n const handleAssignConversation = (forceAssign) => (event) => {\r\n if (selectedUser != null) {\r\n setShowLoader(true);\r\n let msgReq = {\r\n conversation: {\r\n conversationId: props.conversation.conversationId,\r\n CustomerName: props.conversation.customerName,\r\n CustomerPhoneNumber: props.conversation.customerPhoneNumber,\r\n AssignedDate: new Date().toISOString(),\r\n status: props.conversation.status,\r\n PreAssigneeId: props.conversation.preAssigneeId,\r\n },\r\n teamId: props.conversation.teamId,\r\n userId: selectedUser.user.userId,\r\n requestedUserId: props.state.appContext.userInfo.userId,\r\n forceAssign: forceAssign\r\n };\r\n\r\n InvokePostServiceCall(apiConfig.ASSIGN_CONVERSATION, msgReq)\r\n .then((data) => {\r\n\r\n if (data.data.status.toLowerCase() === \"success\") {\r\n props.onAssignConvSuccess(selectedUser.user.userId);\r\n }\r\n else if (data.data.status.toLowerCase() === \"missedconvassigned\") {\r\n setConfirmAssignmentMsg(data.data.statusDescription);\r\n setConfirmAssignment(true);\r\n }\r\n else if (props.conversation.status == 'InActive') {\r\n props.onAssignConvSuccess(selectedUser.user.userId);\r\n }\r\n else if (props.conversation.status === 'FailedToAssignCrossTeam') {\r\n dataService.setData({ showSelfAssignAlert: data.data.statusDescription });\r\n }\r\n if (forceAssign) {\r\n setConfirmAssignment(false);\r\n }\r\n setShowLoader(false);\r\n props.handleModalClose();\r\n\r\n })\r\n .catch((error) => {\r\n\r\n props.openMainSnackbar(error.message);\r\n setShowLoader(false);\r\n props.handleModalClose();\r\n console.log(error.message);\r\n });\r\n }\r\n };\r\n\r\n const handleConfirmAssignClose = () => {\r\n setConfirmAssignment(false);\r\n setConfirmAssignmentMsg(\"\");\r\n };\r\n\r\n return (\r\n <>\r\n \r\n { setShowFilter(false); setSeacrhClicked(true); value == \"1\" && handleSearch(); }}\r\n >\r\n Search\r\n \r\n {\r\n setFilterData({ teamId: userInfo.teamId });\r\n setSeacrhClicked(false)\r\n clearFilter(true)\r\n }}\r\n >\r\n Clear\r\n \r\n
\r\n }\r\n\r\n \r\n \r\n {\r\n setTeamChanged(true);\r\n setFilterData({ ...filterData, teamId: e.target.value })\r\n if (e.target.value === \"None\") { //logic to show teamName in filter chip.\r\n setFilterTeamName(userInfo.teamName)\r\n } else {\r\n teams.forEach((item) => {\r\n if (item.teamId === e.target.value) {\r\n setFilterTeamName(item.teamName)\r\n }\r\n })\r\n }\r\n }}\r\n >\r\n\r\n {teams &&\r\n teams.map((option, index) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n Team
\r\n \r\n {\r\n event.target.setAttribute('autocomplete', 'new-password');\r\n }}\r\n onChange={(e) => {\r\n setFilterData({\r\n ...filterData,\r\n name: e.target.value,\r\n });\r\n }}\r\n />\r\n
\r\n {/* { // removed filter as per story Texting-841\r\n value !== \"3\" &&\r\n Agent Name
\r\n \r\n \r\n setFilterData({\r\n ...filterData,\r\n status: e.target.value,\r\n })}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n } */}\r\n\r\n {/* shown the same filter in all tabs */}\r\n Status
\r\n \r\n {\r\n event.target.setAttribute('autocomplete', 'new-password');\r\n }}\r\n onChange={(e) => {\r\n setFilterData({\r\n ...filterData,\r\n contactName: e.target.value,\r\n });\r\n }}\r\n />\r\n
\r\n Contact Name
\r\n \r\n {\r\n setFilterData({\r\n ...filterData,\r\n contactPhone: e.target.value,\r\n });\r\n }}\r\n onFocus={event => {\r\n event.target.setAttribute('autocomplete', 'new-password');\r\n }}\r\n />\r\n
\r\n\r\n\r\n\r\n Contact Phone
\r\n \r\n \r\n Assign\r\n \r\n
\r\n \r\n \r\n \r\n {confirmAssignmentMsg} \r\n
\r\n \r\n \r\n {(value == \"1\" || value == \"3\") && \r\n \r\n :\r\n <>\r\n \r\n {\r\n setValue(selectedTabValue)\r\n }}> \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n\r\n \r\n
\r\n \r\n {\r\n teams.forEach(async (item) => {\r\n if (item.teamId === filterData.teamId) {\r\n setFilterTeamName(item.teamName)\r\n }\r\n })\r\n getUsers();\r\n getTeams();\r\n }}\r\n >\r\n
\r\n\r\n\r\n Omni-Channel\r\n
\r\n\r\n {\r\n (value == \"1\" || value == \"3\")\r\n && (\r\n {\r\n setShowFilter(!showFilter);\r\n }}\r\n >\r\n
\r\n \r\n {filterTeamName && handleDelete(key)} />}\r\n
\r\n :\r\n value === \"3\" && key == \"status\" ? null :\r\n \r\n handleDelete(key)} />\r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n )\r\n }\r\n\r\n\r\n\r\n}\r\n\r\nexport default Track;\r\n","import React, {Component} from 'react';\r\nimport './App.scss';\r\nimport Track from './Track';\r\n\r\n\r\nclass Participant extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const existingPublications = Array.from(this.props.participant.tracks.values());\r\n const existingTracks = existingPublications.map(publication => publication.track);\r\n const nonNullTracks = existingTracks.filter(track => track !== null)\r\n\r\n this.state = {\r\n tracks: nonNullTracks\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.localParticipant) {\r\n this.props.participant.on('trackSubscribed', track => this.addTrack(track));\r\n }\r\n }\r\n\r\n addTrack(track) {\r\n this.setState({\r\n tracks: [...this.state.tracks, track]\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n\r\n\r\n\r\n}\r\n\r\nexport default Participant;\r\n","import React, {Component} from 'react';\r\nimport './App.scss';\r\nimport Participant from './Participant';\r\n\r\nclass Room extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n remoteParticipants: Array.from(this.props.room.participants.values())\r\n }\r\n\r\n this.leaveRoom = this.leaveRoom.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n // Add event listeners for future remote participants coming or going\r\n this.props.room.on('participantConnected', participant => this.addParticipant(participant));\r\n this.props.room.on('participantDisconnected', participant => this.removeParticipant(participant));\r\n\r\n window.addEventListener(\"beforeunload\", this.leaveRoom);\r\n }\r\n\r\n componentWillUnmount() {\r\n this.leaveRoom();\r\n }\r\n\r\n addParticipant(participant) {\r\n console.log(`${participant.identity} has joined the room.`);\r\n\r\n this.setState({\r\n remoteParticipants: [...this.state.remoteParticipants, participant]\r\n });\r\n }\r\n\r\n removeParticipant(participant) {\r\n console.log(`${participant.identity} has left the room`);\r\n\r\n this.setState({\r\n remoteParticipants: this.state.remoteParticipants.filter(p => p.identity !== participant.identity)\r\n });\r\n }\r\n leaveRoom() {\r\n this.props.room.disconnect();\r\n this.props.returnToLobby();\r\n }\r\n\r\n render() {\r\n return (\r\n {this.props.participant.identity}
\r\n {\r\n this.state.tracks.map(track =>\r\n )\r\n }\r\n \r\n
\r\n );\r\n }\r\n\r\n\r\n\r\n}\r\n\r\nexport default Room;\r\n","import './App.scss';\r\nimport React, { Component } from 'react';\r\nimport Room from './Room';\r\nimport queryString from 'query-string'\r\n\r\nconst { connect } = require('twilio-video');\r\n\r\n\r\nclass VideoApp extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.inputRef = React.createRef();\r\n var name = this.getQueryVariable('name');\r\n this.state = {\r\n identity: name != false ? name.split('%')[0]:'',\r\n room: null,\r\n customerView: false,\r\n joinUrl: \"\",\r\n copyStatus : 'Click To Copy'\r\n }\r\n \r\n\r\n this.joinRoom = this.joinRoom.bind(this);\r\n this.returnToLobby = this.returnToLobby.bind(this);\r\n this.updateIdentity = this.updateIdentity.bind(this);\r\n this.removePlaceholderText = this.removePlaceholderText.bind(this);\r\n }\r\n\r\n\r\n async joinRoom() {\r\n try {\r\n var value = this.getQueryVariable('room');\r\n var roomName = 'default';\r\n if (value != false) {\r\n roomName = value;\r\n this.state.customerView = true;\r\n\r\n } \r\n\r\n else {\r\n this.setState({\r\n joinUrl: window.location + '?room=' + roomName\r\n\r\n });\r\n }\r\n \r\n \r\n \r\n \r\n const response = await fetch(`https://messageservicesapidev.azurewebsites.net/Auth/getTwilioToken?identity=${this.state.identity}&room=${roomName}`);\r\n const data = await response.json();\r\n const room = await connect(data.token, {\r\n name: roomName,\r\n audio: true,\r\n video: true\r\n });\r\n\r\n this.setState({ room: room });\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n\r\n getQueryVariable(variable) {\r\n var query = window.location.search.substring(1);\r\n console.log(query)//\"app=article&act=news_content&aid=160990\"\r\n var vars = query.split(\"&\");\r\n console.log(vars) //[ 'app=article', 'act=news_content', 'aid=160990' ]\r\n for (var i = 0; i < vars.length; i++) {\r\n var pair = vars[i].split(\"=\");\r\n console.log(pair)//[ 'app', 'article' ][ 'act', 'news_content' ][ 'aid', '160990' ] \r\n if (pair[0] == variable) { return pair[1]; }\r\n }\r\n return (false);\r\n}\r\n\r\n \r\n\r\n returnToLobby() {\r\n this.setState({ room: null });\r\n }\r\n removePlaceholderText() {\r\n this.inputRef.current.placeholder = '';\r\n }\r\n copyToClipboard = (e) => {\r\n var textField = document.createElement('textarea');\r\n textField.innerText = this.state.joinUrl;\r\n document.body.appendChild(textField);\r\n textField.select();\r\n document.execCommand('copy');\r\n textField.remove();\r\n this.setState({\r\n copyStatus : 'Copied!'\r\n }); \r\n\r\n }\r\n\r\n updateIdentity(event) {\r\n this.setState({\r\n identity: event.target.value,\r\n\r\n });\r\n }\r\n\r\n render() {\r\n const disabled = this.state.identity === '' ? true : false;\r\n return (\r\n \r\n
\r\n \r\n \r\n {\r\n this.state.room === null\r\n ?
\r\n\r\n\r\n\r\n\r\n\r\n );\r\n }\r\n\r\n}\r\n\r\nexport default VideoApp;\r\n","/**************************\r\n * 10-30-2023 => SUDAM B CHAVAN =>TEXTING-1827 - Search Messages\r\n * 11-07-2023 => SUDAM B CHAVAN =>TEXTING-1842 - Sent and failed status text is still showing for message search results.\r\n*/\r\nimport React, { useState, useContext, useEffect } from \"react\";\r\nimport {\r\n Button,\r\n TextField,\r\n FormControl,\r\n InputLabel,\r\n Select,\r\n MenuItem,\r\n Box,\r\n CircularProgress,\r\n} from \"@mui/material\";\r\nimport { useTheme, experimentalStyled as styled } from \"@mui/material/styles\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport { AuthContext } from \"../../AuthContext\";\r\nimport moment from \"moment\";\r\nimport SnackBar from \"../../components/SnackBar\";\r\nimport Paper from '@mui/material/Paper';\r\nimport Grid from '@mui/material/Grid';\r\nimport { StyledDataGrid } from \"../../components/styledComponents/StyledDataGrid\";\r\n\r\nconst Item = styled(Paper)(({ theme }) => ({\r\n backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff',\r\n ...theme.typography.body2,\r\n padding: theme.spacing(2),\r\n color: theme.palette.text.secondary,\r\n}));\r\n\r\nfunction SearchMessages(props) {\r\n const theme = useTheme();\r\n const [msgList, setMsgList] = useState([]);\r\n const [statusList, setStatusList] = useState([]);\r\n const appContext = useContext(AuthContext);\r\n const [loading, setLoading] = useState(true);\r\n const [circularLoading, setCircularLoading] = useState(false);\r\n const [messageType, setMessageType] = useState(\"none\");\r\n const [status, setStatus] = useState(\"none\");\r\n const [agent, setAgent] = useState(\"\");\r\n const [conversationId, setConversationId] = useState(\"\");\r\n var todayDate = new Date();\r\n const [date, setDate] = useState({\r\n toDate: moment(todayDate).format('YYYY-MM-DD'),\r\n fromDate: moment(new Date(todayDate.setDate(todayDate.getDate() - 90))).format('YYYY-MM-DD')\r\n });\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const { messageApiToken } = useContext(AuthContext);\r\n const [userList, setUserList] = useState([]);\r\n const [teamList, setTeamList] = useState([]);\r\n const [teamId, setTeamId] = useState(\"\");\r\n const [snackbarMsg, setSnackBarMsg] = useState(\"\")\r\n const [teamName, setTeamName] = useState(\"\");\r\n const [showTeamName, setShowTeamName] = useState(false);\r\n const [usersLoading, setUsersLoading] = useState(false);\r\n const [phone, setPhone] = useState(\"\");\r\n const [email, setEmail] = useState(\"\");\r\n const [phoneerr, setPhoneerr] = useState(false);\r\n const [emailerr, setEmailerr] = useState(false);\r\n const [dateErr, setDateErr] = useState({\r\n fromDateErr: false,\r\n toDateErr: false,\r\n });\r\n const emptyGUID = \"00000000-0000-0000-0000-000000000000\";\r\n\r\n const handleStatus = (event) => {\r\n setStatus(event.target.value);\r\n };\r\n\r\n const handleAgent = (event) => {\r\n setAgent(event.target.value);\r\n };\r\n const handleTeam = (event) => {\r\n setUserList([]);\r\n if (event.target.value != emptyGUID) {\r\n setTeamId(event.target.value);\r\n getUsers({ isActive: true, teamId: event.target.value, SortByName: true });\r\n } else {\r\n setTeamId(emptyGUID);\r\n setAgent(emptyGUID);\r\n }\r\n\r\n };\r\n const messageTypeList = [{\r\n type: \"DOCUMENT\",\r\n status: \"Failed,InQueue,Scanning\"\r\n }, {\r\n type: \"OUTBOUND\",\r\n status: \"Undelivered,Delivered,Cancelled,Scheduled\"\r\n }]\r\n\r\n const handleMessageType = (event) => {\r\n setMessageType(event.target.value);\r\n setStatus(\"none\");\r\n var filterdList = messageTypeList.filter(s => s.type === event.target.value)[0]?.status.split(',');\r\n setStatusList(filterdList);\r\n };\r\n const dayInMonthComparator = (v1, v2) => {\r\n if (!v1) v1 = new Date(null);\r\n if (!v2) v2 = new Date(null);\r\n if (v1 && v2) {\r\n var date1 = moment(v1);\r\n var date2 = moment(v2);\r\n var diff = date1.diff(date2, 'seconds')\r\n return diff\r\n }\r\n }\r\n const columns = [\r\n {\r\n field: \"customerName\",\r\n headerName: \"Contact Name\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"customerPhoneNumber\",\r\n headerName: \"Contact Phone\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"email\",\r\n headerName: \"Email\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"messageDate\",\r\n headerName: \"Message Date\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n type: \"date\",\r\n valueGetter: (params) => {\r\n if (params.value) {\r\n return new Date(params.value);\r\n }\r\n return null;\r\n },\r\n valueFormatter: (params) => {\r\n if (params.value instanceof Date) {\r\n return params.value.toLocaleTimeString('en-US', {\r\n month: '2-digit',\r\n day: \"2-digit\",\r\n year: \"numeric\",\r\n hour: 'numeric',\r\n minute: 'numeric'\r\n });\r\n }\r\n return \"\";\r\n },\r\n sortComparator: dayInMonthComparator,\r\n },\r\n {\r\n field: \"agentName\",\r\n headerName: \"Agent\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"teamName\",\r\n headerName: \"Team\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"messageBody\",\r\n headerName: \"Message\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"messageType\",\r\n headerName: \"Message Type\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"status\",\r\n headerName: \"Status\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n\r\n ];\r\n\r\n useEffect(() => {\r\n if (messageApiToken) {\r\n // getUsers({ isActive: true });\r\n getTeams();\r\n }\r\n }, [messageApiToken]);\r\n\r\n const getConversationsByFilter = () => {\r\n\r\n if (\r\n (date.fromDate !== \"\" && date.toDate === \"\") ||\r\n (date.fromDate === \"\" && date.toDate !== \"\")\r\n ) {\r\n setDateErr({\r\n ...date,\r\n fromDateErr: date.fromDate === \"\" ? true : false,\r\n toDateErr: date.toDate === \"\" ? true : false,\r\n });\r\n return;\r\n }\r\n else {\r\n let { dateS, dateE, diffDays } = \"\";\r\n dateS = moment(date.fromDate);\r\n dateE = moment(date.toDate);\r\n diffDays = dateE.diff(dateS, 'days')\r\n if (diffDays < 0) {\r\n setSnackBarMsg(\"From Date should not greater than To Date\");\r\n setOpenSnackbar(true)\r\n return;\r\n }\r\n else if (diffDays > 90) {\r\n setSnackBarMsg(\"Date range should not be exceed more than 90 days\");\r\n setOpenSnackbar(true)\r\n return;\r\n }\r\n\r\n }\r\n let chkmobile = false;\r\n const PHONE_REGEX = /^[+][0-9]{11}$/i\r\n let PHONE_US = /^\\([0-9]{3}\\) |[0-9]{3}-[0-9]{3}-[0-9]{4}$/i;\r\n const PHONE_INDIAN_REGEX = /^(?:(?:\\+|0{0,2})91(\\s*|[\\-])?|[0]?)?([6789]\\d{2}([ -]?)\\d{3}([ -]?)\\d{4})$/i;\r\n if (phone?.startsWith(\"+91\")) {\r\n if (PHONE_INDIAN_REGEX.test(phone)) {\r\n chkmobile = true;\r\n\r\n }\r\n }\r\n else {\r\n if (PHONE_REGEX.test(phone)) {\r\n chkmobile = true;\r\n\r\n } else if (PHONE_US.test(phone)) {\r\n chkmobile = true;\r\n\r\n }\r\n }\r\n if (!chkmobile && phone.length > 0) {\r\n setPhoneerr(true);\r\n return;\r\n }\r\n let regEmail = /^[ ]*([^@\\s]+)@((?:[-a-z0-9]+\\.)+[a-z]{2,})[ ]*$/i;\r\n if (email && !regEmail.test(email)) {\r\n setEmailerr(true);\r\n return;\r\n }\r\n setCircularLoading(true);\r\n let requestBody = {\r\n userId: agent === \"\" ? emptyGUID : agent,\r\n status: status === \"none\" ? \"\" : status,\r\n messageType: messageType === \"none\" ? \"\" : messageType, \r\n conversationId: conversationId ? conversationId : emptyGUID,\r\n teamId: teamId === \"none\" || !teamId ? emptyGUID : teamId,\r\n fromDate: date.fromDate ? moment(date.fromDate).format(\"MM-DD-YYYY\") : \"\",\r\n toDate: date.toDate ? moment(date.toDate).format(\"MM-DD-YYYY\") : \"\",\r\n phoneNum: phone,\r\n email: email,\r\n };\r\n\r\n setLoading(true);\r\n setMsgList([]) //resetting the con data before calling api hence able to see the loader\r\n InvokePostServiceCall(apiConfig.GET_MESSAGES_BY_FILTER, requestBody)\r\n .then((data) => {\r\n console.log(\"Search messages : \", data);\r\n debugger\r\n let tempArr = [];\r\n let messages = data.data.messagesDetails;\r\n\r\n if (messages != null && messages.length > 0) {\r\n messages.forEach((item, index) => {\r\n item.id = index;\r\n item.isReadOnly = true;\r\n item.status = (item.messageType ==='OUTBOUND' && item.status === 'failed') ? 'undelivered' : item.status === 'sent' ? 'delivered' : item.status;\r\n item.createdDate = moment(item.createdDate).local().format(\"MM-DD-YYYY\") + \", \" + moment(item.createdDate).local().format(\"LT\")\r\n tempArr.push(item);\r\n });\r\n if (teamName) {\r\n setShowTeamName(true);\r\n } else {\r\n setShowTeamName(false);\r\n }\r\n setMsgList(tempArr);\r\n } else {\r\n setMsgList([]);//resetting old data if no records found for search criteria\r\n }\r\n\r\n setLoading(false);\r\n setCircularLoading(false);\r\n })\r\n .catch((err) => {\r\n console.log(err, \"Error message\");\r\n setSnackBarMsg(err.message);\r\n setOpenSnackbar(true);\r\n setLoading(false);\r\n setCircularLoading(false);\r\n });\r\n };\r\n\r\n const clearSearch = () => {\r\n setMessageType(\"none\");\r\n setStatus(\"none\");\r\n setAgent(\"\");\r\n setPhone(\"\");\r\n setTeamId(\"\");\r\n setTeamName(\"\");\r\n setPhoneerr(\"\");\r\n setEmail(\"\");\r\n setEmailerr(\"\");\r\n setConversationId(\"\");\r\n var todayDate = new Date();\r\n setDate({\r\n toDate: moment(todayDate).format('YYYY-MM-DD'),\r\n fromDate: moment(new Date(todayDate.setDate(todayDate.getDate() - 90))).format('YYYY-MM-DD')\r\n });\r\n setDateErr({ ...dateErr, fromDateErr: false, toDateErr: false });\r\n setMsgList([]);\r\n setUserList([]);\r\n };\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n\r\n const getTeams = () => {\r\n setTeamList(appContext.userInfo.role == \"Admin\" ? appContext.userInfo.allTeams : appContext.userInfo.teams);\r\n };\r\n const getUsers = (payload) => {\r\n setUsersLoading(true);\r\n InvokePostServiceCall(apiConfig.GET_USERS, payload)\r\n .then((data) => {\r\n setUserList(data.data.userDetails);\r\n setUsersLoading(false);\r\n })\r\n .catch((error) => {\r\n setSnackBarMsg(error.message);\r\n setOpenSnackbar(true);\r\n setUsersLoading(false);\r\n console.log(\"usersApi\", error);\r\n });\r\n };\r\n\r\n return (\r\n\r\n <>\r\n \r\n \r\n \r\n
\r\n : {\r\n this.state.customerView == false ?
\r\n \r\n \r\n
: <>\r\n }\r\n Search Messages
\r\n\r\n
\r\n )}\r\n {!circularLoading && !loading && msgList.length < 1 && (\r\n \r\n No Conversations\r\n
\r\n )}\r\n\r\n {msgList.length > 0 && !circularLoading ? (\r\n * All timestamps are in Pacific Time.
\r\n Search Conversations
\r\n\r\n
\r\n )}\r\n {!circularLoading && !loading && convData.length < 1 && (\r\n \r\n No Conversations\r\n
\r\n )}\r\n\r\n {convData.length > 0 && !circularLoading ? (\r\n * All timestamps are in Pacific Time.
\r\n No Communications
}\r\n \r\n Welcome to Click To Message Application\r\n
\r\n\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default LandingPage;\r\n","import React from 'react';\r\nimport { ApplicationInsights } from '@microsoft/applicationinsights-web';\r\nimport { ReactPlugin, withAITracking } from '@microsoft/applicationinsights-react-js';\r\nimport { createBrowserHistory } from \"history\";\r\nconst browserHistory = createBrowserHistory({ basename: '' });\r\nvar reactPlugin = new ReactPlugin();\r\nvar appInsights = new ApplicationInsights({\r\n config: {\r\n instrumentationKey: '6560fd3a-51e0-49b0-96c1-8881e7b003a8',//process.env.REACT_APP_APPINSIGHT_INSTRUMENTKEY,\r\n enableAutoRouteTracking: true,\r\n connectionString: 'InstrumentationKey=6560fd3a-51e0-49b0-96c1-8881e7b003a8;IngestionEndpoint=https://westus-0.in.applicationinsights.azure.com;LiveEndpoint=https://westus.livediagnostics.monitor.azure.com', //process.env.REACT_APP_APPINSIGHT_CONNECTIONSTRING,\r\n extensions: [reactPlugin],\r\n extensionConfig: {\r\n [reactPlugin.identifier]: { history: browserHistory }\r\n }\r\n }\r\n}\r\n);\r\nappInsights.loadAppInsights();\r\nexport { reactPlugin, appInsights };","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register () {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister () {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React, { Component } from 'react';\r\nimport queryString from 'query-string'\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport axios from \"axios\";\r\nimport './DocuSign.scss';\r\nimport CircularProgress from '@mui/material/CircularProgress';\r\nimport Box from '@mui/material/Box'\r\n\r\n\r\n\r\n\r\nclass DocuSignCustomerApp extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.inputRef = React.createRef();\r\n this.state = {\r\n documentId: this.getQueryVariable('documentid'),\r\n customerPhoneNumber: '',\r\n showResponseScreen: false,\r\n serviceResponseMsg: \"\",\r\n showInitLoader: false\r\n }\r\n\r\n this.redirectToDocuSign = this.redirectToDocuSign.bind(this);\r\n this.updateCustomerPhoneNumber = this.updateCustomerPhoneNumber.bind(this);\r\n }\r\n\r\n\r\n async redirectToDocuSign() {\r\n try {\r\n \r\n if (this.state.customerPhoneNumber != \"\") {\r\n this.setState({ showResponseScreen: true });\r\n this.setState({ showInitLoader: true });\r\n let requestBody = {\r\n createRecipientViewRequest: {\r\n\r\n },\r\n userDetails: {\r\n documentId: this.state.documentId,\r\n customerPhoneNumber: this.state.customerPhoneNumber\r\n },\r\n };\r\n const axiosInstance = axios.create({\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n });\r\n await axiosInstance.post(apiConfig.CREATE_RECIPIENT_VIEW, requestBody).then((response) => {\r\n\r\n if (response != null && response.data != null && response.data.url != null) {\r\n window.open(response.data.url, \"_self\"); \r\n }\r\n else {\r\n this.setState({ serviceResponseMsg : response.data.message });\r\n this.setState({ showResponseScreen: true })\r\n }\r\n this.setState({ showInitLoader: false })\r\n }).catch((err) => {\r\n console.log(\"Failed\" + err);\r\n this.setState({ serviceResponseMsg: \"Failed to redirect. Please try again.\" });\r\n this.setState({ showResponseScreen: true });\r\n this.setState({ showInitLoader: false })\r\n });;\r\n\r\n\r\n\r\n } \r\n\r\n }\r\n finally {\r\n\r\n }\r\n }\r\n\r\n getQueryVariable(variable) {\r\n var query = window.location.search.substring(1);\r\n console.log(query)//\"app=article&act=news_content&aid=160990\"\r\n var vars = query.split(\"&\");\r\n console.log(vars) //[ 'app=article', 'act=news_content', 'aid=160990' ]\r\n for (var i = 0; i < vars.length; i++) {\r\n var pair = vars[i].split(\"=\");\r\n console.log(pair)//[ 'app', 'article' ][ 'act', 'news_content' ][ 'aid', '160990' ] \r\n if (pair[0] == variable) { return pair[1]; }\r\n }\r\n return (false);\r\n }\r\n\r\n\r\n updateCustomerPhoneNumber(event) {\r\n this.setState({\r\n customerPhoneNumber: event.target.value,\r\n\r\n });\r\n }\r\n\r\n render() {\r\n const disabled = this.state.customerPhoneNumber === '' ? true : false;\r\n return (\r\n\r\n\r\n {\r\n\r\n this.state.showResponseScreen === false ?\r\n \r\n : <>\r\n }\r\n\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nexport default DocuSignCustomerApp;\r\n","import React, { Component } from 'react';\r\nimport queryString from 'query-string'\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport DocuSignMessage from \"./DocuSignMessage\";\r\nimport { Routes, Route, MemoryRouter } from \"react-router-dom\";\r\n\r\nimport './DocuSign.scss';\r\nimport {\r\n AuthenticatedTemplate,\r\n UnauthenticatedTemplate,\r\n} from \"@azure/msal-react\";\r\nimport AuthContextProvider from \"../../AuthContext\";\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass DocuSignAgentApp extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.inputRef = React.createRef();\r\n this.state = {\r\n \r\n }\r\n\r\n \r\n }\r\n\r\n\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
: \r\n
\r\n }\r\n {\r\n this.state.showInitLoader == true ?\r\n \r\n
\r\n \r\n {this.state.serviceResponseMsg}\r\n
\r\n\r\n\r\n
\r\n \r\n You are not signed in! Please sign in.\r\n
\r\n{successMsg}
}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ![\"Wescom](\"https://wescom.org/-/media/Marketing/Feature/PageContent/Base-Page/Header/Wescom-Logo.ashx\")
\r\n \r\n
\r\n \r\n \r\n {this.state.InvalidUrlErrMsg}
}\r\n\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n ) : ()}\r\n\r\n\r\n\r\n\r\n\r\n\r\n {this.state.serviceResponseMsg &&
}\r\n {\r\n this.state.showInitLoader == true ?\r\n \r\n
\r\n \r\n Phone Number \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n ),\r\n }}\r\n />\r\n\r\n
\r\n\r\n \r\n Passcode \r\n
\r\n {disabled &&
\r\n Resend in {countdown} seconds
}\r\n
\r\n }\r\n\r\n {\r\n this.state.isOTPVerified &&\r\n \r\n
\r\n \r\n {this.state.serviceResponseMsg}\r\n
\r\n\r\n {message.body}\r\n
\r\n {moment(message.createdDate).format(\"lll\")}
\r\n )\r\n }\r\n {message.type !== \"INFO\" && \r\n \r\n {showDialogtoReconnectMsg}\r\n \r\n
\r\n \r\n \r\n {\r\n //open chat options menu\r\n setAnchorChatOptionsEl(e.currentTarget);\r\n }}\r\n >\r\n \r\n {theamSettingsStrObj?.companyLogo && \r\n \r\n {/* }\r\n
\r\n {/* \r\n \r\n {handleClickListItem(e)}}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setEndingConversation(true);\r\n if (!sessionStorage.getItem(\"ConversationEnded\")) { // Check if conversation is not already ended\r\n setOpens(true); // Show the confirmation dialog\r\n } else {\r\n await endChat(); // Close the chat directly if already ended\r\n // handleEndChatForSurvey(); \r\n }\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {(!token && props.messagesHistory.length<1 )&&<> \r\n }\r\n {(token || assignedToAgent || props.messagesHistory.length>0) && }\r\n \r\n \r\n {sessionStorage.getItem(\"ConversationEnded\") ? null : (\r\n \r\n End Chat \r\n \r\n \r\n Are you sure you want to end the chat?\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {\r\n UpdateConversationAsRead(sessionStorage.getItem(ConversationId))\r\n }}\r\n >\r\n \r\n // \r\n // theamSettingsStrObj.infoCardColor,\r\n // // color: (theme) => theamSettingsStrObj.infoCardTextColor,\r\n // }}\r\n // >\r\n // \r\n // \r\n // \r\n // {}\r\n // \r\n // \r\n // \r\n }\r\n \r\n {waitTimeObj.show &&\r\n \r\n }\r\n {showAutoCloseMessage.show && showAutoCloseMessage.msgWithPlaceholder && !isConversationEnded &&\r\n \r\n }\r\n {/* {showAutoCloseMessage.show && !showDialogtoReconnect && (\r\n \r\n \r\n {showAutoCloseMessage.msgWithPlaceholder\r\n ?.replace(\r\n \"{0}\",\r\n showAutoCloseMessage.idleTimeInMin\r\n )\r\n ?.replace(\r\n \"{1}\",\r\n autoClosetimmer.min +\r\n \":\" +\r\n (autoClosetimmer.sec < 10\r\n ? `0${autoClosetimmer.sec}`\r\n : autoClosetimmer.sec)\r\n )}\r\n \r\n \r\n )} */}\r\n {showDialogtoReconnect && !loading && (\r\n \r\n )} \r\n {/* {showDialogtoReconnect && !loading && (\r\n \r\n {showDialogtoReconnectMsg}\r\n \r\n )} */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n {\r\n showTypingPreview && \r\n }\r\n {!isConversationEnded && !showNonBusinessHoursMsg && (\r\n \r\n <>\r\n \r\n \r\n \r\n 0\r\n // ? \"calc(100vh - 161px)\" : \"calc(100vh - 132px)\",\r\n }}\r\n sx={{ pt: 1, borderWidth: 0 }}\r\n >\r\n \r\n {messages &&\r\n [...props.messagesHistory,...messages].map((msg, index) => {\r\n if(!!msg.body){\r\n let DateCmp = \"\";\r\n if (index !== 0) {\r\n if (\r\n moment(msg.createdDate).format(\" MMM Do YY\") !==\r\n moment([...props.messagesHistory,...messages][index-1].createdDate).format(\" MMM Do YY\")\r\n ) {\r\n DateCmp =\r\n moment(msg.createdDate)\r\n .local()\r\n .format(\"Do MMMM YY\") ===\r\n moment(new Date()).format(\"Do MMMM YY\")\r\n ? \"Today\"\r\n : moment(msg.createdDate)\r\n .local()\r\n .format(\"Do MMMM YY\");\r\n } else {\r\n DateCmp = \"\";\r\n }\r\n }\r\n return (\r\n <>\r\n {index === 0 && (\r\n \r\n }\r\n \r\n {theamSettingsStrObj.enableChatBot === \"Y\" && msgAutoSuggestions.length>0 && (\r\n
\r\n\r\n {showAgentAssignMsg &&\r\n \r\n
\r\n )}\r\n {DateCmp !== \"\" && (\r\n \r\n
\r\n )}\r\n\r\n \r\n {msgAutoSuggestions.map((item, index) => {\r\n return (\r\n {\r\n setDisabledAutoSuggestionChip(true)\r\n sendMessage(item);\r\n }}\r\n />\r\n );\r\n })}\r\n
\r\n )}\r\n {showChatWithAgentBtn &&\r\n \r\n } \r\n onClick={() => {\r\n setDisabledAutoSuggestionChip(true)\r\n sendMessage(\"Chat With Agent\")}}>\r\n Chat With Agent\r\n \r\n
}\r\n\r\n \r\n \r\n
}\r\n {\r\n isSessionExpired &&\r\n \r\n
\r\n \r\n {theamSettingsStrObj.outofBusinessHoursMessage}\r\n
\r\n\r\n\r\n {settings?.companyLogo &&\r\n \r\n {/* }\r\n
\r\n \r\n \r\n { handleClickListItem(e) }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {\r\n handleSubmitCustomerResponse(\"Draft\");\r\n // props.endChat();\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {`Survey - ${activeStep + 1}/${maxSteps}`}
\r\n{successMsg}
}\r\n\" + JSON.stringify(event.detail.data) }); \r\n //alert(JSON.stringify(event));\r\n if (!!event.detail && !!event.detail.data) {\r\n this.setState({ customAttributes: event.detail.data });\r\n }\r\n }\r\n\r\n async receiveIOSConversationId(event) {\r\n if (!!event.detail && !!event.detail.data) {\r\n this.setState({ IOSDebug: \"-- Received IOS conv id\" });\r\n this.setState({ IOSDebug: this.state.IOSDebug + \"-- Received IOS conv id\" + event.detail.data });\r\n\r\n sessionStorage.setItem(\"conversationid\", event.detail.data);\r\n }\r\n\r\n }\r\n\r\n setCookie = async (name, value, days) => {\r\n const d = new Date();\r\n d.setTime(d.getTime() + (days*24*60*60*1000));\r\n let expires = \"expires=\"+ d.toUTCString();\r\n var encriptedValue = encodeURIComponent(value);\r\n document.cookie = name + \"=\" + encriptedValue + \";\" + expires + \";SameSite=None; Secure;\";\r\n }\r\n \r\n getCookie = (name) => {\r\n console.log(\"cookkie name\"+name);\r\n debugger;\r\n \r\n const cookieString = document.cookie;\r\n const cookies = cookieString.split(';');\r\n \r\n for (const cookie of cookies) {\r\n const [cookieName, cookieValue] = cookie.split('=');\r\n if (cookieName.trim() === name) {\r\n var t = decodeURIComponent(cookieValue);\r\n let convId=t.split(\",\")\r\n if (!!t && typeof t === 'string' && convId[0]===sessionStorage.getItem(\"conversationid\")){\r\n return t;\r\n }\r\n else{\r\n return \"\";\r\n }\r\n }\r\n }\r\n \r\n return \"\";\r\n \r\n }\r\n \r\n\r\n \r\n UpdateConversationAsRead = (conversationId,messageList=\"\") => { // Call API to update conversation as read\r\n let requestBody = {\r\n // userId: userInfo.userId,\r\n isCallFromCustomer: true,\r\n conversationId: conversationId\r\n };\r\n axios.post(apiConfig.UPDATE_CONVERSATION_AS_READ, requestBody)\r\n .then((res) => {\r\n\r\n console.log(res, \"UpdateConversationAsRead\");\r\n if(messageList!==\"\"){\r\n let messages=[...messageList]\r\n for(let i=0;i
startConversation\"\r\n //alert('startConversation')\r\n if (!!this.state.customerName || !!this.state.token) {\r\n log = log + \"
inside customername/token check\"\r\n //alert('inside customername/token check');\r\n this.setState({ showInitLoader: true });\r\n this.setState({ showStartConvScreen: false });\r\n this.getMessagesHistoryWeb();// get conversation history.\r\n alert(this.state.customAttributes);\r\n\r\n var enableChatBot =\r\n this.state.settings.enableChatBot == \"Y\" ? true : false;\r\n let requestBody = {\r\n conversation: {\r\n source: \"Inbound\",\r\n channel: \"Chat\",\r\n agentId: \"\",\r\n customerPhoneNumber: \"\",\r\n ConversationAttributes: \"\",\r\n conversationBody: this.state.msg.trim(),\r\n },\r\n contact: {\r\n firstName: this.state.customerName,\r\n lastName: \"\",\r\n email: this.state.email,\r\n contactAttributes: \"\",\r\n },\r\n userDeviceInfo:{\r\n sourceIP:this.state.sourceIP,\r\n userAgent:this.state.userAgent,\r\n latitude:this.state.lat,\r\n longitude:this.state.long\r\n },\r\n teamName: this.state.settings.team,\r\n teamId: this.state.settings.teamId,\r\n enableChatBot: enableChatBot,\r\n deploymentId: this.state.deploymentID,\r\n };\r\n \r\n let endpoint = apiConfig.START_CONVERSATION_WEBCLIENT;\r\n debugger;\r\n if (!!this.state.token && (typeof this.state.token === 'string' || this.state.token instanceof String)) {\r\n log = log + \"
Auth\";\r\n //alert('auth');\r\n endpoint = apiConfig.START_CONVERSATION_WEBCLIENT_AUTHORIZED; // Rajesh -> 07/26/2023 -> Added this to support the token based authentication.(on server side token is resolved to member details )\r\n }\r\n log = log + \"---\" + JSON.stringify(requestBody);\r\n this.setState({ debugLog: log });\r\n await InvokePostServiceCallWithJWTToken( //This method is used to pass the parent jwt token with member details to the server.\r\n endpoint,\r\n requestBody,this.state.token\r\n )\r\n .then((response) => {\r\n\r\n debugger;\r\n if( !response || (!!response && response.status != 200) || (!response.data?.wsURL)){ // Rajesh -> 07/28/2023 -> If token failed to resolve the member details then we are showing the partial data message for member to input details\r\n this.showStartConvScreen();\r\n this.setState({ showPartialDataMsg: true });\r\n this.setState({ token: \"\" });\r\n return;\r\n }\r\n if (!!response.data.wsURL) {\r\n\r\n sessionStorage.setItem(\r\n \"conversationid\",\r\n response.data.conversationId\r\n );\r\n if(this.state.token){\r\n let tokenWithConvId=`${response.data.conversationId},${this.state.token}`;\r\n this.setCookie(\"token\",tokenWithConvId,1)\r\n }\r\n sessionStorage.setItem(\"wsUrl\", response.data.wsURL);\r\n sessionStorage.setItem(\"name\", this.state.customerName);\r\n if(response.data?.contact?.firstName || response.data?.contact?.lastName){\r\n //join the complete member name and show\r\n let memberName=`${response.data.contact.firstName} ${response.data.contact.lastName}`\r\n sessionStorage.setItem(\"name\", memberName);\r\n this.setState({memberName:memberName})\r\n }\r\n SendNotificationToParent({\r\n event: \"sendConvId\",\r\n data: response.data.conversationId, targetOrigin: this.state?.settings?.parentSite\r\n });\r\n }\r\n // Check if conversationWithBot is not equal to \"Y\" in response data\r\n if (response.data?.conversationWithBot !== \"Y\") {\r\n // If the condition is true, set isBotActive in sessionStorage to \"N\"\r\n sessionStorage.setItem(\"isBotActive\", \"N\");\r\n }\r\n if (response.data?.isAgentUnavailable) {\r\n sessionStorage.setItem(\r\n \"isAgentUnavailable\",\r\n response.data?.isAgentUnavailable\r\n );\r\n // sessionStorage.setItem(\r\n // \"agentUnavailableConfigMessage\",\r\n // response.data?.agentUnavailableMessage\r\n // );\r\n sessionStorage.setItem(\r\n \"initialAvgWaitTime\",\r\n JSON.stringify(response.data?.convesationAvgWaitTimeResp)\r\n );\r\n }\r\n var msgs = [];\r\n var msg = {};\r\n // if(!!this.state.msg){\r\n msg.body = this.state.msg.trim();\r\n msg.createdDate = Date.now();\r\n msg.isAgentMessage = false;\r\n msg.type=\"INBOUND\"\r\n\r\n if (enableChatBot) {\r\n msg.status = \"seen\";\r\n msg.isFirstMessage=true //using this field to avoid duplicate member message when conversation starts (TEXTING-1899).\r\n } else {\r\n msg.status = \"delivered\";\r\n }\r\n msgs.push(msg);\r\n // }\r\n if (response.data?.messageBody) {\r\n var serverMsg = {};\r\n serverMsg.body = response.data?.messageBody;\r\n serverMsg.createdDate = Date.now();\r\n serverMsg.isAgentMessage = true;\r\n msgs.push(serverMsg);\r\n }\r\n let msgStr = JSON.stringify(msgs);\r\n sessionStorage.setItem(\"messages\", msgStr);\r\n this.setState({ showInputTextBox: true }); \r\n if (!enableChatBot && response.data?.isAgentUnavailable) {\r\n this.UpdateConversationAsRead(response.data.conversationId);\r\n }\r\n this.setState({ showInitLoader: false });\r\n if (this.state.settings.enableChatBot !== \"Y\" && !response.data?.isAgentUnavailable) {\r\n //if chatbot disabled and Agent is Unavailable then show assigning agent message.\r\n this.setState({ showAgentAssignMsg: true });\r\n\r\n // Check if the 'response.data.contact' exists, and if it does, check if 'conversations' array has length\r\n // Also, check if the status of the first conversation is \"Active\"\r\n if(response.data.contact?.conversations?.length && response.data.contact.conversations[0].status===\"Active\"){\r\n this.setState({ showAgentAssignMsg: false });\r\n }\r\n }\r\n \r\n\r\n })\r\n .catch((err) => {\r\n console.log(\"Failed\" + err);\r\n this.showStartConvScreen();\r\n this.setState({ showPartialDataMsg: true });\r\n this.setState({token: \"\" })\r\n });\r\n }\r\n this.setState({ debugLog: log });\r\n } finally {\r\n this.setState({ showInitLoader: false });\r\n }\r\n }\r\n\r\n getQueryVariable(variable) {\r\n /* SendNotificationToParent({\r\n event: \"minimizeWindow\",\r\n data: \"minimizeWindow\",targetOrigin: this.state?.settings?.parentSite\r\n }); */\r\n var query = window.location.search.substring(1);\r\n console.log(query); //\"app=article&act=news_content&aid=160990\"\r\n var vars = query.split(\"&\");\r\n console.log(vars); //[ 'app=article', 'act=news_content', 'aid=160990' ]\r\n for (var i = 0; i < vars.length; i++) {\r\n var pair = vars[i].split(\"=\");\r\n console.log(pair); //[ 'app', 'article' ][ 'act', 'news_content' ][ 'aid', '160990' ]\r\n if (pair[0] == variable) {\r\n return pair[1];\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n updatecustomerName(event) {\r\n this.setState({\r\n customerName: event.target.value,\r\n nameError: false,\r\n });\r\n }\r\n updatecustomermessage(event) {\r\n this.setState({\r\n msg: event.target.value,\r\n descrError: false,\r\n });\r\n }\r\n updatecustomerEmail(event) {\r\n this.setState({\r\n email: event.target.value,\r\n mailError: false,\r\n });\r\n }\r\n\r\n getOS() {//get current os \r\n var userAgent = window.navigator.userAgent,\r\n platform = window.navigator?.userAgentData?.platform || window.navigator.platform,\r\n macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'],\r\n windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'],\r\n iosPlatforms = ['iPhone', 'iPad', 'iPod'],\r\n os = null;\r\n\r\n if (macosPlatforms.indexOf(platform) !== -1) {\r\n os = 'Mac OS';\r\n } else if (iosPlatforms.indexOf(platform) !== -1) {\r\n os = 'iOS';\r\n } else if (windowsPlatforms.indexOf(platform) !== -1) {\r\n os = 'Windows';\r\n } else if (/Android/.test(userAgent)) {\r\n os = 'Android';\r\n } else if (/Linux/.test(platform)) {\r\n os = 'Linux';\r\n }\r\n if (navigator.geolocation) {\r\n navigator.geolocation.getCurrentPosition(this.getCurrentPositionSuccess, this.getCurrentPositionError);\r\n } else {\r\n console.log(\"Geolocation not supported\");\r\n }\r\n this.getUserIP();\r\n this.setState({ os: os, userAgent: navigator?.userAgentData?.mobile ? 'Mobile' : \"Browser\", })\r\n }\r\n async getUserIP() {\r\n const response = await fetch('https://geolocation-db.com/json/');\r\n const data = await response.json();\r\n this.setState({ ...this.state, sourceIP: data.IPv4 });\r\n }\r\n getCurrentPositionSuccess(position) {\r\n this.setState({ lat: position.coords.latitude, long: position.coords.longitude });\r\n }\r\n getCurrentPositionError(err) {\r\n console.log(\"Unable to retrieve your location ::\", err);\r\n }\r\n setStateFromChild(stateName) {\r\n this.setState(stateName)\r\n }\r\n\r\n getAgentImage (agentId) {\r\n if(this.state.settings.showAgentImage===\"Y\"){\r\n //if showAgentImage setting enable then this function will get the agent profile image from api when conversation is assigned to agent.\r\n let requestBody = {\r\n userId: agentId \r\n };\r\n InvokePostServiceCallWithoutToken(apiConfig.GET_USER_PROFILE_IMAGE, requestBody)\r\n .then((res) => {\r\n let agentDetailsObj=this.state.agentImages\r\n agentDetailsObj[agentId]=res.data.profileImg?res.data.profileImg:\"\"\r\n this.setState({agentImages:agentDetailsObj})\r\n sessionStorage.setItem(\"agentImages\",JSON.stringify(agentDetailsObj))\r\n })\r\n .catch((err) => {\r\n console.log(err, \"Error Message\", \"GetAgentImage\");\r\n });\r\n }\r\n }\r\n render() {\r\n const isMemberDataSaved = !!this.state.customerName && !!this.state.email;\r\n const open = Boolean(this.state.anchorEl);\r\n const smallFontSize=\"100%\";\r\n const mediumFontSize=\"110%\";\r\n const largeFontSize=\"120%\";\r\n return (\r\n
\r\n\r\n\r\n {this.state.showInitLoader == true ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n )}\r\n {(isMemberDataSaved || this.state.showStartConvScreen === true) && (\r\n
\r\n )}\r\n {this.state.showOutOfBusinessHoursMsg === true && (\r\n \r\n theme.zIndex.drawer + 1,\r\n }}\r\n open={this.state.showInitLoader}\r\n >\r\n \r\n Loading... \r\n \r\n \r\n\r\n
\r\n ) : (\r\n \r\n {this.state.showInputTextBox === false && this.state.showServeyWizard === false? (\r\n <>\r\n
\r\n \r\n \r\n \r\n { this.handleClick(e) }}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\" \"}\r\n \r\n Chat with us{\" \"}\r\n {\" \"}\r\n
\r\n \r\n\r\n {this.state.showStartConvScreen === true ? (\r\n \r\n {this.state.showPartialDataMsg == true &&(\r\n )}\r\n
\r\n ) : (\r\n <>\r\n )}\r\n Sorry! we could not get your complete details.Please fill below form
)} \r\n {(this.state.startConvWithName === true && this.state.startConvWithDescription === false) &&( <>\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {this.state.startConvWithDescription === true && (\r\n
How we can assist you?
\r\n\r\n
\r\n \r\n {\r\n this.setState({\r\n isSessionExpired:false,\r\n isConversationEnded: false,\r\n convesationAvgWaitTimeRespObj: \"\",\r\n agentUnavailableMessage: \"\",\r\n conversationEndedBy: \"\",\r\n debugLog: this.state.debugLog + \"
StartConversation\"\r\n })\r\n if (!this.state.msg || !this.state.customerName || !this.state.email) {\r\n //check if all fields are filled or not and if not then prevent conversation from starting\r\n if(!this.state.msg){\r\n this.setState({ descrError: true });\r\n }\r\n if(!this.state.customerName){\r\n this.setState({ nameError: true });\r\n }\r\n if(!this.state.email){\r\n this.setState({ mailError: true });\r\n }\r\n return; // Prevent conversation from starting\r\n }\r\n if (regEmail.test(this.state.email)) {\r\n if (!!window.Android) {\r\n this.setState({ showInitLoader: true });\r\n var log = this.state.debugLog + \"
android start\";\r\n let res = SendNotificationToParent({\r\n event: \"getCustomAttributes\",\r\n data: \"getCustomAttributes\", targetOrigin: this.state?.settings?.parentSite\r\n });\r\n this.setState({ debugLog: log + \"
\" + JSON.stringify(res)});\r\n if (!!res) {\r\n let strCustomAttributes = JSON.stringify(res);\r\n this.setState({ debugLog: this.state.debugLog + \"
cust:\" + strCustomAttributes });\r\n alert(strCustomAttributes);\r\n this.setState({ customAttributes: strCustomAttributes });\r\n }\r\n this.startConversation();\r\n } else {\r\n //this.setState({ showInitLoader: true });\r\n this.startConversation();\r\n\r\n }\r\n\r\n // window.parent.postMessage({ event:\"requiredCustomAttributes\", data:\"\"}, '*');\r\n } \r\n else if(!!this.state.token){\r\n this.startConversation();\r\n }\r\n else {\r\n if (!regEmail.test(this.state.email)) {\r\n this.setState({ mailError: true });\r\n }\r\n if (\r\n this.state.msg == null ||\r\n this.state.msg == \"\" ||\r\n this.state.msg == undefined\r\n ) {\r\n this.setState({ descrError: true });\r\n }\r\n if (\r\n this.state.customerName == null ||\r\n this.state.customerName == \"\" ||\r\n this.state.customerName == undefined\r\n ) {\r\n this.setState({ nameError: true });\r\n }\r\n }\r\n }}\r\n >\r\n Start Chat\r\n \r\n
\r\n StartConversation\"\r\n })\r\n if (!this.state.msg || !this.state.customerName || !this.state.email) {\r\n //check if all fields are filled or not and if not then prevent conversation from starting\r\n if(!this.state.msg){\r\n this.setState({ descrError: true });\r\n }\r\n if(!this.state.customerName){\r\n this.setState({ nameError: true });\r\n }\r\n if(!this.state.email){\r\n this.setState({ mailError: true });\r\n }\r\n return; // Prevent conversation from starting\r\n }\r\n if (regEmail.test(this.state.email)) {\r\n if (!!window.Android) {\r\n this.setState({ showInitLoader: true });\r\n var log = this.state.debugLog + \"
android start\";\r\n let res = SendNotificationToParent({\r\n event: \"getCustomAttributes\",\r\n data: \"getCustomAttributes\", targetOrigin: this.state?.settings?.parentSite\r\n });\r\n this.setState({ debugLog: log + \"
\" + JSON.stringify(res)});\r\n if (!!res) {\r\n let strCustomAttributes = JSON.stringify(res);\r\n this.setState({ debugLog: this.state.debugLog + \"
cust:\" + strCustomAttributes });\r\n alert(strCustomAttributes);\r\n this.setState({ customAttributes: strCustomAttributes });\r\n }\r\n this.startConversation();\r\n } else {\r\n //this.setState({ showInitLoader: true });\r\n this.startConversation();\r\n\r\n }\r\n\r\n // window.parent.postMessage({ event:\"requiredCustomAttributes\", data:\"\"}, '*');\r\n } \r\n else if(!!this.state.token){\r\n this.startConversation();\r\n }\r\n else {\r\n if (!regEmail.test(this.state.email)) {\r\n this.setState({ mailError: true });\r\n }\r\n if (\r\n this.state.msg == null ||\r\n this.state.msg == \"\" ||\r\n this.state.msg == undefined\r\n ) {\r\n this.setState({ descrError: true });\r\n }\r\n if (\r\n this.state.customerName == null ||\r\n this.state.customerName == \"\" ||\r\n this.state.customerName == undefined\r\n ) {\r\n this.setState({ nameError: true });\r\n }\r\n }\r\n }}\r\n >\r\n Start Chat\r\n \r\n
{this.state.debugLog}
\r\n \r\n
\r\n )}\r\n {this.state.showInputTextBox == true ? (\r\n \r\n
\r\n {this.state.settings.outofBusinessHoursMessage}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* \r\n \r\n */}\r\n
\r\n \r\n */}\r\n \r\n {\r\n props.handleClose();\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default ObjectHistoryComp",null,"////07-10-2023 => SUDAM B CHAVAN => TEXTING-1417 - GPT Component Pending observations.\r\n////08-03-2023 => SUDAM B CHAVAN => TEXTING-1461 - Critical: Messages tab in active conversation page should be Freezed\r\n////08-08-2023 => SUDAM B CHAVAN => TEXTING-1461 - Observation\r\n\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport TabList from \"@mui/lab/TabList\";\r\nimport { styled, useTheme } from \"@mui/material/styles\";\r\nimport { Box, IconButton, Tab, Menu, MenuItem } from '@mui/material';\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport { AuthContext } from \"../AuthContext\";\r\n\r\nfunction CustomTabList(props) {\r\n const theme = useTheme();\r\n const { tabList, showTabsCount, handleChangeTab } = props;\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const [tabsToShow, setTabsToShow] = useState(tabList || []);\r\n const [menuItem, setMenuItem] = useState([]);\r\n const [selectedMenuValue, setSelectedMenuValue] = useState(props.selectedValue);\r\n const open = Boolean(anchorEl);\r\n const { selectedConv } = useContext(AuthContext);\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n };\r\n const handleMenuSelection = (selectedMenu) => {\r\n setAnchorEl(null);\r\n //tabsToShow.push(selectedMenu)\r\n var removedElement;\r\n setSelectedMenuValue(selectedMenu.value)\r\n let removedMenuArray = menuItem.filter(m => m.value !== selectedMenu.value);\r\n let sortedTabs = tabsToShow.sort((a, b) => a.displayOrder - b.displayOrder); // b - a for reverse sort\r\n // if (sortedTabs[sortedTabs.length - 1].displayOrder === selectedMenu.displayOrder) {\r\n // removedElement = sortedTabs.shift();\r\n // }\r\n // else {\r\n removedElement = sortedTabs.pop()\r\n sortedTabs.push(selectedMenu)\r\n // }\r\n\r\n if (removedElement){\r\n removedMenuArray.push(removedElement)\r\n removedMenuArray.sort((a, b) => a.displayOrder - b.displayOrder);\r\n setMenuItem(removedMenuArray);\r\n }\r\n setTabsToShow(sortedTabs);\r\n handleChangeTab(null, selectedMenu.value)\r\n };\r\n \r\n\r\n useEffect(() => { //first time when component get mounted\r\n initTabs() \r\n },[])\r\n \r\n useEffect(() => { // when conversation changed..\r\n initTabs()\r\n }, [selectedConv?.conversationId]);\r\n const initTabs=()=>{\r\n if (showTabsCount && tabList?.length > Number(showTabsCount)){\r\n const tabs = tabList.slice(0, showTabsCount);\r\n const menu = tabList.slice(showTabsCount, tabList?.length);\r\n setTabsToShow(tabs);\r\n setMenuItem(menu);\r\n } \r\n }\r\n return (\r\n \r\n\r\n {menuItem && \r\n {menuItem.map((menu) => {\r\n return \r\n })}\r\n }\r\n
\r\n \r\n \r\n {(window.self !== window.top && crmProvider === \"S\") ?\r\n\r\n \r\n \r\n \r\n :\r\n \r\n \r\n }\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AuthContextProvider;","////07-04-2023 => ONKAR => TEXTING-1292 - Message delivered, Read status ticks should show in SMS history and SMS activity pages.\r\n////08-30-2023 => SUDAM B CHAVAN => TEXTING-1644 - Authenticated Conversations history issue\r\n////09-15-2023 => ONKAR =>TEXTING-1697 - Client Req: Ability to view the chat history of the member without initiating the conversation\r\n////09-28-2023 => ONKAR =>TEXTING-1699 -Conversation History Enhancements\r\n////10-03-2023 => ONKAR =>TEXTING-1766 -The current active conversation messages is showing in History tab with old view.\r\n////10-05-2023 => ONKAR =>TEXTING-1786 -If 'Sentiment Calculation' is disabled then also History records is showing Sentiment emoji.\r\n////10-19-2023 => ONKAR =>TEXTING-1815 -Number 0 is showing on omni channel, History tab instead of Neutral emoji If overall sentiment of conversation is '0'.\r\n////11-01-2023 => ONKAR =>TEXTING-1819 -On history tab expanding the multiple records with more messages is moving the scroll bar to bottom.\r\nimport React, { useEffect, useState, useContext } from \"react\";\r\nimport { Grid, CircularProgress, Button, Divider, Paper, Tooltip } from \"@mui/material\";\r\nimport { InvokePostServiceCall } from \"../api/serviceUtil\";\r\nimport apiConfig from \"../api/apiConfig\";\r\nimport { AuthContext } from \"../AuthContext\";\r\nimport ChatMsg from \"./ChatMsg\";\r\nimport moment from \"moment\";\r\nimport SnackBar from \"./SnackBar\";\r\nimport PhoneIphoneIcon from \"@mui/icons-material/PhoneIphone\";\r\nimport ChatIcon from \"@mui/icons-material/Chat\";\r\nimport Collapse from \"@mui/material/Collapse\";\r\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\r\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport SentimentEmoji from \"./SentimentEmoji\";\r\n\r\nfunction ChatHistory(props) {\r\n const theme = useTheme();\r\n const {enableSentimentCalculation,applicationSettings}=useContext(AuthContext)\r\n const [conversationList, setConversationList] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [chatLoading, setChatLoading] = useState(false);\r\n const [msgList, setMsgList] = useState([]);\r\n const [selectedConv, setSelectedConv] = useState(null);\r\n const [customerName, setCustomerName] = useState(\"\");\r\n const [channelName, setChannelName] = useState(\"\");\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [endedByName, setEndedByName] = useState(\"\");\r\n const [endedByDate, setEndedByDate] = useState(\"\");\r\n const [snackbarMsg, setSnackbarMsg] = useState(\"\");\r\n const [collapseConv, setCollapseConv] = React.useState(false);\r\n const [collapseSummary, setCollapseSummary] = useState(false);\r\n const [conversationSummary,setConversationSummary]=useState(\"\")\r\n const includeTypeOfMessageToReq = [\r\n \"INBOUND\",\r\n \"OUTBOUND\",\r\n \"INFO\",\r\n \"BOTMSG\"\r\n]\r\n//get the summary prompt message from app settings\r\nlet summaryPromptMessage=applicationSettings.GPTChatBotConfiguration?JSON.parse(applicationSettings.GPTChatBotConfiguration):\"\";\r\n useEffect(() => {\r\n setLoading(true);\r\n let requestBody = props.conversation\r\n ? {\r\n filterMode: \"PhoneNumber\",\r\n phoneNum: props.conversation,\r\n }\r\n : props.externalId\r\n ? {\r\n filterMode: \"externalId\",\r\n externalId: props.externalId,\r\n }\r\n : {\r\n filterMode: \"email\",\r\n email: props.email,\r\n };\r\n InvokePostServiceCall(apiConfig.GET_CONVERSATION_BY_FILTER, requestBody)\r\n .then((data) => {\r\n setConversationList(data.data.conversations);\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setSnackbarMsg(error.message);\r\n setOpenSnackbar(true);\r\n setLoading(false);\r\n });\r\n }, []);\r\n\r\n const getSummary=(messageList)=>{\r\n let trns = \"\";\r\n messageList.forEach((msg) => {\r\n msg.messages.forEach((m) => {\r\n if (includeTypeOfMessageToReq.indexOf(m.messageType) >= 0) {\r\n let role = msg.fromObjectType === 'User' ? 'Wescom/Agent' : 'Customer'; \r\n trns = trns + moment(m.messageDate).format(\"lll\") + \" \" + role + \" : \" + m.messageBody + \"\\n\";\r\n }\r\n })\r\n });\r\n var request = {\r\n chatHistoryWithGPT: [{role:\"user\",content:summaryPromptMessage?.SummaryPromptMessage}],\r\n isCallFrom: \"summary\",\r\n conversationTranscript: trns\r\n }\r\n InvokePostServiceCall(apiConfig.GET_TRANSCRIPT_SUMMARY_WITH_API, request )\r\n .then((data) => {\r\n setConversationSummary(data.data.gptResponse)\r\n })\r\n .catch((error) => {\r\n setSnackbarMsg(error.message);\r\n setOpenSnackbar(true);\r\n setChatLoading(false);\r\n })\r\n\r\n }\r\n\r\n const getMessages = (convId) => {\r\n setChatLoading(true);\r\n setConversationSummary(\"\")\r\n var requestBody = { conversationId: convId ? convId : selectedConv };\r\n\r\n InvokePostServiceCall(apiConfig.GET_MESSAGES, requestBody)\r\n .then((data) => {\r\n let conversation = {};\r\n conversation.messageList = data.data.messagesInfo;\r\n conversation.refreshMessages = false;\r\n setMsgList(conversation);\r\n if(conversation?.messageList?.length>0){\r\n getSummary(conversation?.messageList)\r\n }\r\n setChatLoading(false);\r\n })\r\n .catch((err) => {\r\n setSnackbarMsg(err.message);\r\n setOpenSnackbar(true);\r\n setChatLoading(false);\r\n });\r\n };\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n let divHeight = props.isStartWithTemplate\r\n ? \"calc(100vh - 245px)\"\r\n : \"calc(100vh - 201px)\";\r\n return (\r\n <>\r\n \r\n {loading ? (\r\n \r\n {conversationList.map((item, index) => (\r\n <>\r\n {index < 20 && \r\n item.conversationId !== props.conversationId &&(\r\n \r\n \r\n {\r\n debugger\r\n // handleClickOpen(item.channel);\r\n setCollapseSummary(false);\r\n if (collapseConv === item.conversationId) {\r\n setCollapseConv(\"\");\r\n } else {\r\n setCollapseConv(item.conversationId);\r\n setCustomerName(item.customerName);\r\n getMessages(item.conversationId);\r\n setSelectedConv(item.conversationId);\r\n setEndedByName(item.conversationEndedByName);\r\n setEndedByDate(item.conversationEndedDate);\r\n setChannelName(item.channel);\r\n document.getElementById(item.conversationId).scrollIntoView()\r\n }\r\n }}\r\n > \r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n {conversationList.length > 1 && !loading ? (\r\n \r\n {item?.channel === \"Chat\" ? (\r\n \r\n )} \r\n }\r\n \r\n
\r\n \r\n \r\n \r\n {item.customerPhoneNumber\r\n ? item.customerPhoneNumber\r\n : item.email}\r\n \r\n \r\n
\r\n {enableSentimentCalculation === \"Y\" && (item.overallSentiment || item.overallSentiment===0 ) && \r\n
\r\n \r\n \r\n \r\n {moment(item.createdDate).format(\"MM/DD/YY\")}{\" \"}\r\n {moment(item.createdDate)\r\n .local()\r\n .format(\"LT\")}\r\n \r\n \r\n
\r\n {collapseConv === item.conversationId?\r\n {conversationSummary}\r\n
\r\n )}\r\n \r\n
\r\n {moment(\r\n msgList.messageList[index]\r\n .messageDate\r\n )\r\n .local()\r\n .format(\"Do MMMM YY\") ===\r\n moment(new Date()).format(\r\n \"Do MMMM YY\"\r\n )\r\n ? \"Today\"\r\n : moment(msg.messageDate)\r\n .local()\r\n .format(\"Do MMMM YY\")}\r\n
\r\n
\r\n )}\r\n {DateCmp !== \"\" && (\r\n \r\n {moment(\r\n msgList.messageList[index]\r\n .messageDate\r\n )\r\n .local()\r\n .format(\"Do MMMM YY\") ===\r\n moment(new Date()).format(\r\n \"Do MMMM YY\"\r\n )\r\n ? \"Today\"\r\n : moment(msg.messageDate)\r\n .local()\r\n .format(\"Do MMMM YY\")}\r\n
\r\n
\r\n
\r\n {DateCmp}\r\n
\r\n
\r\n )}\r\n \r\n {DateCmp}\r\n
\r\n
No SMS History Found
\r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n}\r\nconst styles = {\r\n dateStyle: {\r\n textAlign: \"center\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n fontSize: 10,\r\n },\r\n progressStyle: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n marginTop: \"30px\",\r\n },\r\n hrStyle: {\r\n width: \"40%\",\r\n },\r\n};\r\nexport default ChatHistory;","class authData {\r\n token = \"\";\r\n\r\n getToken = () => this.token;\r\n\r\n setToken = (token) => {\r\n this.token = token;\r\n };\r\n}\r\n\r\nconst tokenData = new authData();\r\n\r\nexport default tokenData;","/*\r\n* 29-08-2023 => PRABHAT => TEXTING - 1633 - Modification of Profile picture button layout in Agent profile CRM View.\r\n*/\r\n\r\nimport React from \"react\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport PhotoCameraIcon from \"@mui/icons-material/PhotoCamera\";\r\nimport DeleteIcon from \"@mui/icons-material/Delete\";\r\nimport { DropzoneDialog } from \"mui-file-dropzone\";\r\n\r\nconst AvatarFile = ({ name, label, value, onChange }) => {\r\n const [openDialog, setOpenDialog] = React.useState(false);\r\n\r\n const handleFileChange = async (files) => {\r\n console.log(`${label} Uploaded..`, files);\r\n if (files.length > 0) {\r\n const file = files[0];\r\n const maxSize = 1 * 1024 * 1024; // 1MB in bytes\r\n if (file.size > maxSize) {\r\n console.log(`File size exceeds the maximum limit of 1MB (1,048,576 bytes).`);\r\n return;\r\n }\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = async () => {\r\n // Converting file to base64 string and updating the logo field in the parent component\r\n const base64String = reader.result;\r\n onChange(base64String, name);\r\n setOpenDialog(false);\r\n };\r\n }\r\n };\r\n\r\n const handleRemoveImage = () => {\r\n onChange(\"\", name); // Set the value to an empty string to remove the image\r\n };\r\n\r\n return (\r\n \r\n {value ? (\r\n <>\r\n setOpenDialog(true)}>\r\n \r\n )}\r\n setOpenDialog(false)}\r\n />\r\n
\r\n );\r\n};\r\n\r\nexport default AvatarFile;\r\n","/**\r\n * 12-01-2023 => SUDAM B CHAVAN =>TEXTING-1881- Chat Survey Webchat UI\r\n */\r\nimport React from \"react\";\r\nimport { Snackbar } from \"@mui/material\";\r\nimport MuiAlert from '@mui/material/Alert';\r\n\r\n\r\nconst Alert = React.forwardRef(function Alert(props, ref) {\r\n return \r\n setOpenDialog(true)}>\r\n \r\n \r\n \r\n
\r\n \r\n ) : (\r\n \r\n {loading ? (\r\n \r\n \r\n Survey Name: {surveyDetails[0].surveyName} \r\n \r\n \r\n \r\n \r\n Created Date: {\r\n surveyDetails[0].createdDate ? moment(surveyDetails[0].createdDate).local().format(\"MM-DD-YYYY\") + \", \" + moment(surveyDetails[0].createdDate).local().format(\"LT\")\r\n :null\r\n \r\n } \r\n Submitted Date: { \r\n surveyDetails[0].completedDate ? moment(surveyDetails[0].completedDate).local().format(\"MM-DD-YYYY\") + \", \" + moment(surveyDetails[0].completedDate).local().format(\"LT\")\r\n :null\r\n } \r\n \r\n\r\n\r\n \r\n \r\n {surveyDetails.map((item, index) => (\r\n <>\r\n Q. {item.questionBody} \r\n A. {item.responseBody} \r\n \r\n ))}\r\n \r\n \r\n ) : (\r\n
\r\n \r\n \r\n );\r\n}\r\nconst styles = {\r\n textRow: {\r\n display: \"flex\",\r\n width: \"100%\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n marginBottom: 1.5,\r\n \"& h2\": {\r\n paddingLeft: \"0\",\r\n },\r\n },\r\n progressStyle: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n marginTop: \"30px\",\r\n },\r\n\r\n};\r\nexport default ViewSurvey;","////12-02-2022 => ONKAR => Texting-875 added loader when opening the conversation from Search conversation and omni channel .\r\n////05-08-2023 => SUDAM B CHAVAN => TEXTING - 1250 - Authentication indicator should be added to conversation page in Omni channel and Search conversations\r\n////05-10-2023 => SUDAM B CHAVAN => TEXTING - 1161 - Email id to be shown below customer name when conversation is opened from search conversations page\r\n////07-04-2023 => ONKAR => TEXTING-1403 - Sentiment UI enhancements.\r\n////07-06-2023 => SUDAM B CHAVAN => TEXTING-1388- GPT Component\r\n////07-10-2023 => ONKAR =>Texting-1404 Sentiment emoji added for mixed sentiment.\r\n////07-10-2023 => SUDAM B CHAVAN => TEXTING-1417 - GPT Component Pending observations.\r\n////07-11-2023 => ONKAR => TEXTING-1404 - Sentiment emoji is not showing correct emotion - Not consistent.(updated emojis as per new api changes).\r\n////07-25-2023 => ONKAR => TEXTING-1475 - Critical: Sentiment Optimization\r\n// 08-30-2023 => ONKAR => TEXTING-1578 -REACT Upgrade\r\n////08-30-2023 => SUDAM B CHAVAN => TEXTING-1644 - Authenticated Conversations history issue\r\n//10-09-2023 => ONKAR => TEXTING-1780 - Sentiment Emoji showing up for first outbound message in search conversations.\r\n//10-12-2023 => ONKAR => TEXTING-1796 - Sentiment Re-Calculate button to calculate sentiment with latest messages.\r\n//10-19-2023 => ONKAR =>TEXTING-1815 -Number 0 is showing on omni channel, History tab instead of Neutral emoji If overall sentiment of conversation is '0'.\r\n//11-01-2023 => ONKAR =>TEXTING-1828 -Prod: Two Scrolls bars are displayed in search conversations.\r\n////12-06-2023 => SUDAM B CHAVAN => TEXTING-1892 - 0: Survey : View Completed Survey in agent view\r\n////12-08-2023 => SUDAM B CHAVAN => TEXTING-1892 0: Survey : View Completed Survey in agent view\r\n////12-11-2023 => SUDAM B CHAVAN => TEXTING-1892 0: Survey : View Completed Survey in agent view-reopen item fixed\r\n////12-11-2023 => SUDAM B CHAVAN => TEXTING-1904 0: Admin UI - Search messages observations.\r\n////12-12-2023 => SUDAM B CHAVAN => TEXTING-1916 0: Configuration to Enable Survey in appsettings\r\nimport React, { useContext }from \"react\";\r\nimport {\r\n CircularProgress,\r\n Button,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n IconButton,\r\n Box,\r\n Tooltip\r\n} from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Messenger from \"../components/Messenger\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport TabContext from \"@mui/lab/TabContext\";\r\nimport TabPanel from \"@mui/lab/TabPanel\";\r\nimport ChatHistory from \"../components/ChatHistory\";\r\nimport TaskAltTwoToneIcon from '@mui/icons-material/TaskAltTwoTone';\r\nimport { AuthContext } from \"../AuthContext\";\r\nimport CustomTabList from \"../components/CustomTabList\";\r\nimport SentimentEmoji from \"./SentimentEmoji\";\r\nimport ViewSurvey from \"../pages/survey/viewSurvey\";\r\n\r\nfunction SearchConvChat(props) {\r\n const {\r\n convDetails,\r\n showConvDialog,\r\n setConvDetails,\r\n selectedConvForSentiment,\r\n msgList,\r\n chatLoading,\r\n handleClose,\r\n tabName\r\n } = props;\r\n const theme=useTheme();\r\n const [tabValue, setTabValue] = React.useState(\"1\");\r\n const {\r\n enableSentimentCalculation,\r\n userInfo\r\n } = useContext(AuthContext);\r\n const handleChangeTab = (event, newValue) => {\r\n setTabValue(newValue);\r\n };\r\n const handleCloseModal = (event, newValue) => {\r\n setTabValue(\"1\");\r\n handleClose();\r\n };\r\n\r\n let sentimentComp =\r\n enableSentimentCalculation === \"Y\" && msgList?.messageList?.length > 0 && (convDetails?.overallSentiment || convDetails?.overallSentiment===0)? (\r\n \r\n
\r\n ) : (\r\n <>\r\n {surveyDetails.length > 1 && !loading ? (\r\n <>\r\n Survey not available for this conversation
\r\n )}\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n {(convDetails?.channel === 'Chat' && convDetails?.authenticationStatus === 'Authenticated')\r\n && \r\n }\r\n {convDetails?.customerName?.trim() === ''\r\n ? 'Unknown' \r\n : convDetails?.customerName}\r\n
\r\n \r\n {convDetails?.channel === 'Chat' ?\r\n (\r\n {convDetails?.email} {sentimentComp}\r\n
) :\r\n (\r\n {convDetails?.customerPhoneNumber || convDetails?.CustomerPhoneNumber}{sentimentComp}\r\n
)}\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n {\r\n setTabValue(selectedTabValue)\r\n }}> \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
}\r\n \r\n \r\n {showSuccessMessage ?\r\n
\r\n {showLoader && (\r\n \r\n
: \r\n
\r\n \r\n Document Sent Successfully.\r\n
\r\n\r\n You can close the window now.\r\n
\r\n\r\n
}\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {msg.messageType === \"INFO\" && (\r\n {\r\n if (msg.status === \"scheduled\" && msg.messageId===openEditMsgMenu) {\r\n handleEditMsgMenuClose();\r\n }\r\n }}\r\n >\r\n \r\n \r\n {!showEditMsgInputField && (\r\n <>\r\n {\r\n setShowEditMsgInputField(\r\n true\r\n );\r\n handleEditMsgMenuClose();\r\n }}\r\n >\r\n {\r\n updateMessage(\r\n msg,\r\n \"cancelled\"\r\n );\r\n }}\r\n >\r\n \r\n \r\n {showName && (\r\n \r\n {side === \"left\"\r\n ? customerName\r\n : msg.messageType === \"BOTMSG\"\r\n ? \"Virtual Agent\"\r\n : msg != null &&\r\n msg.fromId != null &&\r\n msg.fromId ==\r\n appContext.userInfo\r\n .systemUserId\r\n ? \"SYSTEM USER\"\r\n : agentName}\r\n \r\n )}\r\n {msg.status === \"scheduled\" && !showEditMsgInputField && isReadOnly!== true && {\r\n\r\n if (openEditMsgMenu !== msg.messageId) {\r\n setEditedMessage(msg.messageBody);\r\n setSelectedMessageId(msg.messageId);\r\n setOpenEditMsgMenu(\r\n msg.messageId\r\n );\r\n }else{\r\n setOpenEditMsgMenu(\r\n \"\"\r\n );\r\n }\r\n }}\r\n >\r\n \r\n {showEditMsgInputField && selectedMessageId===msg.messageId ? (\r\n <>\r\n {\r\n setEditedMessage(\r\n e.target.value\r\n );\r\n }}\r\n inputProps={{\r\n maxLength: 512, style: { fontSize: \"12px\" }\r\n }}\r\n />\r\n {\r\n updateMessage(msg);\r\n }}\r\n >\r\n {\r\n handleEditMsgMenuClose();\r\n setShowEditMsgInputField(\r\n false\r\n );\r\n }}\r\n >\r\n \r\n \r\n )}\r\n \r\n ) : null}\r\n {msg.messageType.toLowerCase() ===\r\n \"document\" && (\r\n \r\n \r\n {msg.messageBody} \r\n \r\n {msg.status === \"InQueue\" ? (\r\n \r\n \r\n \r\n {\r\n GetDocumentStatus(\r\n msg.documentStoreId,\r\n index\r\n );\r\n }}\r\n />\r\n \r\n )}\r\n \r\n ) : (\r\n \r\n \r\n \r\n {\r\n downloadFile(msg);\r\n }}\r\n />\r\n \r\n )}\r\n \r\n ) : msg.status === \"Failed\" ? (\r\n \r\n \r\n \r\n {\r\n GetDocumentStatus(\r\n msg.documentStoreId,\r\n index\r\n );\r\n }}\r\n />\r\n \r\n )}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n {moment(msg.messageDate).format(\"LT\")}\r\n \r\n {msg.status &&\r\n msg.status === \"scheduled\" ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {msg.statusCode + \": \"}\r\n \r\n {twilioErrorMessage}{\" \"}\r\n \r\n ) : msg.statusDescription ? (\r\n msg.statusDescription\r\n ) : (\r\n msg.statusCode +\r\n \" Message not delivered.\"\r\n )\r\n }\r\n >\r\n \r\n ) : null}\r\n {(msg.status &&\r\n msg.status === \"delivered\" &&\r\n !msg.showNotification &&\r\n channelName === \"Chat\") ||\r\n (msg.messageType === \"BOTMSG\" &&\r\n !msg.showNotification &&\r\n channelName === \"Chat\" &&\r\n msg.fromObjectType !== \"Customer\") ||\r\n (props.isHistory &&\r\n msg.messageType === \"BOTMSG\" &&\r\n !msg.showNotification &&\r\n channelName === \"Chat\" &&\r\n msg.fromObjectType !== \"Customer\") ? (\r\n \r\n \r\n
\r\n \r\n )}\r\n {/* {props.endedByName && \r\n
} */}\r\n \r\n );\r\n })}\r\n \r\n Conversation Ended By: {props.endedByName}\r\n
\r\n {moment(props.endedByDate).format(\"lll\")}
\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default ChatInfoMsg;","/**\r\n *09/22/2023->SUDAM B CHAVAN =>TEXTING-1729: Option to Scheudule the message during offhours \r\n */\r\nimport {\r\n Button,\r\n Dialog,\r\n DialogTitle,\r\n DialogActions,\r\n DialogContent,\r\n Typography\r\n} from \"@mui/material\";\r\nimport React from \"react\";\r\n\r\nexport const ConfirmationComponent = ((props) => {\r\n return (\r\n \r\n {componentType === \"History\" ? //ConversationHistory component having diff field names for message objects..\r\n message.subType === \"ASSIGNED\"\r\n ? `Conversation assigned to ${message.body}`\r\n : message.body\r\n :\r\n message.messageSubType === \"ASSIGNED\"\r\n ? `Conversation assigned to ${message.messageBody}`\r\n : message.messageBody}\r\n
\r\n \r\n \r\n {moment(message.messageDate).format(\"lll\")}\r\n \r\n
\r\n \r\n {props.confirmationDialogContent} \r\n
\r\n \r\n \r\n Schedule\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Search\r\n \r\n {\r\n clearFilter();\r\n setShowFilter(false);\r\n }}\r\n >\r\n Clear\r\n \r\n
\r\n \r\n {\r\n setFilterData({\r\n ...filterData,\r\n firstName: e.target.value,\r\n });\r\n }}\r\n onFocus={event => {\r\n event.target.setAttribute('autocomplete', 'new-password');\r\n }}\r\n />\r\n
\r\n First Name
\r\n \r\n {\r\n setFilterData({\r\n ...filterData,\r\n lastName: e.target.value,\r\n });\r\n }}\r\n onFocus={event => {\r\n event.target.setAttribute('autocomplete', 'new-password');\r\n }}\r\n />\r\n
\r\n Last Name
\r\n \r\n {\r\n setFilterData({\r\n ...filterData,\r\n email: e.target.value,\r\n });\r\n }}\r\n onFocus={event => {\r\n event.target.setAttribute('autocomplete', 'new-password');\r\n }}\r\n />\r\n
\r\n Email
\r\n \r\n {\r\n setFilterData({\r\n ...filterData,\r\n phone: e.target.value,\r\n });\r\n }}\r\n onFocus={event => {\r\n event.target.setAttribute('autocomplete', 'new-password');\r\n }}\r\n />\r\n
\r\n {currentPage === \"Users\" && (\r\n Phone
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n Is Active
\r\n \r\n \r\n \r\n \r\n {teamsList && teamsList.map((option, index) => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n Team
\r\n \r\n
\r\n {props.isViewMore &&\r\n Assignment History:\r\n {/* {!props.isViewMore &&\r\n */}\r\n
\r\n\r\n {!props.isViewMore && \r\n {\"Assigned \" + (convAssignmentHistory[0].fromName ? \"from \" + convAssignmentHistory[0].fromName + \" \" : \" \") + \"to \" + convAssignmentHistory[0].toName + \" by \" + convAssignmentHistory[0].assignedBy}\r\n \r\n
}\r\n \r\n \r\n
\r\n \r\n Conversation Attributes:\r\n
\r\n\r\n {!props.isViewMore && (\r\n \r\n \r\n {conversation.conversationAttributes}\r\n \r\n props.setIsViewMore(!props.isViewMore)}\r\n autoFocus\r\n >\r\n \r\n view more\r\n \r\n \r\n
\r\n )}\r\n \r\n {props.isViewMore && (\r\n \r\n props.setIsViewMore(!props.isViewMore)}\r\n autoFocus\r\n >\r\n \r\n view less\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n Source: {props.state.conversation.source} \r\n Team: {props.state.appContext.userInfo.teamName} \r\n \r\n Logged in User Id: \r\n \r\n \r\n Conversation ID: {props.state.conversation.conversationId}\r\n \r\n \r\n Agent : {props.state.conversation.agentName} - {props.state.conversation.agentId}\r\n \r\n \r\n Conversation Created By {props.state.conversation.createdByName} & Date: {props.state.conversation.createdDate}\r\n \r\n \r\n Conversation Ended By {props.state.conversation.conversationEndedByName} & Date: {props.state.conversation.conversationEndedDate}\r\n \r\n \r\n Assignment History: {props.state.conversation.notes}\r\n \r\n
*/\r\n <>\r\n {!isViewMore && !isViewMoreConvAttributes&&\r\n \r\n
}\r\n \r\n \r\n )}\r\n \r\n
\r\n Source:
\r\n {props.state.conversation.source}
\r\n \r\n
\r\n Team:
\r\n {props.state.conversation.teamName}
\r\n \r\n
\r\n Phone Number:
\r\n {props.state.conversation.userPhoneNumber}
\r\n \r\n
\r\n Logged in User:
\r\n \r\n {props.state.appContext.userInfo.userName} (\r\n {props.state.appContext.userInfo.userId})\r\n
\r\n \r\n
\r\n Conversation ID:
\r\n {props.state.conversation.conversationId}
\r\n \r\n
\r\n Agent:
\r\n \r\n {props.state.conversation.agentName}\r\n {props.state.conversation.agentId != null ? \"( \" : \"\"}\r\n {props.state.conversation.agentId}\r\n {props.state.conversation.agentId != null ? \" )\" : \"\"}\r\n
\r\n \r\n
\r\n Created By:
\r\n {props.state.conversation.createdByName}
\r\n \r\n
\r\n Created On:
\r\n \r\n {new Date(\r\n props.state.conversation.createdDate\r\n ).toDateString()}\r\n
\r\n \r\n
\r\n Ended By:
\r\n \r\n {props.state.conversation.conversationEndedByName}\r\n {props.state.conversation.conversationEndedByName !== \"\"\r\n ? \" on \"\r\n : \"\"}\r\n {props.state.conversation.conversationEndedDate != null &&\r\n props.state.conversation.conversationEndedDate !==\r\n undefined\r\n ? new Date(\r\n props.state.conversation.conversationEndedDate\r\n ).toDateString()\r\n : props.state.conversation.conversationEndedDate}\r\n
\r\n \r\n
\r\n \r\n Assignment History:\r\n
\r\n \r\n {\r\n\r\n props.msglist &&\r\n props.msglist.map((msg, index) => {\r\n return (\r\n\r\n msg.messages.map((msg1, index1) => {\r\n\r\n if (msg1.messageType === \"INFO\") {\r\n return (\r\n
\r\n \r\n {moment(msg1.createdDate).local().format(\"MM-DD-YYYY\") + \" \" + moment(msg1.createdDate).local().format(\"LT\") + \" Conversation \" + msg1.messageBody + \"(\" + props.state.conversation.agentId + \")\"}\r\n
\r\n\r\n )\r\n }\r\n\r\n })\r\n )\r\n\r\n\r\n })\r\n\r\n\r\n }\r\n\r\n\r\n\r\n\r\n \r\n {props.state.conversation.status !== \"UnAssigned\" && !isViewMore &&\r\n
\r\n \r\n {confirmAssignmentMsg} \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n {docName !== \"\" ? docName : \"No File Chosen\"}\r\n {\r\n getBase64(files[0]);\r\n setOpen(false);\r\n setDocName(files[0].name)\r\n }}\r\n acceptedFiles={['application/pdf']}\r\n showPreviews={true}\r\n maxFileSize={26214400}\r\n filesLimit={1}\r\n onClose={() => setOpen(false)}\r\n\r\n />\r\n
\r\n\r\n\r\n \r\n {msgList &&\r\n msgList.map((msg, index) => {\r\n let DateCmp = \"\";\r\n if (index !== 0) {\r\n if (\r\n moment(msgList[index].messageDate).format(\r\n \" MMM Do YY\"\r\n ) !==\r\n moment(msgList[index - 1].messageDate).format(\r\n \" MMM Do YY\"\r\n )\r\n ) {\r\n DateCmp =\r\n moment(msgList[index].messages[0]?.messageDate).local().format(\r\n \"Do MMMM YY\"\r\n ) === moment(new Date()).format(\"Do MMMM YY\")\r\n ? \"Today\"\r\n : moment(msgList[index].messages[0]?.messageDate).local().format(\r\n \"Do MMMM YY\"\r\n );\r\n } else {\r\n DateCmp = \"\";\r\n }\r\n }\r\n return (\r\n <>\r\n {index === 0 &&\r\n \r\n \r\n }\r\n {DateCmp !== \"\" && (\r\n \r\n \r\n\r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n {\r\n this.setState({ showVideoChat: true });\r\n }}\r\n edge=\"end\"\r\n className=\"wcu_iconButton\"\r\n title=\"Video Chat\"\r\n >\r\n \r\n {\r\n this.setState({ showInfo: true });\r\n }}\r\n edge=\"end\"\r\n className=\"wcu_iconButton\"\r\n title=\"Info\"\r\n >\r\n \r\n
\r\n \r\n {this.props.conversation?.isReadOnly === true ? (\r\n <>) : (\r\n this.state.appContext.applicationSettings.EnableDocusign === \"Y\" &&\r\n this.props.conversation.docuSignAccountId &&\r\n {\r\n if (this.props.appContext.userInfo.generateDocuSignToken == true) {\r\n if (!this.props.appContext.docuSignCode) {\r\n this.setState({ anchorElPopover: event.currentTarget })\r\n }\r\n }\r\n }}\r\n >\r\n {\r\n this.setState({ showDocuSign: true });\r\n }}\r\n edge=\"end\"\r\n className=\"wcu_iconButton\"\r\n >\r\n {\r\n !(this.props.appContext.userInfo.generateDocuSignToken == true ? this.props.appContext.docuSignCode ? false : true : false) ? //added new icon for download\r\n 
\r\n :\r\n
\r\n )}\r\n {this.props.conversation?.status === \"Completed\" || isIndividual || this.props.tabName === \"Messages\" ? (\r\n <>\r\n ) : (\r\n \r\n {this.props.conversation?.isReadOnly ? null : (\r\n \r\n {this.state.inputMessage?this.state.inputMessage?.length : '0'}/512\r\n\r\n 0)||this.state.disableSendBtn}\r\n aria-label=\"toggle password visibility\"\r\n onClick={()=>{this.handleSubmit(this.state.inputMessage)}}\r\n edge=\"end\"\r\n >\r\n {openSnackBar === false ? (\r\n \r\n )}\r\n
\r\n \r\n \r\n {\r\n this.loadTemplatewithTokens(item);\r\n this.inputRef.current.focus();\r\n }}\r\n >\r\n {item.templateName}\r\n \r\n
\r\n \r\n );\r\n })\r\n )}\r\n \r\n { this.handleClosePopover() }}\r\n > {\r\n window.open(process.env.REACT_APP_DOCUSIGN_CODE_URL + \"&state=\" + this.state.appContext.userInfo.userId, \"Ratting\", \"width=900 height=500 left=150,top=200 \")\r\n\r\n }} style={{ color: \"blue\", textDecoration: \"underline\", cursor: \"pointer\" }}>Click Here to login.
\r\n \r\n \r\n {\r\n setDecision(\"\");\r\n onUserStatusSelectionChange(availableStatus);\r\n }}\r\n >\r\n \r\n \r\n Available\r\n \r\n {\r\n setDecision(\"\");\r\n onUserStatusSelectionChange(busyStatus);\r\n }}\r\n >\r\n \r\n \r\n Busy\r\n \r\n {\r\n setDecision(\"\");\r\n onUserStatusSelectionChange(offlineStatus);\r\n }}\r\n >\r\n \r\n \r\n Offline\r\n \r\n\r\n {\r\n\r\n props.setShowprofile(true);\r\n\r\n //navigate(\"/userProfile\", { state: { isAddUser: false, userId: userInfo.userId, isProfile:true }});\r\n }}\r\n >\r\n \r\n \r\n {userInfo?.userName}\r\n \r\n\r\n \r\n Version: {packageJson.version}\r\n \r\n
\r\n );\r\n }\r\n else {\r\n loginMenuItem = ;\r\n }\r\n\r\n let badge;\r\n if (isConnected) {\r\n //Muzaffar\r\n //if (props.userInfo && props.userInfo.status) {\r\n // setCurrUserStatus(props.userInfo.status);\r\n //}\r\n\r\n let userNameInitial = '';\r\n if (accounts[0]?.name) {\r\n let nameArray = accounts[0]?.name.split(\" \");\r\n if (nameArray.length > 0)\r\n userNameInitial = nameArray[0].charAt(0);\r\n if (nameArray.length > 1)\r\n userNameInitial += nameArray[1].charAt(0);\r\n }\r\n const avatarProps = {\r\n sx: theme.customStyle.signInAvatar,\r\n alt: accounts[0]?.name,\r\n src: ProfileImgBase64 ? ProfileImgBase64 : userInfo.profileImg\r\n };\r\n badge = \r\n
\r\n : \r\n {!loading &&\r\n messageList.length > 0 &&\r\n messageList.map((msg, index) => {\r\n let DateCmp = \"\";\r\n if (index !== 0) {\r\n if (\r\n moment(msg.createdDate).format(\" MMM Do YY\") !==\r\n moment(messageList[index-1].createdDate).format(\" MMM Do YY\")\r\n ) {\r\n DateCmp =\r\n moment(msg.createdDate).local().format(\"Do MMMM YY\") ===\r\n moment(new Date()).format(\"Do MMMM YY\")\r\n ? \"Today\"\r\n : moment(msg.createdDate).local().format(\"Do MMMM YY\");\r\n } else {\r\n DateCmp = \"\";\r\n }\r\n }\r\n let side = msg.isAgentMessage ? \"right\" : \"left\";\r\n let showName = true;\r\n if (index > 0) {\r\n if (msg.isAgentMessage !== messageList[index - 1].isAgentMessage) {\r\n showName = true;\r\n } else {\r\n showName = false;\r\n }\r\n }\r\n const TypographyProps = getTypographyProps(msg.body, 0, props);\r\n let customerNameInitials = \"\";\r\n if (msg.agentName && msg.agentName !=\"Unknown\") {\r\n let nameArray = msg.agentName?.split(\" \");\r\n if (nameArray.length > 0) customerNameInitials = nameArray[0].charAt(0);\r\n if (nameArray.length > 1)\r\n customerNameInitials += \"\" + nameArray[1].charAt(0);\r\n }\r\n return (\r\n <>\r\n {index === 0 && (\r\n \r\n {side === \"left\" && (\r\n \r\n {/* {avatar !== \"\" ? (\r\n \r\n )}\r\n \r\n <>\r\n {msg.type === \"INFO\"\r\n && \r\n \r\n \r\n {/* {showName && ( */}\r\n \r\n {side === \"left\"\r\n ? conversationDetails.customerName\r\n :(msg.type===\"BOTMSG\"?\"Virtual Agent\":msg.agentName)}\r\n \r\n {/* )} */}\r\n \r\n {msg.type.toLowerCase() !== \"document\" ? (\r\n \r\n {msg.body}\r\n \r\n ) : null}\r\n {msg.type.toLowerCase() === \"document\" && (\r\n \r\n \r\n {msg.body} \r\n \r\n {msg.status === 'Scanning' ? <>\r\n {showRefreshbtn ?\r\n <>\r\n {downloading.isRefreshStatus && downloading.id === msg.documentId ?\r\n \r\n { GetDocumentStatus(msg.documentId) }} />\r\n } :\r\n \r\n { downloadFile(msg) }} />\r\n \r\n }\r\n :\r\n msg.status === 'Failed' ?\r\n \r\n { GetDocumentStatus(msg.documentId) }} />\r\n } : null\r\n }\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n {moment(msg.createdDate).format(\"LT\")}\r\n \r\n {side !== \"left\" && (\r\n <>\r\n {conversationDetails.channel ===\r\n \"Chat\" &&\r\n msg.status !== \"undelivered\" && (\r\n \r\n {!msg.showNotification ? (\r\n \r\n \r\n \r\n {/* Use WatchLaterIcon to represent a scheduled message */}\r\n \r\n {/* Use CancelScheduleSendIcon to represent a cancelled message */}\r\n
\r\n )}\r\n \r\n \r\n \r\n {side === \"right\" && \r\n
\r\n )}\r\n {DateCmp !== \"\" && (\r\n \r\n
\r\n )}\r\n\r\n {/* chat message comp code starts here */}\r\n <>\r\n No SMS History Found.
\r\n \r\n )}\r\n {!bottom &&\r\n\r\n\r\n \r\n \r\n\r\n\r\n \r\n {\r\n setAddchatConfig({\r\n ...addchatConfigs,\r\n name: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n\r\n\r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n {\r\n navigate(\"/chatConfigs\", { replace: true });\r\n }}\r\n >\r\n Cancel\r\n \r\n {\r\n isAddchatConfigs ? addchatConfig() : updatechatConfigs();\r\n }}\r\n autoFocus\r\n >\r\n {isAddchatConfigs ? \"Add\" : \"Update\"}\r\n \r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nexport default AddUpdatechatConfigs;\r\n\r\n\r\n","import * as React from 'react';\r\nimport Box from '@mui/material/Box';\r\nimport { styled } from '@mui/material/styles';\r\n\r\nconst StyledGridOverlay = styled('div')(({ theme }) => ({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n height: '100%',\r\n '& .ant-empty-img-1': {\r\n fill: theme.palette.mode === 'light' ? '#aeb8c2' : '#262626',\r\n },\r\n '& .ant-empty-img-2': {\r\n fill: theme.palette.mode === 'light' ? '#f5f5f7' : '#595959',\r\n },\r\n '& .ant-empty-img-3': {\r\n fill: theme.palette.mode === 'light' ? '#dce0e6' : '#434343',\r\n },\r\n '& .ant-empty-img-4': {\r\n fill: theme.palette.mode === 'light' ? '#fff' : '#1c1c1c',\r\n },\r\n '& .ant-empty-img-5': {\r\n fillOpacity: theme.palette.mode === 'light' ? '0.8' : '0.08',\r\n fill: theme.palette.mode === 'light' ? '#f5f5f5' : '#fff',\r\n },\r\n}));\r\n\r\nexport default function CustomNoRowsOverlay() {\r\n return (\r\n \r\n {isAddchatConfigs\r\n ? \"Add Chat Configuration\"\r\n : \"Update Chat Configuration\"}\r\n
\r\n\r\n Is Active\r\n
\r\n\r\n \r\n {loading &&
\r\n\r\n {settingsArr.length > 0 && (\r\n <>\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default UnAuthorized;","/**\r\n * 08-18-2023 => SUDAM B CHAVAN => TEXTING-1579 - Login History\r\n * 08-30-2023 => ONKAR => TEXTING-1578 -REACT Upgrade \r\n */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport apiConfig from \"../../api/apiConfig\"\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport moment from \"moment\";\r\nimport {\r\n TableContainer,\r\n Table,\r\n TableRow,\r\n TableHead,\r\n TableBody,\r\n TableCell,\r\n Box,\r\n Paper,\r\n Button,\r\n Divider,\r\n CircularProgress,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n} from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nexport default function LoginHistory(props) {\r\n const theme = useTheme();\r\n const [loginHistories, setLoginHistories] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n useEffect(() => {\r\n getLoginHistories();\r\n }, []);\r\n\r\n const getLoginHistories = () => {\r\n debugger\r\n setLoading(true); // set loading true before calling the api\r\n InvokePostServiceCall(apiConfig.GET_LOGIN_HISTORY, {\r\n userId: props.userId\r\n })\r\n .then((data) => {\r\n const tempArr = [];\r\n data.data.loginHistories &&\r\n data.data.loginHistories.forEach((item, index) => {\r\n var obj = {\r\n userAgent: item.userAgent,\r\n loggedInDate: moment(item.loggedInDate).local().format(\"MM-DD-YYYY\") + \", \" + moment(item.loggedInDate).local().format(\"LT\"),\r\n ip: item.sourceIp,\r\n country: item.country,\r\n id: index,\r\n loginType: item.loginType\r\n }\r\n tempArr.push(obj);\r\n });\r\n setLoginHistories(tempArr)\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n console.log(error, \"error message\");\r\n });\r\n }\r\n return (\r\n \r\n {message}\r\n
\r\n\r\n {loading && !isAddUser ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n {isProfile ? UserDetail : isAddUser ? AddUser : UpdateUser}
\r\n\r\n \r\n \r\n setProfileImgBase64(base64String)} // Update the state with the uploaded image data\r\n />\r\n
\r\n \r\n\r\n \r\n {\r\n setMaxConvErr(false);\r\n setUserData({ ...userData, maxConversations: e.target.value });\r\n }}\r\n helperText={maxConvErr ? \"Invalid Number\" : \"\"}\r\n />\r\n \r\n\r\n Is Active\r\n
\r\n {!isAddUser && \r\n {\r\n handleAddUpdateUser();\r\n }}\r\n >\r\n {isProfile ? \"Save\" : isAddUser ? AddUser : UpdateUser}\r\n \r\n {!isProfile ?\r\n {\r\n navigate(\"/users\");\r\n }}\r\n >\r\n Cancel\r\n : null}\r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n}\r\n","/***************\r\n* 11-11/2022 TextField:766=>disabled auto suggetion\r\n***********/\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Button, TextField, Box, Checkbox } from \"@mui/material\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport { useNavigate, useLocation } from \"react-router-dom\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport SnackBar from \"../../components/SnackBar\";\r\nimport moment from \"moment\";\r\nimport LoadingButton from \"@mui/lab/LoadingButton\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport Tooltip, { tooltipClasses } from '@mui/material/Tooltip';\r\nimport { styled } from '@mui/material/styles';\r\n\r\nconst CustomWidthTooltip = styled(({ className, ...props }) => (\r\n \r\n \r\n {\r\n setFormValues({\r\n ...formValues,\r\n tokenName: e.target.value,\r\n });\r\n setErrors({\r\n ...errors, tokenName: false\r\n })\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setFormValues({\r\n ...formValues,\r\n tableName: e.target.value,\r\n });\r\n setErrors({\r\n ...errors, tableName: false\r\n })\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setFormValues({\r\n ...formValues,\r\n fieldName: e.target.value,\r\n });\r\n setErrors({\r\n ...errors, fieldName: false\r\n })\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {\r\n handleValidations();\r\n }}\r\n >\r\n {isAddToken ? \"Add Token\" : \"Update Token\"}\r\n \r\n {\r\n navigate(\"/tokens\");\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\n","/***************\r\n*11-11/2022 TextField:766=>disabled auto suggetion\r\n***********/\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport SnackBar from \"../../components/SnackBar\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Box, TextField, Button, CircularProgress, FormControl, Select, InputLabel, MenuItem } from \"@mui/material\";\r\nimport { AuthContext } from \"../../AuthContext\";\r\nimport { DataGrid } from \"@mui/x-data-grid\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport LoadingButton from \"@mui/lab/LoadingButton\";\r\nimport moment from \"moment\";\r\n\r\nfunction AddUpdateBusinessHoursConfig() {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const theme = useTheme();\r\n const { messageApiToken } = useContext(AuthContext);\r\n let isAddBusinessHoursConfig = location.state\r\n ? location.state.isAddBusinessHoursConfig\r\n : true;\r\n const [loading, setLoading] = useState(true);\r\n const [btnLoading, setBtnLoading] = useState(false);\r\n const [cellEditing, setCellEditing] = React.useState(false);\r\n const [openSnackbar, setOpenSnackbar] = React.useState(false);\r\n const [openTimeSnackbar, setOpenTimeSnackbar] = React.useState(false);\r\n const [timeErrMsg, setTimeErrMsg] = useState(\"\");\r\n const [severity, setSeverity] = useState(\"success\");\r\n const [snackbarMsg, setSnackbarMsg] = useState(\"\");\r\n const [businessHoursConfigDetails, setBusinessHoursConfigDetails] = useState({\r\n businessHoursConfigId: \"\",\r\n configName: \"\",\r\n timeZone: \"\",\r\n createdBy: \"\",\r\n lastModifiedBy: \"\",\r\n });\r\n const [modifiedBy, setModifiedBy] = useState({\r\n lastModifiedByName: \"\",\r\n lastModifiedDate: \"\",\r\n });\r\n const [createdBy, setCreatedBy] = useState({\r\n createdByName: \"\",\r\n createdDate: \"\",\r\n })\r\n const [businessHours, setBusinessHours] = useState([]);\r\n const days = {\r\n 'Monday': 1, 'Tuesday': 2, 'Wednesday': 3, 'Thursday': 4, 'Friday': 5, 'Saturday': 6,\r\n 'Sunday': 7\r\n };\r\n\r\n const columns = [\r\n {\r\n field: \"day\",\r\n headerName: \"Day\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"startTime\",\r\n headerName: \"Start Time\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n editable: true,\r\n },\r\n {\r\n field: \"endTime\",\r\n headerName: \"End Time\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n editable: true,\r\n },\r\n ];\r\n\r\n useEffect(() => {\r\n if (messageApiToken) {\r\n if (!isAddBusinessHoursConfig) {\r\n let requestBody = {\r\n businessHoursConfigId:\r\n location.state.businessHourConfigDetails.businessHoursConfigId,\r\n };\r\n InvokePostServiceCall(apiConfig.GET_BUSINESS_HOURS_CONFIG, requestBody)\r\n .then((data) => {\r\n let businessHoursConfig =\r\n data.data.businessHoursConfigDetails[0].businessHoursConfig;\r\n let businessHours =\r\n data.data.businessHoursConfigDetails[0].businessHours;\r\n let tempArr = [];\r\n let tempArrOne = [];\r\n setBusinessHoursConfigDetails({\r\n configName: businessHoursConfig.configName,\r\n timeZone: businessHoursConfig.timeZone,\r\n createdBy: businessHoursConfig.createdByName,\r\n lastModifiedBy: businessHoursConfig.lastModifiedByName,\r\n businessHoursConfigId: businessHoursConfig.businessHoursConfigId,\r\n });\r\n setModifiedBy({\r\n lastModifiedByName: businessHoursConfig.lastModifiedByName,\r\n lastModifiedDate: moment(businessHoursConfig.lastModifiedDate).local().format(\"LLL\"),\r\n })\r\n setCreatedBy({\r\n createdByName: businessHoursConfig.createdByName,\r\n createdDate: moment(businessHoursConfig.createdDate).local().format(\"LLL\")\r\n })\r\n businessHours.forEach((item, index) => {\r\n tempArr.push({\r\n businessHoursConfigId: item.businessHoursConfigId,\r\n businessHoursId: item.businessHoursId,\r\n day: item.day,\r\n endTime: item.endTime,\r\n startTime: item.startTime,\r\n });\r\n });\r\n tempArr.sort((a, b) => {\r\n return days[a.day] - days[b.day];\r\n });\r\n tempArr.forEach((item, index) => {\r\n item.id = index;\r\n tempArrOne.push(item);\r\n })\r\n setBusinessHours(tempArrOne);\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setSeverity(\"error\");\r\n setSnackbarMsg(error.message);\r\n setOpenSnackbar(true);\r\n console.log(error, \"Error Message\");\r\n setLoading(false);\r\n });\r\n }\r\n }\r\n }, [messageApiToken]);\r\n\r\n function saveBusinessHoursConfig() {\r\n let timeErr = false;\r\n for (let i = 0; i < businessHours.length; i++) {\r\n let startTime = businessHours[i].startTime.replace(\":\", \"\");\r\n let endTime = businessHours[i].endTime.replace(\":\", \"\");\r\n let timeDiff =\r\n parseInt(endTime) -\r\n parseInt(startTime);\r\n if (timeDiff < 1 && businessHours[i].startTime !== \"00:00\") {\r\n timeErr = true;\r\n setTimeErrMsg(\"Start time must be less than end time.\");\r\n setOpenTimeSnackbar(true);\r\n break;\r\n }\r\n }\r\n if (!timeErr) {\r\n setBtnLoading(true);\r\n let businessHoursArr = [];\r\n businessHours.forEach((item) => {\r\n businessHoursArr.push({\r\n businessHoursConfigId: item.businessHoursConfigId,\r\n businessHoursId: item.businessHoursId,\r\n day: item.day,\r\n endTime: item.endTime,\r\n startTime: item.startTime,\r\n });\r\n });\r\n let requestBody = {\r\n businessHoursConfigInfo: {\r\n businessHoursConfig: {\r\n configName: businessHoursConfigDetails.configName,\r\n timeZone: businessHoursConfigDetails.timeZone,\r\n },\r\n actionType: isAddBusinessHoursConfig ? \"Add\" : \"Update\",\r\n businessHours: businessHoursArr,\r\n },\r\n };\r\n if (!isAddBusinessHoursConfig) {\r\n requestBody.businessHoursConfigInfo.businessHoursConfig.businessHoursConfigId =\r\n businessHoursConfigDetails.businessHoursConfigId;\r\n }\r\n\r\n InvokePostServiceCall(apiConfig.SAVE_BUSINESS_HOURS_CONFIG, requestBody)\r\n .then((data) => {\r\n console.log(data, \"dasdads\");\r\n setSeverity(\"success\")\r\n setSnackbarMsg(isAddBusinessHoursConfig ? \"Business Hours Config Added Successfully.\" : \"Business Hours Config Updated Successfully.\")\r\n setBtnLoading(false);\r\n setOpenSnackbar(true);\r\n })\r\n .catch((error) => {\r\n console.log(error, \"Error Message\");\r\n setSeverity(\"error\")\r\n setSnackbarMsg(error.message);\r\n setOpenSnackbar(true);\r\n setBtnLoading(false);\r\n });\r\n }\r\n }\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n if (severity === \"success\") {\r\n navigate(\"/businessHoursConfig\", { replace: true });\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n const handleCloseTimeSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenTimeSnackbar(false);\r\n };\r\n const handleTimezone = (event) => {\r\n setBusinessHoursConfigDetails({\r\n ...businessHoursConfigDetails,\r\n timeZone: event.target.value,\r\n });\r\n };\r\n return (\r\n <>\r\n {isAddToken ? \"Add Token\" : \"Update Token\"}
\r\n\r\n Is Active\r\n
\r\n {!isAddToken && (\r\n <>\r\n \r\n {loading && !isAddBusinessHoursConfig ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n {isAddBusinessHoursConfig\r\n ? \"Add Business Hours Config\"\r\n : \"Update Business Hours Config\"}\r\n
\r\n\r\n \r\n
\r\n Business Hours List
\r\n\r\n {\r\n saveBusinessHoursConfig();\r\n }}\r\n >\r\n {isAddBusinessHoursConfig ? \"Add\" : \"Update\"}\r\n \r\n {\r\n navigate(\"/businessHoursConfig\");\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default AddUpdateBusinessHoursConfig;\r\n","/***************\r\n*11-11/2022 TextField:766=>disabled auto suggetion\r\n***********/\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport {\r\n Box,\r\n TextField,\r\n Button,\r\n Checkbox,\r\n CircularProgress,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport LoadingButton from \"@mui/lab/LoadingButton\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport { AuthContext } from \"../../AuthContext\";\r\nimport moment from \"moment\";\r\nimport SnackBar from \"../../components/SnackBar\";\r\n\r\nfunction AddUpdateCommunications() {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const theme = useTheme();\r\n const { messageApiToken } = useContext(AuthContext);\r\n const isAddCommunication = location.state\r\n ? location.state.isAddCommunication\r\n : true;\r\n const [loading, setLoading] = useState(false);\r\n const [loadingBtn, setLoadingBtn] = useState(false);\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [severity, setSeverity] = useState(\"success\");\r\n const [snackbarMsg, setSnackBarMsg] = useState(\"\");\r\n const [communicationData, setCommunicationData] = useState({\r\n communicationListId: \"00000000-0000-0000-0000-000000000000\",\r\n communicationListName: \"\",\r\n communicationListCode: \"\",\r\n isActive: true,\r\n });\r\n const [modifiedBy, setModifiedBy] = useState({\r\n lastModifiedByName: \"\",\r\n lastModifiedDate: \"\",\r\n });\r\n const [createdBy, setCreatedBy] = useState({\r\n createdByName: \"\",\r\n createdDate: \"\",\r\n });\r\n\r\n useEffect(() => {\r\n if (!isAddCommunication) {\r\n setLoading(true);\r\n if (messageApiToken) {\r\n InvokePostServiceCall(apiConfig.GET_COMMUNICATION_LIST, {\r\n communicationListId:\r\n location.state.communicationDetails.communicationListId,\r\n })\r\n .then((data) => {\r\n let communicationDetails = data.data.communicationListDetails[0];\r\n setCommunicationData({\r\n communicationListId:\r\n communicationDetails.communicationList.communicationListId,\r\n communicationListName:\r\n communicationDetails.communicationList.communicationListName,\r\n communicationListCode:\r\n communicationDetails.communicationList.communicationListCode,\r\n isActive: communicationDetails.communicationList.isActive,\r\n });\r\n setModifiedBy({\r\n lastModifiedByName:\r\n communicationDetails.communicationList.lastModifiedByName,\r\n lastModifiedDate: moment(\r\n communicationDetails.communicationList.lastModifiedDate\r\n )\r\n .local()\r\n .format(\"LLL\"),\r\n });\r\n setCreatedBy({\r\n createdByName:\r\n communicationDetails.communicationList.createdByName,\r\n createdDate: moment(\r\n communicationDetails.communicationList.createdDate\r\n )\r\n .local()\r\n .format(\"LLL\"),\r\n });\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setSnackBarMsg(error.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n setLoading(false);\r\n console.log(error, \"Error Message\");\r\n });\r\n }\r\n }\r\n }, [messageApiToken]);\r\n\r\n const handleAddUpdate = () => {\r\n setLoadingBtn(true);\r\n let requestBody = {\r\n communicationList: {\r\n communicationListId: communicationData.communicationListId,\r\n communicationListName: communicationData.communicationListName,\r\n communicationListCode: communicationData.communicationListCode,\r\n isActive: communicationData.isActive,\r\n },\r\n actionType: isAddCommunication ? \"Add\" : \"Update\",\r\n };\r\n InvokePostServiceCall(apiConfig.SAVE_COMMUNICATION_LIST, requestBody)\r\n .then((data) => {\r\n setLoadingBtn(false);\r\n setSnackBarMsg(\r\n isAddCommunication\r\n ? \"Communication Added Successfully\"\r\n : \"Communication Updated Successfully\"\r\n );\r\n setSeverity(\"success\");\r\n setOpenSnackbar(true);\r\n })\r\n .catch((error) => {\r\n setLoadingBtn(false);\r\n setSnackBarMsg(error.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n console.log(error, \"Error Message\");\r\n });\r\n };\r\n\r\n const handleChange = (event) => {\r\n setCommunicationData({\r\n ...communicationData,\r\n isActive: event.target.checked,\r\n });\r\n };\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n if (severity === \"success\") {\r\n navigate(\"/communications\", { replace: true });\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {loading && !isAddCommunication ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n {isAddCommunication\r\n ? \"Add Communication\"\r\n : \"Update Communication\"}\r\n
\r\n\r\n {\r\n handleAddUpdate();\r\n }}\r\n >\r\n {isAddCommunication ? \"Add\" : \"Update\"}\r\n \r\n {\r\n navigate(\"/communications\");\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default AddUpdateCommunications;\r\n","/***************\r\n* 11-11/2022 TextField:766=>disabled auto suggetion\r\n***********/\r\nimport React, { useState, useEffect, useContext, useRef } from \"react\";\r\nimport {\r\n Box,\r\n TextField,\r\n Button,\r\n Checkbox,\r\n CircularProgress,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport LoadingButton from \"@mui/lab/LoadingButton\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport { AuthContext } from \"../../AuthContext\";\r\nimport moment from \"moment\";\r\nimport SnackBar from \"../../components/SnackBar\";\r\n\r\nfunction AddUpdateHoliday() {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const theme = useTheme();\r\n const { messageApiToken } = useContext(AuthContext);\r\n const isAddHoliday = location.state\r\n ? location.state.isAddHoliday\r\n : true;\r\n const [loading, setLoading] = useState(false);\r\n const [loadingBtn, setLoadingBtn] = useState(false);\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [severity, setSeverity] = useState(\"success\");\r\n const [snackbarMsg, setSnackBarMsg] = useState(\"\");\r\n const [dateErr, setDateErr] = useState({\r\n holidayDateErr: false\r\n\r\n });\r\n const [holidayData, setHolidayData] = useState({\r\n HolidaysId: \"00000000-0000-0000-0000-000000000000\",\r\n HolidayName: \"\",\r\n HolidayDate: \"\",\r\n isActive: true,\r\n });\r\n const [modifiedBy, setModifiedBy] = useState({\r\n lastModifiedByName: \"\",\r\n lastModifiedDate: \"\",\r\n });\r\n const [createdBy, setCreatedBy] = useState({\r\n createdByName: \"\",\r\n createdDate: \"\",\r\n });\r\n\r\n useEffect(() => {\r\n if (!isAddHoliday) {\r\n setLoading(true);\r\n if (messageApiToken) {\r\n InvokePostServiceCall(apiConfig.GET_HOLIDAYS, {\r\n HolidayId:\r\n location.state.HolidayDetails.holidaysId,\r\n })\r\n .then((data) => {\r\n debugger;\r\n let holidayDetails = data.data.holidayDetails[0];\r\n setHolidayData({\r\n HolidaysId:\r\n holidayDetails.holiday.holidaysId,\r\n HolidayName:\r\n holidayDetails.holiday.holidayName,\r\n HolidayDate: moment(holidayDetails.holiday.holidayDate).format(\"YYYY-MM-DD\"),\r\n isActive: holidayDetails.holiday.isActive,\r\n });\r\n setModifiedBy({\r\n lastModifiedByName:\r\n holidayDetails.holiday.lastModifiedByName,\r\n lastModifiedDate: moment(\r\n holidayDetails.holiday.lastModifiedDate\r\n )\r\n .local()\r\n .format(\"LLL\"),\r\n });\r\n setCreatedBy({\r\n createdByName:\r\n holidayDetails.holiday.createdByName,\r\n createdDate: moment(\r\n holidayDetails.holiday.createdDate\r\n )\r\n .local()\r\n .format(\"LLL\"),\r\n });\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setSnackBarMsg(error.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n setLoading(false);\r\n console.log(error, \"Error Message\");\r\n });\r\n }\r\n }\r\n }, [messageApiToken]);\r\n\r\n const handleAddUpdate = () => {\r\n setLoadingBtn(true);\r\n let requestBody = {\r\n Holiday: {\r\n HolidaysId: holidayData.HolidaysId,\r\n HolidayName: holidayData.HolidayName,\r\n HolidayDate: holidayData.HolidayDate,\r\n isActive: holidayData.isActive,\r\n },\r\n actionType: isAddHoliday ? \"Add\" : \"Update\",\r\n };\r\n\r\n InvokePostServiceCall(apiConfig.SAVE_HOLIDAYS, requestBody)\r\n .then((data) => {\r\n setLoadingBtn(false);\r\n setSnackBarMsg(\r\n isAddHoliday\r\n ? \"Holiday Added Successfully\"\r\n : \"Holiday Updated Successfully\"\r\n );\r\n setSeverity(\"success\");\r\n setOpenSnackbar(true);\r\n })\r\n .catch((error) => {\r\n setLoadingBtn(false);\r\n setSnackBarMsg(error.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n console.log(error, \"Error Message\");\r\n });\r\n };\r\n\r\n const handleChange = (event) => {\r\n setHolidayData({\r\n ...holidayData,\r\n isActive: event.target.checked,\r\n });\r\n };\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n if (severity === \"success\") {\r\n navigate(\"/holidays\", { replace: true });\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {loading && !isAddHoliday ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n {isAddHoliday\r\n ? \"Add Holiday\"\r\n : \"Update Holiday\"}\r\n
\r\n\r\n {\r\n handleAddUpdate();\r\n }}\r\n >\r\n {isAddHoliday ? \"Add\" : \"Update\"}\r\n \r\n {\r\n navigate(\"/holidays\");\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default AddUpdateHoliday;\r\n","/***************\r\n* 11-11/2022 TextField:766=>disabled auto suggetion\r\n***********/\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport {\r\n Box,\r\n TextField,\r\n Button,\r\n Checkbox,\r\n CircularProgress,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport LoadingButton from \"@mui/lab/LoadingButton\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport { AuthContext } from \"../../AuthContext\";\r\nimport moment from \"moment\";\r\nimport SnackBar from \"../../components/SnackBar\";\r\n\r\nfunction AddUpdatePhoneNumber() {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const theme = useTheme();\r\n const { messageApiToken } = useContext(AuthContext);\r\n const isAddPhoneNumber = location.state\r\n ? location.state.isAddPhoneNumber\r\n : true;\r\n const [loading, setLoading] = useState(false);\r\n const [loadingBtn, setLoadingBtn] = useState(false);\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [severity, setSeverity] = useState(\"success\");\r\n const [snackbarMsg, setSnackBarMsg] = useState(\"\");\r\n const [phoneErr, setPhoneErr] = useState(false);\r\n const [descriptionErr, setDescriptionErr] = useState(false);\r\n const [dateErr, setDateErr] = useState({\r\n holidayDateErr: false\r\n\r\n });\r\n const [PhoneNumberData, setPhoneNumberData] = useState({\r\n id: \"0\",\r\n PhoneNumber: \"\",\r\n description: \"\",\r\n isActive: true,\r\n });\r\n const [modifiedBy, setModifiedBy] = useState({\r\n lastModifiedByName: \"\",\r\n lastModifiedDate: \"\",\r\n });\r\n const [createdBy, setCreatedBy] = useState({\r\n createdByName: \"\",\r\n createdDate: \"\",\r\n });\r\n\r\n useEffect(() => {\r\n if (!isAddPhoneNumber) {\r\n\r\n setLoading(true);\r\n if (messageApiToken) {\r\n InvokePostServiceCall(apiConfig.GET_WHITE_LISTED_PHONE_NUMBER, {\r\n Id:\r\n location.state.phoneNumberDetails.id,\r\n })\r\n .then((data) => {\r\n debugger;\r\n let WhitelistedPhoneNumberDetails = data.data.whitelistedPhoneNumberDetails[0];\r\n setPhoneNumberData({\r\n id:\r\n WhitelistedPhoneNumberDetails.whitelistedPhoneNumber.id,\r\n phoneNumber:\r\n WhitelistedPhoneNumberDetails.whitelistedPhoneNumber.phoneNumber,\r\n description: WhitelistedPhoneNumberDetails.whitelistedPhoneNumber.description,\r\n\r\n isActive: WhitelistedPhoneNumberDetails.whitelistedPhoneNumber.isActive,\r\n });\r\n setModifiedBy({\r\n lastModifiedByName:\r\n WhitelistedPhoneNumberDetails.whitelistedPhoneNumber.lastModifiedByName,\r\n lastModifiedDate: moment(\r\n WhitelistedPhoneNumberDetails.whitelistedPhoneNumber.lastModifiedDate\r\n )\r\n .local()\r\n .format(\"LLL\"),\r\n });\r\n setCreatedBy({\r\n createdByName:\r\n WhitelistedPhoneNumberDetails.whitelistedPhoneNumber.createdByName,\r\n createdDate: moment(\r\n WhitelistedPhoneNumberDetails.whitelistedPhoneNumber.createdDate\r\n )\r\n .local()\r\n .format(\"LLL\"),\r\n });\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setSnackBarMsg(error.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n setLoading(false);\r\n console.log(error, \"Error Message\");\r\n });\r\n }\r\n }\r\n }, [messageApiToken]);\r\n\r\n const handleAddUpdate = () => {\r\n let chkmobile = false;\r\n let chkDuplicatemobile = true;\r\n debugger;\r\n const PHONE_REGEX = /^[+][0-9]{11}$/i;\r\n let PHONE_US = /^\\([0-9]{3}\\) |[0-9]{3}-[0-9]{3}-[0-9]{4}$/i;\r\n const PHONE_INDIAN_REGEX = /^(?:(?:\\+|0{0,2})91(\\s*|[\\-])?|[0]?)?([6789]\\d{2}([ -]?)\\d{3}([ -]?)\\d{4})$/i;\r\n // /^(?:(?:\\+|0{0,2})91(\\s*[\\ -]\\s*)?|[0]?)?[789]\\d{9}|(\\d[ -]?){10}\\d$/i;\r\n\r\n if (PHONE_REGEX.test(PhoneNumberData.phoneNumber)) {\r\n chkmobile = true;\r\n } else if (PHONE_US.test(PhoneNumberData.phoneNumber)) {\r\n chkmobile = true;\r\n } else if (PHONE_INDIAN_REGEX.test(PhoneNumberData.phoneNumber)) {\r\n chkmobile = true;\r\n }\r\n if (!PhoneNumberData.description) {\r\n setDescriptionErr(true);\r\n return;\r\n }\r\n if (chkmobile) {\r\n\r\n setLoadingBtn(true);\r\n let requestBody = {\r\n WhitelistedPhoneNumber: {\r\n id: PhoneNumberData.id,\r\n phoneNumber: PhoneNumberData.phoneNumber,\r\n description: PhoneNumberData.description,\r\n isActive: PhoneNumberData.isActive,\r\n },\r\n actionType: isAddPhoneNumber ? \"Add\" : \"Update\",\r\n };\r\n\r\n InvokePostServiceCall(apiConfig.SAVE_WHITE_LISTED_PHONE_NUMBER, requestBody)\r\n .then((data) => {\r\n setLoadingBtn(false);\r\n if (data.data.status == 'Sucess') {\r\n setSnackBarMsg(\r\n isAddPhoneNumber\r\n ? \"Phone Number Added Successfully\"\r\n : \"Phone Number Updated Successfully\"\r\n );\r\n setSeverity(\"success\");\r\n setOpenSnackbar(true);\r\n } else if (data.data.status == 'Failed') {\r\n setLoadingBtn(false);\r\n setSnackBarMsg(data.data.errorDescription);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n }\r\n })\r\n .catch((error) => {\r\n setLoadingBtn(false);\r\n setSnackBarMsg(error.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n console.log(error, \"Error Message\");\r\n });\r\n } else {\r\n setPhoneErr(true);\r\n setSnackBarMsg(\"Invalid Phone Number\");\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n }\r\n };\r\n\r\n const handleChange = (event) => {\r\n setPhoneNumberData({\r\n ...PhoneNumberData,\r\n isActive: event.target.checked,\r\n });\r\n };\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n if (severity === \"success\") {\r\n navigate(\"/phoneNumbers\", { replace: true });\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {loading && !isAddPhoneNumber ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n {isAddPhoneNumber\r\n ? \"Add White Listed Phone Number\"\r\n : \"Update White Listed Phone Number\"}\r\n
\r\n\r\n {\r\n handleAddUpdate();\r\n }}\r\n >\r\n {isAddPhoneNumber ? \"Add\" : \"Update\"}\r\n \r\n {\r\n navigate(\"/phoneNumbers\");\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default AddUpdatePhoneNumber;\r\n","/***************\r\n* 11-27-2023 => SUDAM B CHAVAN => TEXTING-1872 Chat Survey Questions Configuration - Admin UI\r\n*12-04-2023 => SUDAM B CHAVAN =>TEXTING-1896 Survey: Member UI, Admin UI pending observations.\r\n*12-05-2023 => SUDAM B CHAVAN =>TEXTING-1891- Survey : Update Questions Admin UI to add options and save , separated in backend\r\n***********/\r\nimport React, { useState, useEffect } from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport SnackBar from \"../../components/SnackBar\";\r\nimport LoadingButton from \"@mui/lab/LoadingButton\";\r\nimport {\r\n TextField,\r\n Button,\r\n Checkbox,\r\n MenuItem\r\n\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport moment from \"moment\";\r\nimport AddIcon from \"@mui/icons-material/Add\";\r\nimport DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';\r\n\r\n\r\nexport default function AddUpdateSurveyQuestion() {\r\n const AddSurveyQuestion = \"Add Survey Question\";\r\n const UpdateSurveyQuestion = \"Update Survey Question\";\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const theme = useTheme();\r\n const isAddSurveyQuestion = location.state ? location.state.isAddSurveyQuestion : true;\r\n const [openSnackbar, setOpenSnackbar] = React.useState(false);\r\n const [severity, setSeverity] = useState(\"success\");\r\n const [snackbarMsg, setSnackbarMsg] = useState(\"\");\r\n const [loadingBtn, setLoadingBtn] = useState(false);\r\n const [options, setOptions] = useState(isAddSurveyQuestion ? [\"\"] : location.state.surveyQuestion?.options?.split(\"##SEP##\"));\r\n const [surveyQuestionData, setSurveyQuestionData] = useState({\r\n surveyCategory: null,\r\n questionBody: null,\r\n questionName: null,\r\n surveyQuestionId: null,\r\n answerRequired: true,\r\n questionType: null,\r\n });\r\n let lastModifiedByName = isAddSurveyQuestion ? \"\" : location.state.surveyQuestion?.lastModifiedByName\r\n let lastModifiedDate = moment(isAddSurveyQuestion ? \"\" : location.state.surveyQuestion?.lastModifiedDate).local().format(\"LLL\")\r\n let createdByName = isAddSurveyQuestion ? \"\" : location.state.surveyQuestion?.createdByName\r\n let createdDate = moment(isAddSurveyQuestion ? \"\" : location.state.surveyQuestion?.createdDate).local().format(\"LLL\")\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n if (severity === \"success\") {\r\n navigate(\"/surveyQuestions\", { replace: true });\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (!isAddSurveyQuestion) {\r\n let surveyQuestion = location.state.surveyQuestion;\r\n debugger\r\n setSurveyQuestionData({\r\n surveyQuestionId: surveyQuestion.surveyQuestionId,\r\n questionName: surveyQuestion.questionName,\r\n questionBody: surveyQuestion.questionBody,\r\n answerRequired: surveyQuestion.answerRequired ?? false,\r\n questionType: surveyQuestion.questionType,\r\n options: surveyQuestion.options,\r\n });\r\n }\r\n }, []);\r\n\r\n\r\n const handleAddUpdateSurveyQuestion = () => {\r\n if (surveyQuestionData.questionType === \"Radio\" || surveyQuestionData.questionType === \"Dropdown\"){\r\n let isElementEmpty = options.some(e => e ==='');\r\n if (isElementEmpty){\r\n setSeverity(\"error\")\r\n setSnackbarMsg(\"options should not empty!\")\r\n console.log(\"options should not empty!\");\r\n setOpenSnackbar(true);\r\n return\r\n }\r\n }\r\n setLoadingBtn(true);\r\n let SurveyQuestion = {\r\n questionName: surveyQuestionData.questionName,\r\n questionBody: surveyQuestionData.questionBody,\r\n answerRequired: surveyQuestionData.answerRequired,\r\n questionType: surveyQuestionData.questionType,\r\n options: (surveyQuestionData.questionType === \"Radio\" || surveyQuestionData.questionType === \"Dropdown\") ? options.join(\"##SEP##\") :\"\",\r\n }\r\n if (!isAddSurveyQuestion) {\r\n SurveyQuestion.surveyQuestionId = surveyQuestionData.surveyQuestionId\r\n }\r\n let requestBody = {\r\n actionType: isAddSurveyQuestion ? \"Add\" : \"Update\",\r\n SurveyQuestion,\r\n };\r\n console.log(\"CREATE_SURVEY_QUESTION -> requestBody\", requestBody);\r\n InvokePostServiceCall(\r\n apiConfig.CREATE_SURVEY_QUESTION,\r\n requestBody\r\n )\r\n .then((data) => {\r\n setSeverity(\"success\");\r\n if (isAddSurveyQuestion) {\r\n setSurveyQuestionData({\r\n ...surveyQuestionData,\r\n surveyQuestionId: data.data.surveyQuestionId,\r\n });\r\n }\r\n setSnackbarMsg(`Survey Question ${isAddSurveyQuestion ? \"added \" : \"updated\"} successfully`);\r\n setOpenSnackbar(true);\r\n setLoadingBtn(false);\r\n })\r\n .catch((err) => {\r\n setSeverity(\"error\")\r\n setSnackbarMsg(err.message)\r\n console.log(err.message, \"ERROR DATA\");\r\n setOpenSnackbar(true);\r\n setLoadingBtn(false);\r\n });\r\n };\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n}","//// Mohit : 1/3/2023:TEXTING-963 - Diable Add button if no user selected,Remove top padding from table, Clear search box on dialog open\r\n//// Mohit : 1/9/2023:TEXTING-963 - closed reopen issue\r\n// 08-29-2023 => ONKAR => TEXTING-1578 -REACT Upgrade\r\n// 12-07-2023 => ONKAR => TEXTING-1867 -0: Selected Team or User in add Team/users tab is removing if filter the table data.\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport {\r\n Dialog,\r\n DialogTitle,\r\n DialogContent,\r\n DialogActions,\r\n Button,\r\n Box,\r\n InputAdornment\r\n} from \"@mui/material\";\r\nimport { DataGrid } from \"@mui/x-data-grid\";\r\nimport LoadingButton from \"@mui/lab/LoadingButton\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport { TextField } from \"@mui/material\";\r\nimport CustomNoRowsOverlay from \"../components/CustomNoRowsOverlay\";\r\nimport { StyledDataGrid } from \"./styledComponents/StyledDataGrid\";\r\n\r\nfunction TeamsTableDialog(props) {\r\n const { selectdUsers, setSelectdUsers } =props\r\n const theme = useTheme();\r\n const [userArr, setUserArr] = useState([]);\r\n const [searchText, setSearchText] = useState([]);\r\n\r\n useEffect(() => { setUserArr(props.rows);\r\n setSearchText('');\r\n setSelectdUsers([]);\r\n }, [props.rows]);\r\n\r\n function filterTable(value) {\r\n let val = value?.toLowerCase();\r\n let usArr = [];\r\n props.rows.forEach((item) => {\r\n if (\r\n item.userName?.toLowerCase().includes(val) ||\r\n item.emailId?.toLowerCase().includes(val) ||\r\n item.clientFacingPhoneNum?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setUserArr(usArr);\r\n }\r\n\r\n\r\n return (\r\n <>\r\n {isAddSurveyQuestion ? AddSurveyQuestion : UpdateSurveyQuestion}
\r\n\r\n\r\n \r\n {\r\n setSurveyQuestionData({\r\n ...surveyQuestionData,\r\n questionName: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n\r\n \r\n {\r\n setSurveyQuestionData({\r\n ...surveyQuestionData,\r\n questionBody: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n {\r\n setSurveyQuestionData({\r\n ...surveyQuestionData,\r\n questionType: e.target.value,\r\n });\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n id=\"UpdateQuestionType\"\r\n inputProps={{ //not show suggetions\r\n autoComplete: 'new-password',\r\n form: {\r\n autocomplete: 'off',\r\n },\r\n }}\r\n helperText=\"Please select question type.\"\r\n variant=\"standard\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n\r\n {(surveyQuestionData.questionType === \"Radio\" || surveyQuestionData.questionType === \"Dropdown\") &&\r\n <>\r\n Add Options \r\n {options.map((option, index) => {\r\n return (\r\n \r\n {\r\n options[index] = e.target.value;\r\n setOptions([...options]);\r\n }}\r\n />\r\n\r\n {\r\n ( (options.length > 1 && index < options.length-1) || index === 9) &&\r\n {\r\n let arr = [...options];\r\n arr.splice(index, 1);\r\n console.log(\"Options :\", arr)\r\n setOptions(arr);\r\n }}\r\n sx={{\r\n ...theme.customStyle.modalbtn02, height: \"35px\",\r\n width: \"50px\",\r\n position: \"relative\",\r\n top: \"6px\"\r\n }}\r\n >\r\n {\r\n let arr = [...options];\r\n\r\n arr.push(\"\");\r\n console.log(\"Options :\", arr)\r\n setOptions(arr);\r\n }}\r\n sx={{\r\n ...theme.customStyle.modalbtn02, height: \"35px\",\r\n width: \"50px\",\r\n position: \"relative\",\r\n top: \"6px\"\r\n }}\r\n >\r\n )}\r\n )}\r\n \r\n }\r\n {!isAddSurveyQuestion && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {\r\n handleAddUpdateSurveyQuestion();\r\n }}\r\n >\r\n {!isAddSurveyQuestion ? UpdateSurveyQuestion : AddSurveyQuestion}\r\n \r\n {\r\n navigate(\"/surveyQuestions\");\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n Answer Required \r\n {\r\n setSurveyQuestionData({\r\n ...surveyQuestionData,\r\n answerRequired: e.target.checked,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n {props.dialogTitle} \r\n \r\n \r\n {\r\n setSearchText(e.target.value)\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setUserArr(props.rows);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Inbound Message\r\n \r\n\r\n {\r\n props.UpdateTeamMember(userData.id, checked);\r\n }}\r\n >\r\n {props.btnText}\r\n \r\n {\r\n props.handleClose()\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n )\r\n}\r\nexport default UpdateTeamUser","////10/31/2022:TEXTING-700 - Added User update modal on row click\r\n//// Mohit : 1/3/2023:TEXTING-963 - Clear Userlist and add loader in getallusers method for TeamsTabledialog\r\n//// Mohit : 1/9/2023:TEXTING-963 - closed reopen issue\r\n// 08-29-2023 => ONKAR => TEXTING-1578 -REACT Upgrade\r\n// 08-30-2023 => ONKAR => TEXTING-1578 -REACT Upgrade\r\n// 12-06-2023 => ONKAR => TEXTING-1866 0: Add users table is showing existing users of the team also.\r\n// 12-07-2023 => ONKAR => TEXTING-1867 -0: Selected Team or User in add Team/users tab is removing if filter the table data.\r\n\r\nimport React, { useEffect, useState, useContext } from \"react\";\r\nimport { DataGrid } from \"@mui/x-data-grid\";\r\nimport {\r\n IconButton,\r\n Button,\r\n Box,\r\n Checkbox,\r\n Dialog,\r\n DialogContent,\r\n Link,\r\n DialogActions,\r\n} from \"@mui/material\";\r\nimport AddIcon from \"@mui/icons-material/Add\";\r\nimport RemoveIcon from \"@mui/icons-material/Remove\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { AuthContext } from \"../AuthContext\";\r\nimport { InvokePostServiceCall } from \"../api/serviceUtil\";\r\nimport apiConfig from \"../api/apiConfig\";\r\nimport TeamsTableDialog from \"./TeamsTableDialog\";\r\nimport EditIcon from \"@mui/icons-material/Edit\";\r\nimport SnackBar from \"./SnackBar\";\r\nimport LoadingButton from \"@mui/lab/LoadingButton\";\r\nimport UpdateTeamUser from \"../components/UpdateTeamUser\";\r\nimport { TextField, InputAdornment } from \"@mui/material\";\r\nimport CustomNoRowsOverlay from \"../components/CustomNoRowsOverlay\";\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { StyledDataGrid } from \"./styledComponents/StyledDataGrid\";\r\nimport { GRID_CHECKBOX_SELECTION_COL_DEF } from '@mui/x-data-grid';\r\n\r\nfunction TeamsListOfUsers(props) {\r\n const navigate = useNavigate();\r\n const theme = useTheme();\r\n const { messageApiToken } = useContext(AuthContext);\r\n const [loading, setLoading] = useState(true);\r\n const [dialogLoading, setDialogLoading] = useState(true);\r\n const [userList, setUserList] = useState([]);\r\n const [userArr, setUserArr] = useState([]);\r\n const [totalUserList, setTotalUserList] = useState([]);\r\n const [openAddDialog, setOpenAddDialog] = useState(false);\r\n const [openWarningDialog, setOpenWarningDialog] = useState(false);\r\n const [openRejectedUsersDialog, setOpenRejectedUsersDialog] = useState({\r\n open:false,\r\n isAllRejected:true\r\n });\r\n const [addSelectionModel, setAddSelectionModel] = useState([]);\r\n const [removeSelectionModel, setRemoveSelectionModel] = useState([]);\r\n const [selectedDialog, setSelectedDialog] = useState(\"add\");\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [snackBarMsg, setSnackBarMsg] = useState(\"\");\r\n const [severity, setSeverity] = useState(\"success\");\r\n const [btnLoading, setBtnLoading] = useState(false);\r\n const [openUserModal, setOpenUserModal] = React.useState(false);\r\n const [selectedUserDetails, setSelectedUserDetails] = useState();\r\n const [refresh, setRefresh] = useState(false);\r\n const [updateBtnLoading, setUpdateBtnLoading] = useState(false)\r\n const [searchText, setSearchText] = useState([]);\r\n const [rejectedUserList, setRejectedUserList] = useState([]);\r\n const [rejectedUsersListNotHaveCFN, setRejectedUsersListNotHaveCFN] = useState([]);\r\n const [selectdUsers, setSelectdUsers] = useState([]);\r\n \r\n\r\n let updateArr = [];\r\n\r\n const columns = [\r\n {\r\n // Spread the properties from GRID_CHECKBOX_SELECTION_COL_DEF\r\n ...GRID_CHECKBOX_SELECTION_COL_DEF,\r\n // Specify the field for the checkbox column\r\n field: \"checkBox\",\r\n\r\n // Customize the header rendering with a Checkbox\r\n renderHeader: (params) => (\r\n {title}
\r\n\r\n {\r\n if (selectedDialog === \"add\") {\r\n if (\r\n totalUserList[params.row.indexId].inboundConversation !==\r\n true\r\n ) {\r\n totalUserList[\r\n params.row.indexId\r\n ].inboundConversation = true;\r\n } else {\r\n totalUserList[\r\n params.row.indexId\r\n ].inboundConversation = false;\r\n }\r\n } else {\r\n if (\r\n userList[params.row.indexId].inboundConversation !== true\r\n ) {\r\n userList[params.row.indexId].inboundConversation = true;\r\n } else {\r\n userList[params.row.indexId].inboundConversation = false;\r\n }\r\n if (updateArr.includes(params.row.id) === false) {\r\n updateArr.push(params.row.id);\r\n }\r\n }\r\n }}\r\n defaultChecked={params.row.inboundConversation}\r\n />\r\n
\r\n );\r\n },\r\n },\r\n ];\r\n const teamUserscolumns = [\r\n {\r\n // Spread the properties from GRID_CHECKBOX_SELECTION_COL_DEF\r\n ...GRID_CHECKBOX_SELECTION_COL_DEF,\r\n // Specify the field for the checkbox column\r\n field: \"checkBox\",\r\n\r\n // Customize the header rendering with a Checkbox\r\n renderHeader: (params) => (\r\n \r\n
\r\n );\r\n },\r\n },\r\n ];\r\n const rejectedUserListcolumns = [\r\n {\r\n field: \"userName\",\r\n headerName: \"User Name\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n }];\r\n useEffect(() => {\r\n if (messageApiToken) {\r\n getUsersByTeamId();\r\n }\r\n }, [messageApiToken]);\r\n\r\n const getUsersByTeamId = () => {\r\n setSearchText('');\r\n if (!props.isAddTeams) {\r\n setLoading(true);\r\n InvokePostServiceCall(apiConfig.GET_USER_BY_TEAM_ID, {\r\n teamId: props.teamId,\r\n isActive: true,\r\n SortByName: true,\r\n })\r\n .then((data) => {\r\n const userArr = [];\r\n data.data.userDetails.forEach((item, index) => {\r\n userArr.push({\r\n id: item.user.userId,\r\n userId: item.user.userId,\r\n applicationUserId: item.user.applicationUserId,\r\n phoneNumber: item.user.phoneNumber,\r\n connectionId: item.user.connectionId,\r\n userName: item.user.userName,\r\n azureAdid: item.user.azureAdid,\r\n firstName: item.user.firstName,\r\n lastName: item.user.lastName,\r\n emailId: item.user.emailId,\r\n indexId: index,\r\n inboundConversation: item.inboundConversation,\r\n teamToUserId: item.teamToUserId,\r\n clientFacingPhoneNum: item.user.clientFacingPhoneNum,\r\n });\r\n });\r\n setUserList(userArr);\r\n setUserArr(userArr);\r\n setLoading(false);\r\n })\r\n .catch((err) => {\r\n console.log(err, \"teamsApiError\");\r\n setLoading(false);\r\n setSnackBarMsg(err.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n });\r\n }\r\n };\r\n\r\n const getAllUsers = () => {\r\n setTotalUserList([]);\r\n setDialogLoading(true);\r\n if (messageApiToken && !props.isAddTeams) {\r\n InvokePostServiceCall(apiConfig.GET_USERS, { isActive: true, SortByName: true })\r\n .then((data) => {\r\n const userArr = [];\r\n const tempArr = [];\r\n data.data.userDetails.forEach((item, index) => {\r\n let present = userList.some((data) => item.user.userId === data.id);\r\n if (present === false) {\r\n tempArr.push(item.user);\r\n }\r\n });\r\n tempArr.forEach((item, index) => {\r\n userArr.push({\r\n id: item.userId,\r\n applicationUserId: item.applicationUserId,\r\n phoneNumber: item.phoneNumber,\r\n connectionId: item.connectionId,\r\n userName: item.userName,\r\n azureAdid: item.azureAdid,\r\n firstName: item.firstName,\r\n lastName: item.lastName,\r\n emailId: item.emailId,\r\n indexId: index,\r\n inboundConversation: item.inboundConversation,\r\n teamToUserId: item.teamToUserId,\r\n clientFacingPhoneNum: item.clientFacingPhoneNum,\r\n });\r\n });\r\n setTotalUserList(userArr); \r\n //Set Timeout added To fix No record found message issue\r\n setTimeout(() => { \r\n setDialogLoading(false);\r\n }, 1);\r\n\r\n })\r\n .catch((error) => {\r\n console.log(error, \"Error Message\");\r\n setDialogLoading(false);\r\n setSnackBarMsg(error.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n });\r\n }\r\n };\r\n const handleClose = () => {\r\n setOpenAddDialog(false);\r\n setOpenWarningDialog(false);\r\n };\r\n\r\n const saveTeamMembers = (actionType) => {\r\n setBtnLoading(true);\r\n let teamToUsersArr = [];\r\n if (actionType === \"Add\") {\r\n totalUserList.forEach((item) => {\r\n let present = addSelectionModel.some((data) => data === item.id);\r\n if (present === true) {\r\n teamToUsersArr.push({\r\n teamId: props.teamId,\r\n userId: item.id,\r\n inboundConversation: item.inboundConversation,\r\n });\r\n }\r\n });\r\n } else {\r\n userList.forEach((item) => {\r\n let present = updateArr.some((data) => data === item.id);\r\n if (present === true) {\r\n teamToUsersArr.push({\r\n teamToUserId: item.teamToUserId,\r\n teamId: props.teamId,\r\n userId: item.id,\r\n inboundConversation: item.inboundConversation,\r\n });\r\n }\r\n });\r\n }\r\n let requestBody = {\r\n actionType: actionType,\r\n teamToUsers: teamToUsersArr,\r\n };\r\n InvokePostServiceCall(apiConfig.SAVE_TEAM_MEMBER, requestBody)\r\n .then((data) => {\r\n console.log(data);\r\n getUsersByTeamId();\r\n handleClose();\r\n setUserList([])\r\n var tempRejectedUserList = [];\r\n let totalRejectedUsersCount = 0;\r\n if (data.data.rejectedUsersList?.length > 0 || data.data.rejectedUsersListNotHaveCFN?.length > 0) {\r\n data.data.rejectedUsersList.forEach(function (element, index) {\r\n var user = {\r\n userName: element,\r\n id: index\r\n }\r\n tempRejectedUserList.push(user)\r\n })\r\n setRejectedUserList(tempRejectedUserList)\r\n setRejectedUsersListNotHaveCFN(data.data.rejectedUsersListNotHaveCFN);\r\n let cfnUsers = data.data.rejectedUsersListNotHaveCFN.length;\r\n totalRejectedUsersCount = ((cfnUsers ? cfnUsers:0) + tempRejectedUserList.length);\r\n setOpenRejectedUsersDialog({ open: true, \r\n isAllRejected: (teamToUsersArr.length === totalRejectedUsersCount)});\r\n }\r\n if (tempRejectedUserList.length === 0 && totalRejectedUsersCount === 0) {\r\n setSnackBarMsg(\r\n `Users ${actionType === \"Add\" ? \"Added\" : \"Updated\"} Successfully`\r\n );\r\n setSeverity(\"success\");\r\n setOpenSnackbar(true);\r\n }\r\n setBtnLoading(false);\r\n updateArr = [];\r\n })\r\n .catch((error) => {\r\n console.log(error, \"Error Message\");\r\n setSnackBarMsg(error.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n setBtnLoading(false);\r\n });\r\n };\r\n //// function added for update user from modal..\r\n const UpdateTeamMember = (userId, inboundConversation) => {\r\n setUpdateBtnLoading(true);\r\n let teamToUsersArr = [];\r\n let item = userList.find((data) => data.id === userId);\r\n if (item) {\r\n teamToUsersArr.push({\r\n teamToUserId: item.teamToUserId,\r\n teamId: props.teamId,\r\n userId: item.id,\r\n inboundConversation: inboundConversation,\r\n })\r\n\r\n\r\n let requestBody = {\r\n actionType: 'Update',\r\n teamToUsers: teamToUsersArr,\r\n };\r\n setUpdateBtnLoading(true)\r\n InvokePostServiceCall(apiConfig.SAVE_TEAM_MEMBER, requestBody)\r\n .then((data) => {\r\n setUpdateBtnLoading(false)\r\n getUsersByTeamId();\r\n handleModalClose();\r\n setUserList([])\r\n setSnackBarMsg(\r\n `User Updated Successfully`\r\n );\r\n setSeverity(\"success\");\r\n setOpenSnackbar(true);\r\n setBtnLoading(false);\r\n setUpdateBtnLoading(false)\r\n updateArr = [];\r\n })\r\n .catch((error) => {\r\n console.log(error, \"Error Message\");\r\n setSnackBarMsg(error.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n setBtnLoading(false);\r\n });\r\n }\r\n };\r\n\r\n const deleteTeamMembers = () => {\r\n setBtnLoading(true);\r\n let teamToUsersArr = [];\r\n userList.forEach((item) => {\r\n let present = removeSelectionModel.some((data) => data === item.id);\r\n if (present === true) {\r\n teamToUsersArr.push({\r\n teamToUserId: item.teamToUserId,\r\n teamId: props.teamId,\r\n userId: item.id,\r\n InboundConversation: item.inboundConversation,\r\n });\r\n }\r\n });\r\n let requestBody = {\r\n teamToUsers: teamToUsersArr,\r\n };\r\n InvokePostServiceCall(apiConfig.DELETE_TEAM_MEMBER, requestBody)\r\n .then((data) => {\r\n console.log(data);\r\n getUsersByTeamId();\r\n handleClose();\r\n setUserList([])\r\n setRemoveSelectionModel([])\r\n setSnackBarMsg(\"Users Removed Successfully\");\r\n setSeverity(\"success\");\r\n setOpenSnackbar(true);\r\n setBtnLoading(false);\r\n })\r\n .catch((error) => {\r\n console.log(error, \"Error Message\");\r\n setSnackBarMsg(error.message);\r\n setSeverity(\"error\");\r\n setOpenSnackbar(true);\r\n setBtnLoading(false);\r\n });\r\n };\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n handleClose();\r\n setOpenSnackbar(false);\r\n };\r\n const handleModalClose = () => {\r\n setOpenUserModal(false);\r\n };\r\n const filterTable = (value) => {\r\n let usArr = [];\r\n let val = value?.toLowerCase();\r\n userArr.forEach((item) => {\r\n\r\n if (\r\n item.userName?.toLowerCase().includes(val) ||\r\n item.emailId?.toLowerCase().includes(val) ||\r\n item.clientFacingPhoneNum?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setUserList(usArr);\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n 0 || loading ? true : false}\r\n sx={theme.customStyle.teamsAddIconBtn}\r\n onClick={() => {\r\n setSelectedDialog(\"add\");\r\n getAllUsers();\r\n setOpenAddDialog(true);\r\n }}\r\n >\r\n {\r\n setOpenWarningDialog(true);\r\n }}\r\n >\r\n \r\n
\r\n \r\n {\r\n setSearchText(e.target.value)\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setUserList(userArr);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n
\r\n \r\n Are you sure you want to remove {removeSelectionModel.length} users\r\n from team ?\r\n
\r\n\r\n Following users failed to add \r\n
\r\n\r\n {rejectedUserList && rejectedUserList.length > 0 && <>\r\n Users are already part of an individual type of team\r\n
- \r\n {rejectedUserList.map((item, index) => {\r\n return
- {item.userName} \r\n })}\r\n
\r\n Users do not have client facing number\r\n
- \r\n {rejectedUsersListNotHaveCFN.map((item, index) => {\r\n return
- {item} \r\n })}\r\n
Rest of the users are added successfully.
}\r\n\r\n \r\n {\r\n setTemplateData({\r\n ...templateData,\r\n templateName: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n {\r\n setCursorPosition(e.target.selectionStart);\r\n }}\r\n onKeyDown={onKeyDownFuntion}\r\n />\r\n\r\n {\r\n handleClickOpen();\r\n }}\r\n sx={theme.customStyle.modalbtn02}\r\n >\r\n Select Tokens\r\n \r\n \r\n\r\n Is Active\r\n \r\n {\r\n handleChangeContext(e.target.value, \"Context\");\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n helperText=\"Please select department.\"\r\n variant=\"standard\"\r\n >\r\n \r\n \r\n \r\n */}\r\n \r\n {\r\n handleChangeContext(e.target.value, \"Template Type\");\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n id=\"updatetemplatetemplateType\"\r\n inputProps={{ //not show suggetions\r\n autoComplete: 'new-password',\r\n form: {\r\n autocomplete: 'off',\r\n },\r\n }}\r\n helperText=\"Please select template type.\"\r\n variant=\"standard\"\r\n >\r\n \r\n \r\n \r\n \r\n {/* \r\n {\r\n handleChangeContext(e.target.value, \"Teams\");\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n helperText=\"Please select Team.\"\r\n variant=\"standard\"\r\n >\r\n {teamsData && teamsData.map((option, index) => (\r\n \r\n ))}\r\n \r\n */}\r\n \r\n {\r\n handleChangeContext(e.target.value, \"Department\");\r\n }} \r\n inputProps={{ //not show suggetions\r\n autoComplete: 'new-password',\r\n form: {\r\n autocomplete: 'off',\r\n },\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n helperText=\"Please select Department type.\"\r\n variant=\"standard\"\r\n >\r\n \r\n None\r\n \r\n {appContext.departments && appContext.departments.map((option) => (\r\n \r\n {option}\r\n \r\n ))}\r\n \r\n \r\n \r\n {\r\n handleChangeContext(e.target.value, \"Category\");\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n id=\"updatetemplateCategory\"\r\n inputProps={{ //not show suggetions\r\n autoComplete: 'new-password',\r\n form: {\r\n autocomplete: 'off',\r\n },\r\n }}\r\n helperText=\"Please select Category.\"\r\n variant=\"standard\"\r\n >\r\n \r\n \r\n \r\n \r\n {!isAddTemplate && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {\r\n handleAddUpdateTemplate();\r\n }}\r\n >\r\n {!isAddTemplate ? UpdateTemplate : AddTemplate}\r\n \r\n {\r\n props.handleClose()\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n {isAddTemplate ? AddTemplate : UpdateTemplate}
\r\n\r\n {\r\n handleSelectTemplate(\r\n selectedTemplate,\r\n item.tokenName,\r\n cursorPosition,\r\n \"popper\"\r\n );\r\n inputRef.current.focus();\r\n setAnchorEl(null);\r\n }}\r\n >\r\n {item.tokenName}\r\n \r\n
\r\n ) : null}\r\n \r\n );\r\n\r\n })}\r\n \r\n \r\n
\r\n );\r\n }\r\n }\r\n, {\r\n field: \"history\",\r\n headerName: \"-\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n \r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n \r\n {\r\n setSelectedTemplateDetails(params.row);\r\n setIsTemplateHistory(true);\r\n setOpenTemplateHistory(true);\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n }\r\n ];\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n\r\n function filterTable(value) {\r\n let tempArr = [];\r\n let val = value.toLowerCase();\r\n templatesArr.forEach((item) => {\r\n if (\r\n item.templateName.toLowerCase().includes(val) ||\r\n item.templateBody.toLowerCase().includes(val) ||\r\n item.templateContext.toLowerCase().includes(val) ||\r\n item.templateType.toLowerCase().includes(val) ||\r\n item.category.toLowerCase().includes(val) ||\r\n item.createdDateFormat.toLowerCase().includes(val) ||\r\n item.lastModifiedDateFormat.toLowerCase().includes(val)||\r\n item.department.toLowerCase().includes(val)\r\n\r\n ) {\r\n tempArr.push(item);\r\n }\r\n });\r\n setTemplateDetails(tempArr);\r\n }\r\n return (\r\n <>\r\n \r\n \r\n {/* Commented Add template for teams page */}\r\n {/* {\r\n setIsAddTemplate(true);\r\n setOpen(true);\r\n \r\n }}\r\n >\r\n \r\n\r\n \r\n {\r\n setSearchText(e.target.value)\r\n\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n } else {\r\n setTemplateDetails(templatesArr);\r\n }\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n const tabList = [\r\n { label: \"Team Details\", value: \"1\", displayOrder: 1 },\r\n { label: \"Users\", value: \"2\", displayOrder: 2 },\r\n { label: \"Templates\", value: \"3\", displayOrder: 3 },\r\n { label: \"History\", value: \"4\", displayOrder: 4 }\r\n ]\r\n return (\r\n <>\r\n No Records.
\r\n{\"Team - \"+ teamData.teamName}
\r\n\r\n {/* \r\n {\r\n setTeamData({ ...teamData, teamName: e.target.value });\r\n }}\r\n />\r\n \r\n\r\n \r\n {\r\n setTeamData({ ...teamData, shortCode: e.target.value });\r\n }}\r\n />\r\n \r\n\r\n \r\n {\r\n setVoicePhoneErr(false);\r\n setTeamData({\r\n ...teamData,\r\n voiceSupportNumber: e.target.value,\r\n });\r\n }}\r\n helperText={voicePhoneErr ? \"Invalid Voice Number\" : \"\"}\r\n />\r\n \r\n\r\n \r\n {\r\n setSmsPhoneErr(false);\r\n setTeamData({\r\n ...teamData,\r\n msgSupportNumber: e.target.value,\r\n });\r\n }}\r\n helperText={smsPhoneErr ? \"Invalid SMS Number\" : \"\"}\r\n />\r\n \r\n \r\n {\r\n setTeamData({\r\n ...teamData,\r\n sensitiveDataRegExp: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n {\r\n setTeamData({\r\n ...teamData,\r\n inboundMsgAssignment: e.target.value,\r\n });\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n variant=\"standard\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (e.target.value === \"None\") {\r\n setTeamData({\r\n ...teamData,\r\n businessHoursConfigId: \"\",\r\n });\r\n setBusinessHoursConfig(e.target.value)\r\n } else {\r\n setTeamData({\r\n ...teamData,\r\n businessHoursConfigId: e.target.value,\r\n });\r\n setBusinessHoursConfig(e.target.value)\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n variant=\"standard\"\r\n >\r\n \r\n {businessHourConfigList.map((item, index) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n {\r\n setTeamData({\r\n ...teamData,\r\n smsprovider: e.target.value,\r\n });\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n variant=\"standard\"\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTeamData({\r\n ...teamData,\r\n nonBusHrsMessage: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n {\r\n setTeamData({\r\n ...teamData,\r\n agentUnavailableMessage: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n\r\n \r\n {\r\n setTeamData({\r\n ...teamData,\r\n nppistrippedMessage: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n {\r\n setTeamData({\r\n ...teamData,\r\n mediaContentMessage: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n {\r\n setTeamData({\r\n ...teamData,\r\n nonTcpahrsMessage: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n {\r\n setTeamData({ ...teamData, docuSignAccountId: e.target.value });\r\n }}\r\n />\r\n \r\n \r\n {\r\n setCollapse(!collapse)\r\n }}\r\n sx={{\r\n ...theme.customStyle.modalbtn02, height: \"35px\",\r\n width: \"50px\",\r\n position: \"relative\",\r\n top: \"6px\"\r\n }}\r\n >\r\n {collapse ? \"close\" : \"Edit\"}\r\n \r\n \r\n \r\n {\r\n const isValidKey = /^\\d+$/.test(e.key); // Only allow digits\r\n if (!isValidKey) {\r\n e.preventDefault();\r\n }\r\n }}\r\n onChange={(e) => {\r\n setTeamData({ \r\n ...teamData,\r\n inActiveConversationHours: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setTeamData({ ...teamData, documentTypes: e.target.value });\r\n }}\r\n />\r\n \r\n \r\n {\r\n setTeamData({\r\n ...teamData,\r\n notes: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n \r\n Team Category * \r\n \r\n \r\n \r\n {userInfo.isSurveyEnabledAppSettings && <>\r\n \r\n {\r\n setTeamData({\r\n ...teamData,\r\n surveyTemplateId: e.target.value,\r\n });\r\n setSurveyTemplate(e.target.value)\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n variant=\"standard\"\r\n >\r\n {surveyTemplates.map((item, index) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n }\r\n \r\n }\r\n {!isAddTeam && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {\r\n handleAddUpdateTeam();\r\n }}\r\n >\r\n {isAddTeam ? AddTeam : UpdateTeam}\r\n \r\n {\r\n navigate(\"/teams\");\r\n }}\r\n >\r\n Cancel\r\n \r\n\r\n
\r\n {isAddTeam ? AddTeam : UpdateTeam}
*/}\r\n\r\n {\r\n setTeamData({ ...teamData, teamAttributes: e.json });\r\n if (e.error !== false) {\r\n setJsonError(true)\r\n } else {\r\n setJsonError(false)\r\n }\r\n }}\r\n />\r\n
\r\n \r\n Enable Documents Upload\r\n {\r\n setTeamData({\r\n ...teamData,\r\n enableDocuments: e.target.checked,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n Start conversation with template\r\n {\r\n setTeamData({\r\n ...teamData,\r\n isStartConvWithTemplate: e.target.checked,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n Enable Conversation Read On Seen\r\n {\r\n setTeamData({\r\n ...teamData,\r\n enableConversationReadOnSeen: e.target.checked,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n Eligible to transfer the conversations\r\n {\r\n setTeamData({\r\n ...teamData,\r\n eligibleToTransferConversation: e.target.checked,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n Eligible to receive the conversation\r\n {\r\n setTeamData({\r\n ...teamData,\r\n eligibleToReceiveConversation: e.target.checked,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n Is Active\r\n
\r\n \r\n Enable Survey on Conversation End\r\n {\r\n setTeamData({\r\n ...teamData,\r\n isSurveyEnabled: e.target.checked,\r\n });\r\n }}\r\n />\r\n
{\r\n teamData.isSurveyEnabled === true &&\r\n \r\n \r\n {props.dialogTitle} \r\n \r\n \r\n {\r\n setSearchText(e.target.value)\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setTeamArr(props.rows);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n
\r\n Please add template first to associate team.
\r\n :\r\n\r\n\r\n <>\r\n\r\n \r\n \r\n
\r\n Teams
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {\r\n SaveTeamAssociations(\"Delete\");\r\n }}\r\n >\r\n Remove\r\n \r\n {\r\n setOpenWarningDialog(false);\r\n }}\r\n >\r\n Cancel\r\n \r\n \r\n \r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n } else {\r\n setTeamsData1(teamsDataCopy);\r\n }\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n \r\n 0 ? true : false}\r\n sx={theme.customStyle.teamsAddIconBtn}\r\n onClick={() => {\r\n setSelectedDialog(\"add\");\r\n getAllTeams();\r\n setOpenAddDialog(true);\r\n }}\r\n >\r\n {\r\n setOpenWarningDialog(true);\r\n }}\r\n >\r\n \r\n
\r\n \r\n Are you sure you want to remove {removeSelectionModel.length} teams\r\n from template ?\r\n
\r\n\r\n \r\n {\r\n setValue(selectedTabValue)\r\n }}> \r\n \r\n \r\n \r\n \r\n \r\n \r\n {isAddTemplate ? (\r\n \r\n \r\n
\r\n {isAddTemplate ? AddTemplate : UpdateTemplate}
\r\n\r\n \r\n {\r\n setTemplateData({\r\n ...templateData,\r\n templateName: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n {\r\n setCursorPosition(e.target.selectionStart);\r\n }}\r\n onKeyDown={onKeyDownFuntion}\r\n />\r\n\r\n {\r\n handleClickOpen();\r\n }}\r\n sx={theme.customStyle.modalbtn02}\r\n >\r\n Select Tokens\r\n \r\n \r\n\r\n Is Active\r\n \r\n {\r\n handleChangeContext(e.target.value, \"Template Type\");\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n helperText=\"Please select template type.\"\r\n variant=\"standard\"\r\n id=\"updatetemplatetemplatetype\"\r\n inputProps={{ //not show suggetions\r\n autoComplete: 'new-password',\r\n form: {\r\n autocomplete: 'off',\r\n },\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {\r\n handleChangeContext(e.target.value, \"Department\");\r\n }}\r\n inputProps={{ //not show suggetions\r\n autoComplete: 'new-password',\r\n form: {\r\n autocomplete: 'off',\r\n },\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n helperText=\"Please select Department type.\"\r\n variant=\"standard\"\r\n >\r\n \r\n None\r\n \r\n {appContext.departments && appContext.departments.map((option) => (\r\n \r\n {option}\r\n \r\n ))}\r\n \r\n \r\n \r\n {\r\n handleChangeContext(e.target.value, \"Category\");\r\n }}\r\n InputLabelProps={{\r\n shrink: true,\r\n }}\r\n id=\"updatetemplateCategory\"\r\n inputProps={{ //not show suggetions\r\n autoComplete: 'new-password',\r\n form: {\r\n autocomplete: 'off',\r\n },\r\n }}\r\n helperText=\"Please select Category.\"\r\n variant=\"standard\"\r\n >\r\n \r\n \r\n l\r\n \r\n {!isAddTemplate && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {\r\n handleAddUpdateTemplate();\r\n }}\r\n >\r\n {!isAddTemplate ? UpdateTemplate : AddTemplate}\r\n \r\n {\r\n navigate(\"/templates\");\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n No Records.
\r\n\r\n {\r\n handleSelectTemplate(\r\n selectedTemplate,\r\n item.tokenName,\r\n cursorPosition,\r\n \"popper\"\r\n );\r\n inputRef.current.focus();\r\n setAnchorEl(null);\r\n }}\r\n >\r\n {item.tokenName}\r\n \r\n
\r\n ) : null}\r\n \r\n );\r\n\r\n })}\r\n \r\n \r\n \r\n {props.dialogTitle} \r\n \r\n \r\n {\r\n setSearchText(e.target.value)\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setQuestionsArr(props.rows);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n
\r\n Please add survey template first to associate questions.
\r\n :\r\n\r\n\r\n <>\r\n\r\n \r\n \r\n
\r\n Questions
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {\r\n SaveQuestionsToSurveyTemplate(\"Delete\");\r\n }}\r\n >\r\n Remove\r\n \r\n {\r\n setOpenWarningDialog(false);\r\n }}\r\n >\r\n Cancel\r\n \r\n \r\n \r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n } else {\r\n setQuestionsData(questionsDataCopy);\r\n }\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n \r\n 0 ? true : false}\r\n sx={theme.customStyle.teamsAddIconBtn}\r\n onClick={() => {\r\n getAllTeams();\r\n setOpenAddDialog(true);\r\n }}\r\n >\r\n {\r\n setOpenWarningDialog(true);\r\n }}\r\n >\r\n \r\n
\r\n {openAddDialog && \r\n Are you sure you want to remove {removeSelectionModel.length} questions\r\n from survey template ?\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {\r\n let arr = questionsData;\r\n arr[selectedQuestionIndex].displayOrder = e.target.value;\r\n setQuestionsData([...arr]);\r\n }}\r\n />\r\n \r\n {\r\n SaveQuestionsToSurveyTemplate(\"Update\");\r\n }}\r\n >\r\n Update\r\n \r\n {\r\n setUpdateDisplayOrderDialog(false);\r\n setSelectedQuestionIndex(null);\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n Update Question Display Order
\r\n\r\n \r\n {\r\n setValue(selectedTabValue)\r\n }}> \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}","/***************\r\n*11-04-2022 => Fixed issue with the loading symbol for contact details on fro unassigned conv - Rajesh.\r\n*11-24-2022 => ONKAR => Texting-814 Re-editing the contact details is not showing the previously saved contact and application as not selected -fixed.\r\n*11-29-2022 => ONKAR => Texting-814 When contact is not changed, application is delinking on click of back button -fixed.\r\n*06-12-2023 => SUDAM B CHAVAN => TEXTING-1322 - EXISTING IN PROD : When editing the contact details, previously saved member profile is not showing as selected. - exists in production also.\r\n*08-30-2023 => ONKAR => TEXTING-1578 -REACT Upgrade \r\n*10-20-2023 => SUDAM B CHAVAN -TEXTING-1758 - Exist in prod: Reediting the contact details without linking the fin account is not working.\r\n***********/\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n Button,\r\n TextField,\r\n Box,\r\n Divider,\r\n IconButton,\r\n Collapse,\r\n CircularProgress,\r\n Checkbox\r\n} from \"@mui/material\";\r\nimport { DataGrid } from \"@mui/x-data-grid\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { Edit } from \"@mui/icons-material\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport ExpandLess from \"@mui/icons-material/ExpandLess\";\r\nimport ExpandMore from \"@mui/icons-material/ExpandMore\";\r\nimport Chip from '@mui/material/Chip';\r\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\r\nimport SaveIcon from '@mui/icons-material/Save';\r\nimport { getLinkedEntities, openEnityinCRM, searchContactandProspects, updateActivity, searchOppandFinAccount, createOrSearchTaskinCRM } from \"../extensions/crmWrapper\";\r\n\r\nconst StyledDataGrid= styled(DataGrid)(({ theme }) => ({\r\n \"& .MuiDataGrid-columnHeaderCheckbox .MuiDataGrid-columnHeaderTitleContainer\":\r\n {\r\n display: \"none\",\r\n }\r\n}))\r\n\r\nfunction ConversationContactTab(props) {\r\n const theme = useTheme();\r\n const { convData, conversationAttributes, crmMemberFields, activityDueDataHours, crmMode, userInfo, crmProvider } = props;\r\n const [userData, setUserData] = useState({\r\n contactAttributes: \"\",\r\n contactId: \"\",\r\n conversations: [],\r\n createdBy: \"\",\r\n createdByName: \"\",\r\n createdByNavigation: \"\",\r\n createdDate: \"\",\r\n email: \"\",\r\n firstName: \"\",\r\n lastModifiedBy: \"\",\r\n lastModifiedByName: \"\",\r\n lastModifiedByNavigation: \"\",\r\n lastModifiedDate: \"\",\r\n lastName: \"\",\r\n mobileNumber: \"\",\r\n name: \"\",\r\n teams: [],\r\n });\r\n const [contactData, setContactData] = useState({});\r\n const [leadData, setLeadData] = useState({});\r\n const [oppData, setOppData] = useState({});\r\n const [finaccData, setFinAccData] = useState({});\r\n const [memberProfileData, setMemberProfileData] = useState({});\r\n const [showContactLeadTables, setShowContactLeadTables] = useState(true);\r\n const [showNextTables, setShowNextTables] = useState(false);\r\n const [showSearch, setShowSearch] = useState(true);\r\n const [showDetails, setShowDetails] = useState(false);\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [contactsTableArr, setContactsTableArr] = useState([]);\r\n const [leadsTableArr, setLeadsTableArr] = useState([]);\r\n const [memberProfileTableArr, setMemberProfileTableArr] = useState([]);\r\n const [applicationsTableArr, setApplicationsTableArr] = useState([]);\r\n const [investmentsTableArr, setInvestmentsTableArr] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [contactLoading, setContactLoading] = useState(false);\r\n const [selectionModelContacts, setSelectionModelContacts] = useState([]);\r\n const [selectionModelLeads, setSelectionModelLeads] = useState([]);\r\n const [selectionModelMemberProfile, setSelectionModelMemberProfile] = useState([]);\r\n const [selectionModelApp, setSelectionModelApp] = useState([]);\r\n const [selectionModelInvestment, setSelectionModelInvestment] = useState([]);\r\n const [collapse, setCollapse] = useState({\r\n contacts: true,\r\n leads: true,\r\n memberprofile: true,\r\n applications: true,\r\n investments: true,\r\n });\r\n const [selectedContactDetails, setSelectedContactDetails] = useState({\r\n name: \"\",\r\n email: \"\",\r\n entityType: \"\",\r\n entityId: \"\",\r\n conversationAttributes: conversationAttributes,\r\n opportunityid: \"\",\r\n });\r\n useEffect(() => {\r\n if (crmMode == \"true\") {\r\n setSelectedContactDetails({});\r\n checkActivityhadRelatedRecords();\r\n }\r\n else {\r\n setShowSearch(false);\r\n setLoading(false);\r\n }\r\n }, []);\r\n const checkifActivityLinked = function () {\r\n console.log(\"Inside the check activity linked method\");\r\n if (convData.conversationAttributes != null && convData.conversationAttributes != \"\") {\r\n let convAttributesObj = JSON.parse(convData.conversationAttributes);\r\n if (convAttributesObj.hasOwnProperty(\"ActivityId\") && convAttributesObj[\"ActivityId\"] != \"\") {\r\n return true;\r\n }\r\n else return false;\r\n } else return false;\r\n }\r\n\r\n const showContactLeadTablesWithSearch = function () {\r\n setLoading(true);\r\n let searchprm = convData.channel === 'Chat' ? convData.email : convData.customerPhoneNumber;\r\n setSearchText(searchprm);\r\n searchRecords(searchprm, 'contacts');\r\n setShowDetails(false);\r\n setShowContactLeadTables(true);\r\n setLoading(false);\r\n }\r\n const checkActivityhadRelatedRecords = async function () {\r\n var conversation = Object.assign({}, convData);\r\n let convAttributesObj = {};\r\n if (checkifActivityLinked() == false) {\r\n var updatedConv = await createOrSearchTaskinCRM(convData, crmMemberFields, false, activityDueDataHours, 'contactDetails',crmProvider);\r\n if (updatedConv != null && updatedConv.conversationAttributes != null) {\r\n convAttributesObj = JSON.parse(updatedConv.conversationAttributes);\r\n showLinkedRecordfortheConv(convAttributesObj);\r\n return;\r\n }\r\n }\r\n\r\n setSearchText(conversation.channel === 'Chat' ? conversation.email : conversation.customerPhoneNumber);\r\n\r\n if (checkifActivityLinked() == true) {\r\n conversation = Object.assign({}, convData);\r\n convAttributesObj = JSON.parse(conversation.conversationAttributes);\r\n showLinkedRecordfortheConv(convAttributesObj);\r\n } else if (conversation.source == 'CRM') {\r\n setTimeout(async function () { // If conversation is outbound from CRM, wait for 2 more seconds to get task data updated to conv on store\r\n if (checkifActivityLinked() == true) {\r\n convAttributesObj = JSON.parse(convData.conversationAttributes);\r\n conversation = Object.assign({}, convData);\r\n let convAttributesObj = JSON.parse(conversation.conversationAttributes);\r\n showLinkedRecordfortheConv(convAttributesObj);\r\n }\r\n else {\r\n setLoading(false);\r\n setShowContactLeadTables(true);\r\n if (convData.channel == 'SMS') {\r\n await searchRecords(convData.customerPhoneNumber, 'contacts');\r\n }\r\n else {\r\n await searchRecords(convData.email, 'contacts');\r\n }\r\n\r\n showContactLeadTablesWithSearch();\r\n }\r\n\r\n }, 4000);\r\n\r\n }\r\n else {\r\n setLoading(false);\r\n setShowContactLeadTables(true);\r\n let tempSearchText = convData.channel === 'Chat' ? conversation.email : conversation.customerPhoneNumber\r\n await searchRecords(tempSearchText, 'contacts');\r\n showContactLeadTablesWithSearch();\r\n }\r\n\r\n\r\n\r\n }\r\n\r\n const showLinkedRecordfortheConv = async function (convAttributesObj) {\r\n setLoading(true);\r\n setShowSearch(false);\r\n var linkedEntities = await getLinkedEntities(convAttributesObj[\"ActivityId\"], crmProvider);\r\n // debugger;\r\n setContactData({});\r\n setLeadData({});\r\n setOppData({});\r\n setFinAccData({});\r\n setMemberProfileData({});\r\n if (linkedEntities != null && linkedEntities.isRecordAvailable === true) {\r\n if (!linkedEntities.opportunity && linkedEntities.contact != null) {\r\n var obj = JSON.parse(linkedEntities.contact);\r\n setContactData(obj[0]);\r\n }\r\n if (!linkedEntities.opportunity && linkedEntities.lead != null) {\r\n var obj = JSON.parse(linkedEntities.lead);\r\n setLeadData(obj[0]);\r\n }\r\n if (linkedEntities.opportunity != null) {\r\n var obj = JSON.parse(linkedEntities.opportunity);\r\n setOppData(obj[0]);\r\n }\r\n if (linkedEntities.memberprofile != null) {\r\n var obj = JSON.parse(linkedEntities.memberprofile);\r\n if (obj[0].wcu_memberprofile_wcu_sms != null){\r\n setMemberProfileData(obj[0].wcu_memberprofile_wcu_sms);}\r\n }\r\n if (linkedEntities.finaccount != null) {\r\n var obj = JSON.parse(linkedEntities.finaccount);\r\n setFinAccData(obj[0]);\r\n }\r\n\r\n setShowDetails(true);\r\n setShowContactLeadTables(false);\r\n setShowSearch(false);\r\n } else {\r\n\r\n if (convData.channel == 'SMS') {\r\n setSearchText(convData.customerPhoneNumber);\r\n searchRecords(convData.customerPhoneNumber, 'contacts');\r\n }\r\n else {\r\n setSearchText(convData.email);\r\n searchRecords(convData.email, 'contacts');\r\n }\r\n\r\n setShowDetails(false);\r\n setShowContactLeadTables(true);\r\n setShowSearch(true);\r\n }\r\n setLoading(false);\r\n }\r\n\r\n const contactsColumns = [\r\n {\r\n field: \"checkBox\",\r\n headerName: \"-\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n align: \"center\",\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n {isAddSurveyTemplate ? AddSurveyTemplate : UpdateSurveyTemplate}
\r\n\r\n \r\n {\r\n setSurveyTemplateData({\r\n ...surveyTemplateData,\r\n surveyName: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setSurveyTemplateData({\r\n ...surveyTemplateData,\r\n surveyDescription: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n {!isAddSurveyTemplate && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {\r\n handleAddUpdateSurveyTemplate();\r\n }}\r\n >\r\n {!isAddSurveyTemplate ? UpdateSurveyTemplate : AddSurveyTemplate}\r\n \r\n {\r\n navigate(\"/surveyTemplate\");\r\n }}\r\n >\r\n Cancel\r\n \r\n
\r\n \r\n {crmMode != \"true\" && (\r\n\r\n
\r\n {crmMode == \"true\" && (\r\n Contact Details are available in CRM View
\r\n\r\n )}\r\n \r\n \r\n {\r\n setShowContactLeadTables(true);\r\n setShowNextTables(false);\r\n setShowSearch(true);\r\n }}\r\n >\r\n Back\r\n \r\n \r\n Save\r\n \r\n
\r\n \r\n \r\n )} */}\r\n \r\n {/* {showSearch === false && (\r\n \r\n
\r\n \r\n
\r\n Name:
\r\n Email:
\r\n {selectedContactDetails.applicationNo !== \"\" && (\r\n Application No:
\r\n )}\r\n \r\n
\r\n {selectedContactDetails.name}
\r\n {selectedContactDetails.email}
\r\n {selectedContactDetails.applicationNo !== \"\" && (\r\n {selectedContactDetails.applicationNo}
\r\n )}\r\n \r\n {\r\n setCollapse({\r\n ...collapse,\r\n contacts: !collapse.contacts,\r\n });\r\n }}\r\n >\r\n \r\n Contacts\r\n \r\n {collapse.contacts ? (\r\n \r\n \r\n 5 ? false : true}\r\n // onSelectionModelChange={(newSelectionModel) => {\r\n // if (newSelectionModel.length > 0) {\r\n // setSelectionModelContacts(\r\n // newSelectionModel[newSelectionModel.length - 1]\r\n // );\r\n // setSelectionModelLeads([]);\r\n // } else {\r\n // setSelectionModelContacts([]);\r\n // }\r\n // }}\r\n // selectionModel={selectionModelContacts}\r\n onRowClick={(e) => {\r\n console.log(e, \"RowData\");\r\n setSelectedContactDetails({\r\n ...selectedContactDetails,\r\n entityType: \"Contact\",\r\n entityId: e.row.contactid,\r\n });\r\n if (selectionModelContacts !== e.row.id) {\r\n setSelectionModelContacts(e.row.id)\r\n setSelectionModelLeads({});\r\n setSelectionModelMemberProfile({})\r\n } else {\r\n setSelectionModelContacts({})\r\n }\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n {\r\n setCollapse({\r\n ...collapse,\r\n leads: !collapse.leads,\r\n });\r\n }}\r\n >\r\n \r\n Leads\r\n \r\n {collapse.leads ? (\r\n \r\n \r\n \r\n\r\n \r\n \r\n 5 ? false : true}\r\n // onSelectionModelChange={(newSelectionModel) => {\r\n // if (newSelectionModel.length > 0) {\r\n // setSelectionModelLeads(\r\n // newSelectionModel[newSelectionModel.length - 1]\r\n // );\r\n // setSelectionModelContacts([]);\r\n // } else {\r\n // setSelectionModelLeads([]);\r\n // }\r\n // }}\r\n // selectionModel={selectionModelLeads}\r\n onRowClick={(e) => {\r\n setSelectedContactDetails({\r\n ...selectedContactDetails,\r\n entityType: \"Lead\",\r\n entityId: e.row.leadid,\r\n });\r\n if (selectionModelLeads !== e.row.id) {\r\n setSelectionModelLeads(e.row.id)\r\n setSelectionModelContacts({})\r\n setSelectionModelMemberProfile({})\r\n } else {\r\n setSelectionModelLeads({})\r\n }\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n {\r\n setCollapse({\r\n ...collapse,\r\n memberprofile: !collapse.memberprofile,\r\n });\r\n }}\r\n >\r\n \r\n Member profile\r\n \r\n {collapse.memberprofile ? (\r\n \r\n \r\n \r\n\r\n \r\n \r\n 5 ? false : true}\r\n onRowClick={(e) => {\r\n setSelectedContactDetails({\r\n ...selectedContactDetails,\r\n entityType: \"wcu_memberprofile\",\r\n entityId: e.row.memberprofileid,\r\n opportunityid: e.row.wcu_opportunityid,//to link application to member profile\r\n });\r\n if (selectionModelMemberProfile !== e.row.id) {\r\n setSelectionModelMemberProfile(e.row.id)\r\n setSelectionModelLeads(\"\")\r\n setSelectionModelContacts({})\r\n } else {\r\n setSelectionModelMemberProfile({})\r\n }\r\n }}\r\n />\r\n \r\n \r\n
\r\n {(!isNaN(selectionModelLeads) ||\r\n !isNaN(selectionModelContacts) || !isNaN(selectionModelMemberProfile)) && (convData.conversationAttributes !== \"\") && (convData?.agentId === userInfo.userId) && (\r\n \r\n {\r\n setCollapse({\r\n ...collapse,\r\n applications: !collapse.applications,\r\n });\r\n }}\r\n >\r\n \r\n Applications\r\n \r\n {collapse.applications ? (\r\n \r\n \r\n {\r\n // if (newSelectionModel.length > 0) {\r\n // setSelectionModelApp(\r\n // newSelectionModel[newSelectionModel.length - 1]\r\n // );\r\n // setSelectionModelInvestment([]);\r\n // } else {\r\n // setSelectionModelApp([]);\r\n // }\r\n // }}\r\n // selectionModel={selectionModelApp}\r\n onRowClick={(e) => {\r\n console.log(e, \"RowData\");\r\n setSelectedContactDetails({\r\n ...selectedContactDetails,\r\n entityType: \"Opportunity\",\r\n entityId: e.row.opportunityid,\r\n });\r\n if (selectionModelApp !== e.row.id) {\r\n setSelectionModelApp(e.row.id)\r\n setSelectionModelInvestment({})\r\n } else {\r\n setSelectionModelApp({})\r\n }\r\n }}\r\n />\r\n \r\n \r\n
}\r\n {!isNaN(selectionModelContacts) &&\r\n \r\n {\r\n setCollapse({\r\n ...collapse,\r\n investments: !collapse.investments,\r\n });\r\n }}\r\n >\r\n \r\n Financial Accounts\r\n \r\n {collapse.investments ? (\r\n \r\n \r\n {\r\n // if (newSelectionModel.length > 0) {\r\n // setSelectionModelInvestment(\r\n // newSelectionModel[newSelectionModel.length - 1]\r\n // );\r\n // setSelectionModelApp([]);\r\n // } else {\r\n // setSelectionModelInvestment([]);\r\n // }\r\n // }}\r\n // selectionModel={selectionModelInvestment}\r\n onRowClick={(e) => {\r\n console.log(e, \"RowData\");\r\n setSelectedContactDetails({\r\n ...selectedContactDetails,\r\n entityType: \"FinAccount\",\r\n entityId: e.row.wcu_finaccountid,\r\n });\r\n if (selectionModelInvestment !== e.row.id) {\r\n setSelectionModelInvestment(e.row.id)\r\n setSelectionModelApp({})\r\n } else {\r\n setSelectionModelInvestment({})\r\n }\r\n }}\r\n />\r\n \r\n \r\n
}\r\n \r\n
\r\n )\r\n }\r\n\r\n {memberProfileData.wcu_memberprofileid && (\r\n \r\n \r\n Member \r\n \r\n\r\n
\r\n\r\n \r\n {\r\n setSelectionModelContacts({});\r\n setSelectionModelLeads({});\r\n setSelectionModelMemberProfile({});\r\n setShowDetails(false);\r\n setShowContactLeadTables(true);\r\n setShowSearch(true);\r\n setLoading(true);\r\n\r\n if (convData.channel == 'SMS') {\r\n setSearchText(convData.customerPhoneNumber);\r\n searchRecords(convData.customerPhoneNumber, 'contacts');\r\n }\r\n else {\r\n setSearchText(convData.email);\r\n searchRecords(convData.email, 'contacts');\r\n }\r\n setLoading(false);\r\n setShowContactLeadTables(true);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n {leadData.leadid && (\r\n \r\n \r\n Member Profile \r\n \r\n\r\n
\r\n\r\n \r\n {\r\n setSelectionModelContacts({});\r\n setSelectionModelLeads({});\r\n setSelectionModelMemberProfile({});\r\n setShowDetails(false);\r\n setShowContactLeadTables(true);\r\n setShowSearch(true);\r\n setLoading(true);\r\n if (convData.channel == 'SMS') {\r\n setSearchText(convData.customerPhoneNumber);\r\n searchRecords(convData.customerPhoneNumber, 'contacts');\r\n }\r\n else {\r\n setSearchText(convData.email);\r\n searchRecords(convData.email, 'contacts');\r\n }\r\n setLoading(false);\r\n setShowContactLeadTables(true);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n {oppData.opportunityid && (\r\n \r\n \r\n Prospect \r\n \r\n
\r\n\r\n\r\n \r\n {\r\n setSelectionModelContacts({});\r\n setSelectionModelLeads({});\r\n setSelectionModelMemberProfile({});\r\n setShowDetails(false);\r\n setShowContactLeadTables(true);\r\n setShowSearch(true);\r\n setLoading(true);\r\n if (convData.channel == 'SMS') {\r\n setSearchText(convData.customerPhoneNumber);\r\n searchRecords(convData.customerPhoneNumber, 'contacts');\r\n }\r\n else {\r\n setSearchText(convData.email);\r\n searchRecords(convData.email, 'contacts');\r\n }\r\n setLoading(false);\r\n setShowContactLeadTables(true);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n {finaccData.wcu_finaccountid && (\r\n \r\n \r\n Application\r\n \r\n
\r\n\r\n\r\n \r\n {\r\n setSelectionModelContacts({});\r\n setSelectionModelLeads({});\r\n setSelectionModelMemberProfile({});\r\n setShowDetails(false);\r\n setShowContactLeadTables(true);\r\n setShowSearch(true);\r\n setLoading(true);\r\n if (convData.channel == 'SMS') {\r\n setSearchText(convData.customerPhoneNumber);\r\n searchRecords(convData.customerPhoneNumber, 'contacts');\r\n }\r\n else {\r\n setSearchText(convData.email);\r\n searchRecords(convData.email, 'contacts');\r\n }\r\n setLoading(false);\r\n setShowContactLeadTables(true);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n \r\n )}\r\n\r\n\r\n\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\n\r\nexport default ConversationContactTab;","////11-11-2022 => Texting-794 2nd active conv page is not opening when agent accepts 2nd request with 1st conversation contact details screen -fixed\r\n////01-24-2023 - Display MRM Object Name when conversation linked to CRM rather than generic CRM name\r\n////04/25/2023 => TEXTING-1214-Issue 2 - Conversation ended by member is becoming blank when click on END button in Agent UI.\r\n////05/10/2023 => ONKAR => Texting-1252 If conversation page is in open state, then new inbound messages for agent are automatically showing as read.(red dot issue)\r\n////05/23/2023 => SUDAM B CHAVAN => TEXTING-1278 => Self-assigning the active conversation for same user to different team is not showing the active conversation until reload.\r\n////06-30-2023 => ONKAR => TEXTING-1389 - Sentiment UI\r\n////07-04-2023 => ONKAR => TEXTING-1403 - Sentiment UI enhancements.\r\n////07-05-2023 => ONKAR => TEXTING-1403 - Sentiment UI enhancements.\r\n////07-10-2023 => SUDAM B CHAVAN => TEXTING-1417 - GPT Component Pending observations.\r\n////07-11-2023 => ONKAR => TEXTING-1404 - Sentiment emoji is not showing correct emotion - Not consistent.(updated emojis as per new api changes).\r\n////07-24-2023 => ONKAR => TEXTING-1475 - Critical: Sentiment Optimization\r\n////08-04-2023 => ONKAR => TEXTING-1514 - Texting-1514 Continued web messaging for authenticated customers - Web - UI\r\n// 08-30-2023 => ONKAR => TEXTING-1578 -REACT Upgrade \r\n// 09-05-2023 => ONKAR =>TEXTING-1661- Switch back conversation history for unauthenticated & SMS conversations to old view.\r\n//09-20-2023 => ONKAR => TEXTING-1722 - 0: Conversation read api calls are made twice.\r\n//09-29-2023 => ONKAR =>TEXTING-1699 -Conversation History Enhancements.\r\n//10-12-2023 => ONKAR => TEXTING-1796 - Sentiment Re-Calculate button to calculate sentiment with latest messages.\r\n//10-16-2023 => ONKAR => TEXTING-1796 - Sentiment Re-Calculate button to calculate sentiment with latest messages.\r\n//10-19-2023 => ONKAR => TEXTING-1798 - Auto suggestion message prompts are disabling when click on suggestions on Non-TCPA hrs and click on do not send button on Schedule popup.\r\n//10-19-2023 => ONKAR =>TEXTING-1815 -Number 0 is showing on omni channel, History tab instead of Neutral emoji If overall sentiment of conversation is '0'.\r\n//11-09-2023 => ONKAR =>TEXTING-1857 -Click on 'end' button is making the Texting screen blank.\r\n//11-12-2023 => ONKAR =>TEXTING-1883 -Click on reconnect is auto highlighting the active icon in left panel.\r\nimport DisplaySettingsIcon from \"@mui/icons-material/DisplaySettings\";\r\nimport LoadingButton from \"@mui/lab/LoadingButton\";\r\nimport TabContext from \"@mui/lab/TabContext\";\r\nimport TabList from \"@mui/lab/TabList\";\r\nimport TabPanel from \"@mui/lab/TabPanel\";\r\nimport {\r\n Box,\r\n Button,\r\n Collapse,\r\n Divider,\r\n Grid,\r\n IconButton,\r\n Tooltip,\r\n} from \"@mui/material\";\r\nimport { styled, useTheme } from \"@mui/material/styles\";\r\nimport Tab from \"@mui/material/Tab\";\r\nimport React, { useContext, useEffect, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport PhoneIphoneIcon from '@mui/icons-material/PhoneIphone';\r\nimport ChatIcon from '@mui/icons-material/Chat';\r\nimport {\r\n endConversation,\r\n getUnassignedConversationAPI,\r\n updateSentimentInStore,\r\n} from \"../../api/messageServices\";\r\nimport { AuthContext } from \"../../AuthContext\";\r\nimport ChatHistory from \"../../components/ChatHistory\";\r\nimport Messenger from \"../../components/Messenger\";\r\nimport { dataService } from \"../../dataService\";\r\nimport { UpdateConversationAsRead } from \"../../api/messageServices\";\r\n\r\nimport {\r\n openContextRecordInCRMWrapper, closeActivityinCRM\r\n} from \"../../extensions/crmWrapper\";\r\nimport {\r\n conversationsSelector,\r\n removeConversation,\r\n removeUnassignedConversation, conversationSelected,\r\n updateConversationRead,\r\n updateMsgCountForSentiment,\r\n updateOverallSentiment\r\n} from \"../../storage/slices/messageSlice\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport ConversationContactTab from \"../../components/ConversationContactTab\";\r\nimport { getEntityDisplayName } from \"../../extensions/Util\";\r\nimport axios from \"axios\"\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { SendToAllUserConnections } from \"../../azure/pubSub\";\r\nimport TaskAltTwoToneIcon from '@mui/icons-material/TaskAltTwoTone';\r\nimport CustomTabList from \"../../components/CustomTabList\";\r\nimport ConversationHistory from \"../../components/ConversationHistory\";\r\nimport SentimentEmoji from \"../../components/SentimentEmoji\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n\r\nexport default function Conversations() {\r\n const { isCompLoading, unassignedConversations, selectConversation,conversations } = useSelector(\r\n conversationsSelector\r\n );\r\n const theme = useTheme();\r\n const dispatch = useDispatch();\r\n const navigate=useNavigate();\r\n const [showCircularProgress, setShowCircularProgress] = useState(true);\r\n const [convDrawer, setConvDrawer] = React.useState(true);\r\n const appContext = useContext(AuthContext);\r\n const {\r\n setSearchConvOpen,\r\n userInfo,\r\n selectedConvId,\r\n setSelectedConvId,\r\n selectedConv,\r\n setSelectedConv,\r\n headerNotification,\r\n notiFicationFilter,\r\n inactiveConversations,\r\n setInactiveConversations,\r\n collapseInactive,\r\n activityDueDataHours,\r\n convLoading,\r\n templatesData,enableVideoCall,\r\n enableSentimentCalculation,\r\n sentimentCalculateEveryXMessages,\r\n applicationSettings,\r\n setOpenActive\r\n } = useContext(AuthContext);\r\n const [msgAutoSuggestions, setMsgAutoSuggestions] = useState([]);\r\n const [dimensions, setDimension] = useState(window.innerWidth);\r\n const [value, setValue] = React.useState(\"1\");\r\n const tabList = [\r\n { label: \"Messages\", value: \"1\", displayOrder: 1 },\r\n { label: \"History\", value: \"2\", displayOrder: 2 },\r\n { label: \"Details\", value: \"3\", displayOrder: 3 },\r\n ];\r\n\r\n useEffect(() => {\r\n const url = new URL(window.location);\r\n window.history.replaceState({}, '', url);\r\n }, []);\r\n //UseEffect - OnLoad\r\n useEffect(() => {\r\n if (isCompLoading === false) {\r\n setShowCircularProgress(false);\r\n }\r\n }, [isCompLoading]);\r\n\r\n \r\n \r\n\r\n //useEffect for header notification functionality\r\n useEffect(() => {\r\n if (headerNotification === true) {\r\n loadUnassignedConversations();\r\n setSearchConvOpen(true);\r\n setConvDrawer(true);\r\n dataService.setData({ headerDrawer: true });\r\n }\r\n if (collapseInactive) {\r\n openDrawer();\r\n }\r\n }, [notiFicationFilter]);\r\n\r\n //close conversation list drawer\r\n useEffect(() => {\r\n if (appContext.crmMode === \"true\" && convDrawer === true) {\r\n setConvDrawer(false);\r\n dataService.setData({ headerDrawer: false });\r\n }\r\n }, [selectedConv]);\r\n\r\n\r\n //When selected conversation is changed reset tab status\r\n useEffect(() => {\r\n setValue(\"1\");\r\n }, [selectedConv?.conversationId]);\r\n\r\n const loadUnassignedConversations = () => {\r\n dispatch(\r\n getUnassignedConversationAPI(appContext)\r\n );\r\n };\r\n\r\n const handleinputMsgClick = (data) => (event) => {\r\n if (selectConversation.isUnReadConv == true) {\r\n var conv = Object.assign({}, selectConversation);\r\n let index = conversations.findIndex(\r\n (x) => x.conversationId === selectConversation.conversationId\r\n );\r\n if (index > -1 ) {\r\n if(conversations[index].showNotification===true){//check unread message is present and mark it as read.\r\n conv.isUnReadConv = false;\r\n conv.showNotification=false;\r\n dispatch(conversationSelected(conv));\r\n dispatch(updateConversationRead(conv));// calling this method to update showNotification value and show/hide red dot on ui.\r\n }\r\n }\r\n \r\n }\r\n }\r\n\r\n ///End the conversation\r\n const handleEndConversation = (conv) => (event) => {\r\n setValue(\"1\");\r\n if (appContext.crmMode === \"true\") {\r\n closeActivityinCRM(conv, appContext.crmProvider);\r\n }\r\n //Get messages sent by customer\r\n var msgs = conv.messageList.filter((x) => (x.fromObjectType === \"Customer\"));\r\n //Calculate sentiment when conversation have atleast one message from customer\r\n if (enableSentimentCalculation === \"Y\" && msgs.length > 0) {\r\n dispatch(updateSentimentInStore({ conversationId: conv.conversationId, messageList:conv.messageList })); \r\n }\r\n dispatch(\r\n endConversation(\r\n appContext.userInfo.userId,\r\n conv.conversationId,\r\n appContext.userInfo.teamId\r\n )\r\n );\r\n setSelectedConv(null);\r\n setOpenActive(false);\r\n navigate(\"/\")\r\n };\r\n\r\n const openDrawer = () => {\r\n setConvDrawer(true);\r\n dataService.setData({ headerDrawer: true });\r\n };\r\n\r\n const onAssignConvSuccess = (userId) => {\r\n var convIndex = null;\r\n if (selectedConv.status == \"InActive\") {\r\n convIndex = inactiveConversations.findIndex(\r\n (x) => x.conversationId === selectedConv.conversationId\r\n );\r\n if (convIndex > -1) {\r\n inactiveConversations.splice(convIndex, 1);\r\n }\r\n setInactiveConversations(inactiveConversations);\r\n if (userInfo.userId !== userId) {\r\n setSelectedConv(null);\r\n setSelectedConvId(\"\");\r\n }\r\n } else {\r\n convIndex = unassignedConversations.findIndex(\r\n (x) => x.conversationId === selectedConv.conversationId\r\n );\r\n if (convIndex > -1) {\r\n dispatch(\r\n removeUnassignedConversation(\r\n unassignedConversations[convIndex].conversationId\r\n )\r\n );\r\n // conversationList.splice(convIndex, 1);\r\n // setConversationList(conversationList);\r\n if (userInfo.userId !== userId) {\r\n setSelectedConv(null);\r\n setSelectedConvId(\"\");\r\n }\r\n } else {\r\n if (userInfo.userId !== userId) {\r\n dispatch(removeConversation(selectedConv.conversationId));\r\n setSelectedConv(null);\r\n setSelectedConvId(\"\");\r\n }\r\n }\r\n }\r\n };\r\n\r\n const onCloseConv = () => {\r\n let endConversationBody = {\r\n messageType: \"MultiTabEndConversation\",\r\n conversationId: \"\" + selectedConv.conversationId + \"\",\r\n AgentId: \"\" + userInfo.userId + \"\",\r\n };\r\n let convId = selectedConv.conversationId;\r\n setSelectedConv(null);//clear the selected conv from screen/display\r\n navigate(\"/\")\r\n SendToAllUserConnections(userInfo.userId, JSON.stringify(endConversationBody));\r\n dispatch(removeConversation(convId));\r\n };\r\n const handleChangeTab = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n\r\n const linkedEnityName = () => {\r\n return selectedConv?.conversationAttributes ? getEntityDisplayName(JSON.parse(selectedConv?.conversationAttributes).EntityLogicalName, selectedConv?.channel) : '';\r\n };\r\n\r\n useEffect(() => {\r\n setMsgAutoSuggestions([]);\r\n if (appContext.enableAutoSuggestion === \"Y\" && selectConversation?.messageList?.length > 0) {\r\n let msgList=selectConversation.messageList;\r\n if(msgList[msgList.length-1].fromObjectType===\"Customer\"){\r\n let finalMsgList=msgList[msgList.length-1].messages;\r\n axios\r\n .post(apiConfig.GET_MESSAGE_SUGGESTIONS, {\r\n content: finalMsgList[finalMsgList.length-1].messageBody,\r\n })\r\n .then((response) => {\r\n console.log(response, \"response\");\r\n let suggestionsArr = [];\r\n response.data.suggestions.forEach((item, index) => {\r\n item = item.replace(/(^\\\"+|\\\"+$)/mg, \"\")\r\n if (suggestionsArr.length < 3 && item.length <= 30) {\r\n suggestionsArr.push(item);\r\n }\r\n });\r\n setMsgAutoSuggestions(suggestionsArr);\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n }\r\n }\r\n \r\n \r\n }, [selectConversation.messageList]);\r\n\r\n\r\n const getDimension = () => {\r\n setDimension(window.innerWidth)\r\n }\r\n \r\n useEffect(() => {\r\n window.addEventListener('resize', getDimension);\r\n \r\n return(() => {\r\n window.removeEventListener('resize', getDimension);\r\n })\r\n }, [dimensions])\r\n\r\n let hasCustomerMsg=function (){\r\n for(let i=0; i\r\n \r\n Financial Account \r\n \r\n
\r\n\r\n\r\n \r\n {\r\n setSelectionModelContacts({});\r\n setSelectionModelLeads({});\r\n setSelectionModelMemberProfile({});\r\n setShowDetails(false);\r\n setShowContactLeadTables(true);\r\n setShowSearch(true);\r\n setLoading(true);\r\n if (convData.channel == 'SMS') {\r\n setSearchText(convData.customerPhoneNumber);\r\n searchRecords(convData.customerPhoneNumber, 'contacts');\r\n }\r\n else {\r\n setSearchText(convData.email);\r\n searchRecords(convData.email, 'contacts');\r\n }\r\n setLoading(false);\r\n setShowContactLeadTables(true);\r\n }}\r\n >\r\n
\r\n \r\n \r\n {appContext.crmMode === \"true\" && linkedEnityName() && ( \r\n \r\n {linkedEnityName()} \r\n \r\n )} \r\n {selectedConv?.isReadOnly === true ||\r\n selectedConv?.agentId !== userInfo.userId ? (\r\n <>\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {(selectedConv?.channel === 'Chat' && selectedConv?.authenticationStatus === 'Authenticated')\r\n && \r\n }\r\n \r\n \r\n {selectedConv.customerName}\r\n \r\n \r\n \r\n {selectedConv?.channel === 'Chat' ?\r\n (
\r\n \r\n {appContext.crmMode === \"true\" && (\r\n
\r\n \r\n {/* \r\n \r\n */}\r\n
\r\n )}\r\n \r\n \r\n }\r\n {enableSentimentCalculation===\"Y\"&& selectedConv?.isReadOnly===true && (selectedConv?.overallSentiment || selectedConv?.overallSentiment===0) &&\r\n \r\n }\r\n
\r\n \r\n \r\n \r\n \r\n {selectedConv.customerPhoneNumber ? selectedConv.customerPhoneNumber :selectedConv.email}\r\n \r\n \r\n
\r\n {enableSentimentCalculation===\"Y\"&& selectedConv?.isReadOnly===false && hasCustomerMsg && (selectConversation?.overallSentiment || selectConversation?.overallSentiment===0) &&\r\n \r\n \r\n Start\r\n \r\n
\r\n \r\n \r\n \r\n {loading && !isAddContact ? (\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n {!isAddContact\r\n ? `${userData.mobileNumber}- ${userData.firstName + \" \" + userData.lastName\r\n }`\r\n : AddContact}\r\n
\r\n\r\n {!isAddContact ? (\r\n
\r\n \r\n \r\n {\r\n if (userInfo.teams && userInfo.teams.length == 1) {\r\n startConversation();\r\n }\r\n else if (userInfo.teams && userInfo.teams.length > 1){\r\n setOpen(true);\r\n }\r\n else {\r\n setSeverity(\"warning\");\r\n setSnackbarMsg(\"Can't start a conversation as you are not part of any team!\");\r\n setOpenSnackbar(true);\r\n }\r\n }}\r\n >\r\n \r\n {isLoading && (\r\n
\r\n ) : null}\r\n \r\n {selected.map((teamId) => {\r\n const team = teamList.find((team) => team.teamId === teamId);\r\n return team ? (\r\n
\r\n )}\r\n >\r\n {teamList.map((team) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n Contact Attributes\r\n \r\n {\r\n console.log(e, \"JSONINPUT\");\r\n setUserData({ ...userData, contactAttributes: e.json });\r\n if (e.error !== false) {\r\n setJsonError(true);\r\n } else {\r\n setJsonError(false);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n You are not signed in! Please sign in.\r\n
\r\n\r\n
\r\n ) : this.state.crmEmbededView || this.state.crmView ? (\r\n \r\n
\r\n \r\n
\r\n );\r\n },\r\n }, {\r\n field: \"history\",\r\n headerName: \"-\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n \r\n {\r\n setUserDetails(params.row);\r\n setOpenTemplateHistory(true);\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n }\r\n ];\r\n const handleClose = () => {\r\n setOpenTemplateHistory(false);\r\n };\r\n\r\n\r\n function fetchUsers() {\r\n let requestBody = {\r\n isActive: true,\r\n }\r\n setUserData1([]);\r\n setFilteredUsers([])\r\n InvokePostServiceCall(apiConfig.GET_USERS, requestBody)\r\n .then((data) => {\r\n let userArr = [];\r\n /*setUserData1(data.data.userDetails.map((item, index) => {\r\n return {\r\n actionType: item.actionType,\r\n applicationUserId: item.user.applicationUserId,\r\n azureAdid: item.user.azureAdid,\r\n connectionId: item.user.connectionId,\r\n createdBy: item.user.createdBy,\r\n createdByName: item.user.createdByName,\r\n isActive: item.user.isActive,\r\n createdDate: moment(item.user.createdDate).local().format(\"MM-DD-YYYY\"),\r\n emailId: item.user.emailId !== null ? item.user.emailId : \"\",\r\n firstName: item.user.firstName,\r\n lastModifiedBy: item.user.lastModifiedBy,\r\n lastModifiedByName: item.user.lastModifiedByName,\r\n lastModifiedDate: moment(item.user.lastModifiedDate)\r\n .local()\r\n .format(\"MM-DD-YYYY\"),\r\n lastName: item.user.lastName,\r\n phoneNumber: item.user.phoneNumber,\r\n teams: item.teams,\r\n userId: item.user.userId,\r\n userName: item.user.userName,\r\n id: index,\r\n }\r\n })); */\r\n data.data.userDetails.map((item, index) => {\r\n userArr.push({\r\n actionType: item.actionType,\r\n applicationUserId: item.user.applicationUserId,\r\n azureAdid: item.user.azureAdid,\r\n connectionId: item.user.connectionId,\r\n createdBy: item.user.createdBy,\r\n createdByName: item.user.createdByName,\r\n isActive: item.user.isActive,\r\n createdDate: moment(item.user.createdDate).local().format(\"MM-DD-YYYY\"),\r\n emailId: item.user.emailId !== null ? item.user.emailId : \"\",\r\n firstName: item.user.firstName,\r\n lastModifiedBy: item.user.lastModifiedBy,\r\n lastModifiedByName: item.user.lastModifiedByName,\r\n lastModifiedDate: moment(item.user.lastModifiedDate)\r\n .local()\r\n .format(\"MM-DD-YYYY\"),\r\n lastName: item.user.lastName,\r\n phoneNumber: item.user.phoneNumber,\r\n department: item.user.department ===\"\" ? \"None\": item.user.department,\r\n teams: item.teams,\r\n userId: item.user.userId,\r\n userName: item.user.userName,\r\n id: index,\r\n clientFacingPhoneNum: item.user.clientFacingPhoneNum,\r\n });\r\n })\r\n setUserData1(userArr);\r\n setUserArr(userArr);\r\n setIsLoading(false);\r\n console.log(data, \"@@@@@@@@users\");\r\n })\r\n .catch((err) => {\r\n console.log(err, \"err\");\r\n setSnackbarMsg(err.message)\r\n setOpenSnackbar(true);\r\n setIsLoading(false);\r\n });\r\n }\r\n useEffect(() => {\r\n if (messageApiToken && !loadUserFilter) {\r\n setIsLoading(true);\r\n fetchUsers();\r\n }\r\n }, [messageApiToken, loadUserFilter]);\r\n\r\n // if (userData1.length > 0) {\r\n // userData1.forEach((item, index) => {\r\n // userArr.push({\r\n // actionType: item.actionType,\r\n // applicationUserId: item.user.applicationUserId,\r\n // azureAdid: item.user.azureAdid,\r\n // connectionId: item.user.connectionId,\r\n // createdBy: item.user.createdBy,\r\n // createdByName: item.user.createdByName,\r\n // isActive: item.user.isActive,\r\n // createdDate: moment(item.user.createdDate).local().format(\"MM-DD-YYYY\"),\r\n // emailId: item.user.emailId !== null ? item.user.emailId : \"\",\r\n // firstName: item.user.firstName,\r\n // lastModifiedBy: item.user.lastModifiedBy,\r\n // lastModifiedByName: item.user.lastModifiedByName,\r\n // lastModifiedDate: moment(item.user.lastModifiedDate)\r\n // .local()\r\n // .format(\"MM-DD-YYYY\"),\r\n // lastName: item.user.lastName,\r\n // phoneNumber: item.user.phoneNumber,\r\n // teams: item.teams,\r\n // userId: item.user.userId,\r\n // userName: item.user.userName,\r\n // id: index,\r\n // });\r\n // });\r\n // }\r\n\r\n function handleFilter() {\r\n setShowFilter(!showFilter);\r\n }\r\n const handleDelete = (chipToDelete) => () => {\r\n setFilterChip((chips) => chips.filter((chip) => chip !== chipToDelete));\r\n setDeletedChip(chipToDelete);\r\n };\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n function filterTable(value) {\r\n let usArr = [];\r\n setPage(0)\r\n let val = value?.toLowerCase();\r\n if (filterApplied && filterChip.length > 0) {\r\n filteredUsersCopy.forEach((item) => {\r\n\r\n if (\r\n item.firstName?.toLowerCase().includes(val) ||\r\n item.lastName?.toLowerCase().includes(val) ||\r\n item.emailId?.toLowerCase().includes(val) ||\r\n item.clientFacingPhoneNum?.toLowerCase().includes(val) ||\r\n //item.department?.toLowerCase().includes(val) ||\r\n item.createdDate?.toLowerCase().includes(val) ||\r\n item.lastModifiedDate?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setFilteredUsers(usArr);\r\n\r\n } else {\r\n userArr.forEach((item) => {\r\n if (\r\n item.firstName?.toLowerCase().includes(val) ||\r\n item.lastName?.toLowerCase().includes(val) ||\r\n item.emailId?.toLowerCase().includes(val) ||\r\n item.clientFacingPhoneNum?.toLowerCase().includes(val) ||\r\n item.department?.toLowerCase().includes(val) ||\r\n item.createdDate?.toLowerCase().includes(val) ||\r\n item.lastModifiedDate?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n\r\n });\r\n setUserData1(usArr);\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n handleFilter();\r\n }}\r\n >\r\n
\r\n Users
\r\n\r\n
\r\n );\r\n })}\r\n \r\n \r\n {\r\n navigate(\"/addUpdateUser\", { state: { isAddUser: true } });\r\n }}\r\n >\r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n } else {\r\n if (filterApplied && filterChip.length > 0) {\r\n setFilteredUsers(filteredUsersCopy)\r\n } else {\r\n setUserData1(userArr);\r\n }\r\n }\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n },\r\n }, {\r\n field: \"history\",\r\n headerName: \"-\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n \r\n {\r\n setTeamsDetails(params.row);\r\n setOpenTemplateHistory(true);\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n }\r\n ];\r\n\r\n useEffect(() => {\r\n if (messageApiToken) {\r\n const requestBody = {\r\n userId: userInfo.userId\r\n };\r\n setIsLoading(true);\r\n InvokePostServiceCall(apiConfig.GET_TEAMS, requestBody)\r\n .then((data) => {\r\n let tempArr = [];\r\n data.data.teamDetails.forEach((item, index) => {\r\n\r\n\r\n tempArr.push({\r\n callBackUrl: item.team.callBackUrl,\r\n crmUrl: item.team.crmUrl,\r\n createdBy: item.team.createdBy,\r\n createdByName: item.team.createdByName,\r\n createdByNavigation: item.team.createdByNavigation,\r\n createdDateFormat: moment(item.team.createdDate).local().format(\"MM-DD-YYYY\"),\r\n createdDate: item.team.createdDate,\r\n endConversationText: item.team.endConversationText,\r\n inboundMsgAssignment: item.team.inboundMsgAssignment,\r\n lastModifiedBy: item.team.lastModifiedBy,\r\n lastModifiedByName: item.team.lastModifiedByName,\r\n lastModifiedByNavigation: item.team.lastModifiedByNavigation,\r\n lastModifiedDateFormat: moment(item.team.lastModifiedDate).local().format(\"MM-DD-YYYY\"),\r\n lastModifiedDate: item.team.lastModifiedDate,\r\n msgSupportNumber: item.team.msgSupportNumber,\r\n shortCode: item.team.shortCode,\r\n teamId: item.team.teamId,\r\n teamName: item.team.teamName,\r\n teamToContacts: item.team.teamToContacts,\r\n teamToUsers: item.team.teamToUsers,\r\n templates: item.team.templates,\r\n type: item.team.type,\r\n voiceSupportNumber: item.team.voiceSupportNumber,\r\n id: index,\r\n isActive: item.team.isActive,\r\n sensitiveDataRegExp: item.team.sensitiveDataRegExp,\r\n businessHoursConfigId: item.team.businessHoursConfigId,\r\n smsprovider: item.team.smsprovider,\r\n nonBusHrsMessage: item.team.nonBusHrsMessage,\r\n agentUnavailableMessage: item.team.agentUnavailableMessage,\r\n nppistrippedMessage: item.team.nppistrippedMessage,\r\n mediaContentMessage: item.team.mediaContentMessage,\r\n nonTcpahrsMessage: item.team.nonTcpahrsMessage,\r\n docuSignAccountId: item.team.docuSignAccountId,\r\n teamAttributes: item.team.teamAttributes,\r\n inActiveConversationHours: item.team.inActiveConversationHours,\r\n notes: item.team.notes,\r\n isStartConvWithTemplate: item.team.isStartConvWithTemplate,\r\n enableDocuments: item.team.enableDocuments,\r\n documentTypes: item.team.documentTypes,\r\n enableConversationReadOnSeen: item.team.enableConversationReadOnSeen,\r\n eligibleToTransferConversation: item.team.eligibleToTransferConversation,\r\n eligibleToReceiveConversation: item.team.eligibleToReceiveConversation,\r\n isSurveyEnabled: item.team.isSurveyEnabled,\r\n surveyTemplateId: item.team.surveyTemplateId,\r\n\r\n })\r\n })\r\n setTeamsData1(tempArr);\r\n setTeamsDataCopy(tempArr);\r\n setIsLoading(false);\r\n console.log(data, \"@@@@@@@@@@@\");\r\n })\r\n .catch((error) => {\r\n console.log(\"teamsApi\", error);\r\n setSnackbarMsg(error.message);\r\n setOpenSnackbar(true);\r\n setIsLoading(false);\r\n });\r\n }\r\n }, [messageApiToken]);\r\n\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n const handleClose = () => {\r\n setOpenTemplateHistory(false);\r\n };\r\n\r\n const filterTable = (value) => {\r\n let usArr = [];\r\n let val = value?.toLowerCase();\r\n setPage(0);\r\n teamsDataCopy.forEach((item) => {\r\n\r\n if (\r\n item.teamName?.toLowerCase().includes(val) ||\r\n item.type?.toLowerCase().includes(val) ||\r\n item.msgSupportNumber?.toLowerCase().includes(val) ||\r\n item.createdDateFormat?.toLowerCase().includes(val) ||\r\n item.lastModifiedDateFormat?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setTeamsData1(usArr);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n Teams
\r\n \r\n \r\n {\r\n navigate(\"/addUpdateTeam\", { state: { isAddTeam: true } });\r\n }}\r\n >\r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n } else {\r\n setTeamsData1(teamsDataCopy);\r\n }\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n handleFilter();\r\n \r\n }}\r\n >\r\n
\r\n Contacts
\r\n\r\n
\r\n\r\n );\r\n })}\r\n \r\n \r\n {\r\n navigate(\"/addUpdateContact\", {\r\n state: { isAddContact: true },\r\n });\r\n }}\r\n >\r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n } else {\r\n if (filterApplied && filterChip.length > 0) {\r\n setFilteredUsers(filteredUsersCopy)\r\n } else {\r\n setContactsData(contactsDataCopy);\r\n }\r\n }\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n {filterApplied && filterChip.length > 0\r\n ? filteredUsers.length >= 100 &&
\r\n \r\n );\r\n};\r\n\r\nexport default ContactsPage; ","/********************************************************************************************************************************************\r\nName: CIFUTIL\r\n=============================================================================================================================================\r\nPurpose:\r\nContains all the CIF methods to connect with D:\r\nHistory:\r\nVERSION AUTHOR DATE DETAILS\r\n1.0 Rajesh 12/01/2021 Initial creation of CIF component\r\n1.1 Rajesh 11/08/2022 Updated CIF to start conversation from the member profile\r\n////11-01-2022 => Texting-734 IB/OB, Team Name changes \r\n////11-01-2022 => Texting-734 IB/OB, Team Name changes\r\n////11-03-2022 => Texting-734 IB/OB, Team Name changes reopen bugs fixed.\r\n////11-04-2022 => Texting-734 IB/OB, Team Name changes reopen bugs fixed (changed values to lowercase for comparing).*/\r\n////11-28-2022 => Texting-847 Ability to take over existing conversation assigned to someone else by agent.\r\n////12-01-2022 => ONKAR => Texting-874 Assign to me option is showing for missed conversations, nonwhite list alert, Consent unavailable alert fixed.\r\n////12/09/2022 => ONKAR => Texting-913 Prompt the Templates to the User before start the conversation\r\n////12/14/2022 => ONKAR => Texting-925 Active conversation is not starting from M360 form fixed.\r\n////12/20/2022 => RAJESH => Fixed the issue of starting conversation with HomePhone/Mobile/Other phone\r\n////27/04/2023 => SUDAM B CHAVAN => Texting-1199 - Alert is not showing only loading symbol is showing..\r\n////05/06/2022 => RAJESH => Fixed the issue of starting conversation from member contact form\r\n////06/14/2023 => ONKAR => Texting-1339 Inbound Conversation from Unassigned - Queue.\r\n////06/14/2023 => ONKAR => Texting-1347 Red is not disappearing after viewing the customer’s message on the conversation initiated from team that is not opted for start conv with templates and on conv from individual Team.\r\n////06/15/2023 => ONKAR => undo Texting-1347 changes. \r\n////06-23-2023 => ONKAR => Texting-1364 Team is changing to users default team when member assigns unassigned conversation to himself.\r\n////07-07-2023 => SUDAM B CHAVAN => TEXTING-1406 - TCPA - Contact details linking observations(issue 1)\r\n////07-18-2023 => SUDAM B CHAVAN => TEXTING-1436 - Team Level Attributes to use in tokens\r\n////07-24-2023 => RAJESH => TEXTING-Implemented the timezone from the crm to texting contacts\r\n////07-26-2023 => ONKAR => Texting-1470 When webchat conversation details is auto linked, Activity button is showing instead of Member button.\r\n\r\n\r\nimport { InvokePostServiceCall } from \"../api/serviceUtil\";\r\nimport apiConfig from \"../api/apiConfig\";\r\nimport { dataService } from \"../dataService\";\r\nimport moment from \"moment\";\r\n\r\nvar isClicked;\r\n///This method is invoked for CRM Contact\r\nexport async function startCustomConversationD(data, azureID, crmMemberFields, teamId) {\r\n console.log(\"startCustomConversation-cifutil-start\" + data);\r\n try {\r\n openCifWindow();\r\n console.log(\"startCustomConversation- cifutil - executing\" + data);\r\n var contactFields = [\"firstname\", \"fullname\", \"emailaddress1\", \"wcu_externalid\", \"contactid\", \"mobilephone\",\"address1_stateorprovince\",\"wcu_address1_timezone\"];\r\n var memberProfileFields = [\"wcu_donottext\", \"wcu_opportunityid\", \"wcu_lastname\", \"wcu_externalid\", \"wcu_memberprofileid\", \"wcu_mobilephone\", \"wcu_firstname\",\"wcu_address1_stateprovince\",\"wcu_address1_timezone\"];\r\n var oppFields = [\"parentcontactid\"];\r\n crmMemberFields.forEach((val, key) => {\r\n if (val.includes(\".\")) {\r\n if (val.split(\".\")[0].toLowerCase() == 'wcu_memberprofile') {\r\n memberProfileFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'opportunity') {\r\n oppFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'contact') {\r\n contactFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n }\r\n });\r\n window.Microsoft.CIFramework.setMode(1);\r\n let ObjData = JSON.parse(data);\r\n var memberProfile = null;\r\n var recordId = ObjData.entityId.replace('{', '').replace('}', '');\r\n let conFilter = '?$select=' + contactFields + '&$filter= contactid eq ' + recordId + '';\r\n var conResult = await window.Microsoft.CIFramework.searchAndOpenRecords(\"contact\", conFilter, true);\r\n if (conResult != null) {\r\n var conResultObj = JSON.parse(conResult);\r\n var convAttributes = {};\r\n convAttributes.ActivityId = \"\";\r\n crmMemberFields.forEach((val, key) => {\r\n if (!convAttributes.hasOwnProperty(key)) {\r\n if (val.split(\".\")[0].toLowerCase() == 'contact') {\r\n convAttributes[key] = conResultObj[0][val.split(\".\")[1].toLowerCase()];\r\n }\r\n }\r\n });\r\n }\r\n var reqDataObj = {};\r\n reqDataObj.conversation = {};\r\n reqDataObj.conversation.source = 'CRM';\r\n reqDataObj.conversation.channel = 'SMS';\r\n reqDataObj.conversation.agentId = azureID;\r\n reqDataObj.conversation.externalId = recordId;\r\n reqDataObj.conversation.externalType = \"Contact\"\r\n reqDataObj.conversation.customerPhoneNumber = !!ObjData.customphonenumber?ObjData.customphonenumber:ObjData.value; // when started the conv from oob contact form, phone number is populated in value\r\n reqDataObj.contact = {};\r\n var customerName = conResultObj[0].fullname.split(\" \");\r\n if (customerName.length == 2) {\r\n reqDataObj.contact.firstName = customerName[0];\r\n reqDataObj.contact.lastName = customerName[1];\r\n }\r\n else if (customerName.length == 3) {\r\n reqDataObj.contact.firstName = customerName[0];\r\n reqDataObj.contact.lastName = customerName[1] + ' ' + customerName[2];\r\n }\r\n else {\r\n reqDataObj.contact.firstName = conResultObj[0].fullname;\r\n }\r\n reqDataObj.contact.email = conResultObj[0].emailaddress1;\r\n reqDataObj.contact.stateCode = conResultObj[0].address1_stateorprovince;\r\n reqDataObj.contact.timezone = conResultObj[0].wcu_address1_timezone;\r\n reqDataObj.contact.contactAttributes = \"{ \\\"ExternalId\\\": \\\"\" + conResultObj[0].wcu_externalid + \"\\\",\\\"ContactId\\\": \\\"\" + recordId + \"\\\"}\";\r\n convAttributes.wcu_externalid = conResultObj[0].wcu_externalid;\r\n convAttributes.BranchId = !!ObjData.branchId?ObjData.branchId:\"\";\r\n convAttributes.ActivityId = \"\";\r\n convAttributes.EntityLogicalName = ObjData.entityLogicalName;\r\n convAttributes.EntityKeyfield = ObjData.entityLogicalName + \"id\";\r\n convAttributes.EntityId = recordId;\r\n convAttributes.PhoneNumber = !!ObjData.customphonenumber?ObjData.customphonenumber:ObjData.value;\r\n convAttributes.parentcontactid = conResultObj[0].contactid;\r\n reqDataObj.teamId = teamId;\r\n crmMemberFields.forEach((val, key) => {\r\n if (!convAttributes.hasOwnProperty(key)) {\r\n convAttributes[key] = conResultObj[val];\r\n }\r\n });\r\n reqDataObj.conversation.ConversationAttributes = JSON.stringify(convAttributes);\r\n var reqData = JSON.stringify(reqDataObj);\r\n console.log('REQDATA::' + reqData);\r\n let url = apiConfig.START_CONVERSATION;\r\n await InvokePostServiceCall(url, reqData)\r\n .then((resp) => {\r\n var response = resp.data;\r\n if (response != null && response.status === \"SUCCESS\") {\r\n console.log(\"Conversation Created succesfully\" + JSON.stringify(response));\r\n dataService.setData({ showAlertMessage: response.status });\r\n }\r\n else if (response != null && response.status === 'FAILED' && response.errorDescription != null) {\r\n if (response.isActiveinCommList == true || response.errorDescription.includes(\"Customer is already in active conversation\")||response.errorDescription.includes(\"Conversation is in unassigned queue\")) {\r\n var selfAssignConvObj = new Object();\r\n selfAssignConvObj.conversationId = response.conversationId;\r\n selfAssignConvObj.alertText = response.errorDescription;\r\n selfAssignConvObj.teamId = response.teamId;\r\n dataService.setData({ showSelfAssignAlert: selfAssignConvObj });\r\n }\r\n else {\r\n dataService.setData({ showAlertMessage: response.errorDescription });\r\n }\r\n\r\n }\r\n else {\r\n dataService.setData({ showAlertMessage: response.errorDescription });\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err, \"Error Message\");\r\n dataService.setData({ showAlertMessage: \"\" });\r\n });\r\n isClicked = null;\r\n } catch (err) {\r\n console.log(err, \"Error Message - Custom\");\r\n dataService.setData({ showAlertMessage: \"Something went wrong with member data.\" });\r\n isClicked = null;\r\n }\r\n\r\n}\r\nexport async function getCustomConvAttributesD(data, azureID, crmMemberFields, teamId) {\r\n console.log(\"startCustomConversation-cifutil-start\" + data);\r\n try {\r\n openCifWindow();\r\n\r\n console.log(\"startCustomConversation- cifutil - executing\" + data);\r\n var contactFields = [\"firstname\", \"fullname\", \"emailaddress1\", \"wcu_externalid\", \"contactid\", \"mobilephone\",\"address1_stateorprovince\",\"wcu_address1_timezone\"];\r\n var memberProfileFields = [\"wcu_donottext\", \"wcu_opportunityid\", \"wcu_lastname\", \"wcu_externalid\", \"wcu_memberprofileid\", \"wcu_mobilephone\", \"wcu_firstname\", \"wcu_address1_stateprovince\",\"wcu_address1_timezone\"];\r\n var oppFields = [\"parentcontactid\"];\r\n\r\n crmMemberFields.forEach((val, key) => {\r\n if (val.includes(\".\")) {\r\n if (val.split(\".\")[0].toLowerCase() == 'wcu_memberprofile') {\r\n memberProfileFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'opportunity') {\r\n oppFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'contact') {\r\n contactFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n }\r\n });\r\n\r\n\r\n\r\n\r\n window.Microsoft.CIFramework.setMode(1);\r\n let ObjData = JSON.parse(data);\r\n var memberProfile = null;\r\n var recordId = ObjData.entityId.replace('{', '').replace('}', '');\r\n\r\n let conFilter = '?$select=' + contactFields + '&$filter= contactid eq ' + recordId + '';\r\n var conResult = await window.Microsoft.CIFramework.searchAndOpenRecords(\"contact\", conFilter, true);\r\n if (conResult != null) {\r\n var conResultObj = JSON.parse(conResult);\r\n var convAttributes = {};\r\n convAttributes.ActivityId = \"\";\r\n crmMemberFields.forEach((val, key) => {\r\n if (!convAttributes.hasOwnProperty(key)) {\r\n if (val.split(\".\")[0].toLowerCase() == 'contact') {\r\n convAttributes[key] = conResultObj[0][val.split(\".\")[1].toLowerCase()];\r\n }\r\n }\r\n });\r\n }\r\n\r\n var reqDataObj = {};\r\n reqDataObj.conversation = {};\r\n\r\n\r\n reqDataObj.conversation.source = 'CRM';\r\n reqDataObj.conversation.channel = 'SMS';\r\n reqDataObj.conversation.agentId = azureID;\r\n reqDataObj.conversation.externalId = recordId;\r\n reqDataObj.conversation.externalType = \"Contact\"\r\n reqDataObj.conversation.customerPhoneNumber = !!ObjData.customphonenumber?ObjData.customphonenumber:ObjData.value;\r\n reqDataObj.contact = {};\r\n var customerName = conResultObj[0].fullname.split(\" \");\r\n if (customerName.length > 1) {\r\n reqDataObj.contact.firstName = customerName[0];\r\n reqDataObj.contact.lastName = customerName[1];\r\n }\r\n else {\r\n reqDataObj.contact.firstName = conResultObj[0].fullname;\r\n }\r\n\r\n reqDataObj.contact.email = conResultObj[0].emailaddress1;\r\n reqDataObj.contact.stateCode = conResultObj[0].address1_stateorprovince;\r\n reqDataObj.contact.timezone = conResultObj[0].wcu_address1_timezone;\r\n reqDataObj.contact.contactAttributes = \"{ \\\"ExternalId\\\": \\\"\" + conResultObj[0].wcu_externalid + \"\\\",\\\"ContactId\\\": \\\"\" + recordId + \"\\\"}\";\r\n convAttributes.wcu_externalid = conResultObj[0].wcu_externalid;\r\n convAttributes.BranchId = !!ObjData.branchId?ObjData.branchId:\"\";\r\n convAttributes.ActivityId = \"\";\r\n convAttributes.EntityLogicalName = ObjData.entityLogicalName;\r\n convAttributes.EntityKeyfield = ObjData.entityLogicalName + \"id\";\r\n convAttributes.EntityId = recordId;\r\n convAttributes.PhoneNumber = !!ObjData.customphonenumber?ObjData.customphonenumber:ObjData.value;\r\n convAttributes.parentcontactid = conResultObj[0].contactid;\r\n reqDataObj.teamId = teamId;\r\n crmMemberFields.forEach((val, key) => {\r\n if (!convAttributes.hasOwnProperty(key)) {\r\n convAttributes[key] = conResultObj[val];\r\n }\r\n });\r\n reqDataObj.conversation.ConversationAttributes = JSON.stringify(convAttributes);\r\n isClicked = null;\r\n return reqDataObj;\r\n } catch (err) {\r\n console.log(err, \"Error Message - Custom\");\r\n dataService.setData({ showAlertMessage: \"Something went wrong with member data.\" });\r\n isClicked = null;\r\n }\r\n\r\n}\r\nexport async function startConvWithTemplatesD(reqDataObj) {\r\n var reqData = JSON.stringify(reqDataObj);\r\n let url = apiConfig.START_CONVERSATION;\r\n InvokePostServiceCall(url, reqData)\r\n .then((resp) => {\r\n var response = resp.data;\r\n if (response != null && response.status === \"SUCCESS\") {\r\n console.log(\"Conversation Created succesfully\" + JSON.stringify(response));\r\n if (response.sendMessageResp?.status === \"FAILED\") {\r\n dataService.setData({ showAlertMessage: response.sendMessageResp?.errorDescription });\r\n\r\n } else {\r\n dataService.setData({ showAlertMessage: response.status });\r\n }\r\n }\r\n else if (response != null && response.status === 'FAILED' && response.errorDescription != null) {\r\n if (response.isActiveinCommList == true || response.errorDescription.includes(\"Customer is already in active conversation\")||response.errorDescription.includes(\"Conversation is in unassigned queue\")) {\r\n var selfAssignConvObj = new Object();\r\n selfAssignConvObj.conversationId = response.conversationId;\r\n selfAssignConvObj.alertText = response.errorDescription;\r\n selfAssignConvObj.teamId = response.teamId;\r\n dataService.setData({ showSelfAssignAlert: selfAssignConvObj });\r\n }\r\n else {\r\n dataService.setData({ showAlertMessage: response.errorDescription });\r\n }\r\n }\r\n else {\r\n dataService.setData({ showAlertMessage: \"\" });\r\n }\r\n\r\n })\r\n .catch((err) => {\r\n console.log(err, \"Error Message\");\r\n dataService.setData({ showAlertMessage: \"\" });\r\n });\r\n\r\n}\r\nexport async function getConvAttributesD(data, azureID, crmMemberFields, teamId) {\r\n try {\r\n console.log(\"startConversation\" + data);\r\n openCifWindow();\r\n let ObjData = JSON.parse(data);\r\n var memberProfile = null;\r\n let filter = \"\";\r\n if (ObjData.entityLogicalName == 'contact') {\r\n getCustomConvAttributesD(data, azureID, crmMemberFields, teamId);\r\n return;\r\n }\r\n else {\r\n //var strCrmFields = userInfo.crmMemberFields != null && userInfo.crmMemberFields != '' ? userInfo.crmMemberFields : '';\r\n var oppId = ObjData.entityId.replace('{', '').replace('}', '');\r\n var applicationID = ObjData.value;\r\n var memberProfileFields = [\"wcu_donottext\", \"wcu_opportunityid\", \"wcu_lastname\", \"wcu_externalid\", \"wcu_memberprofileid\", \"wcu_mobilephone\", \"wcu_firstname\", \"wcu_emailaddress1\", \"wcu_address1_stateprovince\",\"wcu_address1_timezone\"];\r\n var oppFields = [\"parentcontactid\", \"opportunityid\"];\r\n var contactFields = [\"firstname\"];\r\n\r\n crmMemberFields.forEach((val, key) => {\r\n if (val.includes(\".\")) {\r\n if (val.split(\".\")[0].toLowerCase() == 'wcu_memberprofile') {\r\n memberProfileFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'opportunity') {\r\n oppFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'contact') {\r\n contactFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n }\r\n });\r\n if (ObjData.entityLogicalName == 'wcu_memberprofile') {\r\n filter = '?$select=' + memberProfileFields + ' &$filter= wcu_memberprofileid eq ' + ObjData.entityId + ' &$expand=wcu_opportunityid($select=' + oppFields + ')';\r\n\r\n }\r\n else {\r\n filter = '?$select=' + memberProfileFields + ' &$filter= wcu_applicanttype eq 799470000 and wcu_opportunityid/opportunityid eq ' + oppId + ' &$expand=wcu_opportunityid($select=' + oppFields + ')';\r\n\r\n }\r\n\r\n\r\n // var memberProfile = await searchRecordinCRM(\"wcu_memberprofile\", filter);\r\n var result = await window.Microsoft.CIFramework.searchAndOpenRecords(\"wcu_memberprofile\", filter, true);\r\n var memberProfiles = JSON.parse(result);\r\n if (memberProfiles != null) {\r\n memberProfile = memberProfiles[0];\r\n }\r\n if (memberProfile != null && (memberProfile.wcu_mobilephone != null || ObjData.customphonenumber)) {\r\n if (memberProfile.wcu_donottext === false) {\r\n let oppFilter = '?$select=' + oppFields + '&$filter= opportunityid eq ' + memberProfile.wcu_opportunityid.opportunityid + '&$expand=parentcontactid($select = ' + contactFields + ')';\r\n var oppResult = await window.Microsoft.CIFramework.searchAndOpenRecords(\"opportunity\", oppFilter, true);\r\n var oppResultObj = {};\r\n if (oppResult != null) {\r\n oppResultObj = JSON.parse(oppResult);\r\n }\r\n var reqDataObj = {};\r\n reqDataObj.conversation = {};\r\n reqDataObj.conversation.source = 'CRM';\r\n reqDataObj.conversation.channel = 'SMS';\r\n reqDataObj.conversation.agentId = azureID;\r\n reqDataObj.conversation.externalId = oppResultObj[0].opportunityid;\r\n reqDataObj.conversation.externalType = \"Opportunity\"\r\n reqDataObj.conversation.customerPhoneNumber = ObjData.customphonenumber ? ObjData.customphonenumber : memberProfile.wcu_mobilephone;\r\n reqDataObj.contact = {};\r\n reqDataObj.contact.firstName = memberProfile.wcu_firstname;\r\n reqDataObj.contact.lastName = memberProfile.wcu_lastname;\r\n reqDataObj.contact.email = memberProfile.wcu_emailaddress1;\r\n reqDataObj.contact.stateCode = memberProfile[\"wcu_address1_stateprovince@OData.Community.Display.V1.FormattedValue\"];\r\n reqDataObj.contact.timezone = memberProfile.wcu_address1_timezone;\r\n reqDataObj.contact.contactAttributes = \"{ \\\"ExternalId\\\": \\\"\" + memberProfile.wcu_externalid + \"\\\",\\\"ContactId\\\": \\\"\" + memberProfile.wcu_memberprofileid + \"\\\"}\";\r\n reqDataObj.teamId = teamId;\r\n var convAttributes = {};\r\n convAttributes.BranchId = !!ObjData.branchId?ObjData.branchId:\"\";\r\n convAttributes.ActivityId = \"\";\r\n convAttributes.EntityLogicalName = \"opportunity\";\r\n convAttributes.EntityKeyfield = \"opportunityid\";\r\n convAttributes.EntityId = oppResultObj[0].opportunityid;\r\n //Store member profile id to conv attributes\r\n convAttributes.EntityLogicalName2 = \"wcu_memberprofile\";\r\n convAttributes.EntityKeyfield2 = \"wcu_memberprofileid\";\r\n convAttributes.EntityId2 = memberProfile.wcu_memberprofileid;\r\n\r\n convAttributes.PhoneNumber = ObjData.customphonenumber ? ObjData.customphonenumber : memberProfile.wcu_mobilephone;\r\n if (oppResultObj != null && oppResultObj[0].parentcontactid) {\r\n convAttributes.parentcontactid = oppResultObj[0].parentcontactid.contactid;\r\n }\r\n convAttributes.ApplicationNumber = applicationID;\r\n crmMemberFields.forEach((val, key) => {\r\n if (!convAttributes.hasOwnProperty(key)) {\r\n if (val.includes(\".\")) {\r\n if (val.split(\".\")[0].toLowerCase() == 'wcu_memberprofile') {\r\n convAttributes[key] = memberProfile[val.split(\".\")[1].toLowerCase()];\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'opportunity') {\r\n convAttributes[key] = memberProfile.wcu_opportunityid[val.split(\".\")[1].toLowerCase()];\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'contact' && oppResultObj[0].parentcontactid) {\r\n convAttributes[key] = oppResultObj[0].parentcontactid[val.split(\".\")[1].toLowerCase()];\r\n }\r\n }\r\n\r\n }\r\n });\r\n\r\n reqDataObj.conversation.ConversationAttributes = JSON.stringify(convAttributes);\r\n return reqDataObj;\r\n\r\n }\r\n else {\r\n dataService.setData({ showAlertMessage: 'Customer consent is missing to contact' });\r\n }\r\n }\r\n else {\r\n if (memberProfile == null) {\r\n dataService.setData({ showAlertMessage: 'Primary Member Profile not available' });\r\n }\r\n else {\r\n dataService.setData({ showAlertMessage: 'Mobile number not present for Primary Member Profile' });\r\n }\r\n }\r\n }\r\n }\r\n catch (err) {\r\n console.log(err, \"Error Message\");\r\n dataService.setData({ showAlertMessage: 'Please check Application is having all required data. Eg Contact etc' });\r\n }\r\n}\r\n\r\n///This method is invoked from CRM Member Profile/Application/Contact\r\nexport async function startConversationD(data, azureID, crmMemberFields, teamId) {\r\n try {\r\n console.log(\"startConversation\" + data);\r\n openCifWindow();\r\n let ObjData = JSON.parse(data);\r\n var memberProfile = null;\r\n let filter = \"\";\r\n if (ObjData.entityLogicalName == 'contact') { //Start conversation for Contact\r\n startCustomConversationD(data, azureID, crmMemberFields, teamId);\r\n return;\r\n }\r\n else {\r\n //var strCrmFields = userInfo.crmMemberFields != null && userInfo.crmMemberFields != '' ? userInfo.crmMemberFields : '';\r\n var oppId = ObjData.entityId.replace('{', '').replace('}', '');\r\n var applicationID = ObjData.value;\r\n var memberProfileFields = [\"wcu_donottext\", \"wcu_opportunityid\", \"wcu_lastname\", \"wcu_externalid\", \"wcu_memberprofileid\", \"wcu_mobilephone\", \"wcu_firstname\", \"wcu_emailaddress1\",\"wcu_address1_stateprovince\",\"wcu_address1_timezone\"];\r\n var oppFields = [\"parentcontactid\", \"opportunityid\"];\r\n var contactFields = [\"firstname\"];\r\n\r\n crmMemberFields.forEach((val, key) => {\r\n if (val.includes(\".\")) {\r\n if (val.split(\".\")[0].toLowerCase() == 'wcu_memberprofile') {\r\n memberProfileFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'opportunity') {\r\n oppFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'contact') {\r\n contactFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n }\r\n });\r\n if (ObjData.entityLogicalName == 'wcu_memberprofile') {\r\n filter = '?$select=' + memberProfileFields + ' &$filter= wcu_memberprofileid eq ' + ObjData.entityId + ' &$expand=wcu_opportunityid($select=' + oppFields + ')';\r\n\r\n }\r\n else {\r\n filter = '?$select=' + memberProfileFields + ' &$filter= wcu_applicanttype eq 799470000 and wcu_opportunityid/opportunityid eq ' + oppId + ' &$expand=wcu_opportunityid($select=' + oppFields + ')';\r\n\r\n }\r\n\r\n\r\n // var memberProfile = await searchRecordinCRM(\"wcu_memberprofile\", filter);\r\n var result = await window.Microsoft.CIFramework.searchAndOpenRecords(\"wcu_memberprofile\", filter, true);\r\n var memberProfiles = JSON.parse(result);\r\n if (memberProfiles != null) {\r\n memberProfile = memberProfiles[0];\r\n }\r\n if (memberProfile != null && (memberProfile.wcu_mobilephone != null || ObjData.customphonenumber)) { \r\n //start conv only when we have member profile and any of from wcu_mobilephone or customphonenumber\r\n if (memberProfile.wcu_donottext === false) {\r\n let oppFilter = '?$select=' + oppFields + '&$filter= opportunityid eq ' + memberProfile.wcu_opportunityid.opportunityid + '&$expand=parentcontactid($select = ' + contactFields + ')';\r\n var oppResult = await window.Microsoft.CIFramework.searchAndOpenRecords(\"opportunity\", oppFilter, true);\r\n var oppResultObj = {};\r\n if (oppResult != null) {\r\n oppResultObj = JSON.parse(oppResult);\r\n }\r\n var reqDataObj = {};\r\n reqDataObj.conversation = {};\r\n reqDataObj.conversation.source = 'CRM';\r\n reqDataObj.conversation.channel = 'SMS';\r\n reqDataObj.conversation.agentId = azureID;\r\n reqDataObj.conversation.externalId = oppResultObj[0].opportunityid;\r\n reqDataObj.conversation.externalType = \"Opportunity\"\r\n reqDataObj.conversation.customerPhoneNumber = ObjData.customphonenumber ? ObjData.customphonenumber : memberProfile.wcu_mobilephone;\r\n reqDataObj.contact = {};\r\n reqDataObj.contact.firstName = memberProfile.wcu_firstname;\r\n reqDataObj.contact.lastName = memberProfile.wcu_lastname;\r\n reqDataObj.contact.email = memberProfile.wcu_emailaddress1;\r\n reqDataObj.contact.stateCode = memberProfile[\"wcu_address1_stateprovince@OData.Community.Display.V1.FormattedValue\"]; \r\n reqDataObj.contact.timezone = memberProfile.wcu_address1_timezone;\r\n reqDataObj.contact.contactAttributes = \"{ \\\"ExternalId\\\": \\\"\" + memberProfile.wcu_externalid + \"\\\",\\\"ContactId\\\": \\\"\" + memberProfile.wcu_memberprofileid + \"\\\"}\";\r\n reqDataObj.teamId = teamId;\r\n var convAttributes = {};\r\n convAttributes.BranchId = !!ObjData.branchId?ObjData.branchId:\"\";\r\n convAttributes.ActivityId = \"\";\r\n convAttributes.EntityLogicalName = \"opportunity\";\r\n convAttributes.EntityKeyfield = \"opportunityid\";\r\n convAttributes.EntityId = oppResultObj[0].opportunityid;\r\n\r\n //Store member profile id to conv attributes\r\n convAttributes.EntityLogicalName2 = \"wcu_memberprofile\";\r\n convAttributes.EntityKeyfield2 = \"wcu_memberprofileid\";\r\n convAttributes.EntityId2 = memberProfile.wcu_memberprofileid;\r\n\r\n convAttributes.PhoneNumber = ObjData.customphonenumber ? ObjData.customphonenumber : memberProfile.wcu_mobilephone;\r\n if (oppResultObj != null && oppResultObj[0].parentcontactid) {\r\n convAttributes.parentcontactid = oppResultObj[0].parentcontactid.contactid;\r\n }\r\n convAttributes.ApplicationNumber = applicationID;\r\n crmMemberFields.forEach((val, key) => {\r\n if (!convAttributes.hasOwnProperty(key)) {\r\n if (val.includes(\".\")) {\r\n if (val.split(\".\")[0].toLowerCase() == 'wcu_memberprofile') {\r\n convAttributes[key] = memberProfile[val.split(\".\")[1].toLowerCase()];\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'opportunity') {\r\n convAttributes[key] = memberProfile.wcu_opportunityid[val.split(\".\")[1].toLowerCase()];\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'contact' && oppResultObj[0].parentcontactid) {\r\n convAttributes[key] = oppResultObj[0].parentcontactid[val.split(\".\")[1].toLowerCase()];\r\n }\r\n }\r\n\r\n }\r\n });\r\n\r\n reqDataObj.conversation.ConversationAttributes = JSON.stringify(convAttributes);\r\n var reqData = JSON.stringify(reqDataObj);\r\n let url = apiConfig.START_CONVERSATION;\r\n InvokePostServiceCall(url, reqData)\r\n .then((resp) => {\r\n var response = resp.data;\r\n if (response != null && response.status === \"SUCCESS\") {\r\n console.log(\"Conversation Created succesfully\" + JSON.stringify(response));\r\n dataService.setData({ showAlertMessage: response.status });\r\n }\r\n else if (response != null && response.status === 'FAILED' && response.errorDescription != null) {\r\n if (response.isActiveinCommList == true || response.errorDescription.includes(\"Customer is already in active conversation\")||response.errorDescription.includes(\"Conversation is in unassigned queue\")) {\r\n var selfAssignConvObj = new Object();\r\n selfAssignConvObj.conversationId = response.conversationId;\r\n selfAssignConvObj.alertText = response.errorDescription;\r\n selfAssignConvObj.teamId = response.teamId;\r\n dataService.setData({ showSelfAssignAlert: selfAssignConvObj });\r\n }\r\n else {\r\n dataService.setData({ showAlertMessage: response.errorDescription });\r\n }\r\n }\r\n else {\r\n dataService.setData({ showAlertMessage: \"\" });\r\n }\r\n\r\n })\r\n .catch((err) => {\r\n console.log(err, \"Error Message\");\r\n dataService.setData({ showAlertMessage: \"\" });\r\n });\r\n }\r\n else {\r\n dataService.setData({ showAlertMessage: 'Customer consent is missing to contact' });\r\n }\r\n }\r\n else {\r\n if (memberProfile == null) {\r\n dataService.setData({ showAlertMessage: 'Primary Member Profile not available' });\r\n }\r\n else {\r\n dataService.setData({ showAlertMessage: 'Mobile number not present for Primary Member Profile' });\r\n }\r\n }\r\n }\r\n }\r\n catch (err) {\r\n console.log(err, \"Error Message\");\r\n dataService.setData({ showAlertMessage: 'Please check Application is having all required data. Eg Contact etc' });\r\n }\r\n}\r\n\r\nexport async function searchContactandProspectsD(searchText) {\r\n\r\n if (searchText != null && searchText != '' && searchText != ' ') {\r\n try {\r\n var searchItem = searchText.replaceAll(/[^a-zA-Z0-9]/g, '');\r\n if (searchItem && searchItem.indexOf('1') === 0) {\r\n searchItem = searchItem.substring(1);\r\n }\r\n var searchResults = new Object();\r\n searchResults.contactResult = [];\r\n searchResults.prospectResult = [];\r\n searchResults.memberProfileResult = [];\r\n var reqDataObj = {\r\n \"search\": searchItem\r\n };\r\n var reqData = JSON.stringify(reqDataObj);\r\n console.log('REQDATA::' + reqData);\r\n let url = apiConfig.SEARCH_CRM_RECORDS;\r\n var result = await InvokePostServiceCall(url, reqData);\r\n if (result.data != null && result.data.value != null) {\r\n var response = result.data;\r\n response.value.forEach((val, key) => {\r\n if (val.searchEntityname == 'contact') {\r\n var con = val;\r\n con.contactid = val.searchObjectid;\r\n searchResults.contactResult.push(con);\r\n }\r\n else if (val.searchEntityname == 'lead') {\r\n var lead = val;\r\n lead.leadid = val.searchObjectid;\r\n searchResults.prospectResult.push(lead)\r\n }\r\n else if (val.searchEntityname == 'wcu_memberprofile') {\r\n var memnerprofile = val;\r\n memnerprofile.memberprofileid = val.searchObjectid;\r\n searchResults.memberProfileResult.push(memnerprofile)\r\n }\r\n });\r\n }\r\n return searchResults;\r\n\r\n }\r\n catch (err) {\r\n console.log(err, \"Error Message - Custom\");\r\n }\r\n\r\n\r\n /* var formattedMobileNumber = '';\r\n var mobile = searchText.replaceAll(/[^a-zA-Z0-9]/g, '');\r\n if (mobile && mobile.indexOf('1') === 0) {\r\n mobile = mobile.substring(1);\r\n }\r\n formattedMobileNumber = '%25' + mobile.replace(/.{1}/g, '$&%25');\r\n var searchResults = new Object();\r\n let contactFilter = \"?$select=mobilephone,wcu_emailaddress1,telephone1,\r\n telephone2,contactid,firstname,lastname, fullname, wcu_mobilephone &$filter=contains( mobilephone,'\" + formattedMobileNumber + \"') or contains( telephone1,'\" + formattedMobileNumber + \"') or contains( telephone2,'\" + formattedMobileNumber + \"') or wcu_emailaddress1 eq '\" + searchText + \"' or wcu_telephone1 eq '\" + searchText + \"' or firstname eq '\" + searchText + \"' or lastname eq '\" + searchText + \"' or fullname eq '\" + searchText + \"'\";\r\n searchResults.contactResult = await window.Microsoft.CIFramework.searchAndOpenRecords(\"contact\", contactFilter, true);\r\n let prospectFilter = \"?$select=emailaddress1,leadid,firstname,lastname,fullname,telephone1,telephone2,telephone3,mobilephone &$filter=contains( mobilephone,'\" + formattedMobileNumber + \"') or contains( telephone1,'\" + formattedMobileNumber + \"') or contains( telephone2,'\" + formattedMobileNumber + \"') or firstname eq '\" + searchText + \"' or lastname eq '\" + searchText + \"' or fullname eq '\" + searchText + \"'\";\r\n searchResults.prospectResult = await window.Microsoft.CIFramework.searchAndOpenRecords(\"lead\", prospectFilter, true); */\r\n\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\nexport async function searchOppandFinAccountD(recordId) {\r\n try {\r\n var searchResults = new Object();\r\n let oppFilter = \"?$select=name,wcu_externalid,wcu_productname,opportunityid &$filter=parentcontactid/contactid eq '\" + recordId + \"'\";\r\n searchResults.oppResults = await window.Microsoft.CIFramework.searchAndOpenRecords(\"opportunity\", oppFilter, true);\r\n var properties = [\r\n \"wcu_finproducttype\", \"wcu_finproductid\", \"wcu_accountid\", \"wcu_name\"].join();\r\n let finAccountFilter = \"?$select=wcu_name &$filter=_wcu_contactid_value eq \" + recordId + \" &$expand=wcu_FinAccountId($select = \" + properties + \")\";\r\n searchResults.finAccountResults = await window.Microsoft.CIFramework.searchAndOpenRecords(\"wcu_cta\", finAccountFilter, true);\r\n console.log(':::FIN::' + JSON.stringify(searchResults.finAccountResults));\r\n }\r\n catch (ex) {\r\n console.log(\"Exception:\" + ex);\r\n }\r\n finally {\r\n return searchResults;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n\r\nexport async function updateActivityD(payload) {\r\n try {\r\n var data = {};\r\n var partyList = [];\r\n var jsonData = '';\r\n var convObj = JSON.parse(payload.conv.conversationAttributes);\r\n if (payload.entityType == 'Contact') {\r\n data[\"partyid_contact@odata.bind\"] = \"/contacts(\" + payload.entityId + \")\";\r\n data[\"participationtypemask\"] = \"2\";\r\n partyList.push(data);\r\n var sms = {};\r\n sms[\"wcu_sms_activity_parties\"] = partyList;\r\n sms[\"_regardingobjectid_value\"] = null;\r\n jsonData = JSON.stringify(sms);\r\n var member = {};\r\n if (payload.channel == 'Chat') {\r\n member[\"wcu_currentchat@odata.bind\"] = \"/wcu_smses(\" + convObj.ActivityId + \")\";\r\n let strMember = JSON.stringify(member);\r\n await window.Microsoft.CIFramework.updateRecord(\"contact\", payload.entityId, strMember);\r\n }\r\n\r\n }\r\n else if (payload.entityType == 'Lead') {\r\n data[\"partyid_lead@odata.bind\"] = \"/leads(\" + payload.entityId + \")\";\r\n data[\"participationtypemask\"] = \"2\";\r\n partyList.push(data);\r\n var sms = {};\r\n sms[\"wcu_sms_activity_parties\"] = partyList;\r\n sms[\"_regardingobjectid_value\"] = null;\r\n jsonData = JSON.stringify(sms);\r\n await window.Microsoft.CIFramework.updateRecord(\"wcu_sms\", convObj.ActivityId, jsonData);\r\n }\r\n else if (payload.entityType == 'Opportunity') {\r\n data[\"regardingobjectid_opportunity@odata.bind\"] = \"/opportunities(\" + payload.entityId + \")\";\r\n jsonData = JSON.stringify(data);\r\n }\r\n else if (payload.entityType == 'wcu_memberprofile') {\r\n convObj.EntityId2 = payload.entityId;\r\n convObj.EntityKeyfield2 = \"wcu_memberprofileid\";\r\n data[\"wcu_memberprofile_wcu_sms@odata.bind\"] = \"/wcu_memberprofiles(\" + payload.entityId + \")\";\r\n data[\"regardingobjectid_opportunity@odata.bind\"] = \"/opportunities(\" + payload.opportunityid + \")\";\r\n jsonData = JSON.stringify(data);\r\n }\r\n else if (payload.entityType == 'FinAccount') {\r\n data[\"regardingobjectid_wcu_finaccount@odata.bind\"] = \"/wcu_finaccounts(\" + payload.entityId + \")\"; //need to update\r\n jsonData = JSON.stringify(data);\r\n }\r\n\r\n await window.Microsoft.CIFramework.updateRecord(\"wcu_sms\", convObj.ActivityId, jsonData);\r\n payload.conv = { ...payload.conv, conversationAttributes : JSON.stringify(convObj) }\r\n openRecordinCRMD(payload.conv, payload.crmMemberFields, false);\r\n }\r\n catch (exce) {\r\n console.log(\"exception\" + exce);\r\n }\r\n\r\n}\r\nexport async function closeActivityinCRMD(conv) {\r\n try {\r\n if (conv.conversationAttributes != null && conv.conversationAttributes !== '') {\r\n var convObj = JSON.parse(conv.conversationAttributes);\r\n if (convObj.ActivityId != null && convObj.ActivityId !== '') {\r\n var data = {\r\n \"statecode\": 1\r\n }\r\n var jsonData = JSON.stringify(data);\r\n window.Microsoft.CIFramework.updateRecord(\"wcu_sms\", convObj.ActivityId, jsonData);\r\n\r\n\r\n var linkedRecords = await getLinkedEntitiesD(convObj.ActivityId);\r\n \r\n if (!!linkedRecords.contact) {\r\n var obj = JSON.parse(linkedRecords.contact);\r\n if (!!obj) {\r\n var member = {};\r\n member[\"wcu_currentchat\"] = null;\r\n let strMember = JSON.stringify(member);\r\n await window.Microsoft.CIFramework.updateRecord(\"contact\", obj[0].contactid, strMember);\r\n }\r\n }\r\n \r\n }\r\n }\r\n }\r\n catch (err) {\r\n console.log(err, \"Error Message\");\r\n }\r\n\r\n}\r\n\r\n\r\nexport async function openCifWindow() {\r\n if (window.Microsoft != null && window.Microsoft.CIFramework != null) {\r\n window.Microsoft.CIFramework.setMode(1);\r\n }\r\n}\r\n\r\nexport async function createOrSearchTaskinCRMD(conv, crmMemberFields, createTask, activityDueDataHours, context, userTeams) {\r\n try {\r\n console.log(\"createOrSearchTaskinCRM-context\" + context);\r\n console.log(\"createOrSearchTaskinCRM-createTask\" + createTask);\r\n\r\n if (window.Microsoft != null && window.Microsoft.CIFramework != null) {\r\n var convObj = {};\r\n var searchActivityinCRM = false;\r\n console.log(\"createOrSearchTaskinCRM-CIF\");\r\n if (conv.conversationAttributes != null && conv.conversationAttributes !== '' && createTask == true) {\r\n console.log(\"createOrSearchTaskinCRM-Conv Attributes Exits\");\r\n convObj = JSON.parse(conv.conversationAttributes);\r\n if (convObj.ActivityId != null && convObj.ActivityId !== \"\") {\r\n console.log(\"createOrSearchTaskinCRM-ActivityId Exist\");\r\n dataService.setData({ addConversation: conv });\r\n console.log(\"createOrSearchTaskinCRM-openRecordinCRMD\");\r\n openRecordinCRMD(conv, crmMemberFields, true);\r\n return;\r\n }\r\n else {\r\n searchActivityinCRM = true;\r\n }\r\n }\r\n else {\r\n searchActivityinCRM = true;\r\n }\r\n console.log(\"createOrSearchTaskinCRM-searchActivityinCRM \" + searchActivityinCRM);\r\n if ((context == 'TransferConversation' || context == 'SelfAssignConversation') || searchActivityinCRM == true) {\r\n console.log(\"createOrSearchTaskinCRM-searchActivityinCRM\");\r\n var filter = '?$select= wcu_conversationid,activityid &$filter=wcu_conversationid eq ' + conv.conversationId + ' ';\r\n var result = await window.Microsoft.CIFramework.searchAndOpenRecords(\"wcu_sms\", filter, true); // Retrieve activity records with that conv id\r\n console.log(\"createOrSearchTaskinCRM-searchActivityinCRM result \" + result);\r\n var activities = JSON.parse(result);\r\n console.log(\"createOrSearchTaskinCRM-Retrieve activity records with that conv id \" + Object.keys(activities).length);\r\n if (Object.keys(activities).length != 0) {\r\n let conversation = {};\r\n let convAttributes = {};\r\n conversation = Object.assign({}, conv);\r\n if (conversation.conversationAttributes != null && conversation.conversationAttributes != \"\") {\r\n convAttributes = JSON.parse(conversation.conversationAttributes);\r\n }\r\n convAttributes.EntityLogicalName = \"wcu_sms\";\r\n convAttributes.EntityKeyfield = \"activityid\";\r\n convAttributes.EntityId = convAttributes.ActivityId = activities[0].activityid;\r\n conversation.conversationAttributes = JSON.stringify(convAttributes);\r\n dataService.setData({ updateConversation: conversation }); // Updates the conversation customerName on the client side.\r\n var reqDataObj = {};\r\n reqDataObj.conversation = conversation;\r\n console.log(\"createOrSearchTaskinCRM-updateConversation\");\r\n updateConversation(reqDataObj);\r\n console.log(\"createOrSearchTaskinCRM-openRecordinCRMD\");\r\n openRecordinCRMD(conversation, crmMemberFields, true);\r\n return conversation;\r\n }\r\n\r\n\r\n }\r\n if (createTask == true) { \r\n\r\n console.log(\"createOrSearchTaskinCRM-Inside Create Task\");\r\n var data = {};\r\n var reqDataObj = {};\r\n debugger;\r\n var convAttributes = {};\r\n convAttributes.conversationId = conv.conversationId;\r\n convAttributes.userId = conv.agentId != null ? conv.agentId.toLowerCase() : \"\";\r\n convAttributes.agentName = conv.agentName;\r\n convAttributes.wcu_firstname = conv.wcu_firstname;\r\n data = {};\r\n data[\"subject\"] = \"Message conversation\";\r\n data[\"scheduledend\"] = moment(new Date()).add(activityDueDataHours, \"hours\");\r\n data[\"wcu_to\"] = conv.customerPhoneNumber;\r\n data[\"wcu_conversationid\"] = conv.conversationId;\r\n data[\"wcu_externalsystem\"] = 'Texting';\r\n data[\"wcu_externalid\"] = conv.conversationId;\r\n if(!!convObj.BranchId){\r\n data[\"wcu_branch_wcu_sms@odata.bind\"] = \"/wcu_branchs(\"+convObj.BranchId+\")\"\r\n }\r\n var teamAttributesobj = userTeams.filter(t => t.teamId === conv.teamId)?.[0]?.teamAttributes;\r\n var crmTeamId = teamAttributesobj ? JSON.parse(teamAttributesobj)?.CRMTeamId : null;\r\n data[\"wcu_teamname\"] = crmTeamId ? crmTeamId : 799470004;\r\n // data[\"wcu_teamname\"] = conv.teamName.toLowerCase()===\"digital\"?799470000:conv.teamName.toLowerCase()===\"collections\"?799470001:conv.teamName.toLowerCase()===\"mortgage\"?799470002:conv.teamName.toLowerCase()===\"lending\"?799470003:799470004;\r\n if (conv.source.toLowerCase() === \"crm\") {\r\n data[\"wcu_messagetype\"] = 799470000;\r\n\r\n }\r\n if (conv.source.toLowerCase() === \"list\") {\r\n data[\"wcu_messagetype\"] = 799470002;\r\n }\r\n \r\n if (conv.source.toLowerCase() === \"inbound\" && conv.channel == 'SMS' ) {\r\n console.log(\"createOrSearchTaskinCRM-source Inbound\");\r\n var mobile = conv.customerPhoneNumber.replaceAll(\" \", \"\").slice(-10);\r\n // Serach for the existing contact in crm\r\n let filter = \"?$select=wcu_mobilephone&$search= \" + mobile;\r\n window.Microsoft.CIFramework.searchAndOpenRecords(\"contact\", filter, false, '', 0);\r\n data[\"wcu_messagetype\"] = 799470001;\r\n\r\n }\r\n else if (conv.channel == 'Chat') {\r\n var filter;\r\n console.log(\"memberId: \" + convObj.memberId);\r\n \r\n data[\"wcu_messagetype\"] = 395310001;\r\n if (conv.authId) {\r\n data[\"wcu_authflag\"] = \"Biometrics\";\r\n data[\"wcu_intent\"] = \"Enquiry\";\r\n }\r\n\r\n //Search and link the member record if member id passed by parent site\r\n if (conv.authId) {\r\n var contactId;\r\n filter = \"?$select= contactid &$filter=wcu_externalid eq '\" + conv.authId + \"'\";\r\n\r\n result = await window.Microsoft.CIFramework.searchAndOpenRecords(\"contact\", filter, true); // Retrieve activity records with that conv id\r\n console.log(\"createOrSearchTaskinCRM-searchContact result \" + result);\r\n var contacts = JSON.parse(result);\r\n console.log(\"createOrSearchTaskinCRM-Retrieve contact records with that member id \" + Object.keys(contacts).length);\r\n if (Object.keys(contacts).length != 0) {\r\n contactId = contacts[0].contactid;\r\n }\r\n\r\n console.log(\"createOrSearchTaskinCRM-convObj \" + convObj);\r\n dataService.setData({ addConversation: conv });\r\n if (contactId) { //If contact id found with memberid, open record in CRM\r\n openEnityinCRMD(contactId, \"contact\", \"contactid\");\r\n data[\"regardingobjectid_contact@odata.bind\"] = \"/contacts(\" + contactId + \")\";\r\n }\r\n else { //If contact id not found with member id seach in CRM\r\n //If memberId is passed by parent site search contacts by member id otherwise search by email\r\n if (convObj.memberId) {\r\n filter = \"?$select=wcu_externalid&$search= '\" + convObj.memberId + \"'\";\r\n }\r\n else {\r\n filter = \"?$select=wcu_emailaddress1&$search= \" + conv.email;\r\n }\r\n window.Microsoft.CIFramework.searchAndOpenRecords(\"contact\", filter, false, '', 0);\r\n }\r\n }\r\n else { //If memberid not passed from parent do global search by email\r\n filter = \"?$select=wcu_emailaddress1&$search= \" + conv.email;\r\n window.Microsoft.CIFramework.searchAndOpenRecords(\"contact\", filter, false, '', 0);\r\n }\r\n }\r\n else if (convObj != null && convObj !== {}) {\r\n console.log(\"createOrSearchTaskinCRM-convObj \" + convObj);\r\n dataService.setData({ addConversation: conv });\r\n if (convObj.EntityLogicalName != null && convObj.EntityLogicalName == 'opportunity') {\r\n\r\n if (convObj.parentcontactid != null && convObj.parentcontactid !== '') {\r\n var partyList = [];\r\n var partyrcd = {};\r\n //Member\r\n partyrcd[\"partyid_contact@odata.bind\"] = \"/contacts(\" + convObj.parentcontactid + \")\";\r\n partyrcd[\"participationtypemask\"] = \"2\";\r\n partyList.push(partyrcd);\r\n data[\"wcu_sms_activity_parties\"] = partyList;\r\n }\r\n\r\n //Application\r\n data[\"regardingobjectid_opportunity@odata.bind\"] = \"/opportunities(\" + convObj.EntityId + \")\";\r\n //Memberprofile\r\n if (convObj.EntityLogicalName2 && convObj.EntityLogicalName2 === 'wcu_memberprofile') {\r\n data[\"wcu_memberprofile_wcu_sms@odata.bind\"] = \"/wcu_memberprofiles(\" + convObj.EntityId2 + \")\";\r\n }\r\n \r\n }\r\n else if (convObj.EntityLogicalName != null && convObj.EntityLogicalName == 'contact') {\r\n data[\"regardingobjectid_contact@odata.bind\"] = \"/contacts(\" + convObj.EntityId + \")\";\r\n }\r\n }\r\n // var response = await createRecord(\"wcu_sms\", );\r\n console.log(\"createOrSearchTaskinCRM-Before Create\");\r\n debugger;\r\n\r\n var result = \"\";\r\n var response = new Object();\r\n var activityId = \"\";\r\n try {\r\n\r\n result = await window.Microsoft.CIFramework.createRecord(\"wcu_sms\", JSON.stringify(data));\r\n response = JSON.parse(result);\r\n activityId = response.id;\r\n }\r\n catch (err) {\r\n console.log(err, \"Error Message\");\r\n var filter = '?$select= wcu_conversationid,activityid &$filter=wcu_conversationid eq ' + conv.conversationId + ' ';\r\n\r\n result = await window.Microsoft.CIFramework.searchAndOpenRecords(\"wcu_sms\", filter, true); // Retrieve activity records with that conv id\r\n console.log(\"createOrSearchTaskinCRM-searchActivityinCRM result \" + result);\r\n var activities = JSON.parse(result);\r\n console.log(\"createOrSearchTaskinCRM-Retrieve activity records with that conv id \" + Object.keys(activities).length);\r\n if (Object.keys(activities).length != 0) {\r\n activityId = activities[0].activityid;\r\n }\r\n }\r\n finally {\r\n console.log(\"createOrSearchTaskinCRM-Create SMS Task \" + result);\r\n\r\n convObj.ActivityId = activityId;\r\n if (conv.source === \"Inbound\" || conv.channel === 'Chat') {\r\n convObj.EntityLogicalName = \"wcu_sms\";\r\n convObj.EntityKeyfield = \"activityid\";\r\n convObj.EntityId = activityId;\r\n } \r\n if (contactId) {\r\n convObj.EntityLogicalName = \"contact\";\r\n convObj.EntityKeyfield = \"contactid\";\r\n convObj.EntityId = contactId;\r\n } \r\n reqDataObj.conversation = {};\r\n reqDataObj.conversation.conversationId = conv.conversationId;\r\n reqDataObj.conversation.ConversationAttributes = JSON.stringify(convObj);\r\n var conversation = Object.assign({}, conv);\r\n conversation.conversationAttributes = reqDataObj.conversation.ConversationAttributes;\r\n dataService.setData({ updateConversation: conversation });\r\n console.log(\"createOrSearchTaskinCRM-updateConversation\" + result);\r\n updateConversation(reqDataObj); //DB\r\n }\r\n }\r\n }\r\n }\r\n catch (err) {\r\n console.log(err, \"Error Message\");\r\n }\r\n\r\n\r\n}\r\n\r\nexport function updateConversation(reqDataObj) {\r\n let url = apiConfig.UPDATE_CONVERSATION;\r\n InvokePostServiceCall(url, JSON.stringify(reqDataObj))\r\n .then((resp) => {\r\n console.log(\"Conversation updated\");\r\n })\r\n .catch((err) => {\r\n console.log(err, \"Error Message\");\r\n });\r\n\r\n}\r\n\r\n\r\nexport async function getLinkedEntitiesD(activityId) {\r\n var linkedRecords = {};\r\n linkedRecords.isRecordAvailable = false;\r\n var filter = '?$select= participationtypemask,_partyid_value,_activityid_value &$orderby= participationtypemask asc &$filter= (participationtypemask eq 2 or participationtypemask eq 8) and _activityid_value eq ' + activityId + ' ';\r\n var result = await window.Microsoft.CIFramework.searchAndOpenRecords(\"activityparty\", filter, true); // Retrieve activity party records which are \"To\" and \"Regarding\"\r\n var activities = JSON.parse(result);\r\n for (var i = 0; i < Object.keys(activities).length; i++) {\r\n if (activities[i][\"_partyid_value@Microsoft.Dynamics.CRM.lookuplogicalname\"] == \"opportunity\") {\r\n let oppFilter = \"?$select=name,wcu_externalid,wcu_productname,opportunityid &$filter=opportunityid eq \" + activities[i][\"_partyid_value\"] + \"\";\r\n linkedRecords.opportunity = await window.Microsoft.CIFramework.searchAndOpenRecords(\"opportunity\", oppFilter, true);\r\n linkedRecords.isRecordAvailable = true;\r\n try {\r\n var filter1 = '?$select=_wcu_memberprofile_value &$filter=activityid eq ' + activityId + ' &$expand=wcu_memberprofile_wcu_sms($select =wcu_firstname,wcu_lastname,wcu_name)';\r\n linkedRecords.memberprofile = await window.Microsoft.CIFramework.searchAndOpenRecords(\"wcu_sms\", filter1, true); // Retrieve member profile data by activity id\r\n } catch (error) {\r\n console.log(error)\r\n }\r\n }\r\n if (activities[i][\"_partyid_value@Microsoft.Dynamics.CRM.lookuplogicalname\"] == \"contact\") {\r\n let contactFilter = \"?$select=wcu_emailaddress1,wcu_telephone1,wcu_telephone2,contactid,firstname,lastname, fullname, wcu_mobilephone &$filter= contactid eq \" + activities[i][\"_partyid_value\"] + \"\";\r\n linkedRecords.contact = await window.Microsoft.CIFramework.searchAndOpenRecords(\"contact\", contactFilter, true);\r\n linkedRecords.isRecordAvailable = true;\r\n }\r\n if (activities[i][\"_partyid_value@Microsoft.Dynamics.CRM.lookuplogicalname\"] == \"lead\") {\r\n let prospectFilter = \"?$select=emailaddress1,leadid,firstname,lastname,fullname,telephone1,telephone2,telephone3 &$filter=leadid eq \" + activities[i][\"_partyid_value\"] + \"\";\r\n linkedRecords.lead = await window.Microsoft.CIFramework.searchAndOpenRecords(\"lead\", prospectFilter, true);\r\n linkedRecords.isRecordAvailable = true;\r\n }\r\n \r\n // if (activities[i][\"_partyid_value@Microsoft.Dynamics.CRM.lookuplogicalname\"] === \"wcu_memberprofile\") {\r\n // let oppFilter = \"?$select=wcu_donottext,wcu_opportunityid,wcu_lastname,wcu_externalid,wcu_memberprofileid,wcu_mobilephone,wcu_firstname &$filter=wcu_memberprofileid eq \" + activities[i][\"_partyid_value\"] + \"\";\r\n // linkedRecords.memberprofile = await window.Microsoft.CIFramework.searchAndOpenRecords(\"wcu_memberprofile\", oppFilter, true);\r\n // linkedRecords.isRecordAvailable = true;\r\n // }\r\n if (activities[i][\"_partyid_value@Microsoft.Dynamics.CRM.lookuplogicalname\"] == \"wcu_finaccount\") {\r\n var properties = [\"wcu_finproducttype\", \"wcu_finproductid\", \"wcu_accountid\", \"wcu_name\"].join();\r\n let finAccountFilter = \"?$select=\" + properties + \" &$filter=wcu_finaccountid eq \" + activities[i][\"_partyid_value\"] + \"\";\r\n linkedRecords.finaccount = await window.Microsoft.CIFramework.searchAndOpenRecords(\"wcu_finaccount\", finAccountFilter, true);\r\n linkedRecords.isRecordAvailable = true;\r\n }\r\n\r\n }\r\n\r\n return linkedRecords;\r\n\r\n\r\n}\r\n\r\n\r\nexport async function getLinkedEntityNamesD(activityId) {\r\n var linkedRecords = {};\r\n var hasContact=false;\r\n linkedRecords.isRecordAvailable = false;\r\n var filter = '?$select= participationtypemask,_partyid_value,_activityid_value &$orderby= participationtypemask asc &$filter= (participationtypemask eq 2 or participationtypemask eq 8) and _activityid_value eq ' + activityId + ' ';\r\n var result = await window.Microsoft.CIFramework.searchAndOpenRecords(\"activityparty\", filter, true); // Retrieve activity party records which are \"To\" and \"Regarding\"\r\n var activities = JSON.parse(result);\r\n var linkedEntitiesNames = [];\r\n for (var i = 0; i < Object.keys(activities).length; i++) {\r\n linkedEntitiesNames.push(activities[i][\"_partyid_value@Microsoft.Dynamics.CRM.lookuplogicalname\"]);\r\n }\r\n linkedEntitiesNames.push(\"users\");\r\n linkedEntitiesNames.push(\"userattributes\");\r\n linkedEntitiesNames.push(\"teamattributes\");\r\n hasContact = [\"contact\",\"opportunity\"].every(value => {\r\n return linkedEntitiesNames.includes(value);\r\n });\r\n if (hasContact)\r\n linkedEntitiesNames = linkedEntitiesNames.filter(item => item !== \"contact\")\r\n\r\n return linkedEntitiesNames;\r\n}\r\n\r\n\r\n\r\nexport async function openRecordinCRMD(conv, crmMemberFields, openRecord) {\r\n try {\r\n console.log(\"openRecordinCRMD-Started\");\r\n let filter = '';\r\n\r\n if (conv.conversationAttributes != null && conv.conversationAttributes !== '') {\r\n var convObj = JSON.parse(conv.conversationAttributes);\r\n var entityKeyField = convObj.EntityKeyfield;\r\n var entityId = convObj.EntityId;\r\n var entityLogicalName = convObj.EntityLogicalName;\r\n if (convObj.ActivityId != null && convObj.ActivityId !== '') { // Check if the activity id is present\r\n console.log(\"openRecordinCRMD-ActivityId Exists & Open in CRM\");\r\n filter = '?$select= participationtypemask,_partyid_value,_activityid_value &$orderby= participationtypemask desc &$filter= (participationtypemask eq 2 or participationtypemask eq 8 ) and _activityid_value eq ' + convObj.ActivityId + ' ';\r\n var result = await window.Microsoft.CIFramework.searchAndOpenRecords(\"activityparty\", filter, true); // Retrieve activity party records which are \"To\" and \"Regarding\"\r\n console.log(\"openRecordinCRMD-result\" + result);\r\n var activity = JSON.parse(result)[0];\r\n // searchRecordinCRM(\"wcu_sms\", filter);\r\n if (activity != null && activity._partyid_value != null) { // Checking the actvity is having the linked to contact or opp\r\n entityKeyField = activity[\"_partyid_value@Microsoft.Dynamics.CRM.lookuplogicalname\"] + \"id\";\r\n entityId = activity[\"_partyid_value\"];\r\n entityLogicalName = activity[\"_partyid_value@Microsoft.Dynamics.CRM.lookuplogicalname\"];\r\n var lstactivities = JSON.parse(result);\r\n console.log(\"openRecordinCRMD-updatetokenswithcrmdata\" + result);\r\n updateTokenswithCRMdata(lstactivities, conv, convObj, crmMemberFields);\r\n }\r\n }\r\n filter = '?$select= ' + entityKeyField + '&$filter= ' + entityKeyField + ' eq ' + entityId + ' ';\r\n console.log(\"openRecordinCRMD-openRecord\" + openRecord);\r\n if (openRecord == true) {\r\n window.Microsoft.CIFramework.searchAndOpenRecords(entityLogicalName, filter, false).then(\r\n function success(result) {\r\n },\r\n function (error) {\r\n console.log(error.message);\r\n }\r\n );\r\n }\r\n }\r\n console.log(\"openRecordinCRMD-Ended\");\r\n }\r\n catch (err) {\r\n console.log(err, \"Error Message\");\r\n }\r\n}\r\n\r\n\r\nexport async function openEnityinCRMD (entityId, entityLogicalName, entityKeyField) {\r\n var filter = '?$select= ' + entityKeyField + '&$filter= ' + entityKeyField + ' eq ' + entityId + ' ';\r\n window.Microsoft.CIFramework.searchAndOpenRecords(entityLogicalName, filter, false).then(\r\n function success(result) {\r\n },\r\n function (error) {\r\n console.log(error.message);\r\n }\r\n\r\n );\r\n}\r\n\r\n\r\n\r\n\r\nexport const openContextRecordInCRM = (conv, crmMemberFields, entity) => (event) => {\r\n openRecordinCRMD(conv, crmMemberFields, entity);\r\n}\r\n\r\nexport async function updateTokenswithCRMdata(activities, conv, convObj, crmMemberFields) {\r\n try {\r\n let conversation = {};\r\n let convAttributes = {};\r\n let contact = new Object();\r\n var memberProfileFields = [\"wcu_donottext\", \"wcu_opportunityid\", \"wcu_lastname\", \"wcu_externalid\", \"wcu_memberprofileid\", \"wcu_mobilephone\", \"wcu_firstname\", \"wcu_emailaddress1\", \"wcu_address1_stateprovince\",\"wcu_address1_timezone\"];\r\n var oppFields = [\"parentcontactid\"];\r\n var contactFields = ['firstname', 'emailaddress1', 'address1_stateorprovince','wcu_address1_timezone'];\r\n var finAcctFields = [\"wcu_finproducttype\", \"wcu_finproductid\", \"wcu_accountid\", \"wcu_name\"];\r\n conversation = Object.assign({}, conv);\r\n convAttributes = JSON.parse(conversation.conversationAttributes);\r\n crmMemberFields.forEach((val, key) => {\r\n if (val.includes(\".\")) {\r\n if (val.split(\".\")[0].toLowerCase() == 'wcu_memberprofile') {\r\n memberProfileFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'opportunity') {\r\n oppFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'contact') {\r\n\r\n contactFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'wcu_finaccount') {\r\n finAcctFields.push(val.split(\".\")[1].toLowerCase());\r\n }\r\n }\r\n });\r\n // Update tokens for all the linked entities\r\n for (let i = Object.keys(activities).length; i > 0; i--) {\r\n convAttributes = JSON.parse(conversation.conversationAttributes);\r\n var activity = activities[i - 1];\r\n let entityKeyField = activity[\"_partyid_value@Microsoft.Dynamics.CRM.lookuplogicalname\"] + \"id\";\r\n let entityId = activity[\"_partyid_value\"];\r\n let entityLogicalName = activity[\"_partyid_value@Microsoft.Dynamics.CRM.lookuplogicalname\"];\r\n\r\n\r\n\r\n\r\n //if ((conv.customerName == null || !!conv.customerName || conv.customerName == 'Unknown')) {\r\n if (entityLogicalName === 'contact' || entityLogicalName === 'lead') {\r\n if (activity.participationtypemask == 2) {\r\n conversation.customerName = activity[\"_partyid_value@OData.Community.Display.V1.FormattedValue\"];\r\n convAttributes.CustomerName = activity[\"_partyid_value@OData.Community.Display.V1.FormattedValue\"];\r\n convAttributes.wcu_externalid = convObj.wcu_externalid;\r\n convAttributes.wcu_firstname = activity[\"_partyid_value@OData.Community.Display.V1.FormattedValue\"];\r\n }\r\n if (entityLogicalName === 'contact') {\r\n\r\n let contactFilter = '?$select=' + contactFields + '&$filter= contactid eq ' + entityId + \"\";\r\n var conResult = await window.Microsoft.CIFramework.searchAndOpenRecords(\"contact\", contactFilter, true);\r\n var conResultObj = {};\r\n if (conResult != null) {\r\n conResultObj = JSON.parse(conResult);\r\n contact.email = conResultObj[0][\"emailaddress1\"];\r\n contact.stateCode = conResultObj[0][\"address1_stateorprovince\"];\r\n contact.timezone = conResultObj[0][\"wcu_address1_timezone\"];\r\n crmMemberFields.forEach((val, key) => {\r\n // if (!convAttributes.hasOwnProperty(key)) {\r\n if (val.includes(\".\")) {\r\n if (val.split(\".\")[0].toLowerCase() == 'contact') {\r\n convAttributes[key] = conResultObj[0][val.split(\".\")[1].toLowerCase()];\r\n }\r\n }\r\n // }\r\n })\r\n }\r\n\r\n\r\n }\r\n }\r\n else if (entityLogicalName === 'opportunity') {\r\n let oppfilter = '?$select= wcu_externalid &$filter= opportunityid eq ' + entityId + '';\r\n var result = await window.Microsoft.CIFramework.searchAndOpenRecords(\"opportunity\", oppfilter, true);\r\n var opportunities = JSON.parse(result);\r\n var opp = {};\r\n if (opportunities != null) {\r\n opp = opportunities[0];\r\n var formattedMobileNumber = '';\r\n var mobile = conv.customerPhoneNumber.replaceAll(/[^a-zA-Z0-9]/g, '');\r\n if (mobile && mobile.indexOf('1') === 0) {\r\n mobile = mobile.substring(1);\r\n }\r\n formattedMobileNumber = '%25' + mobile.replace(/.{1}/g, '$&%25');\r\n //formattedMobileNumber = '*' + mobile.replace(/.{1}/g, '$&*');\r\n let filter =\"\";\r\n if (convObj.EntityId2 && convObj.EntityKeyfield2 === \"wcu_memberprofileid\") {\r\n filter = \"?$select=\" + memberProfileFields + \"&$filter=wcu_memberprofileid eq \" + convObj.EntityId2 //get only member profile details by id\r\n } else {\r\n filter = \"?$select=\" + memberProfileFields + \"&$filter=contains(wcu_mobilephone, '\" + formattedMobileNumber + \"') and wcu_opportunityid/opportunityid eq \" + entityId + \" &$expand=wcu_opportunityid($select=\" + oppFields + \")\";\r\n }\r\n\r\n try {\r\n result = await window.Microsoft.CIFramework.searchAndOpenRecords(\"wcu_memberprofile\", filter, true);\r\n if (result != null) {\r\n var memberProfiles = JSON.parse(result);\r\n var memberProfile;\r\n if (memberProfiles != null) {\r\n\r\n memberProfile = memberProfiles[0];\r\n }\r\n if (memberProfile != null) {\r\n var firstName = memberProfile[\"wcu_firstname\"] != null ? memberProfile[\"wcu_firstname\"] : \"\";\r\n var lstName = memberProfile[\"wcu_lastname\"] != null ? memberProfile[\"wcu_lastname\"] : \"\"\r\n conversation.customerName = firstName + \" \" + lstName;\r\n contact.email = memberProfile[\"wcu_emailaddress1\"];\r\n contact.stateCode = memberProfile[\"wcu_address1_stateprovince@OData.Community.Display.V1.FormattedValue\"];\r\n contact.timezone = memberProfile.wcu_address1_timezone;\r\n convAttributes.ApplicationNumber = opp[\"wcu_externalid\"];\r\n convAttributes.PhoneNumber = memberProfile.wcu_mobilephone;\r\n crmMemberFields.forEach((val, key) => {\r\n // if (!convAttributes.hasOwnProperty(key)) {\r\n if (val.includes(\".\")) {\r\n if (val.split(\".\")[0].toLowerCase() == 'wcu_memberprofile') {\r\n convAttributes[key] = memberProfile[val.split(\".\")[1].toLowerCase()];\r\n }\r\n else if (val.split(\".\")[0].toLowerCase() == 'opportunity' && memberProfile.wcu_opportunityid) {\r\n convAttributes[key] = memberProfile.wcu_opportunityid[val.split(\".\")[1].toLowerCase()];\r\n }\r\n }\r\n // }\r\n })\r\n }\r\n }\r\n }\r\n catch (ex) {\r\n console.log(\"Excepton\" + ex);\r\n }\r\n finally {\r\n convAttributes.ApplicationNumber = opp[\"wcu_externalid\"];\r\n }\r\n }\r\n }\r\n else if (entityLogicalName == 'wcu_finaccount') {\r\n let finAccFilter = '?$select=' + finAcctFields + '&$filter= wcu_finaccountid eq ' + entityId + \"\";\r\n var finAccResult = await window.Microsoft.CIFramework.searchAndOpenRecords(\"wcu_finaccount\", finAccFilter, true);\r\n var finAccResultObj = {};\r\n if (finAccResult != null) {\r\n finAccResultObj = JSON.parse(finAccResult);\r\n }\r\n crmMemberFields.forEach((val, key) => {\r\n // if (!convAttributes.hasOwnProperty(key)) {\r\n if (val.includes(\".\")) {\r\n if (val.split(\".\")[0].toLowerCase() == 'wcu_finaccount') {\r\n convAttributes[key] = finAccResultObj[0][val.split(\".\")[1].toLowerCase()];\r\n }\r\n }\r\n // }\r\n })\r\n }\r\n convAttributes.ActivityId = convObj.ActivityId;\r\n convAttributes.EntityLogicalName = entityLogicalName;\r\n convAttributes.EntityKeyfield = entityKeyField;\r\n convAttributes.EntityId = entityId;\r\n conversation.conversationAttributes = JSON.stringify(convAttributes);\r\n }\r\n\r\n\r\n conversation.requiredConvAttrUpdate = false;\r\n conversation.linkedEntities = \"\";\r\n dataService.setData({ updateContextConv: conversation }); // Updates the conversation customerName on the client side.\r\n var reqDataObj = {};\r\n reqDataObj.conversation = conversation;\r\n reqDataObj.contact = contact;\r\n updateConversation(reqDataObj);\r\n }\r\n catch (exception) {\r\n console.log(\"exception\" + exception)\r\n }\r\n // }\r\n}","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAEsCAYAAAAfPc2WAAATWElEQVR4nO3d/ZOd513f8c/ZI639LzAtTQsTJpZXsiRLSvJDJw7GkigtfQBiSYkTS6sHQhLHFkxry4mVSFrJih1ZDw4/tcAw00IoTZuRHxLbmKc4JDU4JlZsE2dg3P7UARIgwISz56z6w70HQ2xF2tV1zn3fZ1+vGY1m9LB7eXbsffu6rvt7dwIj8Op3crHuNQBciTddm07da2DyTNW9AACASSOwAAAKE1gAAIUJLACAwgQWAEBhAgsAoDCBBQBQmMACAChMYAEAFCawAAAKE1gAAIUJLACAwgQWAEBhAgsAoDCBBQBQmMACAChMYAEAFCawAAAKE1gAAIUJLACAwgQWAEBhAgsAoDCBBQBQmMACAChMYAEAFCawAAAKE1gAAIUJLACAwgQWAEBhAgsAoDCBBQBQmMACAChMYAEAFLaq7gUAK8PUVNLt1ruGwSBZWKh3DcDKILCAkZuaSv7PnyS/9USyerqeNfTnk5u2Jt//z0UWMHoCCxi5Tif55p8l936o3nWc/2Lyz/5FvWsAVgZ3sICx6DTgvzZTnbpXAKwUDfhPHgDAZBFYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFrRAp5Osnk663bpXQh2GX/9Vq+peCXClBBY0XLeb/PW3k5tvSC4875vsStPpJINBcv+9yaOfSaavqXtFwJUQWNBg3W7yzT9PjvzH5KUXku2bkxe+IrJWik4nuXgxefhkcvZEsv9dyW8/aScT2kBgQUNNLe5cHbs7+dVfeO3Xt29OXnkpWbW6vrUxep1O9TU+PZd88uOv/fqOrckXnk6usZMFjSawoIG63eRvvp28a2vya7/0+t+/aW3y8gt2siZVZypZWKiOBR86+vrf37EtOf/rybUiCxpLYEHDdLvJt76Z3P2B5Ku/f+k/d/P65IXnRNak6XSShcFrx4KXsu+nkqceT7q+/tBIAgsapNtN/uJbyYl7k//1K5f/89u3JC9+1XHhpOh0qmD+5JHkwY9d/s+/+18lzzydrPb1h8YRWNAQw6cF75pN/tt/vvK/d8vG5Bsv2clqu06n+vnBjyfnvsfO1Xe7dWvyxCOOC6FpBBY0QLeb/OVfJO9/d/Lk+aX//XfMJBc8Xdhaw1EMp+eSU0eW/vdv/7fJY5+tZmUBzSCwoGbdbvKtP0/m7kl+8/Hlf5xtm0VWG3U6STrJufuXF1dDu/9d8rtPuZMFTSGwoEbDUQyHf3Zpx4KXsm1z8srL7mS1RadTBdHpY1cXV0O3bk1+50nHhdAEAgtq0u0mf/vXyY//y+Qz/7Xcx71pJnnxD+1kNV1nqnpa8ORHysTV0K4fTT7730UW1E1gQQ2GE9rv/XDy9a+V//i3bDTCocn+fhTDJ773KIbl2v+u5OnPm/gOdRJYMGbdbvJXf1mNYvj1Xx7d59m+JXn5guPCphlOaH/o6JWNYliunduTL/xmMu3iO9RCYMEYDUcxHNiR/Mp/Gf3nu3l9tUNmJ6sZhu8WfOC+5Mzx0X++HVuTxz/ruBDqILBgTIZDRO+arZ72Gpd3rvOC6CYYjmI4eyJ56Nj4Pu+ef598/rydTBg3gQVjMHz9zfFDyeP/c/yff/vm5GvP+yZbl04nmZqqdq3+4Yubx+W9P5584TdENoyTwIIRGx4LHvpQmVEMy7V1U/LKSyJr3IZxdepoNY6hLrduTZ7+nONCGBeBBSPU7Sbf/qvktn+TnP+1uldTjXD4muPCsRkeCz748bKjGJbrtn+dnP9MMi2yYOQEFozIcBTDx34uefaZulfzmq2b3Mkah+GF9odP1rtz9d32/kTy208Y4QCjJrBgBKYWd67m7k4+/Yt1r+b1tm9Ovv6i48JRGY5iOH2snjtXl7NjW/KFp5Nr7GTByAgsKKzbTf7m28m7fyz59C/VvZpLe+e65OUX7GSV1plKFhaqCe3jfFpwqXZsSx75H+5kwagILCho+LTgf3p/8tyX6l7N5d283sT3kjqdZKFfHQuOY87V1dr7k8mTj/n6wygILCik06niau6e5LOfrns1V277luTFrzouvFrDFzefGvGE9tLe82PJ7/5G9aQjUI5/paCQTif50/+X/Oov1L2Spbtl4+IIBzsZy9LpJOlU961G8W7BUXvq0eTv/m7xnwMoQmBBIQsLyQ+tSZ56vu6VLM9NM8kFTxcu2XAUw+ljzRjFsFT77kwOnahGN1y8WPdqYHIILCho0E/ecn3yxB/UvZLl2bZZZC3FcMfn3P3tjKude5J75pLVq5OLC3WvBiaLwILCBoNk7YbkfINmXy3Fts3JN152J+tyOp0qRE/PtTOuduxJjp6p4mpBXEFxAgtGoNdLNr29vceF75hJXvxDO1mXMhzFcOIj7YyrAweTEw9Xc7DEFYyGwIIR6fWq48K2RtYtG41weCOdTrIwqEYxnGvhhfb37EvuPlZ9XcUVjI7AghEaDJI1a5NHfq/ulSzP9i3JyxccFw4NJ7SfOtKuUQxDO2eTj50SVzAOAgtGbH4+ufGtyeeerXsly3Pz+uSVF+1kDd8t+MDhdo5i2HtHMnfGsSCMi8CCMej1kpkN7T0uvGntyn5B9HAUw9kTyUNH617N0s3eUY1iWD0trmBcBBaMyaCfXDfT3p2s7ZuTC8+vvOPCTqe61H72eDNf3Hw5O2eTQ8c9LQjjJrBgjPr95IYbk0dbeidr26bFie8rJLI6nWSqW+1aNfnFzZdy24Hk6Olk2s4VjJ3AgjHr9ZINW1p8XDiTfO35yT8uHB4LPni4vaMYjpxy5wrqIrCgBvPziyMcvlL3SpZn642TPcJheKH94ZPVING2ufX25J5j1U6juIJ6CCyoyWCQXH9Deye+b9+SfP3FyTsuHI5ieOhYO+9c7diTzJ1LukYxQK0EFtRoOPG9re8ufOe65I8uTM5OVqdTRcnJj1Yvb26b/XclJ845FoQmEFhQs14vWbOuvXeyfviGyTguHN65evhkcqaFx4K3f2BxQrtjQWgEgQUNMBhUIxwe+3LdK1me7VsW313Y0uPCTifpdqtdqzZOaN81m3z0fqMYoEkEFjREv59s2NzeyLrlxnaOcOh0qh+fPJKcOV73apbu9g8sjmJwLAiNIrCgQXq9ak5WW48Lb5pJLrRo4vvwWPCho+0cxbD/ruS+T4graCKBBQ3T71cjHNp68X3bpna8VqfTqX4+d39yqoWvv9mxpxrF4FgQmklgQQMNBsnaDS0e4bA5+cbL1Tf/JhqOYjh9rJ07V7fenhw740I7NJnAgoYajnBo6zDSd8wsXnxflaRT92pe05mqouTEoXbuXB04mJz8eaMYoOkEFjRYr5e8Zaa9d7J+ZOPiCIdu3SupdKaShcVRDOfur3s1S3fbgeTuo4aIQhsILGi4wSBZs7a9L4jeviV5+UL1wuG6rVqVnD3RzlEMO2eTww86FoS2EFjQAvPzyca3Jp97tu6VLM9Na5Nnv1j3KpLZ/5A8cLjuVSzd7B3VnSvHgtAeDboZwSR59Tu5WPcaJtGqVclLF5IfWV/3ShiXvXckh054WnCU3nSt74WUZwcLWqTfr+5ktXUni6XZOZscOi6uoI0EFrTMoF8NI32kpXeyuDLv2VdNaF89La6gjQQWtFCvl2zc0t6nC/neDhxMjrpzBa0msKCl5uerie8ia7Ls2JPcfay6byeuoL0EFrTYYJBcv669E9/5x3buWZzQLq6g9QQWtNxw4ntb311IZd+dydw5x4IwKQQWTIBeL1mzznFhW+3+YHLPnKcFYZIILJgQg0Fy3Uzy2JfrXglLsWs2+Yg5VzBxBBZMkH4/2bA5eexLda+EK/G+n6lGMUw7FoSJI7BgwvR6yQ2bHRc23f67ksMPiCuYVAILJlB/cYTDk8/VvRLeyI7d7lzBpBNYMKEGg2RmvREOTXPr7uTYWaMYYNIJLJhgwxEOT32l7pWQVBPa7/+UUQywEggsmHC9XvWCaHey6vXen07uPmrnClYKgQUrwGCQrFmbPOoF0bXYNZvc90Cyyp0rWDEEFqwQ8/PJxrcmj//vuleyssx+yIubYSUSWLCC9HrJuo2OC8dl74eTe+9PpqfFFaw0AgtWmH6/upP1+d+veyWTbedscsgoBlixBBasQIN+tZP1yBfrXslk2rW3mtC+2s4VrFgCC1aoXi/Z+DbHhaUdOJjMnXXnClY6gQUr2HyvmvgussrYOZvcfcwoBkBgwYo3GCRr1iXnHRdelZ17qmNBcQUkAgtItZO16W0uvi/XvjuTuXOOBYHXCCwgSXUn6/r1jguXas8HvbgZeD2BBfy9QT+5bsYw0iu1a7aacyWugO8msIB/pN9P1m9KHv1S3Stptve9v7pzZYgo8EYEFvA6vV6yfrPjwkvZf1dy+MFk2p0r4BIEFvCG+vPVCIcnn6t7Jc2yY7c7V8DlCSzgkgaDZGZ9cv6ZulfSDDt2J8fOGsUAXJ7AAr6nXi/Z9HY7WfvvSk58yigG4MoILOCyer3kurUr907W+95vQjuwNAILuCKDQRVZK+3pwl2zyX2fcOcKWBqBBVyx/nyyccvKmZO154PJ0TOeFgSWTmABS9LrJes2Tv5x4b47k4+cNOcKWB6BBSxZv5+8ZWZy3124c49RDMDVEVjAsgz61U7W+S/WvZKyds5Wx4LiCrgaAgtYtl4vufFtk3NceOBgcvycUQzA1RNYwFWZ71UT39seWbv2GsUAlCOwgKs2GCRr1iWPtPS4cOdscuQhcQWUI7CAIuYXjwvbdvF974eTuTOOBYGyBBZQTK+XXL++PceFsx9KDh1PVhvFABQmsICiBv3kupnmDyPdNZscOuFpQWA0BBZQXL+frN+UPPp7da/kjb33p5Mjpw0RBUZHYAEj0eslG7Y077jwwMHk45905woYLYEFjMz8/OIIh6/UvZLKrbsXRzE4FgRGTGABIzUYJNffkJx/pt517NidzJ01igEYD4EFjFyvl2x6e/Lkc/V8/v13JSc+5VgQGB+BBYxFr5dct3b8d7Le9zMmtAPjJ7CAsRkMqsh67Evj+Xy7ZpP7ThrFAIyfwALGqj9fPV342JdH+3l2fzA5ejqZdiwI1EBgAWPX6yU33Di648J9dyYfPSmugPoILKAW/X41wuGJPyj7cXfuSe6ZcywI1EtgAbUZDJK1G8qNcNixJzl6RlwB9RNYQK2GIxyu9rjwwMHkxMNGMQDNILCA2vV6ixPflxlZ79lnFAPQLAILaITBIFmzNnlkiS+I3jmbfOyUuAKaRWABjTE/n9z41uRzz17Zn997RzJ3xrEg0DwCC2iUXi+Z2XD548LZO5JDJ5LV0+IKaB6BBTTOoJ9cN3Ppnayds8mh454WBJpLYAGN1O9Xw0gf/a47WbcdWJzQbucKaDCBBTRWr1e9Vmd4XLj/zuTIKXeugObr1L0AJtOr38nFutfA5JiaSv74leSffH9yzbXiirLedK3vhZS3qu4FAFzOwkLyA29OLl4UV0A7CCygFYQV0CbuYAEAFCawAAAKE1gAAIUJLACAwgQWAEBhAgsAoDCBBQBQmMACAChMYAEAFCawAAAKE1gAAIV5FyETb2qq+gE0w8LFZGFQ9ypgtAQWE21qKvm/ryZ//PWk2617NcDCQvJ9/zR583Uii8kmsJhoU93k2WeSD99e90qAoYOHk587LLCYbA5OmHhd/xsBjTI9XfcKYPQEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsAAAChNYAACFCSwAgMIEFgBAYQILAKAwgQUAUJjAAgAoTGABABQmsJh4g0HdKwD+of583SuA0VtV9wJglC4uJD/45uTgfcn0NXWvBujPJxu2JAsLda8ERqtT9wKYTK9+JxfrXsNQt5tMdeteBTC0sJAM+nWv4jVvutb3Qsqzg8XEGwwcEwIwXu5gAQAUJrAAAAoTWAAAhQksAIDCBBYAQGECCwCgMIEFAFCYwAIAKExgAQAUJrAAAAoTWAAAhQksAIDCBBYAQGECCwCgMIEFAFCYwAIAKExgAQAUJrAAAAoTWAAAhQksAIDCBBYAQGECCwCgMIEFAFCYwAIAKExgAQAUJrAAAAoTWAAAhQksAIDCBBYAQGECCwCgMIEFAFCYwAIAKExgAQAU9v8B4Td5gOgKa7sAAAAASUVORK5CYII=\"","/*\r\n* 08-03-2023 => SUDAM B CHAVAN => TEXTING-1522 - templates across teams observations.\r\n* 08-04-2023 => SUDAM B CHAVAN => TEXTING-1541 - Templates search is not showing the results from layout page 1.\r\n* 08-29-2023 => ONKAR => TEXTING-1578 -REACT Upgrade \r\n* 08-30-2023 => ONKAR => TEXTING-1578 -REACT Upgrade\r\n* 08-31-2023 => PRABHAt => TEXTING-1632 - Implementation changes in object history for templates\r\n*/\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport Box from \"@mui/material/Box\";\r\nimport AddIcon from \"@mui/icons-material/Add\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport { DataGrid } from \"@mui/x-data-grid\";\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport Dialog from \"@mui/material/Dialog\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport { AuthContext } from \"../../AuthContext\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport moment from \"moment\";\r\nimport SnackBar from \"../../components/SnackBar\";\r\nimport { Checkbox, IconButton, TextField,InputAdornment } from \"@mui/material\";\r\nimport ObjectHistoryComp from \"../teams/ObjectHistoryComp\";\r\nimport CustomNoRowsOverlay from \"../../components/CustomNoRowsOverlay\";\r\nimport HistoryIcon from '@mui/icons-material/History';\r\nimport { StyledDataGrid } from \"../../components/styledComponents/StyledDataGrid\";\r\n\r\nexport default function TemplatesPage() {\r\n const navigate = useNavigate();\r\n const theme = useTheme();\r\n const { messageApiToken } = useContext(AuthContext);\r\n const [templateDetails, setTemplateDetails] = useState([]);\r\n const [templatesArr, setTemplatesArr] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [snackbarMsg, setSnackbarMsg] = useState(false);\r\n const [open, setOpen] = React.useState(false);\r\n const [selectedTemplateDetails, setSelectedTemplateDetails] = useState();\r\n const [isAddTemplate, setIsAddTemplate] = useState(false);\r\n const [isTemplateHistory, setIsTemplateHistory] = useState(false);\r\n const [openTemplateHistory, setOpenTemplateHistory] = React.useState(false);\r\n const [refresh, setRefresh] = useState(true);\r\n const [page, setPage] = useState(0)\r\n const [searchText, setSearchText] = useState([]);\r\n const handleClose = () => {\r\n setOpen(false);\r\n setOpenTemplateHistory(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (messageApiToken && refresh) {\r\n setTemplateDetails([]);\r\n setLoading(true);\r\n var requestBody = {}\r\n InvokePostServiceCall(apiConfig.GET_TEMPLATES, requestBody)\r\n .then((data) => {\r\n let templatesArr = [];\r\n console.log(data.data, \"templaytes data\");\r\n if (data.data.templates.length > 0) {\r\n data.data.templates.forEach((item, index) => {\r\n templatesArr.push({\r\n azureAd: item.azureAd,\r\n azureAdid: item.azureAdid,\r\n createdBy: item.createdBy,\r\n createdByName: item.createdByName,\r\n createdByNavigation: item.createdByNavigation,\r\n createdDate: item.createdDate,\r\n createdDateFormat: moment(item.createdDate)\r\n .local()\r\n .format(\"MM-DD-YYYY\"),\r\n isActive: item.isActive,\r\n lastModifiedBy: item.lastModifiedBy,\r\n lastModifiedByName: item.lastModifiedByName,\r\n lastModifiedByNavigation: item.lastModifiedByNavigation,\r\n lastModifiedDate: item.lastModifiedDate,\r\n lastModifiedDateFormat: moment(item.lastModifiedDate)\r\n .local()\r\n .format(\"MM-DD-YYYY\"),\r\n team: item.team,\r\n teamId: item.teamId,\r\n templateBody: item.templateBody,\r\n templateContext: item.templateContext,\r\n templateId: item.templateId,\r\n templateName: item.templateName,\r\n templateType: item.templateType,\r\n category: item.category,\r\n department: item.department === \"\" ? \"None\" : item.department,\r\n user: item.user,\r\n userId: item.userId,\r\n id: index,\r\n });\r\n });\r\n }\r\n setTemplateDetails(templatesArr);\r\n setTemplatesArr(templatesArr)\r\n setRefresh(false);\r\n setLoading(false);\r\n })\r\n .catch((err) => {\r\n console.log(err, \"errorData\");\r\n setSnackbarMsg(err.message);\r\n setOpenSnackbar(true);\r\n setLoading(false);\r\n });\r\n }\r\n }, [messageApiToken, refresh]);\r\n const columns = [\r\n {\r\n field: \"templateName\",\r\n headerName: \"Template Name\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"templateBody\",\r\n headerName: \"Template Content\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"department\",\r\n headerName: \"Department\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"category\",\r\n headerName: \"Category\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"createdDateFormat\",\r\n headerName: \"Created Date\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"lastModifiedDateFormat\",\r\n headerName: \"Modified Date\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"isActive\",\r\n headerName: \"Is Active\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n , {\r\n field: \"history\",\r\n headerName: \"-\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n \r\n {\r\n setSelectedTemplateDetails(params.row);\r\n setIsTemplateHistory(true);\r\n setOpenTemplateHistory(true);\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n }\r\n ];\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n\r\n function filterTable(value) {\r\n let tempArr = [];\r\n setPage(0);\r\n let val = value.toLowerCase();\r\n templatesArr.forEach((item) => {\r\n debugger\r\n if (\r\n item.templateName?.toLowerCase().includes(val) ||\r\n item.templateBody?.toLowerCase().includes(val) ||\r\n item.templateContext?.toLowerCase().includes(val) ||\r\n item.templateType?.toLowerCase().includes(val) ||\r\n item.category?.toLowerCase().includes(val) ||\r\n item.createdDateFormat?.toLowerCase().includes(val) ||\r\n item.lastModifiedDateFormat?.toLowerCase().includes(val) ||\r\n item.department?.toLowerCase().includes(val)\r\n\r\n ) {\r\n tempArr.push(item);\r\n }\r\n });\r\n setTemplateDetails(tempArr);\r\n }\r\n return (\r\n <>\r\n \r\n
\r\n Templates
\r\n\r\n \r\n {\r\n navigate(\"/addUpdateTemplate\", {\r\n state: { isAddTemplate: true },\r\n });\r\n\r\n }}\r\n >\r\n \r\n\r\n\r\n {\r\n setSearchText(e.target.value)\r\n\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n } else {\r\n setTemplateDetails(templatesArr);\r\n }\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n },\r\n },\r\n];\r\n\r\nconst TokensPage = () => {\r\n const theme = useTheme();\r\n const { messageApiToken } = useContext(AuthContext);\r\n const [tokenList, setTokenList] = useState([]);\r\n const [tokensArr, setTokenArr] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [snackbarMsg, setSnackbarMsg] = useState(\"\");\r\n const [page, setPage] = useState(0)\r\n useEffect(() => {\r\n if(messageApiToken){\r\n setLoading(true);\r\n InvokePostServiceCall(apiConfig.GET_TOKENS, {})\r\n .then((data) => {\r\n let tokensArr = [];\r\n console.log(data, \"TokensData\");\r\n if (data.data.tokens.length > 0) {\r\n data.data.tokens.forEach((item, index) => {\r\n tokensArr.push({\r\n createdBy: item.createdBy,\r\n createdByName: item.createdByName,\r\n createdByNavigation: item.createdByNavigation,\r\n createdDate: moment(item.createdDate).local().format(\"MM-DD-YYYY\"),\r\n createdDateTime:item.createdDate,\r\n fieldName: item.fieldName,\r\n filterType: item.filterType,\r\n isActive: item.isActive,\r\n lastModifiedBy: item.lastModifiedBy,\r\n lastModifiedByName: item.lastModifiedByName,\r\n lastModifiedByNavigation: item.lastModifiedByNavigation,\r\n lastModifiedDate: moment(item.lastModifiedDate).local().format(\"MM-DD-YYYY\"),\r\n lastModifiedDateTime:item.lastModifiedDate,\r\n relatedFieldName: item.relatedFieldName,\r\n relatedTableName: item.relatedTableName,\r\n tableName: item.tableName,\r\n tokenId: item.tokenId,\r\n tokenName: item.tokenName,\r\n id: index,\r\n });\r\n });\r\n setTokenList(tokensArr);\r\n setTokenArr(tokensArr);\r\n }\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setSnackbarMsg(error.message)\r\n console.log(error);\r\n setOpenSnackbar(true);\r\n setLoading(false);\r\n });\r\n }\r\n }, [messageApiToken]);\r\n const navigate = useNavigate();\r\n\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n const filterTable = (value) => {\r\n let usArr = [];\r\n setPage(0);\r\n let val = value?.toLowerCase();\r\n tokensArr.forEach((item) => {\r\n\r\n if (\r\n item.tokenName?.toLowerCase().includes(val) ||\r\n item.tableName?.toLowerCase().includes(val) ||\r\n item.fieldName?.toLowerCase().includes(val) ||\r\n item.createdDate?.toLowerCase().includes(val) ||\r\n item.lastModifiedDate?.toLowerCase().includes(val) \r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setTokenList(usArr);\r\n }\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n Tokens
\r\n\r\n \r\n {\r\n navigate(\"/addUpdateToken\", {\r\n state: { isAddToken: true },\r\n });\r\n }}\r\n >\r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setTokenList(tokensArr);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n },\r\n },\r\n {\r\n field: \"isadminSetting\",\r\n headerName: \"Is Admin\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n \r\n
\r\n );\r\n },\r\n },\r\n {\r\n field: \"history\",\r\n headerName: \"-\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n \r\n {\r\n setSettingDetails(params.row);\r\n setOpenTemplateHistory(true);\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n }\r\n\r\n ];\r\n\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n const handleClose = () => {\r\n setOpenTemplateHistory(false);\r\n };\r\n\r\n function getSettings() {\r\n setLoading(true);\r\n InvokePostServiceCall(apiConfig.GET_SETTINGS, {})\r\n .then((data) => {\r\n if (data.data.settings.length > 0) {\r\n let tempArr = [];\r\n data.data.settings.forEach((item, index) => {\r\n item.id = index;\r\n item.createdDate = moment(item.createdDate).local().format(\"MM-DD-YYYY\") + \", \" + moment(item.createdDate).local().format(\"LT\")\r\n item.lastModifiedDate = moment(item.lastModifiedDate).local().format(\"MM-DD-YYYY\") + \", \" + moment(item.lastModifiedDate).local().format(\"LT\")\r\n tempArr.push(item);\r\n });\r\n setAppSettingsData(tempArr);\r\n setTempArr(tempArr);\r\n }\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n console.log(error, \"error message\");\r\n setSnackbarMsg(error.message);\r\n setOpenSnackbar(true);\r\n setLoading(false);\r\n });\r\n }\r\n useEffect(() => {\r\n if (messageApiToken) {\r\n getSettings();\r\n }\r\n }, [messageApiToken]);\r\n\r\n function filterTable(value) {\r\n let usArr = [];\r\n let val = value?.toLowerCase();\r\n setPage(0);\r\n tempArr.forEach((item) => {\r\n\r\n if (\r\n item.name?.toLowerCase().includes(val) ||\r\n item.settingsKey?.toLowerCase().includes(val) ||\r\n item.type?.toLowerCase().includes(val) ||\r\n item.settingsValue?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setAppSettingsData(usArr);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n Application Settings
\r\n\r\n \r\n {\r\n navigate(\"/addUpdateSettings\", {\r\n state: { isAddSettings: true },\r\n });\r\n }}\r\n >\r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setAppSettingsData(tempArr);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n \r\n {\r\n setAddSettings({\r\n ...addSettings,\r\n name: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n\r\n \r\n {\r\n setAddSettings({\r\n ...addSettings,\r\n settingsKey: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setAddSettings({\r\n ...addSettings,\r\n settingsValue: e.target.value,\r\n });\r\n if (addSettings.type === \"number\") {\r\n let testNum = numberRegEx.test(\r\n String(e.target.value).toLowerCase()\r\n );\r\n if (testNum === false) {\r\n setErrors({ ...errors, settingValueErr: true });\r\n } else {\r\n setErrors({ ...errors, settingValueErr: false });\r\n }\r\n }\r\n if (addSettings.type === \"json\") {\r\n if (!isJsonString(e.target.value)) {\r\n setJsonError(true);\r\n } else {\r\n setJsonError(false);\r\n }\r\n }\r\n }}\r\n />\r\n \r\n {!isAddSettings && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {\r\n navigate(\"/applicationSettings\", { replace: true });\r\n }}\r\n >\r\n Cancel\r\n \r\n {\r\n isAddSettings ? addSetting() : updateSettings();\r\n }}\r\n autoFocus\r\n >\r\n {isAddSettings ? \"Add\" : \"Update\"}\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default AddUpdateSettings;\r\n","/**\r\n * 08-04-2023 => SUDAM B CHAVAN => reset page index to 1 page on filter data\r\n * 08-30-2023 => ONKAR => TEXTING-1578 -REACT Upgrade\r\n */\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport { Box, Button, Checkbox } from \"@mui/material\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { AuthContext } from \"../../AuthContext\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport SnackBar from \"../../components/SnackBar\";\r\nimport AddIcon from \"@mui/icons-material/Add\";\r\nimport { DataGrid } from \"@mui/x-data-grid\";\r\nimport { TextField, IconButton, InputAdornment } from \"@mui/material\";\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport CustomNoRowsOverlay from \"../../components/CustomNoRowsOverlay\";\r\nimport HistoryIcon from '@mui/icons-material/History';\r\nimport Dialog from \"@mui/material/Dialog\";\r\nimport DialogContent from \"@mui/material/DialogContent\";\r\nimport ObjectHistoryComp from \"../teams/ObjectHistoryComp\";\r\n\r\nfunction ChatConfigPage() {\r\n const theme = useTheme();\r\n const [appchatConfigsData, setAppchatConfigsData] = useState([]);\r\n const [tempArr, setTempArr] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n const { messageApiToken } = useContext(AuthContext);\r\n const [openSnackbar, setOpenSnackbar] = React.useState(false);\r\n const [snackbarMsg, setSnackbarMsg] = useState(\"\");\r\n const [openTemplateHistory, setOpenTemplateHistory] = React.useState(false);\r\n const [chatConfigDetails, setchatConfigDetails] = React.useState([]);\r\n const [page, setPage] = useState(0);\r\n const navigate = useNavigate();\r\n\r\n const columns = [\r\n {\r\n field: \"chatConfigId\",\r\n headerName: \"Id\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"name\",\r\n headerName: \"Name\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"chatConfiguration\",\r\n headerName: \"chat Configuration\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n }, \r\n \r\n {\r\n field: \"isActive\",\r\n headerName: \"Is Active\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n {isAddSettings ? \"Add Setting\" : \"Update Setting\"}
\r\n\r\n Is Active\r\n
\r\n \r\n Is Admin Setting\r\n
\r\n \r\n
\r\n );\r\n },\r\n }, {\r\n field: \"history\",\r\n headerName: \"-\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n \r\n {\r\n setchatConfigDetails(params.row);\r\n setOpenTemplateHistory(true);\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n }\r\n\r\n ];\r\n\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n const handleClose = () => {\r\n setOpenTemplateHistory(false);\r\n };\r\n\r\n function getchatConfigs() {\r\n setLoading(true);\r\n InvokePostServiceCall(apiConfig.GET_CHATCONFIG, {})\r\n .then((data) => {\r\n if (data.data.chatConfig.length > 0) {\r\n let tempArr = [];\r\n data.data.chatConfig.forEach((item, index) => {\r\n item.id = index;\r\n tempArr.push(item);\r\n });\r\n setAppchatConfigsData(tempArr);\r\n setTempArr(tempArr);\r\n }\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n console.log(error, \"error message\");\r\n setSnackbarMsg(error.message);\r\n setOpenSnackbar(true);\r\n setLoading(false);\r\n });\r\n }\r\n useEffect(() => {\r\n if (messageApiToken) {\r\n getchatConfigs();\r\n }\r\n }, [messageApiToken]);\r\n\r\n function filterTable(value) {\r\n let usArr = [];\r\n let val = value?.toLowerCase();\r\n setPage(0);\r\n tempArr.forEach((item) => {\r\n\r\n if (\r\n item.name?.toLowerCase().includes(val) ||\r\n item.chatConfiguration ?.toLowerCase().includes(val) ||\r\n item.type?.toLowerCase().includes(val) ||\r\n item.chatConfigsValue?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setAppchatConfigsData(usArr);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n Chat Configurations
\r\n\r\n \r\n {\r\n navigate(\"/addUpdatechatConfig\", {\r\n state: { isAddchatConfigs: true },\r\n });\r\n }}\r\n >\r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setAppchatConfigsData(tempArr);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n Business Hours Config
\r\n\r\n \r\n {\r\n navigate(\"/addUpdateBusinessHoursConfig\", {\r\n state: { isAddBusinessHoursConfig: true },\r\n });\r\n }}\r\n >\r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setBusinessHoursConfigList(tempArr);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n },\r\n }, {\r\n field: \"history\",\r\n headerName: \"-\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n \r\n {\r\n setUserDetails(params.row);\r\n setOpenTemplateHistory(true);\r\n }}\r\n >\r\n
\r\n );\r\n }\r\n }\r\n ];\r\n const handleClose = () => {\r\n setOpenTemplateHistory(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (messageApiToken) {\r\n InvokeGetServiceCall(apiConfig.GET_PHONE_NUMBER_OPT_OUT_LIST)\r\n .then((data) => {\r\n console.log(data, \"datatatat\");\r\n let tempArr = [];\r\n data.data.phoneNumberOptOuts.forEach((item, index) => {\r\n item.id = index;\r\n item.createdDate = moment(item.createdDate)\r\n .local()\r\n .format(\"MM-DD-YYYY\");\r\n item.lastModifiedDate = moment(item.lastModifiedDate)\r\n .local()\r\n .format(\"MM-DD-YYYY\");\r\n tempArr.push(item);\r\n });\r\n setPhoneNumberList(tempArr);\r\n setTempArr(tempArr);\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setSnackbarMsg(error.message)\r\n setOpenSnackbar(true);\r\n console.log(error, \"Error Message\");\r\n setLoading(false);\r\n });\r\n }\r\n }, [messageApiToken]);\r\n\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n const filterTable = (value) => {\r\n let usArr = [];\r\n let val = value?.toLowerCase();\r\n setPage(0);\r\n tempArr.forEach((item) => {\r\n\r\n if (\r\n item.customerPhoneNumber?.toLowerCase().includes(val) ||\r\n item.teamPhoneNumber?.toLowerCase().includes(val) ||\r\n item.createdDate?.toLowerCase().includes(val) ||\r\n item.lastModifiedDate?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setPhoneNumberList(usArr);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setPhoneNumberList(tempArr);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n Phone Number Opt Out
\r\n {/*\r\n {\r\n navigate(\"\", {\r\n state: { isAddBusinessHoursConfig: true },\r\n });\r\n }}\r\n >\r\n
*/}\r\n \r\n
\r\n );\r\n },\r\n },\r\n];\r\n\r\nfunction Communications() {\r\n const theme = useTheme();\r\n const navigate = useNavigate();\r\n const { messageApiToken } = useContext(AuthContext);\r\n const [loading, setLoading] = useState(true);\r\n const [communicationList, setCommunicationList] = useState([]);\r\n const [tempArr, setTempArr] = useState([]);\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [snackbarMsg, setSnackBarMsg] = useState(\"\");\r\n\r\n useEffect(() => {\r\n if (messageApiToken) {\r\n setLoading(true);\r\n InvokePostServiceCall(apiConfig.GET_COMMUNICATION_LIST, {})\r\n .then((data) => {\r\n let tempArr = [];\r\n data.data.communicationListDetails.forEach((item, index) => {\r\n item.communicationList.id = index;\r\n item.communicationList.createdDate = moment(\r\n item.communicationList.createdDate\r\n )\r\n .local()\r\n .format(\"MM-DD-YYYY\");\r\n item.communicationList.lastModifiedDate = moment(\r\n item.communicationList.lastModifiedDate\r\n )\r\n .local()\r\n .format(\"MM-DD-YYYY\");\r\n tempArr.push(item.communicationList);\r\n });\r\n setCommunicationList(tempArr);\r\n setTempArr(tempArr);\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n setSnackBarMsg(error.message);\r\n setOpenSnackbar(true);\r\n console.log(error, \"Error Message\");\r\n });\r\n }\r\n }, [messageApiToken]);\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n const filterTable = (value) => {\r\n let usArr = [];\r\n let val = value?.toLowerCase();\r\n tempArr.forEach((item) => {\r\n\r\n if (\r\n item.communicationListName?.toLowerCase().includes(val) ||\r\n item.communicationListCode?.toLowerCase().includes(val) ||\r\n item.createdDate?.toLowerCase().includes(val) ||\r\n item.lastModifiedDate?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setCommunicationList(usArr);\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n Communication Lists
\r\n\r\n \r\n {\r\n navigate(\"/addUpdateCommunications\", {\r\n state: { isAddCommunication: true },\r\n });\r\n }}\r\n >\r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setCommunicationList(tempArr);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {/*\r\n \r\n \r\n {props.iconData}\r\n \r\n \r\n
\r\n \r\n \r\n {props.filterName} Conversations\r\n \r\n
\r\n */}\r\n {/* */}\r\n {/* {props.conversationCount}*/}\r\n {/* */}\r\n {/*
*/}\r\n \r\n \r\n \r\n {!userInfo.teams || userInfo.teams.length == 0 || crmEmbededView ?\r\n (\r\n <>\r\n {crmEmbededView ? Welcome To Enterprise Texting }\r\n \r\n )\r\n :\r\n \r\n
:\r\n <>\r\n Welcome To Enterprise Texting
:\r\n
\r\n );\r\n },\r\n },\r\n];\r\n\r\nfunction Holidays() {\r\n const theme = useTheme();\r\n const navigate = useNavigate();\r\n const { messageApiToken } = useContext(AuthContext);\r\n const [loading, setLoading] = useState(true);\r\n const [holidays, setHolidays] = useState([]);\r\n const [tempArr, setTempArr] = useState([]);\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [snackbarMsg, setSnackBarMsg] = useState(\"\");\r\n const [page, setPage] = useState(0);\r\n useEffect(() => {\r\n if (messageApiToken) {\r\n setLoading(true);\r\n InvokePostServiceCall(apiConfig.GET_HOLIDAYS, {})\r\n .then((data) => {\r\n debugger;\r\n\r\n let tempArr = [];\r\n data.data.holidayDetails.forEach((item, index) => {\r\n item.holiday.id = index;\r\n item.holiday.holidayDate = moment(\r\n item.holiday.holidayDate\r\n )\r\n .local()\r\n .format(\"MM-DD-YYYY\");\r\n item.holiday.createdDate = moment(\r\n item.holiday.createdDate\r\n )\r\n .local()\r\n .format(\"MM-DD-YYYY\");\r\n item.holiday.lastModifiedDate = moment(\r\n item.holiday.lastModifiedDate\r\n )\r\n .local()\r\n .format(\"MM-DD-YYYY\");\r\n tempArr.push(item.holiday);\r\n });\r\n setHolidays(tempArr);\r\n setTempArr(tempArr);\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n setSnackBarMsg(error.message);\r\n setOpenSnackbar(true);\r\n console.log(error, \"Error Message\");\r\n });\r\n }\r\n }, [messageApiToken]);\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n const filterTable = (value) => {\r\n let usArr = [];\r\n let val = value?.toLowerCase();\r\n setPage(0);\r\n tempArr.forEach((item) => {\r\n\r\n if (\r\n item.holidayName?.toLowerCase().includes(val) ||\r\n item.holidayDate?.toLowerCase().includes(val) ||\r\n item.createdDate?.toLowerCase().includes(val) ||\r\n item.lastModifiedDate?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setHolidays(usArr);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n Holidays
\r\n\r\n \r\n {\r\n navigate(\"/addUpdateHolidays\", {\r\n state: { isAddHoliday: true },\r\n });\r\n }}\r\n >\r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setHolidays(tempArr);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n You are not assigned to any team, Please contact your supervisor or administrator
\r\n )\r\n }\r\n \r\n );\r\n}","/**\r\n * 08-04-2023 => SUDAM B CHAVAN => reset page index to 1 page on filter data\r\n * 08-29-2023 => ONKAR => TEXTING-1578 -REACT Upgrade \r\n * 08-30-2023 => ONKAR => TEXTING-1578 -REACT Upgrade \r\n*/\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport { Box, Button } from \"@mui/material\";\r\nimport AddIcon from \"@mui/icons-material/Add\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { DataGrid } from \"@mui/x-data-grid\";\r\nimport apiConfig from \"../../api/apiConfig\";\r\nimport { AuthContext } from \"../../AuthContext\";\r\nimport { useTheme } from \"@mui/material/styles\";\r\nimport { InvokePostServiceCall } from \"../../api/serviceUtil\";\r\nimport moment from \"moment\";\r\nimport SnackBar from \"../../components/SnackBar\";\r\nimport { Checkbox } from \"@mui/material\";\r\nimport { TextField,InputAdornment } from \"@mui/material\";\r\nimport SearchIcon from '@mui/icons-material/Search';\r\nimport CustomNoRowsOverlay from \"../../components/CustomNoRowsOverlay\";\r\nimport { StyledDataGrid } from \"../../components/styledComponents/StyledDataGrid\";\r\n\r\nconst columns = [\r\n {\r\n field: \"phoneNumber\",\r\n headerName: \"Phone Name\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"description\",\r\n headerName: \"Description\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"createdDate\",\r\n headerName: \"Created Date\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"lastModifiedDate\",\r\n headerName: \"Modified Date\",\r\n flex: 1,\r\n minWidth: 100,\r\n headerClassName: \"super-app-theme--header\",\r\n },\r\n {\r\n field: \"isActive\",\r\n headerName: \"Is Active\",\r\n flex: 1,\r\n minWidth: 50,\r\n filterable: false,\r\n\r\n headerClassName: \"super-app-theme--header\",\r\n renderCell: (params) => {\r\n return (\r\n\r\n
\r\n );\r\n },\r\n },\r\n];\r\n\r\nfunction PhoneNumbers() {\r\n const theme = useTheme();\r\n const navigate = useNavigate();\r\n const { messageApiToken } = useContext(AuthContext);\r\n const [loading, setLoading] = useState(true);\r\n const [whiteListedPhoneNumbers, setWhiteListedPhoneNumbers] = useState([]);\r\n const [tempArr, setTempArr] = useState([]);\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [snackbarMsg, setSnackBarMsg] = useState(\"\");\r\n const [page, setPage] = useState(0);\r\n useEffect(() => {\r\n if (messageApiToken) {\r\n setLoading(true);\r\n InvokePostServiceCall(apiConfig.GET_WHITE_LISTED_PHONE_NUMBER, {})\r\n .then((data) => {\r\n debugger;\r\n\r\n let tempArr = [];\r\n data.data.whitelistedPhoneNumberDetails.forEach((item, index) => {\r\n\r\n item.whitelistedPhoneNumber.createdDate = moment(\r\n item.whitelistedPhoneNumber.createdDate\r\n )\r\n .local()\r\n .format(\"MM-DD-YYYY\");\r\n item.whitelistedPhoneNumber.lastModifiedDate = moment(\r\n item.whitelistedPhoneNumber.lastModifiedDate\r\n )\r\n .local()\r\n .format(\"MM-DD-YYYY\");\r\n tempArr.push(item.whitelistedPhoneNumber);\r\n });\r\n setWhiteListedPhoneNumbers(tempArr);\r\n setTempArr(tempArr);\r\n setLoading(false);\r\n })\r\n .catch((error) => {\r\n setLoading(false);\r\n setSnackBarMsg(error.message);\r\n setOpenSnackbar(true);\r\n console.log(error, \"Error Message\");\r\n });\r\n }\r\n }, [messageApiToken]);\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n const filterTable = (value) => {\r\n let usArr = [];\r\n let val = value?.toLowerCase();\r\n setPage(0);\r\n tempArr.forEach((item) => {\r\n\r\n if (\r\n item.phoneNumber?.toLowerCase().includes(val) ||\r\n item.description?.toLowerCase().includes(val) ||\r\n item.createdDate?.toLowerCase().includes(val) ||\r\n item.lastModifiedDate?.toLowerCase().includes(val)\r\n ) {\r\n usArr.push(item);\r\n }\r\n });\r\n setWhiteListedPhoneNumbers(usArr);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n White Listed Phone Numbers
\r\n\r\n \r\n {\r\n navigate(\"/addUpdatePhoneNumber\", {\r\n state: { isAddPhoneNumber: true },\r\n });\r\n }}\r\n >\r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n }\r\n else {\r\n setWhiteListedPhoneNumbers(tempArr);\r\n }\r\n\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n )\r\n }}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n if (e.target.value) {\r\n filterTable(e.target.value);\r\n } else {\r\n setTCPAListCopy(TCPAList);\r\n }\r\n }}\r\n InputLabelProps={{\r\n shrink: false,\r\n }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n \r\n\r\n \r\n setPage(page)}\r\n rowsPerPageOptions={[10]}\r\n components={{\r\n NoRowsOverlay: CustomNoRowsOverlay,\r\n }}\r\n onCellEditStart={() => {\r\n setDisableSaveBtn(true);\r\n }}\r\n getCellClassName={(params) => {\r\n if (params.field !== \"state\" && params.field !== \"stateCode\") {\r\n let isValid = moment(params.value, \"HH:mm\", true).isValid();\r\n if (isValid && params.value !== \"24:00\") {\r\n let selectedDayName = params.field.replace(\r\n params.field.includes(\"StartTime\")\r\n ? \"StartTime\"\r\n : \"EndTime\",\r\n \"\"\r\n );\r\n let startTime = TCPAList[params.id][\r\n selectedDayName + \"StartTime\"\r\n ].replace(\":\", \"\");\r\n let endTime = TCPAList[params.id][\r\n selectedDayName + \"EndTime\"\r\n ].replace(\":\", \"\");\r\n let timeDiff = parseInt(endTime) - parseInt(startTime);\r\n if (\r\n timeDiff < 1 &&\r\n TCPAList[params.id][selectedDayName + \"StartTime\"] !==\r\n \"00:00\"\r\n ) {\r\n return \"error\";\r\n }\r\n } else {\r\n return \"error\";\r\n }\r\n }\r\n }}\r\n onCellEditCommit={(params) => {\r\n let isValid = moment(params.value, \"HH:mm\", true).isValid();\r\n if (isValid && params.value !== \"24:00\") {\r\n if (params.field.includes(\"StartTime\")) {\r\n TCPAList[params.id][params.field] = params.value;\r\n } else {\r\n TCPAList[params.id][params.field] = params.value;\r\n }\r\n TCPAList[params.id].isUpdated = true;\r\n setDisableSaveBtn(false);\r\n let selectedDayName = params.field.replace(\r\n params.field.includes(\"StartTime\") ? \"StartTime\" : \"EndTime\",\r\n \"\"\r\n );\r\n let startTime = TCPAList[params.id][\r\n selectedDayName + \"StartTime\"\r\n ].replace(\":\", \"\");\r\n let endTime = TCPAList[params.id][\r\n selectedDayName + \"EndTime\"\r\n ].replace(\":\", \"\");\r\n let timeDiff = parseInt(endTime) - parseInt(startTime);\r\n let tcpaErrorArr = [...tcpaErrors];\r\n const index = tcpaErrorArr.indexOf(params.id);\r\n if (\r\n timeDiff < 1 &&\r\n TCPAList[params.id][selectedDayName + \"StartTime\"] !== \"00:00\"\r\n ) {\r\n setSeverity(\"error\");\r\n setSnackbarMsg(\"Start time must be less than end time.\");\r\n setOpenSnackbar(true);\r\n setDisableSaveBtn(true);\r\n if (index < 0) {\r\n setTcpaErrors([...tcpaErrors, params.id]);\r\n }\r\n return;\r\n }\r\n if (index > -1) {\r\n tcpaErrorArr.splice(index, 1);\r\n }\r\n setTcpaErrors([...tcpaErrorArr]);\r\n } else {\r\n let tcpaErrorArr = [...tcpaErrors];\r\n const index = tcpaErrorArr.indexOf(params.id);\r\n if (index < 0) {\r\n setTcpaErrors([...tcpaErrors, params.id]);\r\n }\r\n setSeverity(\"error\");\r\n setSnackbarMsg(\"Please enter time in 24 hrs format only.\");\r\n setOpenSnackbar(true);\r\n setDisableSaveBtn(true);\r\n }\r\n }}\r\n initialState={{\r\n sorting: {\r\n sortModel: [{ field: \"state\", sort: \"asc\" }],\r\n },\r\n }}\r\n />\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default TCPAPage;\r\n","/**\r\n *10-17-2023 => SUDAM B CHAVAN => TEXTING-1646 Reporting - Realtime Reports Design\r\n *10-20-2023 => SUDAM B CHAVAN => TEXTING-1646 Reporting - Realtime Reports Design-reopen items\r\n */\r\nimport React, { useState, useEffect, useContext } from \"react\";\r\nimport { PowerBIEmbed } from 'powerbi-client-react'\r\nimport { models } from 'powerbi-client'\r\nimport apiConfig from \"../api/apiConfig\";\r\nimport { InvokeGetServiceCall } from \"../api/serviceUtil\";\r\nimport { AuthContext } from \"../AuthContext\"; \r\nimport { CircularProgress } from \"@mui/material\";\r\nimport SnackBar from \"./SnackBar\";\r\nfunction PowerBIReport() {\r\n const { messageApiToken } = useContext(AuthContext);\r\n const [loading, setLoading] = useState(false);\r\n const [reportDetails, setReportDetails] = useState(null);\r\n const [openSnackbar, setOpenSnackbar] = useState(false);\r\n const [snackbarMsg, setSnackbarMsg] = useState(\"\");\r\n useEffect(() => {\r\n if (messageApiToken){\r\n setLoading(true);\r\n InvokeGetServiceCall(apiConfig.GENERATE_POWERBI_ACCESS_TOKEN)\r\n .then((data) => {\r\n setLoading(false);\r\n setReportDetails(data.data)\r\n })\r\n .catch((error) => {\r\n setSnackbarMsg(error.message);\r\n setOpenSnackbar(true);\r\n setLoading(false);\r\n });\r\n }\r\n }, [])\r\n useEffect(() => {\r\n //re-render the component when report Details state is changed\r\n }, [reportDetails])\r\n const handleCloseSnackbar = (event, reason) => {\r\n if (reason === \"clickaway\") {\r\n return;\r\n }\r\n setOpenSnackbar(false);\r\n };\r\n\r\n\r\n\r\n return (\r\n\r\n <>\r\n {\r\n loading ? (\r\n TCPA
\r\n\r\n\r\n {/* */}\r\n 0}\r\n loading={btnLoading}\r\n onClick={saveTCPA}\r\n >\r\n Save\r\n \r\n
\r\n \r\n
\r\n ) : (<>\r\n