-
+
+
+
+
+ Send
+
+ Close
+
+
+
+ `
+ }
+
+ firstUpdated() {
+ const stopKeyEventPropagation = (e) => {
+ e.stopPropagation();
+ return false;
+ }
+
+ this.shadowRoot.getElementById('sendTo').addEventListener('keydown', stopKeyEventPropagation);
+ this.shadowRoot.getElementById('messageBox').addEventListener('keydown', stopKeyEventPropagation);
+
+ const getDataFromURL = () => {
+ let tempUrl = document.location.href
+ let splitedUrl = decodeURI(tempUrl).split('?')
+ let urlData = splitedUrl[1]
+ if (urlData !== undefined) {
+ this.chatId = urlData
+ }
+ }
+
+ let configLoaded = false
+
+ parentEpml.ready().then(() => {
+ parentEpml.subscribe('selected_address', async selectedAddress => {
+ this.selectedAddress = {}
+ selectedAddress = JSON.parse(selectedAddress)
+ if (!selectedAddress || Object.entries(selectedAddress).length === 0) return
+ this.selectedAddress = selectedAddress
+ })
+ parentEpml.request('apiCall', {
+ url: `/addresses/balance/${window.parent.reduxStore.getState().app.selectedAddress.address}`
+ }).then(res => {
+ this.balance = res
+ })
+ })
+
+ parentEpml.imReady()
+ }
+
+ _sendMessage() {
+
+ this.isLoading = true
+
+ const recipient = this.shadowRoot.getElementById('sendTo').value
+ const messageBox = this.shadowRoot.getElementById('messageBox')
+ const messageText = messageBox.value
+
+ if (recipient.length === 0) {
+ this.isLoading = false
+ } else if (messageText.length === 0) {
+ this.isLoading = false
+ } else {
+ this.sendMessage()
+ }
+ }
+
+ async sendMessage(e) {
+ this.isLoading = true
+
+ const _recipient = this.shadowRoot.getElementById('sendTo').value
+ const messageBox = this.shadowRoot.getElementById('messageBox')
+ const messageText = messageBox.value
+ let recipient
+
+ const validateName = async (receiverName) => {
+ let myRes
+ let myNameRes = await parentEpml.request('apiCall', {
+ type: 'api',
+ url: `/names/${receiverName}`
+ })
+
+ if (myNameRes.error === 401) {
+ myRes = false
+ } else {
+ myRes = myNameRes
+ }
+
+ return myRes
+ }
+
+ const myNameRes = await validateName(_recipient)
+ if (!myNameRes) {
+
+ recipient = _recipient
+ } else {
+
+ recipient = myNameRes.owner
+ }
+
+ let _reference = new Uint8Array(64);
+ window.crypto.getRandomValues(_reference);
+
+ let sendTimestamp = Date.now()
+
+ let reference = window.parent.Base58.encode(_reference)
+
+ const getAddressPublicKey = async () => {
+ let isEncrypted
+ let _publicKey
+
+ let addressPublicKey = await parentEpml.request('apiCall', {
+ type: 'api',
+ url: `/addresses/publickey/${recipient}`
+ })
+
+
+ if (addressPublicKey.error === 102) {
+ _publicKey = false
+ // Do something here...
+ parentEpml.request('showSnackBar', "Invalid Name / Address, Check the name / address and retry...")
+ this.isLoading = false
+ } else if (addressPublicKey !== false) {
+ isEncrypted = 1
+ _publicKey = addressPublicKey
+ sendMessageRequest(isEncrypted, _publicKey)
+ } else {
+ isEncrypted = 0
+ _publicKey = this.selectedAddress.address
+ sendMessageRequest(isEncrypted, _publicKey)
+ }
+ };
+
+ const sendMessageRequest = async (isEncrypted, _publicKey) => {
+
+ let chatResponse = await parentEpml.request('chat', {
+ type: 18,
+ nonce: this.selectedAddress.nonce,
+ params: {
+ timestamp: sendTimestamp,
+ recipient: recipient,
+ recipientPublicKey: _publicKey,
+ message: messageText,
+ lastReference: reference,
+ proofOfWorkNonce: 0,
+ isEncrypted: isEncrypted,
+ isText: 1
+ }
+ })
+
+ _computePow(chatResponse)
+ }
+
+ const _computePow = async (chatBytes) => {
+
+ const _chatBytesArray = Object.keys(chatBytes).map(function (key) { return chatBytes[key]; });
+ const chatBytesArray = new Uint8Array(_chatBytesArray)
+ const chatBytesHash = new window.parent.Sha256().process(chatBytesArray).finish().result
+ const hashPtr = window.parent.sbrk(32, window.parent.heap);
+ const hashAry = new Uint8Array(window.parent.memory.buffer, hashPtr, 32);
+ hashAry.set(chatBytesHash);
+
+ const difficulty = this.balance === 0 ? 14 : 8;
+
+ const workBufferLength = 8 * 1024 * 1024;
+ const workBufferPtr = window.parent.sbrk(workBufferLength, window.parent.heap);
+
+ let nonce = window.parent.computePow(hashPtr, workBufferPtr, workBufferLength, difficulty)
+
+ let _response = await parentEpml.request('sign_chat', {
+ nonce: this.selectedAddress.nonce,
+ chatBytesArray: chatBytesArray,
+ chatNonce: nonce
+ })
+
+ getSendChatResponse(_response)
+ }
+
+ const getSendChatResponse = (response) => {
+
+ if (response === true) {
+ messageBox.value = ""
+ parentEpml.request('showSnackBar', "Message Sent Successfully!")
+ this.isLoading = false
+ } else if (response.error) {
+ parentEpml.request('showSnackBar', response.message)
+ this.isLoading = false
+ } else {
+ parentEpml.request('showSnackBar', "Sending failed, Please retry...")
+ this.isLoading = false
+ }
+
+ }
+ getAddressPublicKey()
+ }
+
+ _textMenu(event) {
+ const getSelectedText = () => {
+ var text = "";
+ if (typeof window.getSelection != "undefined") {
+ text = window.getSelection().toString();
+ } else if (typeof this.shadowRoot.selection != "undefined" && this.shadowRoot.selection.type == "Text") {
+ text = this.shadowRoot.selection.createRange().text;
+ }
+ return text;
+ }
+
+ const checkSelectedTextAndShowMenu = () => {
+ let selectedText = getSelectedText();
+ if (selectedText && typeof selectedText === 'string') {
+
+ let _eve = { pageX: event.pageX, pageY: event.pageY, clientX: event.clientX, clientY: event.clientY }
+
+ let textMenuObject = { selectedText: selectedText, eventObject: _eve, isFrame: true }
+
+ parentEpml.request('openCopyTextMenu', textMenuObject)
+ }
+ }
+ checkSelectedTextAndShowMenu()
+ }
+
+ _textArea(e) {
+ if (e.keyCode === 13 && !e.shiftKey) this._sendMessage()
+ }
+}
+
+window.customElements.define('chat-welcome-page', ChatWelcomePage)
diff --git a/qortal-ui-plugins/plugins/core/components/TimeAgo.js b/qortal-ui-plugins/plugins/core/components/TimeAgo.js
new file mode 100644
index 00000000..b5231e29
--- /dev/null
+++ b/qortal-ui-plugins/plugins/core/components/TimeAgo.js
@@ -0,0 +1,53 @@
+import { LitElement, html, css } from 'lit-element'
+
+import '@github/time-elements'
+
+class TimeAgo extends LitElement {
+ static get properties() {
+ return {
+ selectedAddress: { type: Object },
+ config: { type: Object },
+ timestamp: { type: Number },
+ format: { type: String, reflect: true },
+ timeIso: { type: String }
+ }
+ }
+
+ static get styles() {
+ return css``
+ }
+
+ updated(changedProps) {
+ changedProps.forEach((OldProp, name) => {
+ if (name === 'timeIso') {
+ this.renderTime(this.timestamp)
+ }
+ });
+
+ this.shadowRoot.querySelector('time-ago').setAttribute('title', '');
+ }
+
+ constructor() {
+ super();
+ this.timestamp = 0
+ this.timeIso = ''
+ this.format = ''
+ }
+
+ render() {
+
+ return html`
+
+ Welcome to Q-Chat
+
+
+ +
+
+
+
+
+ chat
+ ${this.myAddress.address} +
+ + ${this.myAddress.address} +
this.shadowRoot.querySelector('#startSecondChatDialog').show()}>New Private Message
+
+
+
+
+ New Private Message
++
Type the name or address of who you want to chat with to send a private message!
+ + ++ +
+ +