\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Configuration;\r\n","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\nimport { formatDate } from '../i18n';\r\nimport { getSentNotifications, getDraftNotifications, getWithDrawntNotifications, getScheduledNotifications } from '../apis/messageListApi';\r\n\r\ntype Notification = {\r\n createdDateTime: string,\r\n failed: number,\r\n id: string,\r\n isCompleted: boolean,\r\n sentDate: string,\r\n sendingStartedDate: string,\r\n sendingDuration: string,\r\n station: string,\r\n succeeded: number,\r\n throttled: number,\r\n title: string,\r\n totalMessageCount: number,\r\n}\r\ntype Station = {\r\n Title: string,\r\n Code: string,\r\n}\r\n\r\nexport const selectMessage = (message: any) => {\r\n return {\r\n type: 'MESSAGE_SELECTED',\r\n payload: message\r\n };\r\n};\r\n\r\nexport const getMessagesList = () => async (dispatch: any) => {\r\n const response = await getSentNotifications(); \r\n const notificationList: Notification[] = response.data;\r\n\r\n notificationList.forEach(notification => {\r\n notification.sendingStartedDate = formatDate(notification.sendingStartedDate);\r\n notification.sentDate = formatDate(notification.sentDate);\r\n });\r\n dispatch({ type: 'FETCH_MESSAGES', payload: notificationList });\r\n};\r\n\r\nexport const getDraftMessagesList = () => async (dispatch: any) => {\r\n const response = await getDraftNotifications();\r\n dispatch({ type: 'FETCH_DRAFTMESSAGES', payload: response.data });\r\n};\r\n\r\nexport const getScheduledMessagesList = () => async (dispatch: any) => {\r\n const response = await getScheduledNotifications();\r\n dispatch({ type: 'FETCH_SCHEDULEDMESSAGES', payload: response.data });\r\n}\r\n\r\nexport const getWithdrawnMessagesList = () => async (dispatch: any) => {\r\n const response = await getWithDrawntNotifications();\r\n dispatch({ type: 'FETCH_WITHDRAWNMESSAGES', payload: response.data });\r\n};\r\n\r\nexport const updateSelectedStation = (station: any) => (dispatch: any) => {\r\n dispatch({type: 'UPDATE_SELECTED_STATION', payload: station})\r\n}\r\nexport const getSelectedStation = (station: any) => (dispatch: any) => {\r\n dispatch({type: 'FETCH_SELECTED_STATION', payload: station})\r\n}\r\n","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport { Menu, MoreIcon } from '@fluentui/react-northstar';\r\nimport { getBaseUrl } from '../../configVariables';\r\nimport * as microsoftTeams from \"@microsoft/teams-js\";\r\nimport { duplicateDraftNotification, postWithDrawntNotifications } from '../../apis/messageListApi';\r\nimport { selectMessage, getMessagesList, getDraftMessagesList, getWithdrawnMessagesList, getScheduledMessagesList } from '../../actions';\r\nimport { TFunction } from \"i18next\";\r\n\r\nexport interface OverflowProps extends WithTranslation {\r\n message?: any;\r\n styles?: object;\r\n title?: string;\r\n selectMessage?: any;\r\n getMessagesList?: any;\r\n getDraftMessagesList?: any; \r\n getWithdrawnMessagesList?: any;\r\n getScheduledMessagesList?: any;\r\n}\r\n\r\nexport interface OverflowState {\r\n menuOpen: boolean;\r\n}\r\n\r\nexport interface ITaskInfo {\r\n title?: string;\r\n height?: number;\r\n width?: number;\r\n url?: string;\r\n card?: string;\r\n fallbackUrl?: string;\r\n completionBotId?: string;\r\n}\r\n\r\nclass Overflow extends React.Component\r\n Welcome to Akari Read And Sign, Please click Save to get started.\r\n
\r\n{this.localize(\"EmptySentMessages\")}
);\r\n }\r\n else {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n message.unknown &&\r\n \r\n \r\n }\r\n
\r\n {this.localize(\"EmptyDraftMessages\")}
);\r\n }\r\n else {\r\n return (\r\n {this.localize(\"EmptySentMessages\")}
);\r\n }\r\n else {\r\n return (\r\n {this.localize(\"EmptySentMessages\")}
);\r\n }\r\n else {\r\n return (\r\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n )\n return (\n \r\n
\r\n );\r\n } else {\r\n if (this.state.page === \"CardCreation\") {\r\n return (\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.isRecurring ? \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\n );\r\n } else if (this.state.page === \"AudienceSelection\") {\r\n return (\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\n {\r\n return (\r\n \r\n \r\n );\r\n },\r\n },\r\n {\r\n name: \"groups\",\r\n key: \"groups\",\r\n value: \"groups\",\r\n label: this.localize(\"SendToGroups\"),\r\n children: (Component, { name, ...props }) => {\r\n return (\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\n
\r\n );\r\n } else {\r\n return {this.localize(\"SendHeadingText\")}
\r\nError
;\r\n }\r\n }\r\n }\r\n private handleChange = (date: DatepickerProps, data: any) => {\r\n // Some custom components, liek Datepicker, can't raise native browser events\r\n // Since there is no event, we get the value from the second \"data\" object\r\n\r\n\r\n let inputDate = data.value\r\n inputDate.setHours(this.state.sendDate.getHours(), this.state.sendDate.getMinutes())\r\n\r\n this.setState({\r\n sendDate: inputDate,\r\n });\r\n console.log(this.state.sendDate);\r\n };\r\n\r\n private onStartTimeChange = (hours: number, min: number) => {\r\n\r\n let date = this.state.sendDate;\r\n date.setHours(hours, min)\r\n this.setState({\r\n sendDate: new Date(date),\r\n });\r\n };\r\n\r\n private onGroupSelected = (event: any, data: any) => {\r\n this.setState({\r\n selectedRadioBtn: data.value,\r\n teamsOptionSelected: data.value === \"teams\",\r\n rostersOptionSelected: data.value === \"rosters\",\r\n groupsOptionSelected: data.value === \"groups\",\r\n usersOptionSelected: data.value === \"users\",\r\n allUsersOptionSelected: data.value === \"allUsers\",\r\n selectedTeams: data.value === \"teams\" ? this.state.selectedTeams : [],\r\n selectedTeamsNum:\r\n data.value === \"teams\" ? this.state.selectedTeamsNum : 0,\r\n selectedRosters:\r\n data.value === \"rosters\" ? this.state.selectedRosters : [],\r\n selectedRostersNum:\r\n data.value === \"rosters\" ? this.state.selectedRostersNum : 0,\r\n selectedGroups: data.value === \"groups\" ? this.state.selectedGroups : [],\r\n selectedGroupsNum:\r\n data.value === \"groups\" ? this.state.selectedGroupsNum : 0,\r\n selectedUsers: data.value === \"users\" ? this.state.selectedUsers : [],\r\n selectedUsersNum:\r\n data.value === \"users\" ? this.state.selectedUsersNum : 0,\r\n });\r\n };\r\n\r\n private isSaveBtnDisabled = () => {\r\n const groupsSelectionIsValid =\r\n (this.state.groupsOptionSelected && this.state.selectedGroupsNum !== 0) ||\r\n !this.state.groupsOptionSelected;\r\n const usersSelectionIsValid =\r\n (this.state.usersOptionSelected && this.state.selectedUsersNum !== 0) ||\r\n !this.state.usersOptionSelected;\r\n const nothingSelected =\r\n !this.state.groupsOptionSelected && !this.state.usersOptionSelected;\r\n // return (!teamsSelectionIsValid || !rostersSelectionIsValid || !groupsSelectionIsValid || !usersSelectionIsValid || nothingSelected)\r\n return !groupsSelectionIsValid || !usersSelectionIsValid || nothingSelected;\r\n };\r\n\r\n private isNextBtnDisabled = () => {\r\n const title = this.state.title;\r\n const btnTitle = this.state.btnTitle;\r\n const btnLink = this.state.btnLink;\r\n return !(\r\n title &&\r\n ((btnTitle && btnLink) || (!btnTitle && !btnLink)) &&\r\n this.state.errorImageUrlMessage === \"\" &&\r\n this.state.errorButtonUrlMessage === \"\"\r\n );\r\n };\r\n\r\n private getItems = () => {\r\n const resultedTeams: dropdownItem[] = [];\r\n if (this.state.teams) {\r\n let remainingUserTeams = this.state.teams;\r\n if (this.state.selectedRadioBtn !== \"allUsers\") {\r\n if (this.state.selectedRadioBtn === \"teams\") {\r\n this.state.teams.filter(\r\n (x) =>\r\n this.state.selectedTeams.findIndex((y) => y.team.id === x.id) < 0\r\n );\r\n } else if (this.state.selectedRadioBtn === \"rosters\") {\r\n this.state.teams.filter(\r\n (x) =>\r\n this.state.selectedRosters.findIndex((y) => y.team.id === x.id) <\r\n 0\r\n );\r\n }\r\n }\r\n remainingUserTeams.forEach((element) => {\r\n resultedTeams.push({\r\n key: element.id,\r\n header: element.name,\r\n content: element.mail,\r\n image: ImageUtil.makeInitialImage(element.name),\r\n team: {\r\n id: element.id,\r\n },\r\n });\r\n });\r\n }\r\n return resultedTeams;\r\n };\r\n\r\n private static MAX_SELECTED_TEAMS_NUM: number = 20;\r\n\r\n private onTeamsChange = (event: any, itemsData: any) => {\r\n if (itemsData.value.length > NewMessage.MAX_SELECTED_TEAMS_NUM) return;\r\n this.setState({\r\n selectedTeams: itemsData.value,\r\n selectedTeamsNum: itemsData.value.length,\r\n selectedRosters: [],\r\n selectedRostersNum: 0,\r\n selectedGroups: [],\r\n selectedGroupsNum: 0,\r\n selectedUsers: [],\r\n selectedUsersNum: 0,\r\n });\r\n };\r\n\r\n private onRostersChange = (event: any, itemsData: any) => {\r\n if (itemsData.value.length > NewMessage.MAX_SELECTED_TEAMS_NUM) return;\r\n this.setState({\r\n selectedRosters: itemsData.value,\r\n selectedRostersNum: itemsData.value.length,\r\n selectedTeams: [],\r\n selectedTeamsNum: 0,\r\n selectedGroups: [],\r\n selectedGroupsNum: 0,\r\n selectedUsers: [],\r\n selectedUsersNum: 0,\r\n });\r\n };\r\n\r\n private onGroupsChange = (event: any, itemsData: any) => {\r\n this.setState({\r\n selectedGroups: itemsData.value,\r\n selectedGroupsNum: itemsData.value.length,\r\n groups: [],\r\n selectedTeams: [],\r\n selectedTeamsNum: 0,\r\n selectedRosters: [],\r\n selectedRostersNum: 0,\r\n selectedUsers: [],\r\n selectedUsersNum: 0,\r\n });\r\n };\r\n\r\n private onTimeFrameChange = (event: any, itemsData: any) => {\r\n this.setState({\r\n selectedTimeFrame: itemsData.value\r\n })\r\n }\r\n\r\n private onTimePeriodChange = (event: any, itemsData: any) => {\r\n console.log(itemsData)\r\n this.setState({\r\n selectedTimePeriod: itemsData.value\r\n })\r\n }\r\n\r\n private onCheckBoxChange = (event: any, data: any) => {\r\n console.log(data.checked)\r\n this.setState({\r\n isRecurring: data.checked\r\n })\r\n console.log(this.state.isRecurring)\r\n }\r\n private onUserChange = (event: any, itemsData: any) => {\r\n this.setState({\r\n selectedUsers: itemsData.value,\r\n selectedUsersNum: itemsData.value.length,\r\n selectedGroups: [],\r\n selectedGroupsNum: 0,\r\n groups: [],\r\n selectedTeams: [],\r\n selectedTeamsNum: 0,\r\n selectedRosters: [],\r\n selectedRostersNum: 0,\r\n });\r\n };\r\n\r\n private onGroupSearch = (itemList: any, searchQuery: string) => {\r\n const result = itemList.filter(\r\n (item: { header: string; content: string }) =>\r\n (item.header &&\r\n item.header.toLowerCase().indexOf(searchQuery.toLowerCase()) !==\r\n -1) ||\r\n (item.content &&\r\n item.content.toLowerCase().indexOf(searchQuery.toLowerCase()) !== -1)\r\n );\r\n return result;\r\n };\r\n private onUserSearch = (itemList: any, searchQuery: string) => {\r\n const result = itemList.filter(\r\n (item: { header: string; content: string }) =>\r\n (item.header &&\r\n item.header.toLowerCase().indexOf(searchQuery.toLowerCase()) !==\r\n -1) ||\r\n (item.content &&\r\n item.content.toLowerCase().indexOf(searchQuery.toLowerCase()) !== -1)\r\n );\r\n return result;\r\n };\r\n\r\n private onGroupSearchQueryChange = async (event: any, itemsData: any) => {\r\n if (!itemsData.searchQuery) {\r\n this.setState({\r\n groups: [],\r\n noResultMessage: \"\",\r\n });\r\n } else if (itemsData.searchQuery && itemsData.searchQuery.length <= 2) {\r\n this.setState({\r\n loading: false,\r\n noResultMessage: this.localize(\"NoMatchMessage\"),\r\n });\r\n } else if (itemsData.searchQuery && itemsData.searchQuery.length > 2) {\r\n // handle event trigger on item select.\r\n const result =\r\n itemsData.items &&\r\n itemsData.items.find(\r\n (item: { header: string }) =>\r\n item.header.toLowerCase() === itemsData.searchQuery.toLowerCase()\r\n );\r\n if (result) {\r\n return;\r\n }\r\n\r\n this.setState({\r\n loading: true,\r\n noResultMessage: \"\",\r\n });\r\n\r\n try {\r\n const query = encodeURIComponent(itemsData.searchQuery);\r\n const response = await searchGroups(query);\r\n this.setState({\r\n groups: response.data,\r\n loading: false,\r\n noResultMessage: this.localize(\"NoMatchMessage\"),\r\n });\r\n } catch (error) {\r\n return error;\r\n }\r\n }\r\n };\r\n private onUserSearchQueryChange = async (event: any, itemsData: any) => {\r\n if (!itemsData.searchQuery) {\r\n this.setState({\r\n users: [],\r\n noResultMessage: \"\",\r\n });\r\n } else if (itemsData.searchQuery && itemsData.searchQuery.length <= 2) {\r\n this.setState({\r\n loading: false,\r\n noResultMessage: this.localize(\"NoMatchMessage\"),\r\n });\r\n } else if (itemsData.searchQuery && itemsData.searchQuery.length > 2) {\r\n // handle event trigger on item select.\r\n const result =\r\n itemsData.items &&\r\n itemsData.items.find(\r\n (item: { header: string }) =>\r\n item.header.toLowerCase() === itemsData.searchQuery.toLowerCase()\r\n );\r\n if (result) {\r\n return;\r\n }\r\n\r\n this.setState({\r\n loading: true,\r\n noResultMessage: \"\",\r\n });\r\n\r\n try {\r\n const query = encodeURIComponent(itemsData.searchQuery);\r\n const response = await searchUsers(query);\r\n this.setState({\r\n users: response.data,\r\n loading: false,\r\n noResultMessage: this.localize(\"NoMatchMessage\"),\r\n });\r\n } catch (error) {\r\n return error;\r\n }\r\n }\r\n };\r\n private onSave = () => {\r\n const selectedTeams: string[] = [];\r\n const selctedRosters: string[] = [];\r\n const selectedGroups: string[] = [];\r\n const selectedUsers: string[] = [];\r\n this.state.selectedTeams.forEach((x) => selectedTeams.push(x.team.id));\r\n this.state.selectedRosters.forEach((x) => selctedRosters.push(x.team.id));\r\n this.state.selectedGroups.forEach((x) => selectedGroups.push(x.team.id));\r\n this.state.selectedUsers.forEach((x) => selectedUsers.push(x.team.id));\r\n const draftMessage: IDraftMessage = {\r\n id: this.state.messageId,\r\n title: this.state.title,\r\n imageLink: this.state.imageLink,\r\n summary: this.state.summary,\r\n author: this.state.author,\r\n buttonTitle: this.state.btnTitle,\r\n buttonLink: this.state.btnLink,\r\n station: this.state.station,\r\n teams: selectedTeams,\r\n rosters: selctedRosters,\r\n groups: selectedGroups,\r\n users: selectedUsers,\r\n allUsers: this.state.allUsersOptionSelected,\r\n isRecurring: this.state.isRecurring,\r\n sendDate: this.state.sendDate,\r\n timeFrame: this.state.selectedTimeFrame !== null ? parseInt(this.state.selectedTimeFrame.key) : 0,\r\n timePeriod: this.state.selectedTimePeriod !== null ? parseInt(this.state.selectedTimePeriod.key) : 0,\r\n };\r\n if (this.state.exists) {\r\n this.editDraftMessage(draftMessage).then(() => {\r\n microsoftTeams.tasks.submitTask();\r\n });\r\n } else {\r\n this.postDraftMessage(draftMessage).then(() => {\r\n microsoftTeams.tasks.submitTask();\r\n });\r\n }\r\n };\r\n\r\n private editDraftMessage = async (draftMessage: IDraftMessage) => {\r\n try {\r\n await updateDraftNotification(draftMessage);\r\n } catch (error) {\r\n return error;\r\n }\r\n };\r\n\r\n private postDraftMessage = async (draftMessage: IDraftMessage) => {\r\n try {\r\n await createDraftNotification(draftMessage);\r\n } catch (error) {\r\n throw error;\r\n }\r\n };\r\n\r\n public escFunction(event: any) {\r\n if (event.keyCode === 27 || event.key === \"Escape\") {\r\n microsoftTeams.tasks.submitTask();\r\n }\r\n }\r\n\r\n private onNext = (event: any) => {\r\n this.setState(\r\n {\r\n page: \"AudienceSelection\",\r\n },\r\n () => {\r\n this.updateCard();\r\n }\r\n );\r\n };\r\n\r\n private onBack = (event: any) => {\r\n this.setState(\r\n {\r\n page: \"CardCreation\",\r\n },\r\n () => {\r\n this.updateCard();\r\n }\r\n );\r\n };\r\n\r\n private onTitleChanged = (event: any) => {\r\n let showDefaultCard =\r\n !event.target.value &&\r\n !this.state.imageLink &&\r\n !this.state.summary &&\r\n !this.state.author &&\r\n !this.state.btnTitle &&\r\n !this.state.btnLink;\r\n setCardTitle(this.card, event.target.value);\r\n setCardImageLink(this.card, this.state.imageLink);\r\n setCardSummary(this.card, this.state.summary);\r\n setCardAuthor(this.card, this.state.author);\r\n setCardBtn(this.card, this.state.btnTitle, this.state.btnLink);\r\n this.setState(\r\n {\r\n title: event.target.value,\r\n card: this.card,\r\n },\r\n () => {\r\n if (showDefaultCard) {\r\n this.setDefaultCard(this.card);\r\n }\r\n this.updateCard();\r\n }\r\n );\r\n };\r\n\r\n private onImageLinkChanged = (event: any) => {\r\n let url = event.target.value.toLowerCase();\r\n if (\r\n !(\r\n url === \"\" ||\r\n url.startsWith(\"https://\") ||\r\n url.startsWith(\"data:image/png;base64,\") ||\r\n url.startsWith(\"data:image/jpeg;base64,\") ||\r\n url.startsWith(\"data:image/gif;base64,\")\r\n )\r\n ) {\r\n this.setState({\r\n errorImageUrlMessage: this.localize(\"ErrorURLMessage\"),\r\n });\r\n } else {\r\n this.setState({\r\n errorImageUrlMessage: \"\",\r\n });\r\n }\r\n\r\n let showDefaultCard =\r\n !this.state.title &&\r\n !event.target.value &&\r\n !this.state.summary &&\r\n !this.state.author &&\r\n !this.state.btnTitle &&\r\n !this.state.btnLink;\r\n setCardTitle(this.card, this.state.title);\r\n setCardImageLink(this.card, event.target.value);\r\n setCardSummary(this.card, this.state.summary);\r\n setCardAuthor(this.card, this.state.author);\r\n setCardBtn(this.card, this.state.btnTitle, this.state.btnLink);\r\n this.setState(\r\n {\r\n imageLink: event.target.value,\r\n card: this.card,\r\n },\r\n () => {\r\n if (showDefaultCard) {\r\n this.setDefaultCard(this.card);\r\n }\r\n this.updateCard();\r\n }\r\n );\r\n };\r\n\r\n private onSummaryChanged = (event: any) => {\r\n let showDefaultCard =\r\n !this.state.title &&\r\n !this.state.imageLink &&\r\n !event.target.value &&\r\n !this.state.author &&\r\n !this.state.btnTitle &&\r\n !this.state.btnLink;\r\n setCardTitle(this.card, this.state.title);\r\n setCardImageLink(this.card, this.state.imageLink);\r\n setCardSummary(this.card, event.target.value);\r\n setCardAuthor(this.card, this.state.author);\r\n setCardBtn(this.card, this.state.btnTitle, this.state.btnLink);\r\n this.setState(\r\n {\r\n summary: event.target.value,\r\n card: this.card,\r\n },\r\n () => {\r\n if (showDefaultCard) {\r\n this.setDefaultCard(this.card);\r\n }\r\n this.updateCard();\r\n }\r\n );\r\n };\r\n\r\n private onAuthorChanged = (event: any) => {\r\n let showDefaultCard =\r\n !this.state.title &&\r\n !this.state.imageLink &&\r\n !this.state.summary &&\r\n !event.target.value &&\r\n !this.state.btnTitle &&\r\n !this.state.btnLink;\r\n setCardTitle(this.card, this.state.title);\r\n setCardImageLink(this.card, this.state.imageLink);\r\n setCardSummary(this.card, this.state.summary);\r\n setCardAuthor(this.card, event.target.value);\r\n setCardBtn(this.card, this.state.btnTitle, this.state.btnLink);\r\n this.setState(\r\n {\r\n author: event.target.value,\r\n card: this.card,\r\n },\r\n () => {\r\n if (showDefaultCard) {\r\n this.setDefaultCard(this.card);\r\n }\r\n this.updateCard();\r\n }\r\n );\r\n };\r\n\r\n private onBtnTitleChanged = (event: any) => {\r\n const showDefaultCard =\r\n !this.state.title &&\r\n !this.state.imageLink &&\r\n !this.state.summary &&\r\n !this.state.author &&\r\n !event.target.value &&\r\n !this.state.btnLink;\r\n setCardTitle(this.card, this.state.title);\r\n setCardImageLink(this.card, this.state.imageLink);\r\n setCardSummary(this.card, this.state.summary);\r\n setCardAuthor(this.card, this.state.author);\r\n if (event.target.value && this.state.btnLink) {\r\n setCardBtn(this.card, event.target.value, this.state.btnLink);\r\n this.setState(\r\n {\r\n btnTitle: event.target.value,\r\n card: this.card,\r\n },\r\n () => {\r\n if (showDefaultCard) {\r\n this.setDefaultCard(this.card);\r\n }\r\n this.updateCard();\r\n }\r\n );\r\n } else {\r\n delete this.card.actions;\r\n this.setState(\r\n {\r\n btnTitle: event.target.value,\r\n },\r\n () => {\r\n if (showDefaultCard) {\r\n this.setDefaultCard(this.card);\r\n }\r\n this.updateCard();\r\n }\r\n );\r\n }\r\n };\r\n\r\n private onBtnLinkChanged = (event: any) => {\r\n if (\r\n !(\r\n event.target.value === \"\" ||\r\n event.target.value.toLowerCase().startsWith(\"https://\")\r\n )\r\n ) {\r\n this.setState({\r\n errorButtonUrlMessage: this.localize(\"ErrorURLMessage\"),\r\n });\r\n } else {\r\n this.setState({\r\n errorButtonUrlMessage: \"\",\r\n });\r\n }\r\n\r\n const showDefaultCard =\r\n !this.state.title &&\r\n !this.state.imageLink &&\r\n !this.state.summary &&\r\n !this.state.author &&\r\n !this.state.btnTitle &&\r\n !event.target.value;\r\n setCardTitle(this.card, this.state.title);\r\n setCardSummary(this.card, this.state.summary);\r\n setCardAuthor(this.card, this.state.author);\r\n setCardImageLink(this.card, this.state.imageLink);\r\n if (this.state.btnTitle && event.target.value) {\r\n setCardBtn(this.card, this.state.btnTitle, event.target.value);\r\n this.setState(\r\n {\r\n btnLink: event.target.value,\r\n card: this.card,\r\n },\r\n () => {\r\n if (showDefaultCard) {\r\n this.setDefaultCard(this.card);\r\n }\r\n this.updateCard();\r\n }\r\n );\r\n } else {\r\n delete this.card.actions;\r\n this.setState(\r\n {\r\n btnLink: event.target.value,\r\n },\r\n () => {\r\n if (showDefaultCard) {\r\n this.setDefaultCard(this.card);\r\n }\r\n this.updateCard();\r\n }\r\n );\r\n }\r\n };\r\n\r\n private updateCard = () => {\r\n const adaptiveCard = new AdaptiveCards.AdaptiveCard();\r\n adaptiveCard.parse(this.state.card);\r\n const renderedCard = adaptiveCard.render();\r\n const container = document.getElementsByClassName(\r\n \"adaptiveCardContainer\"\r\n )[0].firstChild;\r\n if (container != null) {\r\n container.replaceWith(renderedCard);\r\n } else {\r\n document\r\n .getElementsByClassName(\"adaptiveCardContainer\")[0]\r\n .appendChild(renderedCard);\r\n }\r\n const link = this.state.btnLink;\r\n adaptiveCard.onExecuteAction = function (action) {\r\n window.open(link, \"_blank\");\r\n };\r\n };\r\n}\r\n\r\nconst newMessageWithTranslation = withTranslation()(NewMessage);\r\nexport default newMessageWithTranslation;\r\n","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\nimport * as React from 'react';\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport './statusTaskModule.scss';\r\nimport { getSentNotification, exportNotification, getTeamsData, getUserData, resentNotification } from '../../apis/messageListApi';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport * as AdaptiveCards from \"adaptivecards\";\r\nimport { TooltipHost } from 'office-ui-fabric-react';\r\nimport { Loader, List, Image, Button, DownloadIcon, AcceptIcon, Flex, Text } from '@fluentui/react-northstar';\r\nimport * as microsoftTeams from \"@microsoft/teams-js\";\r\nimport {\r\n getInitAdaptiveCard, setCardTitle, setCardImageLink, setCardSummary,\r\n setCardAuthor, setCardBtn\r\n} from '../AdaptiveCard/adaptiveCard';\r\nimport { ImageUtil } from '../../utility/imageutility';\r\nimport { formatDate, formatDuration, formatNumber } from '../../i18n';\r\nimport { TFunction } from \"i18next\";\r\n\r\nexport interface IListItem {\r\n header: string,\r\n media: JSX.Element,\r\n}\r\n\r\nexport interface IMessage {\r\n id: string;\r\n title: string;\r\n acknowledgements?: string;\r\n reactions?: string;\r\n responses?: string;\r\n succeeded?: string;\r\n failed?: string;\r\n unknown?: string;\r\n sentDate?: string;\r\n imageLink?: string;\r\n summary?: string;\r\n author?: string;\r\n buttonLink?: string;\r\n buttonTitle?: string;\r\n teamNames?: string[];\r\n rosterNames?: string[];\r\n groupNames?: string[];\r\n userNames?: string[];\r\n allUsers?: boolean;\r\n sendingStartedDate?: string;\r\n sendingDuration?: string;\r\n errorMessage?: string;\r\n warningMessage?: string;\r\n canDownload?: boolean;\r\n sendingCompleted?: boolean;\r\n}\r\n\r\nexport interface UserInfo {\r\n id: string;\r\n upn: string;\r\n name: string;\r\n userType: string;\r\n deliveryStatus: string;\r\n statusReason: string;\r\n completed: string;\r\n timestamp: string;\r\n viewedDate: string;\r\n}\r\n\r\nexport interface IStatusState {\r\n message: IMessage;\r\n loader: boolean;\r\n page: string;\r\n teamId?: string;\r\n userInfo?: UserInfo[]\r\n}\r\n\r\ninterface StatusTaskModuleProps extends RouteComponentProps, WithTranslation { }\r\n\r\nclass StatusTaskModule extends React.Component\r\n
\r\n );\r\n } else {\r\n if (this.state.page === \"ViewStatus\") {\r\n return (\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\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n {this.readerList(this.state.userInfo)}\r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n
\r\n );\r\n }\r\n else if (this.state.page === \"SuccessPage\") {\r\n return (\r\n \r\n
\r\n {this.localize(\"TitleText\")}
\r\n {this.state.message.title}\r\n\r\n
\r\n {this.localize(\"SendingStarted\")}
\r\n {this.state.message.sendingStartedDate}\r\n\r\n
\r\n {this.localize(\"Completed\")}
\r\n {this.state.message.sentDate}\r\n\r\n
\r\n {this.localize(\"Duration\")}
\r\n {this.state.message.sendingDuration}\r\n\r\n
\r\n \r\n
\r\n {this.state.message.unknown &&\r\n <>\r\n \r\n \r\n }\r\n
\r\n {this.localize(\"Results\")}
\r\n \r\n\r\n \r\n
\r\n {this.state.message.unknown &&\r\n <>\r\n \r\n \r\n }\r\n
\r\n {this.renderAudienceSelection()}\r\n
\r\n \r\n {this.renderErrorMessage()}\r\n
\r\n \r\n {this.renderWarningMessage()}\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 } disabled={!this.state.message.canDownload || !this.state.message.sendingCompleted} content={this.localize(\"ExportButtonText\")} id=\"exportBtn\" onClick={this.onExport} primary />\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 else if (this.state.page === \"ResendPage\") {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n {this.localize(\"ExportQueueSuccessMessage2\")}\r\n
\r\n {this.localize(\"ExportQueueSuccessMessage3\")}\r\n
\r\n \r\n
\r\n
{this.localize(\"ExportQueueTitle\")}
\r\n
\r\n {this.localize(\"ExportQueueSuccessMessage2\")}\r\n
\r\n {this.localize(\"ExportQueueSuccessMessage3\")}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n else {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
Resend In Progress
\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 private onClose = () => {\r\n microsoftTeams.tasks.submitTask();\r\n }\r\n\r\n private onResent =async () => {\r\n await resentNotification(this.state.message.id).then(() => {\r\n this.setState({ page: \"ResendPage\" });\r\n }).catch(() => {\r\n this.setState({ page: \"ErrorPage\" });\r\n });\r\n \r\n }\r\n\r\n private onExport = async () => {\r\n let spanner = document.getElementsByClassName(\"sendingLoader\");\r\n spanner[0].classList.remove(\"hiddenLoader\");\r\n let payload = {\r\n id: this.state.message.id,\r\n teamId: this.state.teamId\r\n };\r\n await exportNotification(payload).then(() => {\r\n this.setState({ page: \"SuccessPage\" });\r\n }).catch(() => {\r\n this.setState({ page: \"ErrorPage\" });\r\n });\r\n }\r\n\r\n private getItemList = (items: string[]) => {\r\n let resultedTeams: IListItem[] = [];\r\n if (items) {\r\n resultedTeams = items.map((element) => {\r\n const resultedTeam: IListItem = {\r\n header: element,\r\n media: \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {this.localize(\"ExportErrorMessage\")}\r\n {this.localize(\"ExportErrorTitle\")}
\r\n
);\r\n } else if (this.state.message.rosterNames && this.state.message.rosterNames.length > 0) {\r\n return (\r\n {this.localize(\"SentToGeneralChannel\")}
\r\n\r\n
);\r\n } else if (this.state.message.groupNames && this.state.message.groupNames.length > 0) {\r\n return (\r\n {this.localize(\"SentToRosters\")}
\r\n\r\n
);\r\n }\r\n else if (this.state.message.userNames && this.state.message.userNames.length > 0) {\r\n return (\r\n {this.localize(\"SentToGroups1\")}
\r\n {this.localize(\"SentToGroups2\")}\r\n\r\n
);\r\n } else if (this.state.message.allUsers) {\r\n return (\r\n {this.localize(\"SendToUsers\")}
\r\n\r\n
);\r\n } else {\r\n return ();\r\n }\r\n }\r\n private renderErrorMessage = () => {\r\n if (this.state.message.errorMessage) {\r\n return (\r\n {this.localize(\"SendToAllUsers\")}
\r\n\r\n
\r\n );\r\n } else {\r\n return ();\r\n }\r\n }\r\n\r\n private renderWarningMessage = () => {\r\n if (this.state.message.warningMessage) {\r\n return (\r\n {this.localize(\"Errors\")}
\r\n {this.state.message.errorMessage}\r\n\r\n
\r\n );\r\n } else {\r\n return ();\r\n }\r\n }\r\n}\r\n\r\nconst StatusTaskModuleWithTranslation = withTranslation()(StatusTaskModule);\r\nexport default StatusTaskModuleWithTranslation;","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\nimport * as React from 'react';\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport { connect } from 'react-redux';\r\nimport './withdrawTaskModule.scss';\r\nimport { getSentNotification, postWithDrawntNotifications } from '../../apis/messageListApi';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport * as AdaptiveCards from \"adaptivecards\";\r\nimport { TooltipHost } from 'office-ui-fabric-react';\r\nimport { Loader, List, Image, Button, TrashCanIcon, AcceptIcon, Flex } from '@fluentui/react-northstar';\r\nimport * as microsoftTeams from \"@microsoft/teams-js\";\r\nimport {\r\n getInitAdaptiveCard, setCardTitle, setCardImageLink, setCardSummary,\r\n setCardAuthor, setCardBtn\r\n} from '../AdaptiveCard/adaptiveCard';\r\nimport { ImageUtil } from '../../utility/imageutility';\r\nimport { formatDate, formatDuration, formatNumber } from '../../i18n';\r\nimport { TFunction } from \"i18next\";\r\nimport { selectMessage, getMessagesList, getDraftMessagesList, getWithdrawnMessagesList, getScheduledMessagesList } from '../../actions';\r\n\r\nexport interface IListItem {\r\n header: string,\r\n media: JSX.Element,\r\n}\r\n\r\nexport interface IMessage {\r\n id: string;\r\n title: string;\r\n acknowledgements?: string;\r\n reactions?: string;\r\n responses?: string;\r\n succeeded?: string;\r\n failed?: string;\r\n unknown?: string;\r\n sentDate?: string;\r\n imageLink?: string;\r\n summary?: string;\r\n author?: string;\r\n buttonLink?: string;\r\n buttonTitle?: string;\r\n teamNames?: string[];\r\n rosterNames?: string[];\r\n groupNames?: string[];\r\n userNames?: string[];\r\n allUsers?: boolean;\r\n sendingStartedDate?: string;\r\n sendingDuration?: string;\r\n errorMessage?: string;\r\n warningMessage?: string;\r\n canDownload?: boolean;\r\n sendingCompleted?: boolean;\r\n}\r\n\r\nexport interface IStatusState {\r\n message: IMessage;\r\n loader: boolean;\r\n page: string;\r\n teamId?: string;\r\n}\r\n\r\ninterface StatusTaskModuleProps extends RouteComponentProps, WithTranslation {\r\n\r\n getMessagesList?: any;\r\n getDraftMessagesList?: any;\r\n getWithdrawnMessagesList?: any;\r\n getScheduledMessagesList?: any;\r\n}\r\n\r\nclass StatusTaskModule extends React.Component{this.localize(\"Warnings\")}
\r\n {this.state.message.warningMessage}\r\n\r\n
\r\n );\r\n } else {\r\n if (this.state.page === \"ViewStatus\") {\r\n return (\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 else if (this.state.page === \"SuccessPage\") {\r\n return (\r\n \r\n
\r\n {this.localize(\"TitleText\")}
\r\n {this.state.message.title}\r\n\r\n
\r\n {this.localize(\"SendingStarted\")}
\r\n {this.state.message.sendingStartedDate}\r\n\r\n
\r\n {this.localize(\"Completed\")}
\r\n {this.state.message.sentDate}\r\n\r\n
\r\n {this.localize(\"Duration\")}
\r\n {this.state.message.sendingDuration}\r\n\r\n
\r\n \r\n
\r\n {this.state.message.unknown &&\r\n <>\r\n \r\n \r\n }\r\n
\r\n {this.localize(\"Results\")}
\r\n \r\n\r\n \r\n
\r\n {this.state.message.unknown &&\r\n <>\r\n \r\n \r\n }\r\n
\r\n {this.renderAudienceSelection()}\r\n
\r\n \r\n {this.renderErrorMessage()}\r\n
\r\n \r\n {this.renderWarningMessage()}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n } content={this.localize(\"WithdrawButton\")} id=\"exportBtn\" onClick={this.onExport} primary />\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 else {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n {this.localize(\"WithdrawSuccessMessage2\")} \r\n
\r\n \r\n
\r\n
{this.localize(\"WithdrawMessageTitle\")}
\r\n
\r\n {this.localize(\"WithdrawSuccessMessage2\")} \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 private onClose = () => {\r\n microsoftTeams.tasks.submitTask();\r\n }\r\n\r\n private onExport = async () => {\r\n let params = this.props.match.params;\r\n let id = params['id']; \r\n await postWithDrawntNotifications(id).then(() => {\r\n this.props.getWithdrawnMessagesList();\r\n this.props.getMessagesList();\r\n this.props.getScheduledMessagesList();\r\n this.setState({ page: \"SuccessPage\" });\r\n \r\n }).catch(() => {\r\n this.setState({ page: \"ErrorPage\" });\r\n });\r\n }\r\n\r\n private getItemList = (items: string[]) => {\r\n let resultedTeams: IListItem[] = [];\r\n if (items) {\r\n resultedTeams = items.map((element) => {\r\n const resultedTeam: IListItem = {\r\n header: element,\r\n media: \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {this.localize(\"WithdrawErrorMessage\")}\r\n {this.localize(\"WithdrawErrorTitle\")}
\r\n
);\r\n } else if (this.state.message.rosterNames && this.state.message.rosterNames.length > 0) {\r\n return (\r\n {this.localize(\"SentToGeneralChannel\")}
\r\n\r\n
);\r\n } else if (this.state.message.groupNames && this.state.message.groupNames.length > 0) {\r\n return (\r\n {this.localize(\"SentToRosters\")}
\r\n\r\n
);\r\n }\r\n else if (this.state.message.userNames && this.state.message.userNames.length > 0) {\r\n return (\r\n {this.localize(\"SentToGroups1\")}
\r\n {this.localize(\"SentToGroups2\")}\r\n\r\n
);\r\n } else if (this.state.message.allUsers) {\r\n return (\r\n {this.localize(\"SendToUsers\")}
\r\n\r\n
);\r\n } else {\r\n return ();\r\n }\r\n }\r\n private renderErrorMessage = () => {\r\n if (this.state.message.errorMessage) {\r\n return (\r\n {this.localize(\"SendToAllUsers\")}
\r\n\r\n
\r\n );\r\n } else {\r\n return ();\r\n }\r\n }\r\n\r\n private renderWarningMessage = () => {\r\n if (this.state.message.warningMessage) {\r\n return (\r\n {this.localize(\"Errors\")}
\r\n {this.state.message.errorMessage}\r\n\r\n
\r\n );\r\n } else {\r\n return ();\r\n }\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state: any) => {\r\n return { messagesList: state.messagesList };\r\n}\r\n\r\nconst WithdrawnTaskModuleWithTranslation = withTranslation()(StatusTaskModule);\r\nexport default connect(mapStateToProps, { selectMessage, getMessagesList, getDraftMessagesList, getWithdrawnMessagesList, getScheduledMessagesList })(WithdrawnTaskModuleWithTranslation);","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\nimport * as React from 'react';\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport './withdrawnTaskModule.scss';\r\nimport { getWithDrawnNotification, exportNotification, getUserData, getTeamsData } from '../../apis/messageListApi';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport * as AdaptiveCards from \"adaptivecards\";\r\nimport { TooltipHost } from 'office-ui-fabric-react';\r\nimport { Loader, List, Image, Button, DownloadIcon, AcceptIcon, Flex, Text } from '@fluentui/react-northstar';\r\nimport * as microsoftTeams from \"@microsoft/teams-js\";\r\nimport {\r\n getInitAdaptiveCard, setCardTitle, setCardImageLink, setCardSummary,\r\n setCardAuthor, setCardBtn\r\n} from '../AdaptiveCard/adaptiveCard';\r\nimport { ImageUtil } from '../../utility/imageutility';\r\nimport { formatDate, formatDuration, formatNumber } from '../../i18n';\r\nimport { TFunction } from \"i18next\";\r\n\r\nexport interface IListItem {\r\n header: string,\r\n media: JSX.Element,\r\n}\r\n\r\nexport interface IMessage {\r\n id: string;\r\n title: string;\r\n acknowledgements?: string;\r\n reactions?: string;\r\n responses?: string;\r\n succeeded?: string;\r\n failed?: string;\r\n unknown?: string;\r\n sentDate?: string;\r\n imageLink?: string;\r\n summary?: string;\r\n author?: string;\r\n buttonLink?: string;\r\n buttonTitle?: string;\r\n teamNames?: string[];\r\n rosterNames?: string[];\r\n groupNames?: string[];\r\n userNames?: string[];\r\n allUsers?: boolean;\r\n withdrawnOn?: string,\r\n withdrawnBy?: string,\r\n sendingStartedDate?: string;\r\n sendingDuration?: string;\r\n errorMessage?: string;\r\n warningMessage?: string;\r\n canDownload?: boolean;\r\n sendingCompleted?: boolean;\r\n}\r\n\r\nexport interface UserInfo {\r\n id: string;\r\n upn: string;\r\n name: string;\r\n userType: string;\r\n deliveryStatus: string;\r\n statusReason: string;\r\n completed: string;\r\n timestamp: string;\r\n viewedDate: string;\r\n \r\n}\r\n\r\nexport interface IStatusState {\r\n message: IMessage;\r\n loader: boolean;\r\n page: string;\r\n teamId?: string;\r\n userInfo?: UserInfo[]\r\n}\r\n\r\ninterface StatusTaskModuleProps extends RouteComponentProps, WithTranslation { }\r\n\r\nclass StatusTaskModule extends React.Component{this.localize(\"Warnings\")}
\r\n {this.state.message.warningMessage}\r\n\r\n
\r\n );\r\n } else {\r\n if (this.state.page === \"ViewStatus\") {\r\n return (\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\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n {this.readerList(this.state.userInfo)}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n else if (this.state.page === \"SuccessPage\") {\r\n return (\r\n \r\n
\r\n {this.localize(\"TitleText\")}
\r\n {this.state.message.title}\r\n\r\n
\r\n {this.localize(\"SendingStarted\")}
\r\n {this.state.message.sendingStartedDate}\r\n\r\n
\r\n {this.localize(\"Completed\")}
\r\n {this.state.message.sentDate}\r\n\r\n
\r\n {this.localize(\"Duration\")}
\r\n {this.state.message.sendingDuration}\r\n\r\n
\r\n {this.localize(\"WithdrawnBy\")}
\r\n {this.state.message.withdrawnBy}\r\n\r\n
\r\n {this.localize(\"WithdrawnOn\")}
\r\n {this.state.message.withdrawnOn}\r\n\r\n
\r\n \r\n
\r\n {this.state.message.unknown &&\r\n <>\r\n \r\n \r\n }\r\n
\r\n {this.localize(\"Results\")}
\r\n \r\n\r\n \r\n
\r\n {this.state.message.unknown &&\r\n <>\r\n \r\n \r\n }\r\n
\r\n {this.renderAudienceSelection()}\r\n
\r\n \r\n {this.renderErrorMessage()}\r\n
\r\n \r\n {this.renderWarningMessage()}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n } disabled={!this.state.message.canDownload || !this.state.message.sendingCompleted} content={this.localize(\"ExportButtonText\")} id=\"exportBtn\" onClick={this.onExport} primary />\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 else {\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n {this.localize(\"ExportQueueSuccessMessage2\")}\r\n
\r\n {this.localize(\"ExportQueueSuccessMessage3\")}\r\n
\r\n \r\n
\r\n
{this.localize(\"ExportQueueTitle\")}
\r\n
\r\n {this.localize(\"ExportQueueSuccessMessage2\")}\r\n
\r\n {this.localize(\"ExportQueueSuccessMessage3\")}\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 private onClose = () => {\r\n microsoftTeams.tasks.submitTask();\r\n }\r\n\r\n private onExport = async () => {\r\n let spanner = document.getElementsByClassName(\"sendingLoader\");\r\n spanner[0].classList.remove(\"hiddenLoader\");\r\n let payload = {\r\n id: this.state.message.id,\r\n teamId: this.state.teamId\r\n };\r\n await exportNotification(payload).then(() => {\r\n this.setState({ page: \"SuccessPage\" });\r\n }).catch(() => {\r\n this.setState({ page: \"ErrorPage\" });\r\n });\r\n }\r\n\r\n private getItemList = (items: string[]) => {\r\n let resultedTeams: IListItem[] = [];\r\n if (items) {\r\n resultedTeams = items.map((element) => {\r\n const resultedTeam: IListItem = {\r\n header: element,\r\n media: \r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n {this.localize(\"ExportErrorMessage\")}\r\n {this.localize(\"ExportErrorTitle\")}
\r\n
);\r\n } else if (this.state.message.rosterNames && this.state.message.rosterNames.length > 0) {\r\n return (\r\n {this.localize(\"SentToGeneralChannel\")}
\r\n\r\n
);\r\n } else if (this.state.message.groupNames && this.state.message.groupNames.length > 0) {\r\n return (\r\n {this.localize(\"SentToRosters\")}
\r\n\r\n
);\r\n }\r\n else if (this.state.message.userNames && this.state.message.userNames.length > 0) {\r\n return (\r\n {this.localize(\"SentToGroups1\")}
\r\n {this.localize(\"SentToGroups2\")}\r\n\r\n
);\r\n } else if(this.state.message.allUsers) {\r\n return (\r\n {this.localize(\"SendToUsers\")}
\r\n\r\n
);\r\n } else {\r\n return ();\r\n }\r\n }\r\n private renderErrorMessage = () => {\r\n if (this.state.message.errorMessage) {\r\n return (\r\n {this.localize(\"SendToAllUsers\")}
\r\n\r\n
\r\n );\r\n } else {\r\n return ();\r\n }\r\n }\r\n\r\n private renderWarningMessage = () => {\r\n if (this.state.message.warningMessage) {\r\n return (\r\n {this.localize(\"Errors\")}
\r\n {this.state.message.errorMessage}\r\n\r\n
\r\n );\r\n } else {\r\n return ();\r\n }\r\n }\r\n}\r\n\r\nconst StatusTaskModuleWithTranslation = withTranslation()(StatusTaskModule);\r\nexport default StatusTaskModuleWithTranslation;","import * as React from 'react';\r\nimport { withTranslation, WithTranslation } from \"react-i18next\";\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport './viewfileContainer.scss';\r\nimport 'react-pdf/dist/esm/Page/AnnotationLayer.css';\r\nimport { Button, Card, CardBody, CardHeader, Flex, Header, Text } from '@fluentui/react-northstar';\r\nimport { connect } from 'react-redux';\r\nimport { TFunction } from \"i18next\";\r\nimport { getBaseUrl } from '../../configVariables';\r\nimport { Document, Page, pdfjs } from \"react-pdf\";\r\nimport { getViewFile, postViewFile, getFileType } from '../../apis/messageListApi';\r\n\r\npdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`\r\n\r\n\r\nexport interface IViewFileProps extends RouteComponentProps, WithTranslation {\r\n getDraftMessagesList?: any;\r\n getMessagesList?: any;\r\n selectedStation?: any;\r\n\r\n\r\n}\r\n\r\nexport interface IViewtabsContainerState {\r\n url: string;\r\n file: string,\r\n numPages: number,\r\n pageNumber: number\r\n showSign: boolean,\r\n documentTitle: string,\r\n publishedBy: string,\r\n publishedOn: string,\r\n canBeSigned: boolean,\r\n user: string,\r\n notifcation: string,\r\n isPdf: boolean,\r\n\r\n}\r\n\r\nclass ViewFileContainer extends React.Component{this.localize(\"Warnings\")}
\r\n {this.state.message.warningMessage}\r\n\r\n
\r\n );\r\n } else {\r\n return (\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\n }\r\n }\r\n\r\n private onSendMessage = () => {\r\n let spanner = document.getElementsByClassName(\"sendingLoader\");\r\n spanner[0].classList.remove(\"hiddenLoader\");\r\n sendDraftNotification(this.state.message).then(() => {\r\n microsoftTeams.tasks.submitTask();\r\n });\r\n }\r\n\r\n private getItemList = (items: string[]) => {\r\n let resultedTeams: IListItem[] = [];\r\n if (items) {\r\n resultedTeams = items.map((element) => {\r\n const resultedTeam: IListItem = {\r\n header: element,\r\n media: {this.localize(\"ConfirmToSend\")}
\r\n {this.localize(\"SendToRecipientsLabel\")}\r\n\r\n\r\n {this.renderAudienceSelection()}\r\n
\r\n \r\n
\r\n {this.localize(\"TeamsLabel\")}\r\n
\r\n );\r\n } else if (this.state.rosterNames && this.state.rosterNames.length > 0) {\r\n return (\r\n {this.localize(\"TeamsMembersLabel\")}\r\n
);\r\n } else if (this.state.groupNames && this.state.groupNames.length > 0) {\r\n return (\r\n {this.localize(\"GroupsMembersLabel\")}\r\n
);\r\n }\r\n else if (this.state.userNames && this.state.userNames.length > 0) {\r\n return ( {this.localize(\"UserNamesLabel\")}\r\n
);\r\n }\r\n else if (this.state.allUsers) {\r\n return (\r\n \r\n {this.localize(\"AllUsersLabel\")}\r\n
);\r\n } else {\r\n return ();\r\n }\r\n }\r\n}\r\n\r\nconst sendConfirmationTaskModuleWithTranslation = withTranslation()(SendConfirmationTaskModule);\r\nexport default sendConfirmationTaskModuleWithTranslation;","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\nimport React from 'react';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Text } from '@fluentui/react-northstar';\r\nimport './errorPage.scss';\r\n\r\nconst ErrorPage: React.FunctionComponent\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SignInPage;\r\n","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\nimport React, { useEffect } from \"react\";\r\nimport * as microsoftTeams from \"@microsoft/teams-js\";\r\nimport { getAuthenticationConsentMetadata } from '../../apis/messageListApi';\r\n\r\nconst SignInSimpleStart: React.FunctionComponent = () => {\r\n useEffect(() => {\r\n microsoftTeams.initialize();\r\n\r\n microsoftTeams.getContext(context => {\r\n const windowLocationOriginDomain = window.location.origin.replace(\"https://\", \"\");\r\n const login_hint = context.upn ? context.upn : \"\";\r\n\r\n getAuthenticationConsentMetadata(windowLocationOriginDomain, login_hint).then(result => {\r\n window.location.assign(result.data);\r\n });\r\n });\r\n });\r\n\r\n return (\r\n <>\r\n );\r\n};\r\n\r\nexport default SignInSimpleStart;","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\nimport * as React from 'react';\r\nimport * as microsoftTeams from \"@microsoft/teams-js\";\r\nimport { useEffect } from 'react';\r\n\r\nconst SignInSimpleEnd: React.FunctionComponent = () => {\r\n // Parse hash parameters into key-value pairs\r\n function getHashParameters() {\r\n const hashParams: any = {};\r\n window.location.hash.substr(1).split(\"&\").forEach(function (item) {\r\n let s = item.split(\"=\"),\r\n k = s[0],\r\n v = s[1] && decodeURIComponent(s[1]);\r\n hashParams[k] = v;\r\n });\r\n return hashParams;\r\n }\r\n\r\n useEffect(() => {\r\n microsoftTeams.initialize();\r\n\r\n const hashParams: any = getHashParameters();\r\n if (hashParams[\"error\"]) {\r\n // Authentication/authorization failed\r\n microsoftTeams.authentication.notifyFailure(hashParams[\"error\"]);\r\n } else if (hashParams[\"id_token\"]) {\r\n // Success\r\n microsoftTeams.authentication.notifySuccess();\r\n } else {\r\n // Unexpected condition: hash does not contain error or access_token parameter\r\n microsoftTeams.authentication.notifyFailure(\"UnexpectedFailure\");\r\n }\r\n });\r\n\r\n return (\r\n <>\r\n );\r\n};\r\n\r\nexport default SignInSimpleEnd;","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\nimport React, { Suspense } from 'react';\r\nimport { BrowserRouter, Route, Switch } from 'react-router-dom';\r\nimport Configuration from './components/config';\r\nimport TabContainer from './components/TabContainer/tabContainer';\r\nimport NewMessage from './components/NewMessage/newMessage';\r\nimport StatusTaskModule from './components/StatusTaskModule/statusTaskModule';\r\nimport WithDrawTaskModule from './components/WithdrawTaskModule/withdrawTaskModule'\r\nimport WithDrawnTaskModule from './components/WithdrawnTaskModule/withdrawnTaskModule'\r\nimport ViewFileContainer from './components/ViewFile/viewFileContainer';\r\nimport './App.scss';\r\nimport { Provider, teamsTheme, teamsDarkTheme, teamsHighContrastTheme } from '@fluentui/react-northstar'\r\nimport SendConfirmationTaskModule from './components/SendConfirmationTaskModule/sendConfirmationTaskModule';\r\nimport * as microsoftTeams from \"@microsoft/teams-js\";\r\nimport { TeamsThemeContext, getContext, ThemeStyle } from 'msteams-ui-components-react';\r\nimport ErrorPage from \"./components/ErrorPage/errorPage\";\r\nimport SignInPage from \"./components/SignInPage/signInPage\";\r\nimport SignInSimpleStart from \"./components/SignInPage/signInSimpleStart\";\r\nimport SignInSimpleEnd from \"./components/SignInPage/signInSimpleEnd\";\r\nimport { updateLocale } from './i18n';\r\nimport i18n from 'i18next';\r\n\r\nexport interface IAppState {\r\n theme: string;\r\n themeStyle: number;\r\n}\r\n\r\nclass App extends React.Component<{}, IAppState> {\r\n\r\n constructor(props: {}) {\r\n super(props);\r\n this.state = {\r\n theme: \"\",\r\n themeStyle: ThemeStyle.Light,\r\n }\r\n }\r\n\r\n public componentDidMount() {\r\n microsoftTeams.initialize();\r\n microsoftTeams.getContext((context) => {\r\n let theme = context.theme || \"\";\r\n this.updateTheme(theme);\r\n this.setState({\r\n theme: theme\r\n });\r\n });\r\n\r\n microsoftTeams.registerOnThemeChangeHandler((theme) => {\r\n this.updateTheme(theme);\r\n this.setState({\r\n theme: theme,\r\n }, () => {\r\n this.forceUpdate();\r\n });\r\n });\r\n\r\n updateLocale();\r\n }\r\n\r\n public setThemeComponent = () => {\r\n const rtl = i18n.dir() === \"rtl\";\r\n\r\n if (this.state.theme === \"dark\") {\r\n return (\r\n \r\n {this.getAppDom()}\r\n
\r\n \r\n {this.getAppDom()}\r\n
\r\n \r\n {this.getAppDom()}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {this.setThemeComponent()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default App;","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\n// This optional code is used to register a service worker.\r\n// register() is not called by default.\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 subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\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\ntype Config = {\r\n onSuccess?: (registration: ServiceWorkerRegistration) => void;\r\n onUpdate?: (registration: ServiceWorkerRegistration) => void;\r\n};\r\n\r\nexport function register(config?: Config) {\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(\r\n (process as { env: { [key: string]: string } }).env.PUBLIC_URL,\r\n window.location.href\r\n );\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/facebook/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. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl: string, config?: Config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\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 // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\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: string, config?: Config) {\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 const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.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, config);\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","// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT License.\r\n\r\nimport { combineReducers } from \"redux\";\r\n\r\n\r\n\r\nexport const selectedMessageReducer = (selectedMessage = null, action: { type: string; payload: any; }) => {\r\n if (action.type === 'MESSAGE_SELECTED') {\r\n return action.payload;\r\n }\r\n return selectedMessage;\r\n}\r\n\r\nexport const messagesListReducer = (messages = [], action: { type: string; payload: any; }) => {\r\n if (action.type === 'FETCH_MESSAGES') {\r\n return action.payload\r\n }\r\n return messages;\r\n};\r\n\r\nexport const draftmessagesListReducer = (draftMessages = [], action: { type: string; payload: any; }) => {\r\n if (action.type === 'FETCH_DRAFTMESSAGES') {\r\n return action.payload\r\n }\r\n return draftMessages;\r\n};\r\n\r\nexport const scheduledmessagesListReducer = (scheduledMessages = [], action: { type: string; payload: any; }) => {\r\n if (action.type === 'FETCH_SCHEDULEDMESSAGES') {\r\n return action.payload\r\n }\r\n return scheduledMessages;\r\n};\r\n\r\n\r\nexport const withdrawnmessagesListReducer = (withdrawnMessages = [], action: { type: string; payload: any; }) => {\r\n if (action.type === 'FETCH_WITHDRAWNMESSAGES') {\r\n return action.payload\r\n }\r\n return withdrawnMessages;\r\n};\r\n\r\nexport const stationReducer = (stations = {stations: [], selectedStation: \"\"}, action: {type:string; payload: any; }) => {\r\n \r\n if (action.type === 'UPDATE_SELECTED_STATION') {\r\n return {\r\n ...stations,\r\n selectedStation: action.payload\r\n }\r\n }\r\n if (action.type === 'FETCH_STATIONS') {\r\n return {\r\n ...stations,\r\n stations: action.payload\r\n }\r\n }\r\n return stations\r\n}\r\nexport default combineReducers({\r\n messagesList: messagesListReducer,\r\n draftMessagesList: draftmessagesListReducer,\r\n withdrawnMessageList: withdrawnmessagesListReducer,\r\n scheduledMessageList: scheduledmessagesListReducer,\r\n selectedMessage: selectedMessageReducer, \r\n stations: stationReducer \r\n});\r\n\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.scss';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport { Provider } from 'react-redux';\r\nimport { createStore, applyMiddleware } from 'redux';\r\nimport reducers from './reducers';\r\nimport thunk from 'redux-thunk';\r\n\r\nconst store = createStore(reducers, applyMiddleware(thunk));\r\n\r\nReactDOM.render(\r\n