mirror of
https://github.com/Safe-Support-Chat/ocrcc-chatbox
synced 2024-11-01 00:55:26 +00:00
integrate with bot
This commit is contained in:
parent
06a24562bc
commit
03335e0cc2
@ -16,7 +16,7 @@ import Message from "./message";
|
|||||||
|
|
||||||
const DEFAULT_MATRIX_SERVER = "https://matrix.rhok.space"
|
const DEFAULT_MATRIX_SERVER = "https://matrix.rhok.space"
|
||||||
const DEFAULT_ROOM_NAME = "Support Chat"
|
const DEFAULT_ROOM_NAME = "Support Chat"
|
||||||
const FACILITATOR_USERNAME = "@ocrcc-facilitator-demo:rhok.space"
|
const FACILITATOR_USERNAME = "@help-bot:rhok.space"
|
||||||
const ENCRYPTION_CONFIG = { "algorithm": "m.megolm.v1.aes-sha2" };
|
const ENCRYPTION_CONFIG = { "algorithm": "m.megolm.v1.aes-sha2" };
|
||||||
const DEFAULT_THEME = {
|
const DEFAULT_THEME = {
|
||||||
themeColor: "#008080", // teal
|
themeColor: "#008080", // teal
|
||||||
@ -41,6 +41,7 @@ class ChatBox extends React.Component {
|
|||||||
inputValue: "",
|
inputValue: "",
|
||||||
errors: [],
|
errors: [],
|
||||||
roomId: null,
|
roomId: null,
|
||||||
|
typingStatus: null,
|
||||||
}
|
}
|
||||||
this.chatboxInput = React.createRef();
|
this.chatboxInput = React.createRef();
|
||||||
}
|
}
|
||||||
@ -113,6 +114,20 @@ class ChatBox extends React.Component {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
verifyAllRoomDevices = async function(roomId) {
|
||||||
|
let room = this.state.client.getRoom(roomId);
|
||||||
|
console.log('room', room)
|
||||||
|
let members = (await room.getEncryptionTargetMembers()).map(x => x["userId"])
|
||||||
|
console.log('members', members)
|
||||||
|
let memberkeys = await this.state.client.downloadKeys(members);
|
||||||
|
for (const userId in memberkeys) {
|
||||||
|
for (const deviceId in memberkeys[userId]) {
|
||||||
|
console.log("verifying device", `${userId} - ${deviceId}`)
|
||||||
|
await this.state.client.setDeviceVerified(userId, deviceId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
createRoom = () => {
|
createRoom = () => {
|
||||||
const currentDate = new Date()
|
const currentDate = new Date()
|
||||||
const chatDate = currentDate.toLocaleDateString()
|
const chatDate = currentDate.toLocaleDateString()
|
||||||
@ -132,6 +147,10 @@ class ChatBox extends React.Component {
|
|||||||
]
|
]
|
||||||
})
|
})
|
||||||
.then(data => {
|
.then(data => {
|
||||||
|
this.verifyAllRoomDevices(data.room_id)
|
||||||
|
this.state.client.setPowerLevel(data.room_id, FACILITATOR_USERNAME, 100)
|
||||||
|
.then(() => console.log("Set bot power level to 100"))
|
||||||
|
.catch(err => console.log("Error setting bot power level", err))
|
||||||
this.setState({
|
this.setState({
|
||||||
roomId: data.room_id
|
roomId: data.room_id
|
||||||
})
|
})
|
||||||
@ -217,6 +236,10 @@ class ChatBox extends React.Component {
|
|||||||
if (event.getType() === "m.room.encryption") {
|
if (event.getType() === "m.room.encryption") {
|
||||||
this.setState({ isRoomEncrypted: true })
|
this.setState({ isRoomEncrypted: true })
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (event.getType() === "m.notice") {
|
||||||
|
console.log("GOT BOT NOTICE!", event)
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
this.state.client.on("Event.decrypted", (event) => {
|
this.state.client.on("Event.decrypted", (event) => {
|
||||||
@ -224,6 +247,15 @@ class ChatBox extends React.Component {
|
|||||||
this.handleMessageEvent(event)
|
this.handleMessageEvent(event)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
this.state.client.on("RoomMember.typing", (event, member) => {
|
||||||
|
if (member.typing) {
|
||||||
|
this.setState({ typingStatus: `${member.name} is typing...`})
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
this.setState({ typingStatus: null })
|
||||||
|
}
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if (prevState.roomId !== this.state.roomId) {
|
if (prevState.roomId !== this.state.roomId) {
|
||||||
@ -266,7 +298,7 @@ class ChatBox extends React.Component {
|
|||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const { ready, messages, inputValue, userId, isRoomEncrypted } = this.state;
|
const { ready, messages, inputValue, userId, isRoomEncrypted, typingStatus } = this.state;
|
||||||
const { opened, handleToggleOpen, privacyStatement, termsUrl } = this.props;
|
const { opened, handleToggleOpen, privacyStatement, termsUrl } = this.props;
|
||||||
const inputLabel = 'Send a message...'
|
const inputLabel = 'Send a message...'
|
||||||
|
|
||||||
@ -288,6 +320,9 @@ class ChatBox extends React.Component {
|
|||||||
|
|
||||||
<div className="message-window">
|
<div className="message-window">
|
||||||
<div className="messages">
|
<div className="messages">
|
||||||
|
<div className="notices">
|
||||||
|
{ typingStatus && <div>{typingStatus}</div> }
|
||||||
|
</div>
|
||||||
{
|
{
|
||||||
ready ?
|
ready ?
|
||||||
messages.map((message, index) => {
|
messages.map((message, index) => {
|
||||||
|
@ -7,10 +7,10 @@ export default function bookmarklet() {
|
|||||||
window.EmbeddableWidget = EmbeddableWidget;
|
window.EmbeddableWidget = EmbeddableWidget;
|
||||||
|
|
||||||
EmbeddableWidget.mount({
|
EmbeddableWidget.mount({
|
||||||
termsUrl: "https://tosdr.org/",
|
termsUrl: 'https://tosdr.org/',
|
||||||
privacyStatement: "This chat application does not collect any of your personal data or any data from your use of this service.",
|
privacyStatement: 'This chat application does not collect any of your personal data or any data from your use of this service.',
|
||||||
matrixServerUrl: "https://matrix.rhok.space",
|
matrixServerUrl: 'https://matrix.rhok.space',
|
||||||
roomName: "Support Chat",
|
roomName: 'Support Chat',
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user