+
@@ -709,168 +1127,361 @@ function App() {
}}
/>
+ {hasLocalNode && (
+ <>
+
+
+ {
+ setOpenAdvancedSettings(true);
+ }}
+ >
+ Advanced settings
+
+
+ {openAdvancedSettings && (
+ <>
+
+ {
+ setUseLocalNode(event.target.checked);
+ }}
+ disabled={confirmUseOfLocal}
+ sx={{
+ "&.Mui-checked": {
+ color: "white", // Customize the color when checked
+ },
+ "& .MuiSvgIcon-root": {
+ color: "white",
+ },
+ }}
+ />
+
+ Use local node
+
+ {useLocalNode && (
+ <>
+
+
+ {apiKey}
+
+
+
+ )}
)}
{/* {extState !== "not-authenticated" && (
)} */}
- {extState === "authenticated" && (
-
-
-
+
+
+
+ 
-
-
- {rawWallet?.ltcAddress?.slice(0, 6)}...
- {rawWallet?.ltcAddress?.slice(-4)} 
-
-
-
+ {authenticatedMode === "ltc" ? (
+ <>
+
+
+
+ {rawWallet?.ltcAddress?.slice(0, 6)}...
+ {rawWallet?.ltcAddress?.slice(-4)}
+
+
+
+
+ {ltcBalance} LTC
+
+
+ )}
+
+ ) : (
+ <>
+ 
+
- {ltcBalance} LTC
+ {userInfo?.name}
-
+
+
+ {rawWallet?.address0?.slice(0, 6)}...
+ {rawWallet?.address0?.slice(-4)}
+
+
+
+
+ {balance?.toFixed(2)} QORT
+
+
+ )}
+ {
+ setOpenRegisterName(true);
+ }}
+ >
+ REGISTER NAME
+
+ )}
+ {
+ setExtstate("send-qort");
+ }}
+ >
+ Transfer QORT
+
+
)}
-
-
- ) : (
- <>
-
-
- {userInfo?.name}
-
-
-
- {rawWallet?.address0?.slice(0, 6)}...
- {rawWallet?.address0?.slice(-4)}
-
-
-
-
- {balance?.toFixed(2)} QORT
-
-
- )}
- {
- setExtstate("send-qort");
+ chrome.tabs.create({ url: "https://www.qort.trade" });
}}
>
- Transfer QORT
-
-
- )}
- {
- chrome.tabs.create({ url: 'https://www.qort.trade' });
- }}
- >
- Get QORT at qort.trade
-
-
-
- ![]()
{
- setExtstate("download-wallet");
- }}
- src={Download}
- style={{
- cursor: "pointer",
- }}
- />
- 
- ![]()
{
- setAuthenticatedMode('ltc')
- }} src={ltcLogo} style={{
- cursor: "pointer",
- width: '20px',
- height: 'auto'
- }} />
- )}
- {authenticatedMode === 'ltc' && (
- ![]()
{
- setAuthenticatedMode('qort')
- }} src={qortLogo} style={{
- cursor: "pointer",
- width: '20px',
- height: 'auto'
- }} />
- )}
-
-
+ Get QORT at qort.trade
+
+
+
+ ![]()
{
+ setExtstate("download-wallet");
+ }}
+ src={Download}
+ style={{
+ cursor: "pointer",
+ }}
+ />
+ ![]()
{
+ setAuthenticatedMode("ltc");
+ }}
+ src={ltcLogo}
+ style={{
+ cursor: "pointer",
+ width: "20px",
+ height: "auto",
+ }}
+ />
+ )}
+ {authenticatedMode === "ltc" && (
+ ![]()
{
+ setAuthenticatedMode("qort");
+ }}
+ src={qortLogo}
+ style={{
+ cursor: "pointer",
+ width: "20px",
+ height: "auto",
+ }}
+ />
+ )}
+
+
+
+
+
+
)}
- {extState === "send-qort" && (
+ {extState === "send-qort" && isMainWindow && (
<>
)}
- {extState === "web-app-request-buy-order" && (
+ {extState === "web-app-request-buy-order" && !isMainWindow && (
<>
{sendPaymentError}
)}
- {extState === "web-app-request-payment" && (
+ {extState === "web-app-request-payment" && !isMainWindow && (
<>
{sendPaymentError}
)}
- {extState === "web-app-request-connection" && (
+ {extState === "web-app-request-connection" && !isMainWindow && (
<>
+
@@ -1198,13 +1813,16 @@ function App() {
)}
- {extState === "web-app-request-authentication" && (
+ {extState === "web-app-request-authentication" && !isMainWindow && (
<>
+
@@ -1242,7 +1860,7 @@ function App() {
)}
- {rawWallet && extState === 'wallet-dropped' && (
+ {rawWallet && extState === "wallet-dropped" && (
<>
+
@@ -1302,9 +1923,7 @@ function App() {
- setAuthenticatePassword(e.target.value)
- }
+ onChange={(e) => setAuthenticatePassword(e.target.value)}
onKeyDown={(e) => {
if (e.key === "Enter") {
authenticateWallet();
@@ -1312,12 +1931,10 @@ function App() {
}}
/>
+
Authenticate
-
- {walletToBeDecryptedError}
-
+ {walletToBeDecryptedError}
)}
@@ -1342,10 +1959,13 @@ function App() {
/>
+
@@ -1386,9 +2006,7 @@ function App() {
Confirm password
-
- {walletToBeDownloadedError}
-
+ {walletToBeDownloadedError}
)}
@@ -1420,16 +2038,19 @@ function App() {
cursor: "pointer",
}}
onClick={() => {
- setExtstate("not-authenticated")
+ setExtstate("not-authenticated");
}}
src={Return}
/>
+
@@ -1471,9 +2092,7 @@ function App() {
Create Account
-
- {walletToBeDownloadedError}
-
+ {walletToBeDownloadedError}
)}
@@ -1597,6 +2216,83 @@ function App() {
)}
{isLoading && {
+ setOpenRegisterName(false);
+ setRegisterNameValue("");
+ }}
+ anchorOrigin={{
+ vertical: "bottom",
+ horizontal: "center",
+ }}
+ transformOrigin={{
+ vertical: "top",
+ horizontal: "center",
+ }}
+ style={{ marginTop: "8px" }}
+ >
+
+
+ setRegisterNameValue(e.target.value)}
+ value={registerNameValue}
+ placeholder="Choose a name"
+ />
+
+ Register Name
+
+
+
+ = ({ color, opacity }) => {
+ return (
+
+
+
+
+ );
+};
diff --git a/src/assets/svgs/ModalClose.svg b/src/assets/svgs/ModalClose.svg
new file mode 100644
index 0000000..1a8b18e
--- /dev/null
+++ b/src/assets/svgs/ModalClose.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/svgs/More.svg b/src/assets/svgs/More.svg
new file mode 100644
index 0000000..84b0158
--- /dev/null
+++ b/src/assets/svgs/More.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/svgs/SendNewMessage.tsx b/src/assets/svgs/SendNewMessage.tsx
new file mode 100644
index 0000000..33d7e86
--- /dev/null
+++ b/src/assets/svgs/SendNewMessage.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import { styled } from '@mui/system';
+import { SVGProps } from './interfaces';
+
+// Create a styled container with hover effects
+const SvgContainer = styled('svg')({
+ '& path': {
+ fill: 'rgba(41, 41, 43, 1)', // Default to red if no color prop
+ }
+});
+
+export const SendNewMessage:React.FC = ({ color, opacity }) => {
+ return (
+
+
+
+ );
+};
diff --git a/src/assets/svgs/Sort.svg b/src/assets/svgs/Sort.svg
new file mode 100644
index 0000000..c399db8
--- /dev/null
+++ b/src/assets/svgs/Sort.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/svgs/interfaces.ts b/src/assets/svgs/interfaces.ts
new file mode 100644
index 0000000..0cbd14f
--- /dev/null
+++ b/src/assets/svgs/interfaces.ts
@@ -0,0 +1,6 @@
+export interface SVGProps {
+ color: string
+ height: string
+ width: string
+ opacity?: number
+}
diff --git a/src/background.ts b/src/background.ts
index d60c23a..dae068c 100644
--- a/src/background.ts
+++ b/src/background.ts
@@ -1,12 +1,90 @@
// @ts-nocheck
+// import { encryptAndPublishSymmetricKeyGroupChat } from "./backgroundFunctions/encryption";
+import {
+ decryptGroupEncryption,
+ encryptAndPublishSymmetricKeyGroupChat,
+ publishGroupEncryptedResource,
+ uint8ArrayToObject,
+} from "./backgroundFunctions/encryption";
+import { PUBLIC_NOTIFICATION_CODE_FIRST_SECRET_KEY } from "./constants/codes";
+import { QORT_DECIMALS } from "./constants/constants";
import Base58 from "./deps/Base58";
+import {
+ base64ToUint8Array,
+ decryptSingle,
+ encryptSingle,
+ objectToBase64,
+} from "./qdn/encryption/group-encryption";
+import { reusableGet } from "./qdn/publish/pubish";
import { signChat } from "./transactions/signChat";
import { createTransaction } from "./transactions/transactions";
import { decryptChatMessage } from "./utils/decryptChatMessage";
import { decryptStoredWallet } from "./utils/decryptWallet";
import PhraseWallet from "./utils/generateWallet/phrase-wallet";
import { validateAddress } from "./utils/validateAddress";
-import { Sha256 } from 'asmcrypto.js'
+import { Sha256 } from "asmcrypto.js";
+
+let lastGroupNotification
+export const groupApi = "https://ext-node.qortal.link"
+export const groupApiSocket = "wss://ext-node.qortal.link"
+export const groupApiLocal = "http://127.0.0.1:12391"
+export const groupApiSocketLocal = "ws://127.0.0.1:12391"
+const timeDifferenceForNotificationChatsBackground = 600000
+
+const checkDifference = (createdTimestamp)=> {
+ return (Date.now() - createdTimestamp) < timeDifferenceForNotificationChatsBackground
+}
+const getApiKeyFromStorage = async () => {
+ return new Promise((resolve, reject) => {
+ chrome.storage.local.get('apiKey', (result) => {
+ if (chrome.runtime.lastError) {
+ return reject(chrome.runtime.lastError);
+ }
+ resolve(result.apiKey || null); // Return null if apiKey isn't found
+ });
+ });
+};
+
+export const getBaseApi = async (customApi?: string) => {
+
+
+ if (customApi) {
+ return customApi;
+ }
+
+ const apiKey = await getApiKeyFromStorage(); // Retrieve apiKey asynchronously
+ if (apiKey) {
+ return groupApiLocal;
+ } else {
+ return groupApi;
+ }
+};
+
+export const createEndpointSocket = async (endpoint) => {
+ const apiKey = await getApiKeyFromStorage(); // Retrieve apiKey asynchronously
+
+ if (apiKey) {
+ return `${groupApiSocketLocal}${endpoint}`;
+ } else {
+ return `${groupApiSocket}${endpoint}`;
+ }
+};
+
+export const createEndpoint = async (endpoint, customApi) => {
+ if (customApi) {
+ return `${customApi}${endpoint}`;
+ }
+
+ const apiKey = await getApiKeyFromStorage(); // Retrieve apiKey asynchronously
+
+ if (apiKey) {
+ // Check if the endpoint already contains a query string
+ const separator = endpoint.includes('?') ? '&' : '?';
+ return `${groupApiLocal}${endpoint}${separator}apiKey=${apiKey}`;
+ } else {
+ return `${groupApi}${endpoint}`;
+ }
+};
export const walletVersion = 2;
@@ -22,13 +100,20 @@ const apiEndpoints = [
"https://apinode4.qortalnodes.live",
];
-const buyTradeNodeBaseUrl = 'https://appnode.qortal.org'
-const proxyAccountAddress = 'QXPejUe5Za1KD3zCMViWCX35AreMQ9H7ku'
-const proxyAccountPublicKey = '5hP6stDWybojoDw5t8z9D51nV945oMPX7qBd29rhX1G7'
+const buyTradeNodeBaseUrl = "https://appnode.qortal.org";
+const proxyAccountAddress = "QXPejUe5Za1KD3zCMViWCX35AreMQ9H7ku";
+const proxyAccountPublicKey = "5hP6stDWybojoDw5t8z9D51nV945oMPX7qBd29rhX1G7";
const pendingResponses = new Map();
+let groups = null
+let socket
+let timeoutId;
+let groupSocketTimeout;
+let socketTimeout: any;
+let interval
+let intervalThreads
// Function to check each API endpoint
-async function findUsableApi() {
+export async function findUsableApi() {
for (const endpoint of apiEndpoints) {
try {
const response = await fetch(`${endpoint}/admin/status`);
@@ -49,10 +134,603 @@ async function findUsableApi() {
throw new Error("No usable API found");
}
+
+async function checkWebviewFocus() {
+ return new Promise((resolve) => {
+ // Set a timeout for 1 second
+ const timeout = setTimeout(() => {
+ resolve(false); // No response within 1 second, assume not focused
+ }, 1000);
+
+ // Send message to the content script to check focus
+ chrome.runtime.sendMessage({ action: 'CHECK_FOCUS' }, (response) => {
+ clearTimeout(timeout); // Clear the timeout if we get a response
+
+ if (chrome.runtime.lastError) {
+ resolve(false); // Error occurred, assume not focused
+ } else {
+ resolve(response); // Resolve based on the response
+ }
+ });
+ });
+}
+
+function playNotificationSound() {
+ chrome.runtime.sendMessage({ action: 'PLAY_NOTIFICATION_SOUND' });
+}
+
+const handleNotificationDirect = async (directs)=> {
+ let isFocused
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const dataDirects = directs.filter((direct)=> direct?.sender !== address)
+ try {
+
+ isFocused = await checkWebviewFocus()
+
+ if(isFocused){
+ throw new Error('isFocused')
+ }
+ const newActiveChats= dataDirects
+ const oldActiveChats = await getChatHeadsDirect()
+
+if(newActiveChats?.length === 0) return
+
+let newestLatestTimestamp
+let oldestLatestTimestamp
+// Find the latest timestamp from newActiveChats
+newActiveChats?.forEach(newChat => {
+if (!newestLatestTimestamp || newChat?.timestamp > newestLatestTimestamp?.timestamp) {
+ newestLatestTimestamp = newChat;
+}
+});
+
+// Find the latest timestamp from oldActiveChats
+oldActiveChats?.forEach(oldChat => {
+if (!oldestLatestTimestamp || oldChat?.timestamp > oldestLatestTimestamp?.timestamp) {
+ oldestLatestTimestamp = oldChat;
+}
+});
+
+
+ if(checkDifference(newestLatestTimestamp.timestamp) && !oldestLatestTimestamp || (newestLatestTimestamp && newestLatestTimestamp?.timestamp > oldestLatestTimestamp?.timestamp)){
+ const notificationId = 'chat_notification_' + Date.now() + '_type=direct' + `_from=${newestLatestTimestamp.address}`;
+ chrome.notifications.create(notificationId, {
+ type: 'basic',
+ iconUrl: 'qort.png', // Add an appropriate icon for chat notifications
+ title: `New Direct message! ${newestLatestTimestamp?.name && `from ${newestLatestTimestamp.name}`}`,
+ message: 'You have received a new direct message',
+ priority: 2, // Use the maximum priority to ensure it's noticeable
+ // buttons: [
+ // { title: 'Go to group' }
+ // ]
+ });
+ setTimeout(() => {
+ chrome.notifications.clear(notificationId);
+ }, 7000);
+ // chrome.runtime.sendMessage(
+ // {
+ // action: "notification",
+ // payload: {
+ // },
+ // }
+ // )
+ // audio.play();
+ playNotificationSound()
+
+
+
+ }
+
+ } catch (error) {
+
+ if(!isFocused){
+ chrome.runtime.sendMessage(
+ {
+ action: "notification",
+ payload: {
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+
+ }
+
+ }
+ );
+ const notificationId = 'chat_notification_' + Date.now()
+ chrome.notifications.create(notificationId, {
+ type: 'basic',
+ iconUrl: 'qort.png', // Add an appropriate icon for chat notifications
+ title: `New Direct message!`,
+ message: 'You have received a new direct message',
+ priority: 2, // Use the maximum priority to ensure it's noticeable
+ // buttons: [
+ // { title: 'Go to group' }
+ // ]
+ });
+ setTimeout(() => {
+ chrome.notifications.clear(notificationId);
+ }, 7000);
+ playNotificationSound()
+ // audio.play();
+ // }
+ }
+
+ } finally {
+ setChatHeadsDirect(dataDirects)
+ // chrome.runtime.sendMessage(
+ // {
+ // action: "setChatHeads",
+ // payload: {
+ // data,
+ // },
+ // }
+ // );
+
+ }
+}
+async function getThreadActivity(){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const key = `threadactivity-${address}`
+ const res = await chrome.storage.local.get([key]);
+if (res?.[key]) {
+ const parsedData = JSON.parse(res[key])
+ return parsedData;
+} else {
+ return null
+}
+}
+
+async function updateThreadActivity({threadId, qortalName, groupId, thread}) {
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const ONE_WEEK_IN_MS = 7 * 24 * 60 * 60 * 1000; // One week in milliseconds
+ let lastResetTime = 0
+ // Retrieve the last reset timestamp from storage
+ const key = `threadactivity-${address}`
+
+ chrome.storage.local.get([key], (data) => {
+ let threads
+
+ if (!data[key] || Object.keys(data?.[key]?.length === 0)) {
+ threads = { createdThreads: [], mostVisitedThreads: [], recentThreads: [] };
+ } else {
+ threads = JSON.parse(data[key])
+ }
+ if(threads?.lastResetTime){
+ lastResetTime = threads.lastResetTime
+ }
+
+ const currentTime = Date.now();
+
+ // Check if a week has passed since the last reset
+ if (!lastResetTime || currentTime - lastResetTime > ONE_WEEK_IN_MS) {
+ // Reset the visit counts for all most visited threads
+ threads.mostVisitedThreads.forEach(thread => thread.visitCount = 0);
+ lastResetTime = currentTime; // Update the last reset time
+ threads.lastResetTime = lastResetTime
+ }
+
+ // Update the recent threads list
+ threads.recentThreads = threads.recentThreads.filter(t => t.threadId !== threadId);
+ threads.recentThreads.unshift({ threadId, qortalName, groupId, thread, visitCount: 1, lastVisited: Date.now() });
+
+ // Sort the recent threads by lastVisited time (descending)
+ threads.recentThreads.sort((a, b) => b.lastVisited - a.lastVisited);
+ // Limit the recent threads list to 2 items
+ threads.recentThreads = threads.recentThreads.slice(0, 2);
+
+ // Update the most visited threads list
+ const existingThread = threads.mostVisitedThreads.find(t => t.threadId === threadId);
+ if (existingThread) {
+ existingThread.visitCount += 1;
+ existingThread.lastVisited = Date.now(); // Update the last visited time as well
+ } else {
+ threads.mostVisitedThreads.push({ threadId, qortalName, groupId, thread, visitCount: 1, lastVisited: Date.now() });
+ }
+
+ // Sort the most visited threads by visitCount (descending)
+ threads.mostVisitedThreads.sort((a, b) => b.visitCount - a.visitCount);
+ // Limit the most visited threads list to 2 items
+ threads.mostVisitedThreads = threads.mostVisitedThreads.slice(0, 2);
+
+ // Store the updated thread information and last reset time
+ // chrome.storage.local.set({ threads, lastResetTime });
+
+ const dataString = JSON.stringify(threads);
+ chrome.storage.local.set({ [`threadactivity-${address}`]: dataString })
+ });
+}
+
+
+const handleNotification = async (groups)=> {
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ let isFocused
+ const data = groups.filter((group)=> group?.sender !== address)
+ try {
+ if(!data || data?.length === 0) return
+ isFocused = await checkWebviewFocus()
+
+ if(isFocused){
+ throw new Error('isFocused')
+ }
+ const newActiveChats= data
+ const oldActiveChats = await getChatHeads()
+
+
+ let results = []
+ let newestLatestTimestamp
+ let oldestLatestTimestamp
+ // Find the latest timestamp from newActiveChats
+ newActiveChats?.forEach(newChat => {
+ if (!newestLatestTimestamp || newChat?.timestamp > newestLatestTimestamp?.timestamp) {
+ newestLatestTimestamp = newChat;
+ }
+ });
+
+ // Find the latest timestamp from oldActiveChats
+ oldActiveChats?.forEach(oldChat => {
+ if (!oldestLatestTimestamp || oldChat?.timestamp > oldestLatestTimestamp?.timestamp) {
+ oldestLatestTimestamp = oldChat;
+ }
+ });
+
+
+ if(checkDifference(newestLatestTimestamp.timestamp) && !oldestLatestTimestamp || (newestLatestTimestamp && newestLatestTimestamp?.timestamp > oldestLatestTimestamp?.timestamp)){
+ if (!lastGroupNotification || ((Date.now() - lastGroupNotification) >= 120000)) {
+
+ const notificationId = 'chat_notification_' + Date.now() + '_type=group' + `_from=${newestLatestTimestamp.groupId}`;
+
+ chrome.notifications.create(notificationId, {
+ type: 'basic',
+ iconUrl: 'qort.png', // Add an appropriate icon for chat notifications
+ title: 'New Group Message!',
+ message: `You have received a new message from ${newestLatestTimestamp?.groupName}`,
+ priority: 2, // Use the maximum priority to ensure it's noticeable
+ // buttons: [
+ // { title: 'Go to group' }
+ // ]
+ });
+ setTimeout(() => {
+ chrome.notifications.clear(notificationId);
+ }, 7000);
+ // chrome.runtime.sendMessage(
+ // {
+ // action: "notification",
+ // payload: {
+ // },
+ // }
+ // )
+ // audio.play();
+ playNotificationSound()
+ lastGroupNotification = Date.now()
+
+ }
+ }
+
+ } catch (error) {
+
+ if(!isFocused){
+ chrome.runtime.sendMessage(
+ {
+ action: "notification",
+ payload: {
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+
+ }
+
+ }
+ );
+ const notificationId = 'chat_notification_' + Date.now();
+ chrome.notifications.create(notificationId, {
+ type: 'basic',
+ iconUrl: 'qort.png', // Add an appropriate icon for chat notifications
+ title: 'New Group Message!',
+ message: 'You have received a new message from one of your groups',
+ priority: 2, // Use the maximum priority to ensure it's noticeable
+ // buttons: [
+ // { title: 'Go to group' }
+ // ]
+ });
+ setTimeout(() => {
+ chrome.notifications.clear(notificationId);
+ }, 7000);
+ playNotificationSound()
+ // audio.play();
+ lastGroupNotification = Date.now()
+ // }
+ }
+
+ } finally {
+ if(!data || data?.length === 0) return
+ setChatHeads(data)
+ // chrome.runtime.sendMessage(
+ // {
+ // action: "setChatHeads",
+ // payload: {
+ // data,
+ // },
+ // }
+ // );
+
+ }
+}
+
+const checkThreads = async (bringBack) => {
+ try {
+
+ let myName = ""
+ const userData = await getUserInfo()
+ if(userData?.name){
+ myName = userData.name
+ }
+ let newAnnouncements = []
+ let dataToBringBack = []
+ const threadActivity = await getThreadActivity()
+ if(!threadActivity) return null
+
+ const selectedThreads = [
+ ...threadActivity.createdThreads.slice(0, 2),
+ ...threadActivity.mostVisitedThreads.slice(0, 2),
+ ...threadActivity.recentThreads.slice(0, 2),
+ ]
+
+ if(selectedThreads?.length === 0) return null
+ const tempData = {
+
+ }
+ for (const thread of selectedThreads){
+ try {
+ const identifier = `thmsg-${thread?.threadId}`
+ const name = thread?.qortalName
+ const url = await createEndpoint(`/arbitrary/resources/search?mode=ALL&service=DOCUMENT&identifier=${identifier}&limit=1&includemetadata=false&offset=${0}&reverse=true&prefix=true`);
+ const response = await fetch(url, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ })
+ const responseData = await response.json()
+
+ const latestMessage = responseData.filter((pub)=> pub?.name !== myName)[0]
+ // const latestMessage = responseData[0]
+
+ if (!latestMessage) {
+ continue
+ }
+
+ if(checkDifference(latestMessage.created) && latestMessage.created > thread?.lastVisited && (!thread?.lastNotified || thread?.lastNotified < thread?.created)){
+ tempData[thread.threadId] = latestMessage.created
+ newAnnouncements.push(thread)
+
+ }
+ if(latestMessage.created > thread?.lastVisited){
+ dataToBringBack.push(thread)
+
+ }
+ } catch (error) {
+ conosle.log({error})
+ }
+ }
+
+
+ if(bringBack){
+
+ return dataToBringBack
+ }
+
+ const updateThreadWithLastNotified = {
+ ...threadActivity,
+ createdThreads: (threadActivity?.createdThreads || [])?.map((item)=> {
+ if(tempData[item.threadId]){
+ return {
+ ...item,
+ lastNotified: tempData[item.threadId]
+ }
+ } else {
+ return item
+ }
+
+ }),
+ mostVisitedThreads: (threadActivity?.mostVisitedThreads || [])?.map((item)=> {
+ if(tempData[item.threadId]){
+ return {
+ ...item,
+ lastNotified: tempData[item.threadId]
+ }
+ } else {
+ return item
+ }
+ }),
+ recentThreads: (threadActivity?.recentThreads || [])?.map((item)=> {
+ if(tempData[item.threadId]){
+ return {
+ ...item,
+ lastNotified: tempData[item.threadId]
+ }
+ } else {
+ return item
+ }
+ }),
+ }
+
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const dataString = JSON.stringify(updateThreadWithLastNotified);
+ chrome.storage.local.set({ [`threadactivity-${address}`]: dataString })
+
+
+
+ if(newAnnouncements.length > 0){
+ const notificationId = 'chat_notification_' + Date.now() + '_type=thread-post' + `_data=${JSON.stringify(newAnnouncements[0])}`;
+
+ chrome.notifications.create(notificationId, {
+ type: 'basic',
+ iconUrl: 'qort.png', // Add an appropriate icon for chat notifications
+ title: `New thread post!`,
+ message: `New post in ${newAnnouncements[0]?.thread?.threadData?.title}`,
+ priority: 2, // Use the maximum priority to ensure it's noticeable
+ // buttons: [
+ // { title: 'Go to group' }
+ // ]
+ });
+ setTimeout(() => {
+ chrome.notifications.clear(notificationId);
+ }, 7000);
+ playNotificationSound()
+ }
+ const savedtimestampAfter = await getTimestampGroupAnnouncement()
+ chrome.runtime.sendMessage({
+ action: "SET_GROUP_ANNOUNCEMENTS",
+ payload: savedtimestampAfter,
+ });
+ } catch (error) {
+
+ } finally {
+ }
+}
+const checkNewMessages =
+ async () => {
+ try {
+ let myName = ""
+ const userData = await getUserInfo()
+ if(userData?.name){
+ myName = userData.name
+ }
+
+ let newAnnouncements = []
+ const activeData = await getStoredData('active-groups-directs') || { groups: [], directs: [] };
+ const groups = activeData?.groups
+ if(!groups || groups?.length === 0) return
+ const savedtimestamp = await getTimestampGroupAnnouncement()
+
+ for (const group of groups){
+ try {
+
+ const identifier = `grp-${group.groupId}-anc-`;
+ const url = await createEndpoint(`/arbitrary/resources/search?mode=ALL&service=DOCUMENT&identifier=${identifier}&limit=1&includemetadata=false&offset=${0}&reverse=true&prefix=true`);
+ const response = await fetch(url, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ })
+ const responseData = await response.json()
+
+ const latestMessage = responseData.filter((pub)=> pub?.name !== myName)[0]
+ if (!latestMessage) {
+ continue
+ }
+
+ if(checkDifference(latestMessage.created) && !savedtimestamp[group.groupId] || latestMessage.created > savedtimestamp?.[group.groupId]?.notification){
+ newAnnouncements.push(group)
+ await addTimestampGroupAnnouncement({groupId: group.groupId, timestamp: Date.now()})
+ //save new timestamp
+ }
+ } catch (error) {
+
+ }
+ }
+ if(newAnnouncements.length > 0){
+ const notificationId = 'chat_notification_' + Date.now() + '_type=group-announcement' + `_from=${newAnnouncements[0]?.groupId}`;
+
+ chrome.notifications.create(notificationId, {
+ type: 'basic',
+ iconUrl: 'qort.png', // Add an appropriate icon for chat notifications
+ title: `New group announcement!`,
+ message: `You have received a new announcement from ${newAnnouncements[0]?.groupName}`,
+ priority: 2, // Use the maximum priority to ensure it's noticeable
+ // buttons: [
+ // { title: 'Go to group' }
+ // ]
+ });
+ setTimeout(() => {
+ chrome.notifications.clear(notificationId);
+ }, 7000);
+ playNotificationSound()
+ }
+ const savedtimestampAfter = await getTimestampGroupAnnouncement()
+ chrome.runtime.sendMessage({
+ action: "SET_GROUP_ANNOUNCEMENTS",
+ payload: savedtimestampAfter,
+ });
+ } catch (error) {
+
+ } finally {
+ }
+ }
+
+const listenForNewGroupAnnouncements = async ()=> {
+ try {
+ setTimeout(() => {
+ checkNewMessages()
+ }, 500);
+ if(interval){
+ clearInterval(interval)
+ }
+
+ let isCalling = false
+ interval = setInterval(async () => {
+ if (isCalling) return
+ isCalling = true
+ const res = await checkNewMessages()
+ isCalling = false
+ }, 180000)
+ } catch (error) {
+
+ }
+}
+const listenForThreadUpdates = async ()=> {
+ try {
+ setTimeout(() => {
+ checkThreads()
+ }, 500);
+ if(intervalThreads){
+ clearInterval(intervalThreads)
+ }
+
+ let isCalling = false
+ intervalThreads = setInterval(async () => {
+ if (isCalling) return
+ isCalling = true
+ const res = await checkThreads()
+ isCalling = false
+ }, 60000)
+ } catch (error) {
+
+ }
+}
+
+
+
+
+const forceCloseWebSocket = () => {
+ if (socket) {
+
+
+ clearTimeout(timeoutId);
+ clearTimeout(groupSocketTimeout);
+ clearTimeout(socketTimeout);
+ timeoutId = null
+ groupSocketTimeout = null
+ socket.close(1000, 'forced')
+ socket = null
+ }
+};
+
+
async function getNameInfo() {
const wallet = await getSaveWallet();
const address = wallet.address0;
- const validApi = await findUsableApi();
+ const validApi = await getBaseApi()
const response = await fetch(validApi + "/names/address/" + address);
const nameData = await response.json();
if (nameData?.length > 0) {
@@ -62,7 +740,7 @@ async function getNameInfo() {
}
}
async function getAddressInfo(address) {
- const validApi = await findUsableApi();
+ const validApi = await getBaseApi()
const response = await fetch(validApi + "/addresses/" + address);
const data = await response.json();
@@ -112,7 +790,9 @@ async function connection(hostname) {
}
async function getTradeInfo(qortalAtAddress) {
- const response = await fetch(buyTradeNodeBaseUrl + "/crosschain/trade/" + qortalAtAddress);
+ const response = await fetch(
+ buyTradeNodeBaseUrl + "/crosschain/trade/" + qortalAtAddress
+ );
if (!response?.ok) throw new Error("Cannot crosschain trade information");
const data = await response.json();
return data;
@@ -121,7 +801,7 @@ async function getTradeInfo(qortalAtAddress) {
async function getBalanceInfo() {
const wallet = await getSaveWallet();
const address = wallet.address0;
- const validApi = await findUsableApi();
+ const validApi = await getBaseApi()
const response = await fetch(validApi + "/addresses/balance/" + address);
if (!response?.ok) throw new Error("Cannot fetch balance");
@@ -131,28 +811,26 @@ async function getBalanceInfo() {
async function getLTCBalance() {
const wallet = await getSaveWallet();
let _url = `${buyTradeNodeBaseUrl}/crosschain/ltc/walletbalance`;
- const keyPair = await getKeyPair()
- const parsedKeyPair = JSON.parse(keyPair)
- let _body = parsedKeyPair.ltcPublicKey
+ const keyPair = await getKeyPair();
+ const parsedKeyPair = JSON.parse(keyPair);
+ let _body = parsedKeyPair.ltcPublicKey;
const response = await fetch(_url, {
- method: 'POST',
+ method: "POST",
headers: {
- 'Content-Type': 'application/json'
+ "Content-Type": "application/json",
},
- body: _body
-});
-if(response?.ok){
- const data = await response.text();
- const dataLTCBalance = (Number(data) / 1e8).toFixed(8);
- return +dataLTCBalance
-
-} else throw new Error('Onable to get LTC balance')
-
+ body: _body,
+ });
+ if (response?.ok) {
+ const data = await response.text();
+ const dataLTCBalance = (Number(data) / 1e8).toFixed(8);
+ return +dataLTCBalance;
+ } else throw new Error("Onable to get LTC balance");
}
-const processTransactionVersion2Chat = async (body: any, validApi: string) => {
+const processTransactionVersion2Chat = async (body: any, customApi) => {
// const validApi = await findUsableApi();
- const url = validApi + "/transactions/process?apiVersion=2";
+ const url = await createEndpoint("/transactions/process?apiVersion=2", customApi);
return fetch(url, {
method: "POST",
headers: {},
@@ -167,24 +845,41 @@ const processTransactionVersion2Chat = async (body: any, validApi: string) => {
});
};
+const processTransactionVersion2 = async (body: any) => {
+ const url = await createEndpoint(`/transactions/process?apiVersion=2`);
+
+ try {
+ const response = await fetch(url, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json", // Ensure the body is correctly parsed
+ },
+ body, // Convert body to JSON string
+ });
+
+ // if (!response.ok) {
+ // // If the response is not successful (status code is not 2xx)
+ // throw new Error(`HTTP error! Status: ${response.status}`);
+ // }
-const processTransactionVersion2 = async (body: any, validApi: string) => {
- // const validApi = await findUsableApi();
- const url = validApi + "/transactions/process?apiVersion=2";
- return fetch(url, {
- method: "POST",
- headers: {},
- body,
- }).then(async (response) => {
try {
const json = await response.clone().json();
return json;
- } catch (e) {
- return await response.text();
+ } catch (jsonError) {
+ try {
+ const text = await response.text();
+ return text
+ } catch (textError) {
+ throw new Error(`Failed to parse response as both JSON and text.`);
+ }
}
- });
+ } catch (error) {
+ console.error("Error processing transaction:", error);
+ throw error; // Re-throw the error after logging it
+ }
};
+
const transaction = async (
{ type, params, apiVersion, keyPair }: any,
validApi
@@ -196,9 +891,13 @@ const transaction = async (
const signedBytes = Base58.encode(tx.signedBytes);
res = await processTransactionVersion2(signedBytes, validApi);
}
+ let success = true
+ if(res?.error){
+ success = false
+ }
return {
- success: true,
+ success,
data: res,
};
};
@@ -232,7 +931,7 @@ const makeTransactionRequest = async (
const getLastRef = async () => {
const wallet = await getSaveWallet();
const address = wallet.address0;
- const validApi = await findUsableApi();
+ const validApi = await getBaseApi()
const response = await fetch(
validApi + "/addresses/lastreference/" + address
);
@@ -241,7 +940,7 @@ const getLastRef = async () => {
return data;
};
const sendQortFee = async () => {
- const validApi = await findUsableApi();
+ const validApi = await getBaseApi()
const response = await fetch(
validApi + "/transactions/unitfee?txType=PAYMENT"
);
@@ -254,13 +953,14 @@ const sendQortFee = async () => {
const qortFee = (Number(data) / 1e8).toFixed(8);
return qortFee;
};
+
async function getNameOrAddress(receiver) {
try {
const isAddress = validateAddress(receiver);
if (isAddress) {
return receiver;
}
- const validApi = await findUsableApi();
+ const validApi = await getBaseApi()
const response = await fetch(validApi + "/names/" + receiver);
const data = await response.json();
@@ -275,21 +975,40 @@ async function getNameOrAddress(receiver) {
}
}
+async function getPublicKey(receiver) {
+ try {
+ const validApi = await getBaseApi()
+
+ const response = await fetch(validApi + "/addresses/publickey/" + receiver);
+ if (!response?.ok) throw new Error("Cannot fetch recipient's public key");
+
+ const data = await response.text();
+ if (!data?.error && data !== 'false') return data;
+ if (data?.error) {
+ throw new Error("Cannot fetch recipient's public key");
+ }
+ throw new Error("Cannot fetch recipient's public key");
+ } catch (error) {
+ throw new Error(error?.message || "cannot validate address or name");
+ }
+}
+
async function decryptWallet({ password, wallet, walletVersion }) {
try {
const response = await decryptStoredWallet(password, wallet);
const wallet2 = new PhraseWallet(response, walletVersion);
const keyPair = wallet2._addresses[0].keyPair;
- const ltcPrivateKey = wallet2._addresses[0].ltcWallet.derivedMasterPrivateKey
- const ltcPublicKey = wallet2._addresses[0].ltcWallet.derivedMasterPublicKey
- const ltcAddress = wallet2._addresses[0].ltcWallet.address
+ const ltcPrivateKey =
+ wallet2._addresses[0].ltcWallet.derivedMasterPrivateKey;
+ const ltcPublicKey = wallet2._addresses[0].ltcWallet.derivedMasterPublicKey;
+ const ltcAddress = wallet2._addresses[0].ltcWallet.address;
const toSave = {
privateKey: Base58.encode(keyPair.privateKey),
publicKey: Base58.encode(keyPair.publicKey),
ltcPrivateKey: ltcPrivateKey,
- ltcPublicKey : ltcPublicKey
- }
- const dataString = JSON.stringify(toSave)
+ ltcPublicKey: ltcPublicKey,
+ };
+ const dataString = JSON.stringify(toSave);
await new Promise((resolve, reject) => {
chrome.storage.local.set({ keyPair: dataString }, () => {
if (chrome.runtime.lastError) {
@@ -302,8 +1021,8 @@ async function decryptWallet({ password, wallet, walletVersion }) {
const newWallet = {
...wallet,
publicKey: Base58.encode(keyPair.publicKey),
- ltcAddress: ltcAddress
- }
+ ltcAddress: ltcAddress,
+ };
await new Promise((resolve, reject) => {
chrome.storage.local.set({ walletInfo: newWallet }, () => {
if (chrome.runtime.lastError) {
@@ -316,142 +1035,388 @@ async function decryptWallet({ password, wallet, walletVersion }) {
return true;
} catch (error) {
- console.log({ error })
+
throw new Error(error.message);
}
}
-async function signChatFunc(chatBytesArray, chatNonce, validApi, keyPair) {
- let response
+async function signChatFunc(chatBytesArray, chatNonce, customApi, keyPair) {
+ let response;
try {
- const signedChatBytes = signChat(
- chatBytesArray,
- chatNonce,
- keyPair
- )
- const res = await processTransactionVersion2Chat(signedChatBytes, validApi)
- response = res
+ const signedChatBytes = signChat(chatBytesArray, chatNonce, keyPair);
+
+ const res = await processTransactionVersion2Chat(signedChatBytes, customApi);
+ response = res;
} catch (e) {
- console.error(e)
- console.error(e.message)
- response = false
+ console.error(e);
+ console.error(e.message);
+ response = false;
}
- return response
+ return response;
}
function sbrk(size, heap) {
- let brk = 512 * 1024 // stack top
- let old = brk
- brk += size
- if (brk > heap.length) throw new Error('heap exhausted')
- return old
+ let brk = 512 * 1024; // stack top
+ let old = brk;
+ brk += size;
+ if (brk > heap.length) throw new Error("heap exhausted");
+ return old;
}
const computePow = async ({ chatBytes, path, difficulty }) => {
- let response = null
+ let response = null;
await new Promise((resolve, reject) => {
const _chatBytesArray = Object.keys(chatBytes).map(function (key) {
- return chatBytes[key]
- })
- const chatBytesArray = new Uint8Array(_chatBytesArray)
- const chatBytesHash = new Sha256().process(chatBytesArray).finish().result
- const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 })
- const heap = new Uint8Array(memory.buffer)
+ return chatBytes[key];
+ });
+ const chatBytesArray = new Uint8Array(_chatBytesArray);
+ const chatBytesHash = new Sha256().process(chatBytesArray).finish().result;
+ const memory = new WebAssembly.Memory({ initial: 256, maximum: 256 });
+ const heap = new Uint8Array(memory.buffer);
- const hashPtr = sbrk(32, heap)
- const hashAry = new Uint8Array(memory.buffer, hashPtr, 32)
- hashAry.set(chatBytesHash)
- const workBufferLength = 8 * 1024 * 1024
- const workBufferPtr = sbrk(workBufferLength, heap)
+ const hashPtr = sbrk(32, heap);
+ const hashAry = new Uint8Array(memory.buffer, hashPtr, 32);
+ hashAry.set(chatBytesHash);
+ const workBufferLength = 8 * 1024 * 1024;
+ const workBufferPtr = sbrk(workBufferLength, heap);
const importObject = {
env: {
- memory: memory
- }
- }
+ memory: memory,
+ },
+ };
function loadWebAssembly(filename, imports) {
// Fetch the file and compile it
- return fetch(filename).then(response => response.arrayBuffer()).then(buffer => WebAssembly.compile(buffer)).then(module => {
- // Create the instance.
- return new WebAssembly.Instance(module, importObject)
- })
+ return fetch(filename)
+ .then((response) => response.arrayBuffer())
+ .then((buffer) => WebAssembly.compile(buffer))
+ .then((module) => {
+ // Create the instance.
+ return new WebAssembly.Instance(module, importObject);
+ });
}
- loadWebAssembly(path)
- .then(wasmModule => {
- response = {
- nonce: wasmModule.exports.compute2(hashPtr, workBufferPtr, workBufferLength, difficulty), chatBytesArray
- }
- resolve()
- })
- })
- return response
+ loadWebAssembly(path).then((wasmModule) => {
+ response = {
+ nonce: wasmModule.exports.compute2(
+ hashPtr,
+ workBufferPtr,
+ workBufferLength,
+ difficulty
+ ),
+ chatBytesArray,
+ };
+ resolve();
+ });
+ });
+ return response;
+};
+
+const getStoredData = async (key) => {
+ return new Promise((resolve, reject) => {
+ chrome.storage.local.get(key, (result) => {
+ if (chrome.runtime.lastError) {
+ return reject(chrome.runtime.lastError);
+ }
+ resolve(result[key]);
+ });
+ });
+};
+
+async function handleActiveGroupDataFromSocket({groups, directs}){
+ try {
+
+ chrome.runtime.sendMessage({
+ action: "SET_GROUPS",
+ payload: groups,
+ });
+ chrome.runtime.sendMessage({
+ action: "SET_DIRECTS",
+ payload: directs,
+ });
+ groups = groups
+ directs = directs
+ const activeData = {
+ groups: groups || [], // Your groups data here
+ directs: directs || [] // Your directs data here
+ };
+
+ // Save the active data to localStorage
+ chrome.storage.local.set({ 'active-groups-directs': activeData });
+ try {
+ handleNotification(groups)
+ handleNotificationDirect(directs)
+
+ } catch (error) {
+
+ }
+ } catch (error) {
+
+ }
}
async function sendChat({ qortAddress, recipientPublicKey, message }) {
-
let _reference = new Uint8Array(64);
self.crypto.getRandomValues(_reference);
- let sendTimestamp = Date.now()
+ let sendTimestamp = Date.now();
- let reference = Base58.encode(_reference)
- const resKeyPair = await getKeyPair()
- const parsedData = JSON.parse(resKeyPair)
+ let reference = Base58.encode(_reference);
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
const uint8PrivateKey = Base58.decode(parsedData.privateKey);
const uint8PublicKey = Base58.decode(parsedData.publicKey);
const keyPair = {
privateKey: uint8PrivateKey,
- publicKey: uint8PublicKey
+ publicKey: uint8PublicKey,
};
- const balance = await getBalanceInfo()
- const hasEnoughBalance = +balance < 4 ? false : true
- const difficulty = 8
+ const balance = await getBalanceInfo();
+ const hasEnoughBalance = +balance < 4 ? false : true;
+ const difficulty = 8;
const jsonData = {
atAddress: message.atAddress,
foreignKey: message.foreignKey,
- receivingAddress: message.receivingAddress
+ receivingAddress: message.receivingAddress,
};
const finalJson = {
callRequest: jsonData,
- extra: "whatever additional data goes here"
+ extra: "whatever additional data goes here",
};
- const messageStringified = JSON.stringify(finalJson)
-
- const tx = await createTransaction(
- 18,
- keyPair,
- {
- timestamp: sendTimestamp,
- recipient: qortAddress,
- recipientPublicKey: recipientPublicKey,
- hasChatReference: 0,
- message: messageStringified,
- lastReference: reference,
- proofOfWorkNonce: 0,
- isEncrypted: 1,
- isText: 1
- },
+ const messageStringified = JSON.stringify(finalJson);
- )
- if(!hasEnoughBalance){
- const _encryptedMessage = tx._encryptedMessage
- const encryptedMessageToBase58 = Base58.encode(_encryptedMessage)
+ const tx = await createTransaction(18, keyPair, {
+ timestamp: sendTimestamp,
+ recipient: qortAddress,
+ recipientPublicKey: recipientPublicKey,
+ hasChatReference: 0,
+ message: messageStringified,
+ lastReference: reference,
+ proofOfWorkNonce: 0,
+ isEncrypted: 1,
+ isText: 1,
+ });
+ if (!hasEnoughBalance) {
+ const _encryptedMessage = tx._encryptedMessage;
+ const encryptedMessageToBase58 = Base58.encode(_encryptedMessage);
return {
encryptedMessageToBase58,
- signature: 'id-' + Date.now() + '-' + Math.floor(Math.random() * 1000),
- reference
+ signature: "id-" + Date.now() + "-" + Math.floor(Math.random() * 1000),
+ reference,
+ };
+ }
+ const path = chrome.runtime.getURL("memory-pow.wasm.full");
+
+ const { nonce, chatBytesArray } = await computePow({
+ chatBytes: tx.chatBytes,
+ path,
+ difficulty,
+ });
+ let _response = await signChatFunc(
+ chatBytesArray,
+ nonce,
+ "https://appnode.qortal.org",
+ keyPair
+ );
+ if (_response?.error) {
+ throw new Error(_response?.message);
+ }
+ return _response;
+}
+
+
+async function sendChatGroup({
+ groupId,
+ typeMessage,
+ chatReference,
+ messageText,
+}) {
+ let _reference = new Uint8Array(64);
+ self.crypto.getRandomValues(_reference);
+
+ let reference = Base58.encode(_reference);
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const balance = await getBalanceInfo();
+ const hasEnoughBalance = +balance < 4 ? false : true;
+ const difficulty = 8;
+
+ const tx = await createTransaction(181, keyPair, {
+ timestamp: Date.now(),
+ groupID: Number(groupId),
+ hasReceipient: 0,
+ hasChatReference: typeMessage === "edit" ? 1 : 0,
+ // chatReference: chatReference,
+ message: messageText,
+ lastReference: reference,
+ proofOfWorkNonce: 0,
+ isEncrypted: 0, // Set default to not encrypted for groups
+ isText: 1,
+ });
+
+ if (!hasEnoughBalance) {
+ throw new Error("Must have at least 4 QORT to send a chat message");
+ }
+ const path = chrome.runtime.getURL("memory-pow.wasm.full");
+
+ const { nonce, chatBytesArray } = await computePow({
+ chatBytes: tx.chatBytes,
+ path,
+ difficulty,
+ });
+ let _response = await signChatFunc(
+ chatBytesArray,
+ nonce,
+ null,
+ keyPair
+ );
+ if (_response?.error) {
+ throw new Error(_response?.message);
+ }
+ return _response;
+}
+
+async function sendChatDirect({
+ directTo,
+ typeMessage,
+ chatReference,
+ messageText,
+}) {
+
+
+ const recipientAddress = await getNameOrAddress(directTo)
+ const recipientPublicKey = await getPublicKey(recipientAddress)
+
+ if(!recipientPublicKey) throw new Error('Cannot retrieve publickey')
+
+ let _reference = new Uint8Array(64);
+ self.crypto.getRandomValues(_reference);
+
+ let reference = Base58.encode(_reference);
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const balance = await getBalanceInfo();
+ const hasEnoughBalance = +balance < 4 ? false : true;
+
+ const difficulty = 8;
+
+ const finalJson = {
+ message: messageText,
+ version: 2,
+ };
+ const messageStringified = JSON.stringify(finalJson);
+ const tx = await createTransaction(18, keyPair, {
+ timestamp: Date.now(),
+ recipient: recipientAddress,
+ recipientPublicKey: recipientPublicKey,
+ hasChatReference: 0,
+ message: messageStringified,
+ lastReference: reference,
+ proofOfWorkNonce: 0,
+ isEncrypted: 1,
+ isText: 1,
+ });
+
+ if (!hasEnoughBalance) {
+ throw new Error("Must have at least 4 QORT to send a chat message");
+ }
+ const path = chrome.runtime.getURL("memory-pow.wasm.full");
+
+
+ const { nonce, chatBytesArray } = await computePow({
+ chatBytes: tx.chatBytes,
+ path,
+ difficulty,
+ });
+
+ let _response = await signChatFunc(
+ chatBytesArray,
+ nonce,
+ null,
+ keyPair
+ );
+ if (_response?.error) {
+ throw new Error(_response?.message);
+ }
+ return _response;
+}
+
+async function decryptSingleFunc({ messages, secretKeyObject, skipDecodeBase64 }) {
+ let holdMessages = [];
+
+ for (const message of messages) {
+ try {
+ const res = await decryptSingle({
+ data64: message.data,
+ secretKeyObject,
+ skipDecodeBase64
+ });
+
+ const decryptToUnit8Array = base64ToUint8Array(res);
+ const responseData = uint8ArrayToObject(decryptToUnit8Array);
+ holdMessages.push({ ...message, text: responseData });
+ } catch (error) {
+
}
}
- const path = chrome.runtime.getURL('memory-pow.wasm.full');
+ return holdMessages;
+}
+async function decryptSingleForPublishes({ messages, secretKeyObject, skipDecodeBase64 }) {
+ let holdMessages = [];
-
+ for (const message of messages) {
+ try {
+ const res = await decryptSingle({
+ data64: message.data,
+ secretKeyObject,
+ skipDecodeBase64
+ });
+
+ const decryptToUnit8Array = base64ToUint8Array(res);
+ const responseData = uint8ArrayToObject(decryptToUnit8Array);
+ holdMessages.push({ ...message, decryptedData: responseData });
+ } catch (error) {
- const { nonce, chatBytesArray } = await computePow({ chatBytes: tx.chatBytes, path, difficulty })
- let _response = await signChatFunc(chatBytesArray,
- nonce, "https://appnode.qortal.org", keyPair
- )
- if (_response?.error) {
- throw new Error(_response?.message)
+ }
}
- return _response
+ return holdMessages;
+}
+
+async function decryptDirectFunc({ messages, involvingAddress }) {
+ const senderPublicKey = await getPublicKey(involvingAddress)
+ let holdMessages = [];
+
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ for (const message of messages) {
+ try {
+ const decodedMessage = decryptChatMessage(
+ message.data,
+ keyPair.privateKey,
+ senderPublicKey,
+ message.reference
+ );
+ const parsedMessage = JSON.parse(decodedMessage);
+ holdMessages.push({ ...message, ...parsedMessage });
+ } catch (error) {
+
+ }
+ }
+ return holdMessages;
}
async function createBuyOrderTx({ crosschainAtInfo }) {
@@ -459,63 +1424,450 @@ async function createBuyOrderTx({ crosschainAtInfo }) {
const wallet = await getSaveWallet();
const address = wallet.address0;
- const resKeyPair = await getKeyPair()
- const parsedData = JSON.parse(resKeyPair)
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
const message = {
atAddress: crosschainAtInfo.qortalAtAddress,
foreignKey: parsedData.ltcPrivateKey,
- receivingAddress: address
- }
- const res = await sendChat({ qortAddress: proxyAccountAddress, recipientPublicKey: proxyAccountPublicKey, message })
+ receivingAddress: address,
+ };
+ const res = await sendChat({
+ qortAddress: proxyAccountAddress,
+ recipientPublicKey: proxyAccountPublicKey,
+ message,
+ });
if (res?.signature) {
-
listenForChatMessageForBuyOrder({
nodeBaseUrl: buyTradeNodeBaseUrl,
senderAddress: proxyAccountAddress,
senderPublicKey: proxyAccountPublicKey,
signature: res?.signature,
-
- })
- if(res?.encryptedMessageToBase58){
- return { atAddress: crosschainAtInfo.qortalAtAddress, encryptedMessageToBase58: res?.encryptedMessageToBase58, node: buyTradeNodeBaseUrl, qortAddress: address, chatSignature: res?.signature, senderPublicKey: parsedData.publicKey, sender: address, reference: res?.reference }
+ });
+ if (res?.encryptedMessageToBase58) {
+ return {
+ atAddress: crosschainAtInfo.qortalAtAddress,
+ encryptedMessageToBase58: res?.encryptedMessageToBase58,
+ node: buyTradeNodeBaseUrl,
+ qortAddress: address,
+ chatSignature: res?.signature,
+ senderPublicKey: parsedData.publicKey,
+ sender: address,
+ reference: res?.reference,
+ };
}
- return { atAddress: crosschainAtInfo.qortalAtAddress, chatSignature: res?.signature, node: buyTradeNodeBaseUrl, qortAddress: address }
+ return {
+ atAddress: crosschainAtInfo.qortalAtAddress,
+ chatSignature: res?.signature,
+ node: buyTradeNodeBaseUrl,
+ qortAddress: address,
+ };
} else {
- throw new Error("Unable to send buy order message")
+ throw new Error("Unable to send buy order message");
}
-
} catch (error) {
throw new Error(error.message);
}
}
+async function sendChatNotification(res, groupId, secretKeyObject, numberOfMembers){
+ try {
+const data = await objectToBase64({
+ type: "notification",
+ subType: "new-group-encryption",
+ data: {
+ timestamp: res.timestamp,
+ name: res.name,
+ message: `${res.name} has updated the encryption key`,
+ numberOfMembers
+ },
+})
+
+ encryptSingle({
+ data64: data,
+ secretKeyObject: secretKeyObject,
+ })
+ .then((res2) => {
+
+ sendChatGroup({
+ groupId,
+ typeMessage: undefined,
+ chatReference: undefined,
+ messageText: res2,
+ })
+ .then(() => {})
+ .catch((error) => {
+ console.error('1',error.message);
+ });
+ })
+ .catch((error) => {
+ console.error('2',error.message);
+
+ });
+ } catch (error) {
+
+ }
+}
+
+export const getFee = async(txType)=> {
+
+ const timestamp = Date.now()
+ const data = await reusableGet(`/transactions/unitfee?txType=${txType}×tamp=${timestamp}`)
+ const arbitraryFee = (Number(data) / 1e8).toFixed(8)
+
+ return {
+ timestamp,
+ fee: arbitraryFee
+ }
+
+}
+
+async function leaveGroup({groupId}){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const lastReference = await getLastRef()
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const feeres = await getFee('LEAVE_GROUP')
+
+ const tx = await createTransaction(32, keyPair, {
+ fee: feeres.fee,
+ registrantAddress: address,
+ rGroupId: groupId,
+ lastReference: lastReference,
+
+
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error('Transaction was not able to be processed')
+ return res
+}
+
+async function joinGroup({groupId}){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const lastReference = await getLastRef()
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const feeres = await getFee('JOIN_GROUP')
+
+ const tx = await createTransaction(31, keyPair, {
+ fee: feeres.fee,
+ registrantAddress: address,
+ rGroupId: groupId,
+ lastReference: lastReference,
+
+
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error(res?.message || 'Transaction was not able to be processed')
+ return res
+}
+
+async function cancelInvitationToGroup({groupId, qortalAddress}){
+ const lastReference = await getLastRef()
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const feeres = await getFee('CANCEL_GROUP_INVITE')
+
+ const tx = await createTransaction(30, keyPair, {
+ fee: feeres.fee,
+ recipient: qortalAddress,
+ rGroupId: groupId,
+ lastReference: lastReference,
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error('Transaction was not able to be processed')
+ return res
+}
+
+async function cancelBan({groupId, qortalAddress}){
+ const lastReference = await getLastRef()
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const feeres = await getFee('CANCEL_GROUP_BAN')
+
+ const tx = await createTransaction(27, keyPair, {
+ fee: feeres.fee,
+ recipient: qortalAddress,
+ rGroupId: groupId,
+ lastReference: lastReference,
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error('Transaction was not able to be processed')
+ return res
+}
+async function registerName({name}){
+ const lastReference = await getLastRef()
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const feeres = await getFee('REGISTER_NAME')
+
+ const tx = await createTransaction(3, keyPair, {
+ fee: feeres.fee,
+ name,
+ value: "",
+ lastReference: lastReference,
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error('Transaction was not able to be processed')
+ return res
+}
+async function makeAdmin({groupId, qortalAddress}){
+ const lastReference = await getLastRef()
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const feeres = await getFee('ADD_GROUP_ADMIN')
+
+ const tx = await createTransaction(24, keyPair, {
+ fee: feeres.fee,
+ recipient: qortalAddress,
+ rGroupId: groupId,
+ lastReference: lastReference,
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error('Transaction was not able to be processed')
+ return res
+}
+
+async function removeAdmin({groupId, qortalAddress}){
+ const lastReference = await getLastRef()
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const feeres = await getFee('REMOVE_GROUP_ADMIN')
+
+ const tx = await createTransaction(25, keyPair, {
+ fee: feeres.fee,
+ recipient: qortalAddress,
+ rGroupId: groupId,
+ lastReference: lastReference,
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error('Transaction was not able to be processed')
+ return res
+}
+
+async function banFromGroup({groupId, qortalAddress, rBanReason = "", rBanTime}){
+ const lastReference = await getLastRef()
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const feeres = await getFee('GROUP_BAN')
+
+ const tx = await createTransaction(26, keyPair, {
+ fee: feeres.fee,
+ recipient: qortalAddress,
+ rGroupId: groupId,
+ rBanReason: rBanReason,
+ rBanTime,
+ lastReference: lastReference,
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error('Transaction was not able to be processed')
+ return res
+}
+
+
+
+async function kickFromGroup({groupId, qortalAddress, rBanReason = ""}){
+ const lastReference = await getLastRef()
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+ const feeres = await getFee('GROUP_KICK')
+
+ const tx = await createTransaction(28, keyPair, {
+ fee: feeres.fee,
+ recipient: qortalAddress,
+ rGroupId: groupId,
+ rBanReason: rBanReason,
+ lastReference: lastReference,
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error('Transaction was not able to be processed')
+ return res
+}
+
+
+
+async function createGroup({ groupName, groupDescription, groupType, groupApprovalThreshold, minBlock, maxBlock}){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ if(!address) throw new Error('Cannot find user')
+ const lastReference = await getLastRef()
+ const feeres = await getFee('CREATE_GROUP')
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+
+ const tx = await createTransaction(22, keyPair, {
+ fee: feeres.fee,
+ registrantAddress: address,
+ rGroupName: groupName,
+ rGroupDesc: groupDescription,
+ rGroupType: groupType,
+ rGroupApprovalThreshold: groupApprovalThreshold,
+ rGroupMinimumBlockDelay: minBlock,
+ rGroupMaximumBlockDelay: maxBlock,
+ lastReference: lastReference,
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error('Transaction was not able to be processed')
+ return res
+}
+async function inviteToGroup({groupId, qortalAddress, inviteTime}){
+ const address = await getNameOrAddress(qortalAddress)
+ if(!address) throw new Error('Cannot find user')
+ const lastReference = await getLastRef()
+ const feeres = await getFee('GROUP_INVITE')
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey,
+ };
+
+
+ const tx = await createTransaction(29, keyPair, {
+ fee: feeres.fee,
+ recipient: address,
+ rGroupId: groupId,
+ rInviteTime: inviteTime,
+ lastReference: lastReference,
+
+ });
+
+ const signedBytes = Base58.encode(tx.signedBytes);
+
+ const res = await processTransactionVersion2(signedBytes)
+ if(!res?.signature) throw new Error('Transaction was not able to be processed')
+ return res
+}
+
async function sendCoin({ password, amount, receiver }, skipConfirmPassword) {
try {
const confirmReceiver = await getNameOrAddress(receiver);
if (confirmReceiver.error)
throw new Error("Invalid receiver address or name");
const wallet = await getSaveWallet();
- let keyPair = ''
+ let keyPair = "";
if (skipConfirmPassword) {
- const resKeyPair = await getKeyPair()
- const parsedData = JSON.parse(resKeyPair)
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
const uint8PrivateKey = Base58.decode(parsedData.privateKey);
const uint8PublicKey = Base58.decode(parsedData.publicKey);
keyPair = {
privateKey: uint8PrivateKey,
- publicKey: uint8PublicKey
+ publicKey: uint8PublicKey,
};
} else {
const response = await decryptStoredWallet(password, wallet);
const wallet2 = new PhraseWallet(response, walletVersion);
- keyPair = wallet2._addresses[0].keyPair
+ keyPair = wallet2._addresses[0].keyPair;
}
-
const lastRef = await getLastRef();
const fee = await sendQortFee();
- const validApi = await findUsableApi();
+ const validApi = await findUsableApi()
const res = await makeTransactionRequest(
confirmReceiver,
@@ -525,6 +1877,7 @@ async function sendCoin({ password, amount, receiver }, skipConfirmPassword) {
keyPair,
validApi
);
+
return { res, validApi };
} catch (error) {
throw new Error(error.message);
@@ -565,13 +1918,13 @@ async function fetchMessagesForBuyOrders(apiCall, signature, senderPublicKey) {
let retryDelay = 2000; // Start with a 2-second delay
const maxDuration = 360000 * 2; // Maximum duration set to 12 minutes
const startTime = Date.now(); // Record the start time
- let triedChatMessage = []
+ let triedChatMessage = [];
// Promise to handle polling logic
- await new Promise((res)=> {
+ await new Promise((res) => {
setTimeout(() => {
- res()
+ res();
}, 40000);
- })
+ });
return new Promise((resolve, reject) => {
const attemptFetch = async () => {
if (Date.now() - startTime > maxDuration) {
@@ -581,24 +1934,31 @@ async function fetchMessagesForBuyOrders(apiCall, signature, senderPublicKey) {
try {
const response = await fetch(apiCall);
let data = await response.json();
- data = data.filter((item) => !triedChatMessage.includes(item.signature))
+ data = data.filter(
+ (item) => !triedChatMessage.includes(item.signature)
+ );
if (data && data.length > 0) {
- const encodedMessageObj = data[0]
- const resKeyPair = await getKeyPair()
- const parsedData = JSON.parse(resKeyPair)
+ const encodedMessageObj = data[0];
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
const uint8PrivateKey = Base58.decode(parsedData.privateKey);
const uint8PublicKey = Base58.decode(parsedData.publicKey);
const keyPair = {
privateKey: uint8PrivateKey,
- publicKey: uint8PublicKey
+ publicKey: uint8PublicKey,
};
- const decodedMessage = decryptChatMessage(encodedMessageObj.data, keyPair.privateKey, senderPublicKey, encodedMessageObj.reference)
- const parsedMessage = JSON.parse(decodedMessage)
+ const decodedMessage = decryptChatMessage(
+ encodedMessageObj.data,
+ keyPair.privateKey,
+ senderPublicKey,
+ encodedMessageObj.reference
+ );
+ const parsedMessage = JSON.parse(decodedMessage);
if (parsedMessage?.extra?.chatRequestSignature === signature) {
resolve(parsedMessage);
} else {
- triedChatMessage.push(encodedMessageObj.signature)
+ triedChatMessage.push(encodedMessageObj.signature);
setTimeout(attemptFetch, retryDelay);
retryDelay = Math.min(retryDelay * 2, 360000); // Ensure delay does not exceed 6 minutes
}
@@ -616,7 +1976,12 @@ async function fetchMessagesForBuyOrders(apiCall, signature, senderPublicKey) {
});
}
-async function listenForChatMessage({ nodeBaseUrl, senderAddress, senderPublicKey, timestamp }) {
+async function listenForChatMessage({
+ nodeBaseUrl,
+ senderAddress,
+ senderPublicKey,
+ timestamp,
+}) {
try {
let validApi = "";
const checkIfNodeBaseUrlIsAcceptable = apiEndpoints.find(
@@ -629,29 +1994,39 @@ async function listenForChatMessage({ nodeBaseUrl, senderAddress, senderPublicKe
}
const wallet = await getSaveWallet();
const address = wallet.address0;
- const before = timestamp + 5000
- const after = timestamp - 5000
- const apiCall = `${validApi}/chat/messages?involving=${senderAddress}&involving=${address}&reverse=true&limit=1&before=${before}&after=${after}`;
- const encodedMessageObj = await fetchMessages(apiCall)
+ const before = timestamp + 5000;
+ const after = timestamp - 5000;
+ const apiCall = `${validApi}/chat/messages?involving=${senderAddress}&involving=${address}&reverse=true&limit=1&before=${before}&after=${after}&encoding=BASE64`;
+ const encodedMessageObj = await fetchMessages(apiCall);
- const resKeyPair = await getKeyPair()
- const parsedData = JSON.parse(resKeyPair)
+ const resKeyPair = await getKeyPair();
+ const parsedData = JSON.parse(resKeyPair);
const uint8PrivateKey = Base58.decode(parsedData.privateKey);
const uint8PublicKey = Base58.decode(parsedData.publicKey);
const keyPair = {
privateKey: uint8PrivateKey,
- publicKey: uint8PublicKey
+ publicKey: uint8PublicKey,
};
- const decodedMessage = decryptChatMessage(encodedMessageObj.data, keyPair.privateKey, senderPublicKey, encodedMessageObj.reference)
+ const decodedMessage = decryptChatMessage(
+ encodedMessageObj.data,
+ keyPair.privateKey,
+ senderPublicKey,
+ encodedMessageObj.reference
+ );
return { secretCode: decodedMessage };
} catch (error) {
- console.error(error)
+ console.error(error);
throw new Error(error.message);
}
}
-async function listenForChatMessageForBuyOrder({ nodeBaseUrl, senderAddress, senderPublicKey, signature }) {
+async function listenForChatMessageForBuyOrder({
+ nodeBaseUrl,
+ senderAddress,
+ senderPublicKey,
+ signature,
+}) {
try {
let validApi = "";
const checkIfNodeBaseUrlIsAcceptable = apiEndpoints.find(
@@ -664,10 +2039,14 @@ async function listenForChatMessageForBuyOrder({ nodeBaseUrl, senderAddress, sen
}
const wallet = await getSaveWallet();
const address = wallet.address0;
- const before = Date.now() + 1200000
- const after = Date.now()
- const apiCall = `${validApi}/chat/messages?involving=${senderAddress}&involving=${address}&reverse=true&limit=1&before=${before}&after=${after}`;
- const parsedMessageObj = await fetchMessagesForBuyOrders(apiCall, signature, senderPublicKey)
+ const before = Date.now() + 1200000;
+ const after = Date.now();
+ const apiCall = `${validApi}/chat/messages?involving=${senderAddress}&involving=${address}&reverse=true&limit=1&before=${before}&after=${after}&encoding=BASE64`;
+ const parsedMessageObj = await fetchMessagesForBuyOrders(
+ apiCall,
+ signature,
+ senderPublicKey
+ );
// const resKeyPair = await getKeyPair()
// const parsedData = JSON.parse(resKeyPair)
@@ -681,16 +2060,252 @@ async function listenForChatMessageForBuyOrder({ nodeBaseUrl, senderAddress, sen
// const decodedMessage = decryptChatMessage(encodedMessageObj.data, keyPair.privateKey, senderPublicKey, encodedMessageObj.reference)
// const parsedMessage = JSON.parse(decodedMessage)
chrome.tabs.query({}, function (tabs) {
- tabs.forEach(tab => {
- chrome.tabs.sendMessage(tab.id, { type: "RESPONSE_FOR_TRADES", message: parsedMessageObj });
+ tabs.forEach((tab) => {
+ chrome.tabs.sendMessage(tab.id, {
+ type: "RESPONSE_FOR_TRADES",
+ message: parsedMessageObj,
+ });
});
});
} catch (error) {
- console.error(error)
+ console.error(error);
throw new Error(error.message);
}
}
+function removeDuplicateWindow(popupUrl){
+ chrome.windows.getAll(
+ { populate: true, windowTypes: ["popup"] },
+ (windows) => {
+ // Filter to find popups matching the specific URL
+ const existingPopupsPending = windows.filter(
+ (w) =>
+ w.tabs &&
+ w.tabs.some(
+ (tab) => tab.pendingUrl && tab.pendingUrl.startsWith(popupUrl)
+ )
+ );
+ const existingPopups = windows.filter(
+ (w) =>
+ w.tabs &&
+ w.tabs.some(
+ (tab) => tab.url && tab.url.startsWith(popupUrl)
+ )
+ );
+
+ if(existingPopupsPending.length > 1){
+ chrome.windows.remove(existingPopupsPending?.[0]?.tabs?.[0]?.windowId, () => {
+
+ });
+ } else if(existingPopupsPending.length > 0 && existingPopups.length > 0){
+ chrome.windows.remove(existingPopupsPending?.[0]?.tabs?.[0]?.windowId, () => {
+
+ });
+ }
+ }
+ );
+}
+
+
+
+async function setChatHeads(data){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const dataString = JSON.stringify(data);
+ return await new Promise((resolve, reject) => {
+ chrome.storage.local.set({ [`chatheads-${address}`]: dataString }, () => {
+ if (chrome.runtime.lastError) {
+ reject(new Error(chrome.runtime.lastError.message));
+ } else {
+ resolve(true);
+ }
+ });
+ });
+}
+
+async function getTempPublish(){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const key = `tempPublish-${address}`
+ const res = await chrome.storage.local.get([key]);
+ const SIX_MINUTES = 6 * 60 * 1000; // 6 minutes in milliseconds
+
+ if (res?.[key]) {
+ const parsedData = JSON.parse(res[key]);
+ const currentTime = Date.now();
+
+ // Filter through each top-level key (e.g., "announcement") and then through its nested entries
+ const filteredData = Object.fromEntries(
+ Object.entries(parsedData).map(([category, entries]) => {
+ // Filter out entries inside each category that are older than 6 minutes
+ const filteredEntries = Object.fromEntries(
+ Object.entries(entries).filter(([entryKey, entryValue]) => {
+ return currentTime - entryValue.timestampSaved < SIX_MINUTES;
+ })
+ );
+ return [category, filteredEntries];
+ })
+ );
+
+
+ if (JSON.stringify(filteredData) !== JSON.stringify(parsedData)) {
+ const dataString = JSON.stringify(filteredData);
+ await chrome.storage.local.set({ [key]: dataString });
+ }
+ return filteredData;
+ } else {
+ return {};
+ }
+}
+
+async function saveTempPublish({data, key}){
+ const existingTemp = await getTempPublish()
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const newTemp = {
+ ...existingTemp,
+ [key]: {
+ ...(existingTemp[key] || {}),
+ [data.identifier] : {
+ data,
+ timestampSaved: Date.now()
+ }
+ }
+ }
+
+ const dataString = JSON.stringify(newTemp);
+
+ return await new Promise((resolve, reject) => {
+ chrome.storage.local.set({ [`tempPublish-${address}`]: dataString }, () => {
+ if (chrome.runtime.lastError) {
+ reject(new Error(chrome.runtime.lastError.message));
+ } else {
+
+ resolve(newTemp[key]);
+ }
+ });
+ });
+}
+
+async function setChatHeadsDirect(data){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const dataString = JSON.stringify(data);
+ return await new Promise((resolve, reject) => {
+ chrome.storage.local.set({ [`chatheads-direct-${address}`]: dataString }, () => {
+ if (chrome.runtime.lastError) {
+ reject(new Error(chrome.runtime.lastError.message));
+ } else {
+ resolve(true);
+ }
+ });
+ });
+}
+
+
+
+async function getTimestampEnterChat(){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const key = `enter-chat-timestamp-${address}`
+ const res = await chrome.storage.local.get([key]);
+if (res?.[key]) {
+ const parsedData = JSON.parse(res[key])
+ return parsedData;
+} else {
+ return {}
+}
+}
+async function getTimestampGroupAnnouncement(){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const key = `group-announcement-${address}`
+ const res = await chrome.storage.local.get([key]);
+if (res?.[key]) {
+ const parsedData = JSON.parse(res[key])
+ return parsedData;
+} else {
+ return {}
+}
+}
+
+async function addTimestampGroupAnnouncement({groupId, timestamp, seenTimestamp}){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const data = await getTimestampGroupAnnouncement() || {}
+ data[groupId] = {
+ notification: timestamp,
+ seentimestamp: seenTimestamp ? true : false
+ }
+ const dataString = JSON.stringify(data);
+ return await new Promise((resolve, reject) => {
+ chrome.storage.local.set({ [`group-announcement-${address}`]: dataString }, () => {
+ if (chrome.runtime.lastError) {
+ reject(new Error(chrome.runtime.lastError.message));
+ } else {
+ resolve(true);
+ }
+ });
+ });
+}
+
+
+async function addTimestampEnterChat({groupId, timestamp}){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const data = await getTimestampEnterChat()
+ data[groupId] = timestamp
+ const dataString = JSON.stringify(data);
+ return await new Promise((resolve, reject) => {
+ chrome.storage.local.set({ [`enter-chat-timestamp-${address}`]: dataString }, () => {
+ if (chrome.runtime.lastError) {
+ reject(new Error(chrome.runtime.lastError.message));
+ } else {
+ resolve(true);
+ }
+ });
+ });
+}
+
+async function notifyAdminRegenerateSecretKey({groupName, adminAddress}){
+ const wallet = await getSaveWallet();
+ const address = wallet.address0;
+ const name = await getNameInfo(address)
+ const nameOrAddress = name || address
+ await sendChatDirect({
+ directTo: adminAddress,
+ typeMessage: undefined,
+ chatReference: undefined,
+ messageText: `
+}
+
+const LazyLoad: React.FC = ({ onLoadMore }) => {
+ const [isFetching, setIsFetching] = useState(false)
+
+ const firstLoad = useRef(false)
+ const [ref, inView] = useInView({
+ threshold: 0.7
+ })
+
+ useEffect(() => {
+ if (inView) {
+ setIsFetching(true)
+ onLoadMore().finally(() => {
+ setIsFetching(false)
+ firstLoad.current = true
+ })
+ }
+ }, [inView])
+
+ return (
+ ({
+ isShow: false,
+ });
+ const [message, setMessage] = useState({
+ publishFee: "",
+ message: ""
+ });
+ const promiseConfig = useRef(null);
+ const show = async (data) => {
+ setMessage(data)
+ return new Promise((resolve, reject) => {
+ promiseConfig.current = {
+ resolve,
+ reject,
+ };
+ setState({
+ isShow: true,
+ });
+ });
+ };
+
+ const hide = () => {
+ setState({
+ isShow: false,
+ });
+ setMessage({
+ publishFee: "",
+ message: ""
+ })
+ };
+
+ const onOk = (payload:any) => {
+ const { resolve } = promiseConfig.current;
+ setMessage({
+ publishFee: "",
+ message: ""
+ })
+ hide();
+ resolve(payload);
+ };
+
+ const onCancel = () => {
+ const { reject } = promiseConfig.current;
+ hide();
+ reject();
+ setMessage({
+ publishFee: "",
+ message: ""
+ })
+ };
+ return {
+ show,
+ onOk,
+ onCancel,
+ isShow: state.isShow,
+ message
+ };
+};
\ No newline at end of file
diff --git a/src/components/Chat/AnnouncementDiscussion.tsx b/src/components/Chat/AnnouncementDiscussion.tsx
new file mode 100644
index 0000000..fd61ab2
--- /dev/null
+++ b/src/components/Chat/AnnouncementDiscussion.tsx
@@ -0,0 +1,344 @@
+import React, { useMemo, useRef, useState } from "react";
+import TipTap from "./TipTap";
+import { AuthenticatedContainerInnerTop, CustomButton } from "../../App-styles";
+import { Box, CircularProgress } from "@mui/material";
+import { objectToBase64 } from "../../qdn/encryption/group-encryption";
+import ShortUniqueId from "short-unique-id";
+import { LoadingSnackbar } from "../Snackbar/LoadingSnackbar";
+import { getBaseApi, getFee } from "../../background";
+import { decryptPublishes, getTempPublish, saveTempPublish } from "./GroupAnnouncements";
+import { AnnouncementList } from "./AnnouncementList";
+import { Spacer } from "../../common/Spacer";
+import ArrowBackIcon from '@mui/icons-material/ArrowBack';
+import { getBaseApiReact } from "../../App";
+
+const tempKey = 'accouncement-comment'
+
+const uid = new ShortUniqueId({ length: 8 });
+export const AnnouncementDiscussion = ({
+ getSecretKey,
+ encryptChatMessage,
+ selectedAnnouncement,
+ secretKey,
+ setSelectedAnnouncement,
+ show,
+ myName
+}) => {
+ const [isSending, setIsSending] = useState(false);
+ const [isLoading, setIsLoading] = useState(false);
+ const [comments, setComments] = useState([])
+ const [tempPublishedList, setTempPublishedList] = useState([])
+ const firstMountRef = useRef(false)
+ const [data, setData] = useState({})
+ const editorRef = useRef(null);
+ const setEditorRef = (editorInstance) => {
+ editorRef.current = editorInstance;
+ };
+
+ const clearEditorContent = () => {
+ if (editorRef.current) {
+ editorRef.current.chain().focus().clearContent().run();
+ }
+ };
+
+ const getData = async ({ identifier, name }) => {
+ try {
+
+ const res = await fetch(
+ `${getBaseApiReact()}/arbitrary/DOCUMENT/${name}/${identifier}?encoding=base64`
+ );
+ const data = await res.text();
+ const response = await decryptPublishes([{ data }], secretKey);
+
+ const messageData = response[0];
+ setData((prev) => {
+ return {
+ ...prev,
+ [`${identifier}-${name}`]: messageData,
+ };
+ });
+
+ } catch (error) {}
+ };
+
+ const publishAnc = async ({ encryptedData, identifier }: any) => {
+ try {
+ if (!selectedAnnouncement) return;
+
+ return new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "publishGroupEncryptedResource",
+ payload: {
+ encryptedData,
+ identifier,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ res(response);
+ }
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {}
+ };
+
+ const setTempData = async ()=> {
+ try {
+ const getTempAnnouncements = await getTempPublish()
+ if(getTempAnnouncements[tempKey]){
+ let tempData = []
+ Object.keys(getTempAnnouncements[tempKey] || {}).map((key)=> {
+ const value = getTempAnnouncements[tempKey][key]
+ if(value.data?.announcementId === selectedAnnouncement.identifier){
+ tempData.push(value.data)
+ }
+ })
+ setTempPublishedList(tempData)
+ }
+ } catch (error) {
+
+ }
+
+ }
+
+ const publishComment = async () => {
+ try {
+ const fee = await getFee('ARBITRARY')
+ await show({
+ message: "Would you like to perform a ARBITRARY transaction?" ,
+ publishFee: fee.fee + ' QORT'
+ })
+ if (isSending) return;
+ if (editorRef.current) {
+ const htmlContent = editorRef.current.getHTML();
+
+ if (!htmlContent?.trim() || htmlContent?.trim() === "") return;
+ setIsSending(true);
+ const message = {
+ version: 1,
+ extra: {},
+ message: htmlContent,
+ };
+ const secretKeyObject = await getSecretKey();
+ const message64: any = await objectToBase64(message);
+
+ const encryptSingle = await encryptChatMessage(
+ message64,
+ secretKeyObject
+ );
+ const randomUid = uid.rnd();
+ const identifier = `cm-${selectedAnnouncement.identifier}-${randomUid}`;
+ const res = await publishAnc({
+ encryptedData: encryptSingle,
+ identifier
+ });
+
+ const dataToSaveToStorage = {
+ name: myName,
+ identifier,
+ service: 'DOCUMENT',
+ tempData: message,
+ created: Date.now(),
+ announcementId: selectedAnnouncement.identifier
+ }
+ await saveTempPublish({data: dataToSaveToStorage, key: tempKey})
+ setTempData()
+
+ clearEditorContent();
+ }
+ // send chat message
+ } catch (error) {
+ console.error(error);
+ } finally {
+ setIsSending(false);
+ }
+ };
+
+ const getComments = React.useCallback(
+ async (selectedAnnouncement) => {
+ try {
+ setIsLoading(true);
+
+ const offset = 0;
+
+ // dispatch(setIsLoadingGlobal(true))
+ const identifier = `cm-${selectedAnnouncement.identifier}`;
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=DOCUMENT&identifier=${identifier}&limit=20&includemetadata=false&offset=${offset}&reverse=true`;
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseData = await response.json();
+ setTempData()
+ setComments(responseData);
+ setIsLoading(false);
+ for (const data of responseData) {
+ getData({ name: data.name, identifier: data.identifier });
+ }
+ } catch (error) {
+ } finally {
+ setIsLoading(false);
+
+ // dispatch(setIsLoadingGlobal(false))
+ }
+ },
+ [secretKey]
+ );
+
+ const loadMore = async()=> {
+ try {
+ setIsLoading(true);
+
+ const offset = comments.length
+ const identifier = `cm-${selectedAnnouncement.identifier}`;
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=DOCUMENT&identifier=${identifier}&limit=20&includemetadata=false&offset=${offset}&reverse=true&prefix=true`;
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseData = await response.json();
+
+ setComments((prev)=> [...prev, ...responseData]);
+ setIsLoading(false);
+ for (const data of responseData) {
+ getData({ name: data.name, identifier: data.identifier });
+ }
+ } catch (error) {
+
+ }
+
+ }
+
+ const combinedListTempAndReal = useMemo(() => {
+ // Combine the two lists
+ const combined = [...tempPublishedList, ...comments];
+
+ // Remove duplicates based on the "identifier"
+ const uniqueItems = new Map();
+ combined.forEach(item => {
+ uniqueItems.set(item.identifier, item); // This will overwrite duplicates, keeping the last occurrence
+ });
+
+ // Convert the map back to an array and sort by "created" timestamp in descending order
+ const sortedList = Array.from(uniqueItems.values()).sort((a, b) => b.created - a.created);
+
+ return sortedList;
+ }, [tempPublishedList, comments]);
+
+ React.useEffect(() => {
+ if (selectedAnnouncement && secretKey && !firstMountRef.current) {
+ getComments(selectedAnnouncement);
+ firstMountRef.current = true
+ }
+ }, [selectedAnnouncement, secretKey]);
+ return (
+
+ {({ measure }) => (
+
+ );
+ };
+
+ useEffect(() => {
+ setMessages(initialMessages);
+ setTimeout(() => {
+ if (listRef.current) {
+ // Accessing scrollTop, scrollHeight, clientHeight from List's methods
+ const scrollTop = listRef.current.Grid._scrollingContainer.scrollTop;
+ const scrollHeight = listRef.current.Grid._scrollingContainer.scrollHeight;
+ const clientHeight = listRef.current.Grid._scrollingContainer.clientHeight;
+
+ handleScroll({ scrollTop, scrollHeight, clientHeight });
+ }
+ }, 100);
+ }, [initialMessages]);
+
+ useEffect(() => {
+ // Scroll to the bottom on initial load or when messages change
+ if (listRef.current && messages.length > 0 && hasLoadedInitialRef.current === false) {
+ scrollToBottom();
+ hasLoadedInitialRef.current = true;
+ } else if (messages.length > 0 && messages[messages.length - 1].sender === myAddress) {
+ scrollToBottom();
+ }
+ }, [messages, myAddress]);
+
+ return (
+
+ Re-encyrpt key
+ {noSecretKey ? (
+
+ There is no group secret key. Be the first admin to publish one!
+
+ ) : isOwner && secretKeyDetails && userInfo?.name && userInfo.name !== secretKeyDetails?.name ? (
+
+ The latest group secret key was published by a non-owner. As the owner of the group please re-encrypt the key as a safeguard
+
+ ): (
+
+ The group member list has changed. Please re-encrypt the secret key.
+
+ )}
+
+
+ )
+}
diff --git a/src/components/Chat/CustomImage.ts b/src/components/Chat/CustomImage.ts
new file mode 100644
index 0000000..b1310ae
--- /dev/null
+++ b/src/components/Chat/CustomImage.ts
@@ -0,0 +1,59 @@
+import { Node, mergeAttributes } from '@tiptap/core';
+import { ReactNodeViewRenderer } from '@tiptap/react';
+import ResizableImage from './ResizableImage'; // Import your ResizableImage component
+
+const CustomImage = Node.create({
+ name: 'image',
+
+ inline: false,
+ group: 'block',
+ draggable: true,
+
+ addAttributes() {
+ return {
+ src: {
+ default: null,
+ },
+ alt: {
+ default: null,
+ },
+ title: {
+ default: null,
+ },
+ width: {
+ default: 'auto',
+ },
+ };
+ },
+
+ parseHTML() {
+ return [
+ {
+ tag: 'img[src]',
+ },
+ ];
+ },
+
+ renderHTML({ HTMLAttributes }) {
+ return ['img', mergeAttributes(HTMLAttributes)];
+ },
+
+ addNodeView() {
+ return ReactNodeViewRenderer(ResizableImage);
+ },
+
+ addCommands() {
+ return {
+ setImage:
+ (options) =>
+ ({ commands }) => {
+ return commands.insertContent({
+ type: this.name,
+ attrs: options,
+ });
+ },
+ };
+ },
+});
+
+export default CustomImage;
diff --git a/src/components/Chat/GroupAnnouncements.tsx b/src/components/Chat/GroupAnnouncements.tsx
new file mode 100644
index 0000000..778e019
--- /dev/null
+++ b/src/components/Chat/GroupAnnouncements.tsx
@@ -0,0 +1,607 @@
+import React, {
+ useCallback,
+ useEffect,
+ useMemo,
+ useRef,
+ useState,
+} from "react";
+import { CreateCommonSecret } from "./CreateCommonSecret";
+import { reusableGet } from "../../qdn/publish/pubish";
+import { uint8ArrayToObject } from "../../backgroundFunctions/encryption";
+import {
+ base64ToUint8Array,
+ objectToBase64,
+} from "../../qdn/encryption/group-encryption";
+import { ChatContainerComp } from "./ChatContainer";
+import { ChatList } from "./ChatList";
+import "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css";
+import Tiptap from "./TipTap";
+import { AuthenticatedContainerInnerTop, CustomButton } from "../../App-styles";
+import CircularProgress from "@mui/material/CircularProgress";
+import { getBaseApi, getFee } from "../../background";
+import { LoadingSnackbar } from "../Snackbar/LoadingSnackbar";
+import { Box, Typography } from "@mui/material";
+import { Spacer } from "../../common/Spacer";
+import ShortUniqueId from "short-unique-id";
+import { AnnouncementList } from "./AnnouncementList";
+const uid = new ShortUniqueId({ length: 8 });
+import CampaignIcon from '@mui/icons-material/Campaign';
+import ArrowBackIcon from '@mui/icons-material/ArrowBack';
+import { AnnouncementDiscussion } from "./AnnouncementDiscussion";
+import { MyContext, getBaseApiReact } from "../../App";
+import { RequestQueueWithPromise } from "../../utils/queue/queue";
+import { CustomizedSnackbars } from "../Snackbar/Snackbar";
+
+export const requestQueueCommentCount = new RequestQueueWithPromise(3)
+export const requestQueuePublishedAccouncements = new RequestQueueWithPromise(3)
+
+export const saveTempPublish = async ({ data, key }: any) => {
+
+
+ return new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "saveTempPublish",
+ payload: {
+ data,
+ key,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ res(response);
+ }
+ rej(response.error);
+ }
+ );
+ });
+};
+
+export const getTempPublish = async () => {
+
+
+ return new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "getTempPublish",
+ payload: {
+ },
+ },
+ (response) => {
+ if (!response?.error) {
+ res(response);
+ }
+ rej(response.error);
+ }
+ );
+ });
+};
+
+export const decryptPublishes = async (encryptedMessages: any[], secretKey) => {
+ try {
+ return await new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "decryptSingleForPublishes",
+ payload: {
+ data: encryptedMessages,
+ secretKeyObject: secretKey,
+ skipDecodeBase64: true,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ res(response);
+ // if(hasInitialized.current){
+
+ // setMessages((prev)=> [...prev, ...formatted])
+ // } else {
+ // const formatted = response.map((item: any)=> {
+ // return {
+ // ...item,
+ // id: item.signature,
+ // text: item.text,
+ // unread: false
+ // }
+ // } )
+ // setMessages(formatted)
+ // hasInitialized.current = true
+
+ // }
+ }
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {}
+};
+export const GroupAnnouncements = ({
+ selectedGroup,
+ secretKey,
+ setSecretKey,
+ getSecretKey,
+ myAddress,
+ handleNewEncryptionNotification,
+ isAdmin,
+ hide,
+ myName
+}) => {
+ const [messages, setMessages] = useState([]);
+ const [isSending, setIsSending] = useState(false);
+ const [isLoading, setIsLoading] = useState(true);
+ const [announcements, setAnnouncements] = useState([]);
+ const [tempPublishedList, setTempPublishedList] = useState([])
+ const [announcementData, setAnnouncementData] = useState({});
+ const [selectedAnnouncement, setSelectedAnnouncement] = useState(null);
+ const { show } = React.useContext(MyContext);
+ const [openSnack, setOpenSnack] = React.useState(false);
+ const [infoSnack, setInfoSnack] = React.useState(null);
+ const hasInitialized = useRef(false);
+ const hasInitializedWebsocket = useRef(false);
+ const editorRef = useRef(null);
+
+ const setEditorRef = (editorInstance) => {
+ editorRef.current = editorInstance;
+ };
+
+ const getAnnouncementData = async ({ identifier, name }) => {
+ try {
+
+ const res = await requestQueuePublishedAccouncements.enqueue(()=> {
+ return fetch(
+ `${getBaseApiReact()}/arbitrary/DOCUMENT/${name}/${identifier}?encoding=base64`
+ );
+ })
+ const data = await res.text();
+ const response = await decryptPublishes([{ data }], secretKey);
+
+ const messageData = response[0];
+ setAnnouncementData((prev) => {
+ return {
+ ...prev,
+ [`${identifier}-${name}`]: messageData,
+ };
+ });
+
+ } catch (error) {}
+ };
+
+
+
+
+
+ useEffect(() => {
+ if (!secretKey || hasInitializedWebsocket.current) return;
+ setIsLoading(true);
+ // initWebsocketMessageGroup()
+ hasInitializedWebsocket.current = true;
+ }, [secretKey]);
+
+ const encryptChatMessage = async (data: string, secretKeyObject: any) => {
+ try {
+ return new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "encryptSingle",
+ payload: {
+ data,
+ secretKeyObject,
+ },
+ },
+ (response) => {
+ if (!response?.error) {
+ res(response);
+ return;
+ }
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {}
+ };
+
+ const publishAnc = async ({ encryptedData, identifier }: any) => {
+
+
+ return new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "publishGroupEncryptedResource",
+ payload: {
+ encryptedData,
+ identifier,
+ },
+ },
+ (response) => {
+ if (!response?.error) {
+ res(response);
+ }
+ rej(response.error);
+ }
+ );
+ });
+ };
+ const clearEditorContent = () => {
+ if (editorRef.current) {
+ editorRef.current.chain().focus().clearContent().run();
+ }
+ };
+
+ const setTempData = async ()=> {
+ try {
+ const getTempAnnouncements = await getTempPublish()
+ if(getTempAnnouncements?.announcement){
+ let tempData = []
+ Object.keys(getTempAnnouncements?.announcement || {}).map((key)=> {
+ const value = getTempAnnouncements?.announcement[key]
+ tempData.push(value.data)
+ })
+ setTempPublishedList(tempData)
+ }
+ } catch (error) {
+
+ }
+
+ }
+
+ const publishAnnouncement = async () => {
+ try {
+ const fee = await getFee('ARBITRARY')
+ await show({
+ message: "Would you like to perform a ARBITRARY transaction?" ,
+ publishFee: fee.fee + ' QORT'
+ })
+ if (isSending) return;
+ if (editorRef.current) {
+ const htmlContent = editorRef.current.getHTML();
+ if (!htmlContent?.trim() || htmlContent?.trim() === "") return;
+ setIsSending(true);
+ const message = {
+ version: 1,
+ extra: {},
+ message: htmlContent
+ }
+ const secretKeyObject = await getSecretKey();
+ const message64: any = await objectToBase64(message);
+ const encryptSingle = await encryptChatMessage(
+ message64,
+ secretKeyObject
+ );
+ const randomUid = uid.rnd();
+ const identifier = `grp-${selectedGroup}-anc-${randomUid}`;
+ const res = await publishAnc({
+ encryptedData: encryptSingle,
+ identifier
+ });
+
+ const dataToSaveToStorage = {
+ name: myName,
+ identifier,
+ service: 'DOCUMENT',
+ tempData: message,
+ created: Date.now()
+ }
+ await saveTempPublish({data: dataToSaveToStorage, key: 'announcement'})
+ setTempData()
+ clearEditorContent();
+ }
+ // send chat message
+ } catch (error) {
+ setInfoSnack({
+ type: "error",
+ message: error,
+ });
+ setOpenSnack(true)
+ } finally {
+ setIsSending(false);
+ }
+ };
+
+
+
+ const getAnnouncements = React.useCallback(
+ async (selectedGroup) => {
+ try {
+ const offset = 0;
+
+ // dispatch(setIsLoadingGlobal(true))
+ const identifier = `grp-${selectedGroup}-anc-`;
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=DOCUMENT&identifier=${identifier}&limit=20&includemetadata=false&offset=${offset}&reverse=true&prefix=true`;
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseData = await response.json();
+
+ setTempData()
+ setAnnouncements(responseData);
+ setIsLoading(false);
+ for (const data of responseData) {
+ getAnnouncementData({ name: data.name, identifier: data.identifier });
+ }
+ } catch (error) {
+ } finally {
+ // dispatch(setIsLoadingGlobal(false))
+ }
+ },
+ [secretKey]
+ );
+
+ React.useEffect(() => {
+ if (selectedGroup && secretKey && !hasInitialized.current) {
+ getAnnouncements(selectedGroup);
+ hasInitialized.current = true
+ }
+ }, [selectedGroup, secretKey]);
+
+
+ const loadMore = async()=> {
+ try {
+ setIsLoading(true);
+
+ const offset = announcements.length
+ const identifier = `grp-${selectedGroup}-anc-`;
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=DOCUMENT&identifier=${identifier}&limit=20&includemetadata=false&offset=${offset}&reverse=true&prefix=true`;
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseData = await response.json();
+
+ setAnnouncements((prev)=> [...prev, ...responseData]);
+ setIsLoading(false);
+ for (const data of responseData) {
+ getAnnouncementData({ name: data.name, identifier: data.identifier });
+ }
+ } catch (error) {
+
+ }
+
+ }
+
+ const interval = useRef(null)
+
+ const checkNewMessages = React.useCallback(
+ async () => {
+ try {
+
+ const identifier = `grp-${selectedGroup}-anc-`;
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=DOCUMENT&identifier=${identifier}&limit=20&includemetadata=false&offset=${0}&reverse=true&prefix=true`;
+ const response = await fetch(url, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ })
+ const responseData = await response.json()
+ const latestMessage = announcements[0]
+ if (!latestMessage) {
+ for (const data of responseData) {
+ try {
+
+ getAnnouncementData({ name: data.name, identifier: data.identifier });
+
+ } catch (error) {}
+ }
+ setAnnouncements(responseData)
+ return
+ }
+ const findMessage = responseData?.findIndex(
+ (item: any) => item?.identifier === latestMessage?.identifier
+ )
+
+ if(findMessage === -1) return
+ const newArray = responseData.slice(0, findMessage)
+
+ for (const data of newArray) {
+ try {
+
+ getAnnouncementData({ name: data.name, identifier: data.identifier });
+
+ } catch (error) {}
+ }
+ setAnnouncements((prev)=> [...newArray, ...prev])
+ } catch (error) {
+ } finally {
+ }
+ },
+ [announcements, secretKey, selectedGroup]
+ )
+
+ const checkNewMessagesFunc = useCallback(() => {
+ let isCalling = false
+ interval.current = setInterval(async () => {
+ if (isCalling) return
+ isCalling = true
+ const res = await checkNewMessages()
+ isCalling = false
+ }, 20000)
+ }, [checkNewMessages])
+
+ useEffect(() => {
+ if(!secretKey) return
+ checkNewMessagesFunc()
+ return () => {
+ if (interval?.current) {
+ clearInterval(interval.current)
+ }
+ }
+ }, [checkNewMessagesFunc])
+
+
+
+ const combinedListTempAndReal = useMemo(() => {
+ // Combine the two lists
+ const combined = [...tempPublishedList, ...announcements];
+
+ // Remove duplicates based on the "identifier"
+ const uniqueItems = new Map();
+ combined.forEach(item => {
+ uniqueItems.set(item.identifier, item); // This will overwrite duplicates, keeping the last occurrence
+ });
+
+ // Convert the map back to an array and sort by "created" timestamp in descending order
+ const sortedList = Array.from(uniqueItems.values()).sort((a, b) => b.created - a.created);
+
+ return sortedList;
+ }, [tempPublishedList, announcements]);
+
+
+ if(selectedAnnouncement){
+ return (
+
Member ${nameOrAddress} has requested that you regenerate the group's secret key. Group: ${groupName}
` + }) + return true +} + +async function getChatHeads(){ + const wallet = await getSaveWallet(); + const address = wallet.address0; + const key = `chatheads-${address}` + const res = await chrome.storage.local.get([key]); +if (res?.[key]) { + const parsedData = JSON.parse(res[key]) + return parsedData; +} else { + throw new Error("No Chatheads saved"); +} +} + +async function getChatHeadsDirect(){ + const wallet = await getSaveWallet(); + const address = wallet.address0; + const key = `chatheads-direct-${address}` + const res = await chrome.storage.local.get([key]); +if (res?.[key]) { + const parsedData = JSON.parse(res[key]) + return parsedData; +} else { + throw new Error("No Chatheads saved"); +} +} chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { if (request) { switch (request.action) { @@ -708,20 +2323,21 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { }); break; case "getWalletInfo": - - getKeyPair().then(() => { - chrome.storage.local.get(["walletInfo"], (result) => { - if (chrome.runtime.lastError) { - sendResponse({ error: chrome.runtime.lastError.message }); - } else if (result.walletInfo) { - sendResponse({ walletInfo: result.walletInfo }); - } else { - sendResponse({ error: "No wallet info found" }); - } + getKeyPair() + .then(() => { + chrome.storage.local.get(["walletInfo"], (result) => { + if (chrome.runtime.lastError) { + sendResponse({ error: chrome.runtime.lastError.message }); + } else if (result.walletInfo) { + sendResponse({ walletInfo: result.walletInfo }); + } else { + sendResponse({ error: "No wallet info found" }); + } + }); + }) + .catch((error) => { + sendResponse({ error: error.message }); }); - }).catch((error) => { - sendResponse({ error: error.message }); - }) break; case "validApi": @@ -744,6 +2360,7 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { case "userInfo": getUserInfo() .then((name) => { + sendResponse(name); }) .catch((error) => { @@ -751,20 +2368,23 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { console.error(error.message); }); break; - case "decryptWallet": { - const { password, wallet } = request.payload; + case "decryptWallet": + { + const { password, wallet } = request.payload; - decryptWallet({ - password, wallet, walletVersion - }) - .then((hasDecrypted) => { - sendResponse(hasDecrypted); + decryptWallet({ + password, + wallet, + walletVersion, }) - .catch((error) => { - sendResponse({ error: error?.message }); - console.error(error.message); - }); - } + .then((hasDecrypted) => { + sendResponse(hasDecrypted); + }) + .catch((error) => { + sendResponse({ error: error?.message }); + console.error(error.message); + }); + } break; case "balance": @@ -776,23 +2396,26 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { console.error(error.message); }); break; - case "ltcBalance": { - getLTCBalance() - .then((balance) => { - sendResponse(balance); - }) - .catch((error) => { - console.error(error.message); - }); - - - } - break; + case "ltcBalance": + { + getLTCBalance() + .then((balance) => { + sendResponse(balance); + }) + .catch((error) => { + console.error(error.message); + }); + } + break; case "sendCoin": { const { receiver, password, amount } = request.payload; sendCoin({ receiver, password, amount }) - .then(() => { + .then(({res}) => { + if(!res?.success){ + sendResponse({ error: res?.data?.message }); + return + } sendResponse(true); }) .catch((error) => { @@ -802,11 +2425,202 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { } break; + case "inviteToGroup": + { + const { groupId, qortalAddress, inviteTime } = request.payload; + inviteToGroup({ groupId, qortalAddress, inviteTime }) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + break; + case "saveTempPublish": + { + const { data, key } = request.payload; + saveTempPublish({ data, key }) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + return true + } + break; + case "getTempPublish": + { + + getTempPublish() + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + + case "createGroup": + { + const { groupName, groupDescription, groupType, groupApprovalThreshold, minBlock, maxBlock } = request.payload; + createGroup({ groupName, groupDescription, groupType, groupApprovalThreshold, minBlock, maxBlock }) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + case "cancelInvitationToGroup": + { + const { groupId, qortalAddress } = request.payload; + cancelInvitationToGroup({ groupId, qortalAddress }) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + case "leaveGroup": + { + const { groupId } = request.payload; + leaveGroup({ groupId }) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + case "joinGroup": + { + const { groupId } = request.payload; + joinGroup({ groupId }) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + + case "kickFromGroup": + { + const { groupId, qortalAddress, rBanReason } = request.payload; + kickFromGroup({ groupId, qortalAddress, rBanReason }) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + case "banFromGroup": + { + const { groupId, qortalAddress, rBanReason, rBanTime } = request.payload; + banFromGroup({ groupId, qortalAddress, rBanReason, rBanTime }) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + case "cancelBan": + { + const { groupId, qortalAddress } = request.payload; + cancelBan({ groupId, qortalAddress}) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + case "registerName": + { + const { name } = request.payload; + registerName({ name}) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + case "makeAdmin": + { + const { groupId, qortalAddress } = request.payload; + makeAdmin({ groupId, qortalAddress}) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + case "removeAdmin": + { + const { groupId, qortalAddress } = request.payload; + removeAdmin({ groupId, qortalAddress}) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + } + + break; + case "oauth": { - const { nodeBaseUrl, senderAddress, senderPublicKey, timestamp } = request.payload; + const { nodeBaseUrl, senderAddress, senderPublicKey, timestamp } = + request.payload; - listenForChatMessage({ nodeBaseUrl, senderAddress, senderPublicKey, timestamp }) + listenForChatMessage({ + nodeBaseUrl, + senderAddress, + senderPublicKey, + timestamp, + }) .then(({ secretCode }) => { sendResponse(secretCode); }) @@ -817,6 +2631,149 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { break; } + case "setChatHeads": { + const { data} = + request.payload; + + setChatHeads({ + data + }) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + + break; + } + case "getChatHeads": { + + getChatHeads() + .then((res) => { + + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + + break; + } + case "notification": { + const notificationId = 'chat_notification_' + Date.now(); // Create a unique ID + + const { } = + request.payload; + chrome.notifications.create(notificationId, { + type: 'basic', + iconUrl: 'qort.png', // Add an appropriate icon for chat notifications + title: 'New Group Message!', + message: 'You have received a new message from one of your groups', + priority: 2, // Use the maximum priority to ensure it's noticeable + // buttons: [ + // { title: 'Go to group' } + // ] + }); + // Set a timeout to clear the notification after 'timeout' milliseconds + setTimeout(() => { + chrome.notifications.clear(notificationId); + }, 3000); + sendResponse(true) + break; + } + case "addTimestampEnterChat": { + + const { groupId, timestamp } = + request.payload; + addTimestampEnterChat({groupId, timestamp}) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + break; + } + + case "setApiKey": { + const { payload } = request; + + + // Save the apiKey in chrome.storage.local for persistence + chrome.storage.local.set({ apiKey: payload }, () => { + + sendResponse(true) + }); + return true + break; + } + case "getApiKey": { + getApiKeyFromStorage() + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + return true + break; + } + case "notifyAdminRegenerateSecretKey": { + const { groupName, adminAddress } = + request.payload; + notifyAdminRegenerateSecretKey({groupName, adminAddress}) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + break; + } + + + case "addGroupNotificationTimestamp": { + + const { groupId, timestamp } = + request.payload; + addTimestampGroupAnnouncement({groupId, timestamp, seenTimestamp: true}) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + break; + } + case "getTimestampEnterChat": { + getTimestampEnterChat() + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + break; + } + case "getGroupNotificationTimestamp": { + getTimestampGroupAnnouncement() + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + sendResponse({ error: error.message }); + console.error(error.message); + }); + break; + } case "authentication": { getSaveWallet() @@ -824,7 +2781,7 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { sendResponse(true); }) .catch((error) => { - const popupUrl = chrome.runtime.getURL("index.html"); + const popupUrl = chrome.runtime.getURL("index.html?secondary=true"); chrome.windows.getAll( { populate: true, windowTypes: ["popup"] }, @@ -860,12 +2817,14 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { (primaryDisplay.bounds.height - windowHeight) / 2; chrome.windows.create({ - url: chrome.runtime.getURL("index.html"), + url: chrome.runtime.getURL("index.html?secondary=true"), type: "popup", width: windowWidth, height: windowHeight, left: leftPosition, top: 0, + } , () => { + removeDuplicateWindow(popupUrl) }); }); } @@ -913,7 +2872,7 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { error: "User has not authenticated, try again.", }); clearInterval(intervalId); // Stop checking due to timeout - console.log("Timeout exceeded"); + // Handle timeout situation if needed } }; @@ -924,94 +2883,14 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { }); } break; - case "buyOrder": { - const { qortalAtAddress, hostname } = request.payload; - getTradeInfo(qortalAtAddress) - .then((crosschainAtInfo) => { - const popupUrl = chrome.runtime.getURL("index.html"); - - chrome.windows.getAll( - { populate: true, windowTypes: ["popup"] }, - (windows) => { - // Attempt to find an existing popup window that has a tab with the correct URL - const existingPopup = windows.find( - (w) => - w.tabs && - w.tabs.some( - (tab) => tab.url && tab.url.startsWith(popupUrl) - ) - ); - if (existingPopup) { - // If the popup exists but is minimized or not focused, focus it - chrome.windows.update(existingPopup.id, { - focused: true, - state: "normal", - }); - } else { - // No existing popup found, create a new one - chrome.system.display.getInfo((displays) => { - // Assuming the primary display is the first one (adjust logic as needed) - const primaryDisplay = displays[0]; - const screenWidth = primaryDisplay.bounds.width; - const windowHeight = 500; // Your window height - const windowWidth = 400; // Your window width - - // Calculate left position for the window to appear on the right of the screen - const leftPosition = screenWidth - windowWidth; - - // Calculate top position for the window, adjust as desired - const topPosition = - (primaryDisplay.bounds.height - windowHeight) / 2; - - chrome.windows.create({ - url: chrome.runtime.getURL("index.html"), - type: "popup", - width: windowWidth, - height: windowHeight, - left: leftPosition, - top: 0, - }); - }); - } - - const interactionId = Date.now().toString(); // Simple example; consider a better unique ID - - setTimeout(() => { - chrome.runtime.sendMessage({ - action: "SET_COUNTDOWN", - payload: request.timeout ? 0.9 * request.timeout : 20, - }); - chrome.runtime.sendMessage({ - action: "UPDATE_STATE_REQUEST_BUY_ORDER", - payload: { - hostname, - crosschainAtInfo, - interactionId, - }, - }); - }, 500); - - // Store sendResponse callback with the interaction ID - pendingResponses.set(interactionId, sendResponse); - } - ); - - - }) - .catch((error) => { - console.error(error.message); - }); - } - - break; - case "connection": { - const { hostname } = request.payload; - connection(hostname) - .then((isConnected) => { - if (Object.keys(isConnected)?.length > 0 && isConnected[hostname]) { - sendResponse(true); - } else { - const popupUrl = chrome.runtime.getURL("index.html"); + case "buyOrder": + { + + const { qortalAtAddress, hostname } = request.payload; + getTradeInfo(qortalAtAddress) + .then((crosschainAtInfo) => { + + const popupUrl = chrome.runtime.getURL("index.html?secondary=true") chrome.windows.getAll( { populate: true, windowTypes: ["popup"] }, @@ -1047,12 +2926,14 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { (primaryDisplay.bounds.height - windowHeight) / 2; chrome.windows.create({ - url: chrome.runtime.getURL("index.html"), + url: chrome.runtime.getURL("index.html?secondary=true"), type: "popup", width: windowWidth, height: windowHeight, left: leftPosition, top: 0, + }, () => { + removeDuplicateWindow(popupUrl) }); }); } @@ -1065,9 +2946,10 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { payload: request.timeout ? 0.9 * request.timeout : 20, }); chrome.runtime.sendMessage({ - action: "UPDATE_STATE_REQUEST_CONNECTION", + action: "UPDATE_STATE_REQUEST_BUY_ORDER", payload: { hostname, + crosschainAtInfo, interactionId, }, }); @@ -1077,18 +2959,109 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { pendingResponses.set(interactionId, sendResponse); } ); - } - }) - .catch((error) => { - console.error(error.message); - }); - } + }) + .catch((error) => { + console.error(error.message); + }); + } + + break; + case "connection": + { + + const { hostname } = request.payload; + + connection(hostname) + .then((isConnected) => { + if ( + Object.keys(isConnected)?.length > 0 && + isConnected[hostname] + ) { + sendResponse(true); + } else { + const popupUrl = chrome.runtime.getURL("index.html?secondary=true"); + chrome.windows.getAll( + { populate: true, windowTypes: ["popup"] }, + (windows) => { + // Attempt to find an existing popup window that has a tab with the correct URL + const existingPopup = windows.find( + (w) => + w.tabs && + w.tabs.some( + (tab) => tab.url && tab.url.startsWith(popupUrl) + ) + ); + + if (existingPopup) { + // If the popup exists but is minimized or not focused, focus it + chrome.windows.update(existingPopup.id, { + focused: true, + state: "normal", + }); + } else { + + + // No existing popup found, create a new one + chrome.system.display.getInfo((displays) => { + + // Assuming the primary display is the first one (adjust logic as needed) + const primaryDisplay = displays[0]; + const screenWidth = primaryDisplay.bounds.width; + const windowHeight = 500; // Your window height + const windowWidth = 400; // Your window width + + // Calculate left position for the window to appear on the right of the screen + const leftPosition = screenWidth - windowWidth; + + // Calculate top position for the window, adjust as desired + const topPosition = + (primaryDisplay.bounds.height - windowHeight) / 2; + + chrome.windows.create({ + url: popupUrl, + type: "popup", + width: windowWidth, + height: windowHeight, + left: leftPosition, + top: 0, + }, () => { + removeDuplicateWindow(popupUrl) + }); + }); + } + + const interactionId = Date.now().toString(); // Simple example; consider a better unique ID + + setTimeout(() => { + chrome.runtime.sendMessage({ + action: "SET_COUNTDOWN", + payload: request.timeout ? 0.9 * request.timeout : 20, + }); + chrome.runtime.sendMessage({ + action: "UPDATE_STATE_REQUEST_CONNECTION", + payload: { + hostname, + interactionId, + }, + }); + }, 500); + + // Store sendResponse callback with the interaction ID + pendingResponses.set(interactionId, sendResponse); + } + ); + } + }) + .catch((error) => { + console.error(error.message); + }); + } break; case "sendQort": { const { amount, hostname, address, description } = request.payload; - const popupUrl = chrome.runtime.getURL("index.html"); + const popupUrl = chrome.runtime.getURL("index.html?secondary=true"); chrome.windows.getAll( { populate: true, windowTypes: ["popup"] }, @@ -1122,12 +3095,14 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { (primaryDisplay.bounds.height - windowHeight) / 2; chrome.windows.create({ - url: chrome.runtime.getURL("index.html"), + url: chrome.runtime.getURL("index.html?secondary=true"), type: "popup", width: windowWidth, height: windowHeight, left: leftPosition, top: 0, + }, () => { + removeDuplicateWindow(popupUrl) }); }); } @@ -1212,49 +3187,307 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { sendResponse({ error: error.message }); originalSendResponse({ error: error.message }); }); - } break; - case "buyOrderConfirmation": { - const { crosschainAtInfo, isDecline } = request.payload; - const interactionId2 = request.payload.interactionId; - // Retrieve the stored sendResponse callback - const originalSendResponse = pendingResponses.get(interactionId2); + case "buyOrderConfirmation": + { + const { crosschainAtInfo, isDecline } = request.payload; + const interactionId2 = request.payload.interactionId; + // Retrieve the stored sendResponse callback + const originalSendResponse = pendingResponses.get(interactionId2); - if (originalSendResponse) { - if (isDecline) { - originalSendResponse({ error: "User has declined" }); - sendResponse(false); - pendingResponses.delete(interactionId2); - return; - } - createBuyOrderTx({ crosschainAtInfo }) - .then((res) => { - sendResponse(true); - originalSendResponse(res); + if (originalSendResponse) { + if (isDecline) { + originalSendResponse({ error: "User has declined" }); + sendResponse(false); pendingResponses.delete(interactionId2); - }) - .catch((error) => { - console.error(error.message); - sendResponse({ error: error.message }); - // originalSendResponse({ error: error.message }); - }); - + return; + } + createBuyOrderTx({ crosschainAtInfo }) + .then((res) => { + sendResponse(true); + originalSendResponse(res); + pendingResponses.delete(interactionId2); + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + // originalSendResponse({ error: error.message }); + }); + } } + + break; + case "encryptAndPublishSymmetricKeyGroupChat": { + const { groupId, previousData, previousNumber } = request.payload; + + encryptAndPublishSymmetricKeyGroupChat({ + groupId, + previousData, + previousNumber, + }) + .then(({data, numberOfMembers}) => { + sendResponse(data); + + if(!previousData){ + // first secret key of the group + sendChatGroup({ + groupId, + typeMessage: undefined, + chatReference: undefined, + messageText: PUBLIC_NOTIFICATION_CODE_FIRST_SECRET_KEY, + }) + .then(() => {}) + .catch((error) => { + console.error('1',error.message); + }); + return + } + sendChatNotification(data, groupId, previousData, numberOfMembers) + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + + break; + } + case "publishGroupEncryptedResource": { + const { encryptedData, identifier } = request.payload; + + publishGroupEncryptedResource({ + encryptedData, identifier + }) + .then((data) => { + sendResponse(data); + + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + return true + break; + } + case "handleActiveGroupDataFromSocket": { + const { groups, directs } = request.payload; + handleActiveGroupDataFromSocket({ + groups, directs + }) + .then((data) => { + sendResponse(true); + + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + + break; + } + case "getThreadActivity": { + checkThreads(true) + .then((data) => { + + sendResponse(data); + + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + + break; } + + case "updateThreadActivity": { + const { threadId, qortalName, groupId, thread } = request.payload; + + updateThreadActivity({threadId, qortalName, groupId, thread}) + .then(() => { + sendResponse(true); + + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); break; + } + case "decryptGroupEncryption": { + const { data } = request.payload; + + decryptGroupEncryption({ data }) + .then((res) => { + sendResponse(res); + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + + break; + } + case "encryptSingle": { + const { data, secretKeyObject } = request.payload; + + encryptSingle({ data64: data, secretKeyObject: secretKeyObject }) + .then((res) => { + + sendResponse(res); + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + + break; + } + case "decryptSingle": { + const { data, secretKeyObject, skipDecodeBase64 } = request.payload; + + decryptSingleFunc({ messages: data, secretKeyObject, skipDecodeBase64 }) + .then((res) => { + + sendResponse(res); + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + + break; + } + case "decryptSingleForPublishes": { + const { data, secretKeyObject, skipDecodeBase64 } = request.payload; + + decryptSingleForPublishes({ messages: data, secretKeyObject, skipDecodeBase64 }) + .then((res) => { + + sendResponse(res); + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + + break; + } + + case "decryptDirect": { + const { data, involvingAddress } = request.payload; + + decryptDirectFunc({ messages: data, involvingAddress }) + .then((res) => { + + sendResponse(res); + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + + break; + } + + case "sendChatGroup": { + const { + groupId, + typeMessage = undefined, + chatReference = undefined, + messageText, + } = request.payload; + + sendChatGroup({ groupId, typeMessage, chatReference, messageText }) + .then((res) => { + + sendResponse(res); + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + + break; + } + case "sendChatDirect": { + const { + directTo, + typeMessage = undefined, + chatReference = undefined, + messageText, + } = request.payload; + + sendChatDirect({ directTo, chatReference, messageText, typeMessage }) + .then((res) => { + + sendResponse(res); + }) + .catch((error) => { + console.error(error.message); + sendResponse({ error: error.message }); + }); + + break; + } + case "setupGroupWebsocket": { + + checkNewMessages() + checkThreads() + + + // if(socket){ + // if(groups){ + // console.log('hasgroups1') + // chrome.runtime.sendMessage({ + // action: "SET_GROUPS", + // payload: groups, + // }); + // } + // if(directs){ + // console.log('hasgroups1') + // chrome.runtime.sendMessage({ + // action: "SET_DIRECTS", + // payload: directs, + // }); + // } + // sendResponse(true) + // return + // } + // setTimeout(() => { + // // initWebsocketMessageGroup() + // listenForNewGroupAnnouncements() + // listenForThreadUpdates() + // }, 200); + sendResponse(true) + + break; + } + case "logout": { - chrome.storage.local.remove(["keyPair", "walletInfo"], () => { + try { + const logoutFunc = async()=> { + forceCloseWebSocket() + if(interval){ + // for announcement notification + clearInterval(interval) + } + + const wallet = await getSaveWallet(); + const address = wallet.address0; + const key1 = `tempPublish-${address}` + + chrome.storage.local.remove(["keyPair", "walletInfo", "apiKey", "active-groups-directs", key1], () => { if (chrome.runtime.lastError) { // Handle error console.error(chrome.runtime.lastError.message); } else { chrome.tabs.query({}, function (tabs) { - tabs.forEach(tab => { + tabs.forEach((tab) => { chrome.tabs.sendMessage(tab.id, { type: "LOGOUT" }); }); }); @@ -1262,6 +3495,12 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { sendResponse(true); } }); + } + logoutFunc() + } catch (error) { + + } + } break; @@ -1270,16 +3509,42 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { return true; }); +// Function to save window position and size +const saveWindowBounds = (windowId) => { + chrome.windows.get(windowId, (window) => { + const { top, left, width, height } = window; + chrome.storage.local.set({ + windowBounds: { top, left, width, height } + }, () => { + console.log('Window bounds saved:', { top, left, width, height }); + }); + }); +}; + +// Function to restore window position and size +const restoreWindowBounds = (callback) => { + chrome.storage.local.get('windowBounds', (data) => { + if (data.windowBounds) { + callback(data.windowBounds); + } else { + callback(null); // No saved bounds, use default size/position + } + }); +}; + chrome.action.onClicked.addListener((tab) => { - const popupUrl = chrome.runtime.getURL("index.html"); + const popupUrl = chrome.runtime.getURL("index.html?main=true"); chrome.windows.getAll( { populate: true, windowTypes: ["popup"] }, (windows) => { // Attempt to find an existing popup window that has a tab with the correct URL const existingPopup = windows.find( (w) => - w.tabs && - w.tabs.some((tab) => tab.url && tab.url.startsWith(popupUrl)) + { + + return w.tabs && + w.tabs.some((tab) => tab.url && tab.url.startsWith(popupUrl)); + } ); if (existingPopup) { // If the popup exists but is minimized or not focused, focus it @@ -1288,27 +3553,40 @@ chrome.action.onClicked.addListener((tab) => { state: "normal", }); } else { - // No existing popup found, create a new one - chrome.system.display.getInfo((displays) => { - // Assuming the primary display is the first one (adjust logic as needed) - const primaryDisplay = displays[0]; - const screenWidth = primaryDisplay.bounds.width; - const windowHeight = 500; // Your window height - const windowWidth = 400; // Your window width + // No existing popup found, restore the saved bounds or create a new one + restoreWindowBounds((savedBounds) => { + chrome.system.display.getInfo((displays) => { + // Assuming the primary display is the first one (adjust logic as needed) + const primaryDisplay = displays[0]; + const screenWidth = primaryDisplay.bounds.width; + const screenHeight = primaryDisplay.bounds.height; - // Calculate left position for the window to appear on the right of the screen - const leftPosition = screenWidth - windowWidth; + // Create a new window that uses the saved bounds if available + chrome.windows.create({ + url: chrome.runtime.getURL("index.html?main=true"), + type: "popup", + width: savedBounds ? savedBounds.width : screenWidth, + height: savedBounds ? savedBounds.height : screenHeight, + left: savedBounds ? savedBounds.left : 0, + top: savedBounds ? savedBounds.top : 0, + }, (newWindow) => { + - // Calculate top position for the window, adjust as desired - const topPosition = (primaryDisplay.bounds.height - windowHeight) / 2; + // Listen for changes in the window's size or position and save them + chrome.windows.onBoundsChanged.addListener((window) => { + if (window.id === newWindow.id) { + saveWindowBounds(newWindow.id); + } + }); - chrome.windows.create({ - url: chrome.runtime.getURL("index.html"), - type: "popup", - width: windowWidth, - height: windowHeight, - left: leftPosition, - top: 0, + // Save the final window bounds when the window is closed + chrome.windows.onRemoved.addListener((windowId) => { + if (windowId === newWindow.id) { + + saveWindowBounds(windowId); // Save the position/size before it’s closed + } + }); + }); }); }); } @@ -1317,11 +3595,8 @@ chrome.action.onClicked.addListener((tab) => { setTimeout(() => { chrome.runtime.sendMessage({ - action: "UPDATE_STATE_REQUEST_CONNECTION", - payload: { - hostname, - interactionId, - }, + action: "INITIATE_MAIN", + payload: {}, }); }, 500); @@ -1330,3 +3605,240 @@ chrome.action.onClicked.addListener((tab) => { } ); }); + +const checkGroupList = async() => { + try { + + const wallet = await getSaveWallet(); + const address = wallet.address0; + const url = await createEndpoint(`/chat/active/${address}`); + const response = await fetch(url, { + method: "GET", + headers: { + "Content-Type": "application/json", + }, + }); + const data = await response.json(); + + const filteredGroups = data.groups?.filter(item => item?.groupId !== 0) || []; + const sortedGroups = filteredGroups.sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0)); + const sortedDirects = (data?.direct || []).filter(item => + item?.name !== 'extension-proxy' && item?.address !== 'QSMMGSgysEuqDCuLw3S4cHrQkBrh3vP3VH' + ).sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0)); + + handleActiveGroupDataFromSocket({ + groups: sortedGroups, + directs: sortedDirects + }) + } catch (error) { + console.error(error) + } finally { + } +} + +const checkActiveChatsForNotifications = async ()=> { + try { + + + const popupUrl = chrome.runtime.getURL("index.html?main=true"); + + chrome.windows.getAll( + { populate: true, windowTypes: ["popup"] }, + (windows) => { + // Attempt to find an existing popup window that has a tab with the correct URL + const existingPopup = windows.find( + (w) => { + + return w.tabs && w.tabs.some((tab) => tab.url && tab.url.startsWith(popupUrl)); + } + ); + + if (existingPopup) { + + } else { + checkGroupList() + + } + + + } + ); + } catch (error) { + + } +} +chrome.notifications.onClicked.addListener( (notificationId) => { + + const popupUrl = chrome.runtime.getURL("index.html?main=true"); + const isDirect = notificationId.includes('_type=direct_'); + const isGroup = notificationId.includes('_type=group_'); + const isGroupAnnouncement = notificationId.includes('_type=group-announcement_'); + const isNewThreadPost = notificationId.includes('_type=thread-post_'); + + let isExisting = false + chrome.windows.getAll( + { populate: true, windowTypes: ["popup"] }, + async (windows) => { + // Attempt to find an existing popup window that has a tab with the correct URL + const existingPopup = windows.find( + (w) => { + + return w.tabs && w.tabs.some((tab) => tab.url && tab.url.startsWith(popupUrl)); + } + ); + + if (existingPopup) { + // If the popup exists but is minimized or not focused, focus it + chrome.windows.update(existingPopup.id, { + focused: true, + state: "normal", + }); + isExisting = true + } else { + // No existing popup found, restore saved bounds or create a new one + restoreWindowBounds((savedBounds) => { + chrome.system.display.getInfo((displays) => { + // Assuming the primary display is the first one (adjust logic as needed) + const primaryDisplay = displays[0]; + const screenWidth = primaryDisplay.bounds.width; + const screenHeight = primaryDisplay.bounds.height; + + // Create a new window that takes up the full screen or uses saved bounds + chrome.windows.create({ + url: chrome.runtime.getURL("index.html?main=true"), + type: "popup", + width: savedBounds ? savedBounds.width : screenWidth, + height: savedBounds ? savedBounds.height : screenHeight, + left: savedBounds ? savedBounds.left : 0, + top: savedBounds ? savedBounds.top : 0, + }, (newWindow) => { + + + // Listen for changes in the window's size or position and save them + chrome.windows.onBoundsChanged.addListener((window) => { + if (window.id === newWindow.id) { + saveWindowBounds(newWindow.id); + } + }); + + // Save the final window bounds when the window is closed + chrome.windows.onRemoved.addListener((windowId) => { + if (windowId === newWindow.id) { + + saveWindowBounds(windowId); // Save the position/size before it’s closed + } + }); + }); + }); + }); + } + const activeData = await getStoredData('active-groups-directs') || { groups: [], directs: [] }; + setTimeout(() => { + + + chrome.runtime.sendMessage({ + action: "SET_GROUPS", + payload: activeData?.groups || [], + }); + chrome.runtime.sendMessage({ + action: "SET_DIRECTS", + payload: activeData?.directs || [], + }); + }, isExisting ? 100 : 1000); + const interactionId = Date.now().toString(); // Simple example; consider a better unique ID + + setTimeout(() => { + chrome.runtime.sendMessage({ + action: "INITIATE_MAIN", + payload: {}, + }); + + // Handle different types of notifications + if (isDirect) { + const fromValue = notificationId.split('_from=')[1]; + chrome.runtime.sendMessage({ + action: "NOTIFICATION_OPEN_DIRECT", + payload: { from: fromValue }, + }); + } else if (isGroup) { + const fromValue = notificationId.split('_from=')[1]; + chrome.runtime.sendMessage({ + action: "NOTIFICATION_OPEN_GROUP", + payload: { from: fromValue }, + }); + } else if (isGroupAnnouncement) { + const fromValue = notificationId.split('_from=')[1]; + chrome.runtime.sendMessage({ + action: "NOTIFICATION_OPEN_ANNOUNCEMENT_GROUP", + payload: { from: fromValue }, + }); + } else if (isNewThreadPost) { + const dataValue = notificationId.split('_data=')[1]; + const dataParsed = JSON.parse(dataValue); + + chrome.runtime.sendMessage({ + action: "NOTIFICATION_OPEN_THREAD_NEW_POST", + payload: { data: dataParsed }, + }); + } + }, isExisting ? 400 : 3000); + + // Store sendResponse callback with the interaction ID + pendingResponses.set(interactionId, sendResponse); + } + ); +}); + +// Reconnect when service worker wakes up +chrome.runtime.onStartup.addListener(() => { + console.log("Service worker started up, reconnecting WebSocket..."); + // initWebsocketMessageGroup(); + // listenForNewGroupAnnouncements() + // listenForThreadUpdates() +}); + +chrome.runtime.onInstalled.addListener((details) => { + if (details.reason === chrome.runtime.OnInstalledReason.INSTALL) { + console.log('Extension Installed'); + // Perform tasks that should only happen on extension installation + // Example: Initialize WebSocket, set default settings, etc. + } else if (details.reason === chrome.runtime.OnInstalledReason.UPDATE) { + console.log('Extension Updated'); + // Handle the update logic here (e.g., migrate settings) + } else if (details.reason === chrome.runtime.OnInstalledReason.CHROME_UPDATE) { + console.log('Chrome updated'); + // Optional: Handle Chrome-specific updates if necessary + } + + // Initialize WebSocket and other required listeners + // initWebsocketMessageGroup(); + // listenForNewGroupAnnouncements(); + // listenForThreadUpdates(); +}); + +// Check if the alarm already exists before creating it +chrome.alarms.get("checkForNotifications", (existingAlarm) => { + if (!existingAlarm) { + // If the alarm does not exist, create it + chrome.alarms.create("checkForNotifications", { periodInMinutes: 4 }); + } +}); + +chrome.alarms.onAlarm.addListener(async (alarm) => { + try { + + if (alarm.name === "checkForNotifications") { + // initWebsocketMessageGroup(address); + const wallet = await getSaveWallet(); + const address = wallet.address0; + if(!address) return + checkActiveChatsForNotifications() + checkNewMessages() + checkThreads() + + } + } catch (error) { + + } +}); + diff --git a/src/backgroundFunctions/encryption.ts b/src/backgroundFunctions/encryption.ts new file mode 100644 index 0000000..d641644 --- /dev/null +++ b/src/backgroundFunctions/encryption.ts @@ -0,0 +1,208 @@ +import { getBaseApi } from "../background"; +import { createSymmetricKeyAndNonce, decryptGroupData, encryptDataGroup, objectToBase64 } from "../qdn/encryption/group-encryption"; +import { publishData } from "../qdn/publish/pubish"; + +const apiEndpoints = [ + "https://api.qortal.org", + "https://api2.qortal.org", + "https://appnode.qortal.org", + "https://apinode.qortalnodes.live", + "https://apinode1.qortalnodes.live", + "https://apinode2.qortalnodes.live", + "https://apinode3.qortalnodes.live", + "https://apinode4.qortalnodes.live", +]; + +async function findUsableApi() { + for (const endpoint of apiEndpoints) { + try { + const response = await fetch(`${endpoint}/admin/status`); + if (!response.ok) throw new Error("Failed to fetch"); + + const data = await response.json(); + if (data.isSynchronizing === false && data.syncPercent === 100) { + console.log(`Usable API found: ${endpoint}`); + return endpoint; + } else { + console.log(`API not ready: ${endpoint}`); + } + } catch (error) { + console.error(`Error checking API ${endpoint}:`, error); + } + } + + throw new Error("No usable API found"); + } + + +async function getSaveWallet() { + const res = await chrome.storage.local.get(["walletInfo"]); + if (res?.walletInfo) { + return res.walletInfo; + } else { + throw new Error("No wallet saved"); + } + } +async function getNameInfo() { + const wallet = await getSaveWallet(); + const address = wallet.address0; + const validApi = await getBaseApi() + const response = await fetch(validApi + "/names/address/" + address); + const nameData = await response.json(); + if (nameData?.length > 0) { + return nameData[0].name; + } else { + return ""; + } + } +async function getKeyPair() { + const res = await chrome.storage.local.get(["keyPair"]); + if (res?.keyPair) { + return res.keyPair; + } else { + throw new Error("Wallet not authenticated"); + } + } +const getPublicKeys = async (groupNumber: number) => { + const validApi = await getBaseApi() + const response = await fetch(`${validApi}/groups/members/${groupNumber}?limit=0`); + const groupData = await response.json(); + + let members: any = []; + if (groupData && Array.isArray(groupData?.members)) { + for (const member of groupData.members) { + if (member.member) { + const resAddress = await fetch(`${validApi}/addresses/${member.member}`); + const resData = await resAddress.json(); + const publicKey = resData.publicKey; + members.push(publicKey) + } + } + } + + return members + } + + + +export const encryptAndPublishSymmetricKeyGroupChat = async ({groupId, previousData}: { + groupId: number, + previousData: Object, +}) => { + try { + + let highestKey = 0 + if(previousData){ + highestKey = Math.max(...Object.keys((previousData || {})).filter(item=> !isNaN(+item)).map(Number)); + + } + + const resKeyPair = await getKeyPair() + const parsedData = JSON.parse(resKeyPair) + const privateKey = parsedData.privateKey + const userPublicKey = parsedData.publicKey + const groupmemberPublicKeys = await getPublicKeys(groupId) + const symmetricKey = createSymmetricKeyAndNonce() + const nextNumber = highestKey + 1 + const objectToSave = { + ...previousData, + [nextNumber]: symmetricKey + } + + const symmetricKeyAndNonceBase64 = await objectToBase64(objectToSave) + + const encryptedData = encryptDataGroup({ + data64: symmetricKeyAndNonceBase64, + publicKeys: groupmemberPublicKeys, + privateKey, + userPublicKey + }) + if(encryptedData){ + const registeredName = await getNameInfo() + const data = await publishData({ + registeredName, file: encryptedData, service: 'DOCUMENT_PRIVATE', identifier: `symmetric-qchat-group-${groupId}`, uploadType: 'file', isBase64: true, withFee: true + }) + return { + data, + numberOfMembers: groupmemberPublicKeys.length + } + + } else { + throw new Error('Cannot encrypt content') + } + } catch (error: any) { + throw new Error(error.message); + } +} +export const publishGroupEncryptedResource = async ({encryptedData, identifier}) => { + try { + + if(encryptedData && identifier){ + const registeredName = await getNameInfo() + if(!registeredName) throw new Error('You need a name to publish') + const data = await publishData({ + registeredName, file: encryptedData, service: 'DOCUMENT', identifier, uploadType: 'file', isBase64: true, withFee: true + }) + return data + + } else { + throw new Error('Cannot encrypt content') + } + } catch (error: any) { + throw new Error(error.message); + } +} + +export function uint8ArrayToBase64(uint8Array: any) { + const length = uint8Array.length + let binaryString = '' + const chunkSize = 1024 * 1024; // Process 1MB at a time + for (let i = 0; i < length; i += chunkSize) { + const chunkEnd = Math.min(i + chunkSize, length) + const chunk = uint8Array.subarray(i, chunkEnd) + + // @ts-ignore + binaryString += Array.from(chunk, byte => String.fromCharCode(byte)).join('') + } + return btoa(binaryString) +} + +export function base64ToUint8Array(base64: string) { + const binaryString = atob(base64) + const len = binaryString.length + const bytes = new Uint8Array(len) + + for (let i = 0; i < len; i++) { + bytes[i] = binaryString.charCodeAt(i) + } + + return bytes + } + +export const decryptGroupEncryption = async ({data}: { + data: string +}) => { + try { + const resKeyPair = await getKeyPair() + const parsedData = JSON.parse(resKeyPair) + const privateKey = parsedData.privateKey + const encryptedData = decryptGroupData( + data, + privateKey, + ) + return { + data: uint8ArrayToBase64(encryptedData.decryptedData), + count: encryptedData.count + } + } catch (error: any) { + throw new Error(error.message); + } +} + +export function uint8ArrayToObject(uint8Array: any) { + // Decode the byte array using TextDecoder + const decoder = new TextDecoder() + const jsonString = decoder.decode(uint8Array) + // Convert the JSON string back into an object + return JSON.parse(jsonString) +} \ No newline at end of file diff --git a/src/common/CustomLoader.tsx b/src/common/CustomLoader.tsx new file mode 100644 index 0000000..5998f4b --- /dev/null +++ b/src/common/CustomLoader.tsx @@ -0,0 +1,7 @@ +import React from 'react' +import './customloader.css' +export const CustomLoader = () => { + return ( +
+ )
+}
diff --git a/src/common/LazyLoad.tsx b/src/common/LazyLoad.tsx
new file mode 100644
index 0000000..6369d0d
--- /dev/null
+++ b/src/common/LazyLoad.tsx
@@ -0,0 +1,47 @@
+import React, { useState, useEffect, useRef } from 'react'
+import { useInView } from 'react-intersection-observer'
+import CircularProgress from '@mui/material/CircularProgress'
+
+interface Props {
+ onLoadMore: () => Promise
+
+ )
+}
+
+export default LazyLoad
diff --git a/src/common/customloader.css b/src/common/customloader.css
new file mode 100644
index 0000000..ff3dfbc
--- /dev/null
+++ b/src/common/customloader.css
@@ -0,0 +1,64 @@
+
+.lds-ellipsis {
+ color: white
+ }
+.lds-ellipsis,
+.lds-ellipsis div {
+ box-sizing: border-box;
+}
+.lds-ellipsis {
+ display: inline-block;
+ position: relative;
+ width: 80px;
+ height: 80px;
+}
+.lds-ellipsis div {
+ position: absolute;
+ top: 33.33333px;
+ width: 13.33333px;
+ height: 13.33333px;
+ border-radius: 50%;
+ background: currentColor;
+ animation-timing-function: cubic-bezier(0, 1, 1, 0);
+}
+.lds-ellipsis div:nth-child(1) {
+ left: 8px;
+ animation: lds-ellipsis1 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(2) {
+ left: 8px;
+ animation: lds-ellipsis2 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(3) {
+ left: 32px;
+ animation: lds-ellipsis2 0.6s infinite;
+}
+.lds-ellipsis div:nth-child(4) {
+ left: 56px;
+ animation: lds-ellipsis3 0.6s infinite;
+}
+@keyframes lds-ellipsis1 {
+ 0% {
+ transform: scale(0);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+@keyframes lds-ellipsis3 {
+ 0% {
+ transform: scale(1);
+ }
+ 100% {
+ transform: scale(0);
+ }
+}
+@keyframes lds-ellipsis2 {
+ 0% {
+ transform: translate(0, 0);
+ }
+ 100% {
+ transform: translate(24px, 0);
+ }
+}
+
diff --git a/src/common/useModal.tsx b/src/common/useModal.tsx
new file mode 100644
index 0000000..b9ab713
--- /dev/null
+++ b/src/common/useModal.tsx
@@ -0,0 +1,64 @@
+import { useRef, useState } from 'react';
+
+interface State {
+ isShow: boolean;
+}
+export const useModal = () => {
+ const [state, setState] = useState
+
+
+ {}}
+ disableComment
+ showLoadMore={comments.length > 0 && comments.length % 20 === 0}
+ loadMore={loadMore}
+
+ />
+
+ );
+};
diff --git a/src/components/Chat/AnnouncementItem.tsx b/src/components/Chat/AnnouncementItem.tsx
new file mode 100644
index 0000000..0ab0e53
--- /dev/null
+++ b/src/components/Chat/AnnouncementItem.tsx
@@ -0,0 +1,167 @@
+import { Message } from "@chatscope/chat-ui-kit-react";
+import React, { useEffect, useState } from "react";
+import { useInView } from "react-intersection-observer";
+import { MessageDisplay } from "./MessageDisplay";
+import { Avatar, Box, Typography } from "@mui/material";
+import { formatTimestamp } from "../../utils/time";
+import ChatBubbleIcon from '@mui/icons-material/ChatBubble';
+import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
+import { getBaseApi } from "../../background";
+import { requestQueueCommentCount } from "./GroupAnnouncements";
+import { CustomLoader } from "../../common/CustomLoader";
+import { getBaseApiReact } from "../../App";
+export const AnnouncementItem = ({ message, messageData, setSelectedAnnouncement, disableComment }) => {
+
+ const [commentLength, setCommentLength] = useState(0)
+ const getNumberOfComments = React.useCallback(
+ async () => {
+ try {
+ const offset = 0;
+
+ // dispatch(setIsLoadingGlobal(true))
+ const identifier = `cm-${message.identifier}`;
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=DOCUMENT&identifier=${identifier}&limit=0&includemetadata=false&offset=${offset}&reverse=true`;
+
+ const response = await requestQueueCommentCount.enqueue(() => {
+ return fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ })
+ const responseData = await response.json();
+
+ setCommentLength(responseData?.length);
+
+ } catch (error) {
+ } finally {
+ // dispatch(setIsLoadingGlobal(false))
+ }
+ },
+ []
+ );
+ useEffect(()=> {
+ if(disableComment) return
+ getNumberOfComments()
+ }, [])
+ return (
+
+
+
+ setSelectedAnnouncement(null)} sx={{
+ cursor: 'pointer'
+ }} />
+
+
+
+ {
+ if (isSending) return;
+ publishComment();
+ }}
+ style={{
+ marginTop: "auto",
+ alignSelf: "center",
+ cursor: isSending ? "default" : "pointer",
+ background: isSending && "rgba(0, 0, 0, 0.8)",
+ flexShrink: 0,
+ }}
+ >
+ {isSending && (
+
+
+
+
+
+
+
+
+ {message?.name?.charAt(0)}
+
+
+
+ {message?.name}
+
+ {!messageData?.decryptedData && (
+
+
+ )}
+ {messageData?.decryptedData?.message && (
+ <>
+ {messageData?.type === "notification" ? (
+
+ {formatTimestamp(message.created)}
+
+
+
+ {!disableComment && (
+ setSelectedAnnouncement(message)}>
+
+
+ {`${commentLength > 1 ? `${commentLength} comments` : `${commentLength} comment`}`}
+ ) : (
+ Leave comment
+ )}
+
+
+
+ )}
+
+
+ );
+};
diff --git a/src/components/Chat/AnnouncementList.tsx b/src/components/Chat/AnnouncementList.tsx
new file mode 100644
index 0000000..f4ed7b2
--- /dev/null
+++ b/src/components/Chat/AnnouncementList.tsx
@@ -0,0 +1,96 @@
+import React, { useCallback, useState, useEffect, useRef } from "react";
+import {
+ List,
+ AutoSizer,
+ CellMeasurerCache,
+ CellMeasurer,
+} from "react-virtualized";
+import { AnnouncementItem } from "./AnnouncementItem";
+import { Box } from "@mui/material";
+import { CustomButton } from "../../App-styles";
+
+const cache = new CellMeasurerCache({
+ fixedWidth: true,
+ defaultHeight: 50,
+});
+
+export const AnnouncementList = ({
+ initialMessages,
+ announcementData,
+ setSelectedAnnouncement,
+ disableComment,
+ showLoadMore,
+ loadMore
+}) => {
+
+ const listRef = useRef();
+ const [messages, setMessages] = useState(initialMessages);
+
+ useEffect(() => {
+ cache.clearAll();
+ }, []);
+
+ useEffect(() => {
+ setMessages(initialMessages);
+ }, [initialMessages]);
+
+
+ return (
+
+ {messages.map((message) => {
+ const messageData = message?.tempData ? {
+ decryptedData: message?.tempData
+ } : announcementData[`${message.identifier}-${message.name}`];
+
+ return (
+
+
+ {({ height, width }) => (
+ */}
+
+ {showLoadMore && (
+ Load older announcements
+ )}
+
+
+ );
+};
diff --git a/src/components/Chat/ChatContainer.tsx b/src/components/Chat/ChatContainer.tsx
new file mode 100644
index 0000000..399e5a4
--- /dev/null
+++ b/src/components/Chat/ChatContainer.tsx
@@ -0,0 +1,56 @@
+import React, { useState } from "react";
+import InfiniteScroll from "react-infinite-scroller";
+import {
+ MainContainer,
+ ChatContainer,
+ MessageList,
+ Message,
+ MessageInput,
+ Avatar
+} from "@chatscope/chat-ui-kit-react";
+import "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css";
+
+export const ChatContainerComp = ({messages}) => {
+ // const [messages, setMessages] = useState([
+ // { id: 1, text: "Hello! How are you?", sender: "Joe"},
+ // { id: 2, text: "I'm good, thank you!", sender: "Me" }
+ // ]);
+
+ // const loadMoreMessages = () => {
+ // // Simulate loading more messages (you could fetch these from an API)
+ // const moreMessages = [
+ // { id: 3, text: "What about you?", sender: "Joe", direction: "incoming" },
+ // { id: 4, text: "I'm great, thanks!", sender: "Me", direction: "outgoing" }
+ // ];
+ // setMessages((prevMessages) => [...moreMessages, ...prevMessages]);
+ // };
+
+ return (
+
+
+
+ );
+ })}
+ {/*
+
+
+
+ {messages.map((msg) => (
+
+ {msg.direction === "incoming" &&
+ ))}
+
+
+
+
+
+ );
+};
+
+
diff --git a/src/components/Chat/ChatDirect.tsx b/src/components/Chat/ChatDirect.tsx
new file mode 100644
index 0000000..791ee58
--- /dev/null
+++ b/src/components/Chat/ChatDirect.tsx
@@ -0,0 +1,305 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+
+import { objectToBase64 } from '../../qdn/encryption/group-encryption'
+import { ChatList } from './ChatList'
+import "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css";
+import Tiptap from './TipTap'
+import { CustomButton } from '../../App-styles'
+import CircularProgress from '@mui/material/CircularProgress';
+import { Input } from '@mui/material';
+import { LoadingSnackbar } from '../Snackbar/LoadingSnackbar';
+import { getNameInfo } from '../Group/Group';
+import { Spacer } from '../../common/Spacer';
+import { CustomizedSnackbars } from '../Snackbar/Snackbar';
+import { getBaseApiReactSocket } from '../../App';
+
+
+
+
+
+export const ChatDirect = ({ myAddress, isNewChat, selectedDirect, setSelectedDirect, setNewChat, getTimestampEnterChat, myName}) => {
+ const [messages, setMessages] = useState([])
+ const [isSending, setIsSending] = useState(false)
+ const [directToValue, setDirectToValue] = useState('')
+ const hasInitialized = useRef(false)
+ const [isLoading, setIsLoading] = useState(false)
+ const [openSnack, setOpenSnack] = React.useState(false);
+ const [infoSnack, setInfoSnack] = React.useState(null);
+ const hasInitializedWebsocket = useRef(false)
+ const editorRef = useRef(null);
+ const setEditorRef = (editorInstance) => {
+ editorRef.current = editorInstance;
+ };
+
+
+
+
+
+
+
+ const decryptMessages = (encryptedMessages: any[])=> {
+ try {
+ return new Promise((res, rej)=> {
+ chrome.runtime.sendMessage({ action: "decryptDirect", payload: {
+ data: encryptedMessages,
+ involvingAddress: selectedDirect?.address
+ }}, (response) => {
+
+ if (!response?.error) {
+ res(response)
+ if(hasInitialized.current){
+
+ const formatted = response.map((item: any)=> {
+ return {
+ ...item,
+ id: item.signature,
+ text: item.message,
+ unread: true
+ }
+ } )
+ setMessages((prev)=> [...prev, ...formatted])
+ } else {
+ const formatted = response.map((item: any)=> {
+ return {
+ ...item,
+ id: item.signature,
+ text: item.message,
+ unread: false
+ }
+ } )
+ setMessages(formatted)
+ hasInitialized.current = true
+
+ }
+ }
+ rej(response.error)
+ });
+ })
+ } catch (error) {
+
+ }
+ }
+
+ const initWebsocketMessageGroup = () => {
+ let timeoutId
+ let groupSocketTimeout
+
+ let socketTimeout: any
+ let socketLink = `${getBaseApiReactSocket()}/websockets/chat/messages?involving=${selectedDirect?.address}&involving=${myAddress}&encoding=BASE64&limit=100`
+ const socket = new WebSocket(socketLink)
+
+ const pingGroupSocket = () => {
+ socket.send('ping')
+ timeoutId = setTimeout(() => {
+ socket.close()
+ clearTimeout(groupSocketTimeout)
+ }, 5000) // Close the WebSocket connection if no pong message is received within 5 seconds.
+ }
+ socket.onopen = () => {
+
+ setTimeout(pingGroupSocket, 50)
+ }
+ socket.onmessage = (e) => {
+ try {
+ if (e.data === 'pong') {
+
+ clearTimeout(timeoutId)
+ groupSocketTimeout = setTimeout(pingGroupSocket, 45000)
+ return
+ } else {
+ decryptMessages(JSON.parse(e.data))
+ setIsLoading(false)
+ }
+
+ } catch (error) {
+
+ }
+
+ }
+ socket.onclose = () => {
+ console.log('closed')
+ clearTimeout(socketTimeout)
+ setTimeout(() => initWebsocketMessageGroup(), 50)
+
+ }
+ socket.onerror = (e) => {
+ clearTimeout(groupSocketTimeout)
+ socket.close()
+ }
+ }
+
+
+
+ useEffect(()=> {
+ if(hasInitializedWebsocket.current) return
+ setIsLoading(true)
+ initWebsocketMessageGroup()
+ hasInitializedWebsocket.current = true
+ }, [])
+
+
+
+
+const sendChatDirect = async ({ chatReference = undefined, messageText}: any)=> {
+ try {
+ const directTo = isNewChat ? directToValue : selectedDirect.address
+
+ if(!directTo) return
+ return new Promise((res, rej)=> {
+ chrome.runtime.sendMessage({ action: "sendChatDirect", payload: {
+ directTo, chatReference, messageText
+ }}, async (response) => {
+
+ if (!response?.error) {
+ if(isNewChat){
+
+ let getRecipientName = null
+ try {
+ getRecipientName = await getNameInfo(response.recipient)
+ } catch (error) {
+
+ }
+ setSelectedDirect({
+ "address": response.recipient,
+ "name": getRecipientName,
+ "timestamp": Date.now(),
+ "sender": myAddress,
+ "senderName": myName
+ })
+ setNewChat(null)
+ chrome.runtime.sendMessage({
+ action: "addTimestampEnterChat",
+ payload: {
+ timestamp: Date.now(),
+ groupId: response.recipient,
+ },
+ });
+ setTimeout(() => {
+ getTimestampEnterChat()
+ }, 400);
+ }
+ res(response)
+ return
+ }
+ rej(response.error)
+ });
+ })
+ } catch (error) {
+ throw new Error(error)
+ }
+}
+const clearEditorContent = () => {
+ if (editorRef.current) {
+ editorRef.current.chain().focus().clearContent().run();
+ }
+};
+
+
+ const sendMessage = async ()=> {
+ try {
+ if(isSending) return
+ if (editorRef.current) {
+ const htmlContent = editorRef.current.getHTML();
+
+ if(!htmlContent?.trim() || htmlContent?.trim() === '') return
+ setIsSending(true)
+ const message = JSON.stringify(htmlContent)
+
+ const res = await sendChatDirect({ messageText: htmlContent})
+ clearEditorContent()
+ }
+ // send chat message
+ } catch (error) {
+ setInfoSnack({
+ type: "error",
+ message: error,
+ });
+ setOpenSnack(true);
+ console.error(error)
+ } finally {
+ setIsSending(false)
+ }
+ }
+
+
+
+
+ return (
+
+ {isNewChat && (
+ <>
+
+
+
+
+ )
+}
diff --git a/src/components/Chat/ChatGroup.tsx b/src/components/Chat/ChatGroup.tsx
new file mode 100644
index 0000000..7ccd170
--- /dev/null
+++ b/src/components/Chat/ChatGroup.tsx
@@ -0,0 +1,377 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { CreateCommonSecret } from './CreateCommonSecret'
+import { reusableGet } from '../../qdn/publish/pubish'
+import { uint8ArrayToObject } from '../../backgroundFunctions/encryption'
+import { base64ToUint8Array, objectToBase64 } from '../../qdn/encryption/group-encryption'
+import { ChatContainerComp } from './ChatContainer'
+import { ChatList } from './ChatList'
+import "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css";
+import Tiptap from './TipTap'
+import { CustomButton } from '../../App-styles'
+import CircularProgress from '@mui/material/CircularProgress';
+import { LoadingSnackbar } from '../Snackbar/LoadingSnackbar'
+import { getBaseApiReactSocket } from '../../App'
+import { CustomizedSnackbars } from '../Snackbar/Snackbar'
+import { PUBLIC_NOTIFICATION_CODE_FIRST_SECRET_KEY } from '../../constants/codes'
+
+
+
+
+
+export const ChatGroup = ({selectedGroup, secretKey, setSecretKey, getSecretKey, myAddress, handleNewEncryptionNotification, hide, handleSecretKeyCreationInProgress, triedToFetchSecretKey}) => {
+ const [messages, setMessages] = useState([])
+ const [isSending, setIsSending] = useState(false)
+ const [isLoading, setIsLoading] = useState(false)
+ const [isMoved, setIsMoved] = useState(false);
+ const [openSnack, setOpenSnack] = React.useState(false);
+ const [infoSnack, setInfoSnack] = React.useState(null);
+ const hasInitialized = useRef(false)
+ const hasInitializedWebsocket = useRef(false)
+ const socketRef = useRef(null); // WebSocket reference
+ const timeoutIdRef = useRef(null); // Timeout ID reference
+ const groupSocketTimeoutRef = useRef(null); // Group Socket Timeout reference
+ const editorRef = useRef(null);
+
+ const setEditorRef = (editorInstance) => {
+ editorRef.current = editorInstance;
+ };
+
+ const secretKeyRef = useRef(null)
+
+ useEffect(()=> {
+ if(secretKey){
+ secretKeyRef.current = secretKey
+ }
+ }, [secretKey])
+
+ // const getEncryptedSecretKey = useCallback(()=> {
+ // const response = getResource()
+ // const decryptResponse = decryptResource()
+ // return
+ // }, [])
+
+
+ const checkForFirstSecretKeyNotification = (messages)=> {
+ messages?.forEach((message)=> {
+ try {
+ const decodeMsg = atob(message.data);
+
+ if(decodeMsg === PUBLIC_NOTIFICATION_CODE_FIRST_SECRET_KEY){
+ handleSecretKeyCreationInProgress()
+ return
+ }
+ } catch (error) {
+
+ }
+ })
+ }
+
+
+ const decryptMessages = (encryptedMessages: any[])=> {
+ try {
+ if(!secretKeyRef.current){
+ checkForFirstSecretKeyNotification(encryptedMessages)
+ return
+ }
+ return new Promise((res, rej)=> {
+ chrome.runtime.sendMessage({ action: "decryptSingle", payload: {
+ data: encryptedMessages,
+ secretKeyObject: secretKey
+ }}, (response) => {
+
+ if (!response?.error) {
+ res(response)
+ if(hasInitialized.current){
+
+ const formatted = response.map((item: any)=> {
+ return {
+ ...item,
+ id: item.signature,
+ text: item.text,
+ unread: true
+ }
+ } )
+ setMessages((prev)=> [...prev, ...formatted])
+ } else {
+ const formatted = response.map((item: any)=> {
+ return {
+ ...item,
+ id: item.signature,
+ text: item.text,
+ unread: false
+ }
+ } )
+ setMessages(formatted)
+ hasInitialized.current = true
+
+ }
+ }
+ rej(response.error)
+ });
+ })
+ } catch (error) {
+
+ }
+ }
+
+
+
+ const forceCloseWebSocket = () => {
+ if (socketRef.current) {
+
+ clearTimeout(timeoutIdRef.current);
+ clearTimeout(groupSocketTimeoutRef.current);
+ socketRef.current.close(1000, 'forced');
+ socketRef.current = null;
+ }
+ };
+
+ const pingGroupSocket = () => {
+ try {
+ if (socketRef.current?.readyState === WebSocket.OPEN) {
+ socketRef.current.send('ping');
+ timeoutIdRef.current = setTimeout(() => {
+ if (socketRef.current) {
+ socketRef.current.close();
+ clearTimeout(groupSocketTimeoutRef.current);
+ }
+ }, 5000); // Close if no pong in 5 seconds
+ }
+ } catch (error) {
+ console.error('Error during ping:', error);
+ }
+ }
+ const initWebsocketMessageGroup = () => {
+
+
+ let socketLink = `${getBaseApiReactSocket()}/websockets/chat/messages?txGroupId=${selectedGroup}&encoding=BASE64&limit=100`
+ socketRef.current = new WebSocket(socketLink)
+
+
+ socketRef.current.onopen = () => {
+ setTimeout(pingGroupSocket, 50)
+ }
+ socketRef.current.onmessage = (e) => {
+ try {
+ if (e.data === 'pong') {
+ clearTimeout(timeoutIdRef.current);
+ groupSocketTimeoutRef.current = setTimeout(pingGroupSocket, 45000); // Ping every 45 seconds
+ } else {
+ decryptMessages(JSON.parse(e.data))
+ setIsLoading(false)
+ }
+ } catch (error) {
+
+ }
+
+
+ }
+ socketRef.current.onclose = () => {
+ clearTimeout(groupSocketTimeoutRef.current);
+ clearTimeout(timeoutIdRef.current);
+ console.warn(`WebSocket closed: ${event.reason || 'unknown reason'}`);
+ if (event.reason !== 'forced' && event.code !== 1000) {
+ setTimeout(() => initWebsocketMessageGroup(), 1000); // Retry after 10 seconds
+ }
+ }
+ socketRef.current.onerror = (e) => {
+ console.error('WebSocket error:', error);
+ clearTimeout(groupSocketTimeoutRef.current);
+ clearTimeout(timeoutIdRef.current);
+ if (socketRef.current) {
+ socketRef.current.close();
+ }
+ }
+ }
+
+ useEffect(()=> {
+ if(hasInitializedWebsocket.current) return
+ if(triedToFetchSecretKey && !secretKey){
+ forceCloseWebSocket()
+ setMessages([])
+ setIsLoading(true)
+ initWebsocketMessageGroup()
+ }
+ }, [triedToFetchSecretKey, secretKey])
+
+ useEffect(()=> {
+ if(!secretKey || hasInitializedWebsocket.current) return
+ forceCloseWebSocket()
+ setMessages([])
+ setIsLoading(true)
+ initWebsocketMessageGroup()
+ hasInitializedWebsocket.current = true
+ }, [secretKey])
+
+
+ useEffect(()=> {
+ const notifications = messages.filter((message)=> message?.text?.type === 'notification')
+ if(notifications.length === 0) return
+ const latestNotification = notifications.reduce((latest, current) => {
+ return current.timestamp > latest.timestamp ? current : latest;
+ }, notifications[0]);
+ handleNewEncryptionNotification(latestNotification)
+
+ }, [messages])
+
+
+ const encryptChatMessage = async (data: string, secretKeyObject: any)=> {
+ try {
+ return new Promise((res, rej)=> {
+ chrome.runtime.sendMessage({ action: "encryptSingle", payload: {
+ data,
+ secretKeyObject
+ }}, (response) => {
+
+ if (!response?.error) {
+ res(response)
+ }
+ rej(response.error)
+ });
+ })
+ } catch (error) {
+
+ }
+}
+
+const sendChatGroup = async ({groupId, typeMessage = undefined, chatReference = undefined, messageText}: any)=> {
+ try {
+ return new Promise((res, rej)=> {
+ chrome.runtime.sendMessage({ action: "sendChatGroup", payload: {
+ groupId, typeMessage, chatReference, messageText
+ }}, (response) => {
+
+ if (!response?.error) {
+ res(response)
+ return
+ }
+ rej(response.error)
+ });
+ })
+ } catch (error) {
+ throw new Error(error)
+ }
+}
+const clearEditorContent = () => {
+ if (editorRef.current) {
+ editorRef.current.chain().focus().clearContent().run();
+ }
+};
+
+
+ const sendMessage = async ()=> {
+ try {
+ if(isSending) return
+ if (editorRef.current) {
+ const htmlContent = editorRef.current.getHTML();
+
+ if(!htmlContent?.trim() || htmlContent?.trim() === '') return
+ setIsSending(true)
+ const message = htmlContent
+ const secretKeyObject = await getSecretKey()
+ const message64: any = await objectToBase64(message)
+
+ const encryptSingle = await encryptChatMessage(message64, secretKeyObject)
+ const res = await sendChatGroup({groupId: selectedGroup,messageText: encryptSingle})
+
+ clearEditorContent()
+ }
+ // send chat message
+ } catch (error) {
+ setInfoSnack({
+ type: "error",
+ message: error,
+ });
+ setOpenSnack(true);
+ console.error(error)
+ } finally {
+ setIsSending(false)
+ }
+ }
+
+ useEffect(() => {
+ if (hide) {
+ setTimeout(() => setIsMoved(true), 500); // Wait for the fade-out to complete before moving
+ } else {
+ setIsMoved(false); // Reset the position immediately when showing
+ }
+ }, [hide]);
+
+
+ return (
+
+ {
+ if(isSending) return
+ sendMessage()
+ }}
+ style={{
+ marginTop: 'auto',
+ alignSelf: 'center',
+ cursor: isSending ? 'default' : 'pointer',
+ background: isSending && 'rgba(0, 0, 0, 0.8)',
+ flexShrink: 0
+ }}
+ >
+ {isSending && (
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/Chat/ChatList.tsx b/src/components/Chat/ChatList.tsx
new file mode 100644
index 0000000..43e5ba6
--- /dev/null
+++ b/src/components/Chat/ChatList.tsx
@@ -0,0 +1,144 @@
+import React, { useCallback, useState, useEffect, useRef } from 'react';
+import { List, AutoSizer, CellMeasurerCache, CellMeasurer } from 'react-virtualized';
+import { MessageItem } from './MessageItem';
+
+const cache = new CellMeasurerCache({
+ fixedWidth: true,
+ defaultHeight: 50,
+});
+
+export const ChatList = ({ initialMessages, myAddress }) => {
+ const hasLoadedInitialRef = useRef(false);
+ const listRef = useRef();
+ const [messages, setMessages] = useState(initialMessages);
+ const [showScrollButton, setShowScrollButton] = useState(false);
+
+
+ useEffect(()=> {
+ cache.clearAll();
+ }, [])
+ const handleMessageSeen = useCallback((messageId) => {
+ setMessages((prevMessages) =>
+ prevMessages.map((msg) =>
+ msg.id === messageId ? { ...msg, unread: false } : msg
+ )
+ );
+ }, []);
+
+ const handleScroll = ({ scrollTop, scrollHeight, clientHeight }) => {
+ const isAtBottom = scrollTop + clientHeight >= scrollHeight - 50;
+ const hasUnreadMessages = messages.some((msg) => msg.unread);
+
+ if (!isAtBottom && hasUnreadMessages) {
+ setShowScrollButton(true);
+ } else {
+ setShowScrollButton(false);
+ }
+ };
+
+ const scrollToBottom = () => {
+ if (listRef.current) {
+ listRef.current?.recomputeRowHeights();
+ listRef.current.scrollToRow(messages.length - 1);
+ setTimeout(() => {
+ listRef.current?.recomputeRowHeights();
+ listRef.current.scrollToRow(messages.length - 1);
+ }, 100);
+
+
+ setShowScrollButton(false);
+ }
+ };
+
+ const rowRenderer = ({ index, key, parent, style }) => {
+ const message = messages[index];
+
+ return (
+
+ {
+ if(isSending) return
+ sendMessage()
+ }}
+ style={{
+ marginTop: 'auto',
+ alignSelf: 'center',
+ cursor: isSending ? 'default' : 'pointer',
+ background: isSending && 'rgba(0, 0, 0, 0.8)',
+ flexShrink: 0
+ }}
+ >
+ {isSending && (
+
+ {/* */}
+
+ {/*
+
+
+
+
+
+
+
+ )}
+
+
+
+
+
+ {({ height, width }) => (
+
+ {showScrollButton && (
+
+ )}
+
+ );
+};
diff --git a/src/components/Chat/CreateCommonSecret.tsx b/src/components/Chat/CreateCommonSecret.tsx
new file mode 100644
index 0000000..2e46a49
--- /dev/null
+++ b/src/components/Chat/CreateCommonSecret.tsx
@@ -0,0 +1,79 @@
+import { Box, Button, Typography } from '@mui/material'
+import React, { useContext } from 'react'
+import { CustomizedSnackbars } from '../Snackbar/Snackbar';
+import { LoadingButton } from '@mui/lab';
+import { MyContext } from '../../App';
+import { getFee } from '../../background';
+
+export const CreateCommonSecret = ({groupId, secretKey, isOwner, myAddress, secretKeyDetails, userInfo, noSecretKey}) => {
+ const { show, setTxList } = useContext(MyContext);
+
+ const [openSnack, setOpenSnack] = React.useState(false);
+ const [infoSnack, setInfoSnack] = React.useState(null);
+ const [isLoading, setIsLoading] = React.useState(false)
+ const createCommonSecret = async ()=> {
+ try {
+ const fee = await getFee('ARBITRARY')
+ await show({
+ message: "Would you like to perform an ARBITRARY transaction?" ,
+ publishFee: fee.fee + ' QORT'
+ })
+
+
+ setIsLoading(true)
+ chrome.runtime.sendMessage({ action: "encryptAndPublishSymmetricKeyGroupChat", payload: {
+ groupId: groupId,
+ previousData: secretKey
+ } }, (response) => {
+ if (!response?.error) {
+ setInfoSnack({
+ type: "success",
+ message: "Successfully re-encrypted secret key. It may take a couple of minutes for the changes to propagate. Refresh the group in 5mins",
+ });
+ setOpenSnack(true);
+ setTxList((prev)=> [{
+ ...response,
+ type: 'created-common-secret',
+ label: `Published secret key for group ${groupId}: awaiting confirmation`,
+ labelDone: `Published secret key for group ${groupId}: success!`,
+ done: false,
+ groupId,
+
+ }, ...prev])
+ }
+ setIsLoading(false)
+ });
+ } catch (error) {
+
+ }
+ }
+
+
+ return (
+
+
+ )
+ }
+
+
+
+ return (
+
+
+ No announcements
+
+ )}
+ 0 && announcements.length % 20 === 0}
+ loadMore={loadMore}
+ />
+
+
+{isAdmin && (
+
+ );
+};
diff --git a/src/components/Chat/GroupForum.tsx b/src/components/Chat/GroupForum.tsx
new file mode 100644
index 0000000..85f8bbb
--- /dev/null
+++ b/src/components/Chat/GroupForum.tsx
@@ -0,0 +1,52 @@
+import React, {
+ useCallback,
+ useEffect,
+ useMemo,
+ useRef,
+ useState,
+} from "react";
+import { GroupMail } from "../Group/Forum/GroupMail";
+
+
+
+
+
+
+export const GroupForum = ({
+ selectedGroup,
+ userInfo,
+ secretKey,
+ getSecretKey,
+ isAdmin,
+ myAddress,
+ hide,
+ defaultThread,
+ setDefaultThread
+}) => {
+ const [isMoved, setIsMoved] = useState(false);
+ useEffect(() => {
+ if (hide) {
+ setTimeout(() => setIsMoved(true), 300); // Wait for the fade-out to complete before moving
+ } else {
+ setIsMoved(false); // Reset the position immediately when showing
+ }
+ }, [hide]);
+
+ return (
+
+
+
+
+ {!isLoading && combinedListTempAndReal?.length === 0 && (
+
+ {
+ if (isSending) return;
+ publishAnnouncement();
+ }}
+ style={{
+ marginTop: "auto",
+ alignSelf: "center",
+ cursor: isSending ? "default" : "pointer",
+ background: isSending && "rgba(0, 0, 0, 0.8)",
+ flexShrink: 0,
+ }}
+ >
+ {isSending && (
+
+
+)}
+
+
+
+
+
+ );
+};
diff --git a/src/components/Chat/MessageDisplay.tsx b/src/components/Chat/MessageDisplay.tsx
new file mode 100644
index 0000000..b52a5be
--- /dev/null
+++ b/src/components/Chat/MessageDisplay.tsx
@@ -0,0 +1,66 @@
+import React, { useEffect } from 'react';
+import DOMPurify from 'dompurify';
+import './styles.css'; // Ensure this CSS file is imported
+
+export const MessageDisplay = ({ htmlContent }) => {
+ const linkify = (text) => {
+ // Regular expression to find URLs starting with https://, http://, or www.
+ const urlPattern = /(\bhttps?:\/\/[^\s<]+|\bwww\.[^\s<]+)/g;
+
+ // Replace plain text URLs with anchor tags
+ return text.replace(urlPattern, (url) => {
+ const href = url.startsWith('http') ? url : `https://${url}`;
+ return `${DOMPurify.sanitize(url)}`;
+ });
+ };
+
+ // Sanitize and linkify the content
+ const sanitizedContent = DOMPurify.sanitize(linkify(htmlContent), {
+ ALLOWED_TAGS: [
+ 'a', 'b', 'i', 'em', 'strong', 'p', 'br', 'div', 'span', 'img',
+ 'ul', 'ol', 'li', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote', 'code', 'pre', 'table', 'thead', 'tbody', 'tr', 'th', 'td'
+ ],
+ ALLOWED_ATTR: [
+ 'href', 'target', 'rel', 'class', 'src', 'alt', 'title',
+ 'width', 'height', 'style', 'align', 'valign', 'colspan', 'rowspan', 'border', 'cellpadding', 'cellspacing'
+ ],
+ });
+
+ // Function to handle link clicks
+ const handleClick = (e) => {
+ e.preventDefault();
+
+ // Ensure we are targeting an element
+ const target = e.target.closest('a');
+ if (target) {
+ const href = target.getAttribute('href');
+
+ if (chrome && chrome.tabs) {
+ chrome.tabs.create({ url: href }, (tab) => {
+ if (chrome.runtime.lastError) {
+ console.error('Error opening tab:', chrome.runtime.lastError);
+ } else {
+ console.log('Tab opened successfully:', tab);
+ }
+ });
+ } else {
+ console.error('chrome.tabs API is not available.');
+ }
+ } else {
+ console.error('No tag found or href is null.');
+ }
+ };
+ return (
+ {
+ // Delegate click handling to the parent div
+ if (e.target.tagName === 'A') {
+ handleClick(e);
+ }
+ }}
+ />
+ );
+};
+
diff --git a/src/components/Chat/MessageItem.tsx b/src/components/Chat/MessageItem.tsx
new file mode 100644
index 0000000..e7e2b87
--- /dev/null
+++ b/src/components/Chat/MessageItem.tsx
@@ -0,0 +1,93 @@
+import { Message } from "@chatscope/chat-ui-kit-react";
+import React, { useEffect } from "react";
+import { useInView } from "react-intersection-observer";
+import { MessageDisplay } from "./MessageDisplay";
+import { Avatar, Box, Typography } from "@mui/material";
+import { formatTimestamp } from "../../utils/time";
+import { getBaseApi } from "../../background";
+import { getBaseApiReact } from "../../App";
+
+export const MessageItem = ({ message, onSeen }) => {
+
+ const { ref, inView } = useInView({
+ threshold: 1.0, // Fully visible
+ triggerOnce: true, // Only trigger once when it becomes visible
+ });
+
+ useEffect(() => {
+ if (inView && message.unread) {
+ onSeen(message.id);
+ }
+ }, [inView, message.id, message.unread, onSeen]);
+
+ return (
+
+ 
+
+
+ );
+};
+
+export default ResizableImage;
diff --git a/src/components/Chat/TipTap.tsx b/src/components/Chat/TipTap.tsx
new file mode 100644
index 0000000..c7c078d
--- /dev/null
+++ b/src/components/Chat/TipTap.tsx
@@ -0,0 +1,292 @@
+import React, { useEffect, useRef } from 'react';
+import { EditorProvider, useCurrentEditor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import { Color } from '@tiptap/extension-color';
+import ListItem from '@tiptap/extension-list-item';
+import TextStyle from '@tiptap/extension-text-style';
+import Placeholder from '@tiptap/extension-placeholder'
+import Image from '@tiptap/extension-image';
+import IconButton from '@mui/material/IconButton';
+import FormatBoldIcon from '@mui/icons-material/FormatBold';
+import FormatItalicIcon from '@mui/icons-material/FormatItalic';
+import StrikethroughSIcon from '@mui/icons-material/StrikethroughS';
+import FormatClearIcon from '@mui/icons-material/FormatClear';
+import FormatListBulletedIcon from '@mui/icons-material/FormatListBulleted';
+import FormatListNumberedIcon from '@mui/icons-material/FormatListNumbered';
+import CodeIcon from '@mui/icons-material/Code';
+import ImageIcon from '@mui/icons-material/Image'; // Import Image icon
+import FormatQuoteIcon from '@mui/icons-material/FormatQuote';
+import HorizontalRuleIcon from '@mui/icons-material/HorizontalRule';
+import UndoIcon from '@mui/icons-material/Undo';
+import RedoIcon from '@mui/icons-material/Redo';
+import FormatHeadingIcon from '@mui/icons-material/FormatSize';
+import DeveloperModeIcon from '@mui/icons-material/DeveloperMode';
+import CustomImage from './CustomImage';
+import Compressor from 'compressorjs'
+
+import ImageResize from 'tiptap-extension-resize-image'; // Import the ResizeImage extension
+const MenuBar = ({ setEditorRef }) => {
+ const { editor } = useCurrentEditor();
+ const fileInputRef = useRef(null);
+ if (!editor) {
+ return null;
+ }
+
+ useEffect(() => {
+ if (editor && setEditorRef) {
+ setEditorRef(editor);
+ }
+ }, [editor, setEditorRef]);
+
+ const handleImageUpload = async (event) => {
+
+ const file = event.target.files[0];
+
+ let compressedFile
+ await new Promise((resolve) => {
+ new Compressor(file, {
+ quality: 0.6,
+ maxWidth: 1200,
+ mimeType: 'image/webp',
+ success(result) {
+ const file = new File([result], 'name', {
+ type: 'image/webp'
+ })
+ compressedFile = file
+ resolve()
+ },
+ error(err) {}
+ })
+ })
+
+ if (compressedFile) {
+ const reader = new FileReader();
+ reader.onload = () => {
+ const url = reader.result;
+ editor.chain().focus().setImage({ src: url , style: "width: auto"}).run();
+ fileInputRef.current.value = '';
+ };
+ reader.readAsDataURL(compressedFile);
+ }
+ };
+
+ const triggerImageUpload = () => {
+ fileInputRef.current.click(); // Trigger the file input click
+ };
+
+ return (
+
+) {
+ return
+
+
+ );
+};
diff --git a/src/components/Group/AddGroupList.tsx b/src/components/Group/AddGroupList.tsx
new file mode 100644
index 0000000..d0b8772
--- /dev/null
+++ b/src/components/Group/AddGroupList.tsx
@@ -0,0 +1,272 @@
+import {
+ Box,
+ Button,
+ ListItem,
+ ListItemButton,
+ ListItemText,
+ Popover,
+ TextField,
+ Typography,
+} from "@mui/material";
+import React, {
+ useCallback,
+ useContext,
+ useEffect,
+ useMemo,
+ useRef,
+ useState,
+} from "react";
+import {
+ AutoSizer,
+ CellMeasurer,
+ CellMeasurerCache,
+ List,
+} from "react-virtualized";
+import _ from "lodash";
+import { MyContext, getBaseApiReact } from "../../App";
+import { LoadingButton } from "@mui/lab";
+import { getBaseApi, getFee } from "../../background";
+
+const cache = new CellMeasurerCache({
+ fixedWidth: true,
+ defaultHeight: 50,
+});
+
+export const AddGroupList = ({ setInfoSnack, setOpenSnack }) => {
+ const { memberGroups, show, setTxList } = useContext(MyContext);
+
+ const [groups, setGroups] = useState([]);
+ const [popoverAnchor, setPopoverAnchor] = useState(null); // Track which list item the popover is anchored to
+ const [openPopoverIndex, setOpenPopoverIndex] = useState(null); // Track which list item has the popover open
+ const listRef = useRef();
+ const [inputValue, setInputValue] = useState("");
+ const [filteredItems, setFilteredItems] = useState(groups);
+ const [isLoading, setIsLoading] = useState(false);
+
+ const handleFilter = useCallback(
+ (query) => {
+ if (query) {
+ setFilteredItems(
+ groups.filter((item) =>
+ item.groupName.toLowerCase().includes(query.toLowerCase())
+ )
+ );
+ } else {
+ setFilteredItems(groups);
+ }
+ },
+ [groups]
+ );
+ const debouncedFilter = useMemo(
+ () => _.debounce(handleFilter, 500),
+ [handleFilter]
+ );
+
+ const handleChange = (event) => {
+ const value = event.target.value;
+ setInputValue(value);
+ debouncedFilter(value);
+ };
+
+ const getGroups = async () => {
+ try {
+ const response = await fetch(
+ `${getBaseApiReact()}/groups/?limit=0`
+ );
+ const groupData = await response.json();
+ const filteredGroup = groupData.filter(
+ (item) => !memberGroups.find((group) => group.groupId === item.groupId)
+ );
+ setGroups(filteredGroup);
+ setFilteredItems(filteredGroup);
+ } catch (error) {
+ console.error(error);
+ }
+ };
+
+ useEffect(() => {
+ getGroups();
+ }, [memberGroups]);
+
+ const handlePopoverOpen = (event, index) => {
+ setPopoverAnchor(event.currentTarget);
+ setOpenPopoverIndex(index);
+ };
+
+ const handlePopoverClose = () => {
+ setPopoverAnchor(null);
+ setOpenPopoverIndex(null);
+ };
+
+ const handleJoinGroup = async (group, isOpen) => {
+ try {
+ const groupId = group.groupId;
+ const fee = await getFee('JOIN_GROUP')
+ await show({
+ message: "Would you like to perform an JOIN_GROUP transaction?" ,
+ publishFee: fee.fee + ' QORT'
+ })
+ setIsLoading(true);
+ await new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "joinGroup",
+ payload: {
+ groupId,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ setInfoSnack({
+ type: "success",
+ message: "Successfully requested to join group. It may take a couple of minutes for the changes to propagate",
+ });
+ if(isOpen){
+ setTxList((prev)=> [{
+ ...response,
+ type: 'joined-group',
+ label: `Joined Group ${group?.groupName}: awaiting confirmation`,
+ labelDone: `Joined Group ${group?.groupName}: success !`,
+ done: false,
+ groupId,
+ }, ...prev])
+ } else {
+ setTxList((prev)=> [{
+ ...response,
+ type: 'joined-group-request',
+ label: `Requested to join Group ${group?.groupName}: awaiting confirmation`,
+ labelDone: `Requested to join Group ${group?.groupName}: success !`,
+ done: false,
+ groupId,
+ }, ...prev])
+ }
+ setOpenSnack(true);
+ handlePopoverClose();
+ res(response);
+ return;
+ } else {
+ setInfoSnack({
+ type: "error",
+ message: response?.error,
+ });
+ setOpenSnack(true);
+ rej(response.error);
+ }
+ }
+ );
+ });
+ setIsLoading(false);
+ } catch (error) {} finally {
+ setIsLoading(false);
+
+ }
+ };
+
+ const rowRenderer = ({ index, key, parent, style }) => {
+ const group = filteredItems[index];
+
+ return (
+
+ {({ measure }) => (
+
+ );
+ };
+
+ return (
+
+
+
+ );
+};
diff --git a/src/components/Group/Forum/GroupMail.tsx b/src/components/Group/Forum/GroupMail.tsx
new file mode 100644
index 0000000..d962347
--- /dev/null
+++ b/src/components/Group/Forum/GroupMail.tsx
@@ -0,0 +1,777 @@
+import React, {
+ FC,
+ useCallback,
+ useEffect,
+ useMemo,
+ useRef,
+ useState,
+} from "react";
+import { Avatar, Box, Popover, Typography } from "@mui/material";
+// import { MAIL_SERVICE_TYPE, THREAD_SERVICE_TYPE } from "../../constants/mail";
+import { Thread } from "./Thread";
+import {
+ AllThreadP,
+ ArrowDownIcon,
+ ComposeContainer,
+ ComposeContainerBlank,
+ ComposeIcon,
+ ComposeP,
+ GroupContainer,
+ GroupNameP,
+ InstanceFooter,
+ InstanceListContainer,
+ InstanceListContainerRow,
+ InstanceListContainerRowCheck,
+ InstanceListContainerRowCheckIcon,
+ InstanceListContainerRowMain,
+ InstanceListContainerRowMainP,
+ InstanceListHeader,
+ InstanceListParent,
+ SelectInstanceContainerFilterInner,
+ SingleThreadParent,
+ ThreadContainer,
+ ThreadContainerFullWidth,
+ ThreadInfoColumn,
+ ThreadInfoColumnNameP,
+ ThreadInfoColumnTime,
+ ThreadInfoColumnbyP,
+ ThreadSingleLastMessageP,
+ ThreadSingleLastMessageSpanP,
+ ThreadSingleTitle,
+} from "./Mail-styles";
+import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
+import { Spacer } from "../../../common/Spacer";
+import { formatDate, formatTimestamp } from "../../../utils/time";
+import LazyLoad from "../../../common/LazyLoad";
+import { delay } from "../../../utils/helpers";
+import { NewThread } from "./NewThread";
+import { getBaseApi } from "../../../background";
+import { decryptPublishes, getTempPublish } from "../../Chat/GroupAnnouncements";
+import CheckSVG from "../../../assets/svgs/Check.svg";
+import SortSVG from "../../../assets/svgs/Sort.svg";
+import ArrowDownSVG from "../../../assets/svgs/ArrowDown.svg";
+import { LoadingSnackbar } from "../../Snackbar/LoadingSnackbar";
+import { executeEvent, subscribeToEvent, unsubscribeFromEvent } from "../../../utils/events";
+import RefreshIcon from '@mui/icons-material/Refresh';
+import { getBaseApiReact } from "../../../App";
+const filterOptions = ["Recently active", "Newest", "Oldest"];
+
+export const threadIdentifier = "DOCUMENT";
+export const GroupMail = ({
+ selectedGroup,
+ userInfo,
+ getSecretKey,
+ secretKey,
+ defaultThread,
+ setDefaultThread
+}) => {
+ const [viewedThreads, setViewedThreads] = React.useState({});
+ const [filterMode, setFilterMode] = useState("Recently active");
+ const [currentThread, setCurrentThread] = React.useState(null);
+ const [recentThreads, setRecentThreads] = useState([]);
+ const [allThreads, setAllThreads] = useState([]);
+ const [members, setMembers] = useState(null);
+ const [isOpenFilterList, setIsOpenFilterList] = useState(false);
+ const anchorElInstanceFilter = useRef(null);
+ const [tempPublishedList, setTempPublishedList] = useState([])
+
+ const [isLoading, setIsLoading] = useState(false)
+ const groupIdRef = useRef(null);
+ const groupId = useMemo(() => {
+ return selectedGroup?.groupId;
+ }, [selectedGroup]);
+
+ useEffect(() => {
+ if (groupId !== groupIdRef?.current) {
+ setCurrentThread(null);
+ setRecentThreads([]);
+ setAllThreads([]);
+ groupIdRef.current = groupId;
+ }
+ }, [groupId]);
+
+ const setTempData = async ()=> {
+ try {
+ const getTempAnnouncements = await getTempPublish()
+
+ if(getTempAnnouncements?.thread){
+ let tempData = []
+ Object.keys(getTempAnnouncements?.thread || {}).map((key)=> {
+ const value = getTempAnnouncements?.thread[key]
+ tempData.push(value.data)
+ })
+ setTempPublishedList(tempData)
+ }
+ } catch (error) {
+
+ }
+
+ }
+
+ const getEncryptedResource = async ({ name, identifier }) => {
+
+ const res = await fetch(
+ `${getBaseApiReact()}/arbitrary/DOCUMENT/${name}/${identifier}?encoding=base64`
+ );
+ const data = await res.text();
+ const response = await decryptPublishes([{ data }], secretKey);
+
+ const messageData = response[0];
+ return messageData.decryptedData;
+ };
+
+ const updateThreadActivity = async ({threadId, qortalName, groupId, thread}) => {
+ try {
+ await new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "updateThreadActivity",
+ payload: {
+ threadId, qortalName, groupId, thread
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ res(response);
+ return
+ }
+ rej(response.error);
+ }
+ );
+ });
+
+ } catch (error) {
+
+ } finally {
+ }
+ };
+
+ const getAllThreads = React.useCallback(
+ async (groupId: string, mode: string, isInitial?: boolean) => {
+ try {
+ setIsLoading(true)
+ const offset = isInitial ? 0 : allThreads.length;
+ const isReverse = mode === "Newest" ? true : false;
+ if (isInitial) {
+ // dispatch(setIsLoadingCustom("Loading threads"));
+ }
+ const identifier = `grp-${groupId}-thread-`;
+
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=${threadIdentifier}&identifier=${identifier}&limit=${20}&includemetadata=false&offset=${offset}&reverse=${isReverse}&prefix=true`;
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseData = await response.json();
+
+ let fullArrayMsg = isInitial ? [] : [...allThreads];
+ const getMessageForThreads = responseData.map(async (message: any) => {
+ let fullObject: any = null;
+ if (message?.metadata?.description) {
+ fullObject = {
+ ...message,
+ threadData: {
+ title: message?.metadata?.description,
+ groupId: groupId,
+ createdAt: message?.created,
+ name: message?.name,
+ },
+ threadOwner: message?.name,
+ };
+ } else {
+ let threadRes = null;
+ try {
+ threadRes = await Promise.race([
+ getEncryptedResource({
+ name: message.name,
+ identifier: message.identifier,
+ }),
+ delay(5000),
+ ]);
+ } catch (error) {}
+
+ if (threadRes?.title) {
+ fullObject = {
+ ...message,
+ threadData: threadRes,
+ threadOwner: message?.name,
+ threadId: message.identifier
+ };
+ }
+ }
+ if (fullObject?.identifier) {
+ const index = fullArrayMsg.findIndex(
+ (p) => p.identifier === fullObject.identifier
+ );
+ if (index !== -1) {
+ fullArrayMsg[index] = fullObject;
+ } else {
+ fullArrayMsg.push(fullObject);
+ }
+ }
+ });
+ await Promise.all(getMessageForThreads);
+ let sorted = fullArrayMsg;
+ if (isReverse) {
+ sorted = fullArrayMsg.sort((a: any, b: any) => b.created - a.created);
+ } else {
+ sorted = fullArrayMsg.sort((a: any, b: any) => a.created - b.created);
+ }
+
+ setAllThreads(sorted);
+ } catch (error) {
+ console.log({ error });
+ } finally {
+ if (isInitial) {
+ setIsLoading(false)
+ // dispatch(setIsLoadingCustom(null));
+ }
+ }
+ },
+ [allThreads]
+ );
+ const getMailMessages = React.useCallback(
+ async (groupId: string, members: any) => {
+ try {
+ setIsLoading(true)
+ // const memberNames = Object.keys(members);
+ // const queryString = memberNames
+ // .map(name => `&name=${encodeURIComponent(name)}`)
+ // .join("");
+
+ // dispatch(setIsLoadingCustom("Loading recent threads"));
+ const identifier = `thmsg-grp-${groupId}-thread-`;
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=${threadIdentifier}&identifier=${identifier}&limit=100&includemetadata=false&offset=${0}&reverse=true&prefix=true`;
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseData = await response.json();
+ const messagesForThread: any = {};
+ for (const message of responseData) {
+ let str = message.identifier;
+ const parts = str.split("-");
+
+ // Get the second last element
+ const secondLastId = parts[parts.length - 2];
+ const result = `grp-${groupId}-thread-${secondLastId}`;
+ const checkMessage = messagesForThread[result];
+ if (!checkMessage) {
+ messagesForThread[result] = message;
+ }
+ }
+
+ const newArray = Object.keys(messagesForThread)
+ .map((key) => {
+ return {
+ ...messagesForThread[key],
+ threadId: key,
+ };
+ })
+ .sort((a, b) => b.created - a.created)
+ .slice(0, 10);
+
+ let fullThreadArray: any = [];
+ const getMessageForThreads = newArray.map(async (message: any) => {
+ try {
+ const identifierQuery = message.threadId;
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=${threadIdentifier}&identifier=${identifierQuery}&limit=1&includemetadata=false&offset=${0}&reverse=true&prefix=true`;
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseData = await response.json();
+ if (responseData.length > 0) {
+ const thread = responseData[0];
+ if (thread?.metadata?.description) {
+ const fullObject = {
+ ...message,
+ threadData: {
+ title: thread?.metadata?.description,
+ groupId: groupId,
+ createdAt: thread?.created,
+ name: thread?.name,
+ },
+ threadOwner: thread?.name,
+ };
+ fullThreadArray.push(fullObject);
+ } else {
+ let threadRes = await Promise.race([
+ getEncryptedResource({
+ name: thread.name,
+ identifier: message.threadId,
+ }),
+ delay(10000),
+ ]);
+ if (threadRes?.title) {
+ const fullObject = {
+ ...message,
+ threadData: threadRes,
+ threadOwner: thread?.name,
+ };
+ fullThreadArray.push(fullObject);
+ }
+ }
+ }
+ } catch (error) {
+ console.log(error);
+ }
+ return null;
+ });
+ await Promise.all(getMessageForThreads);
+ const sorted = fullThreadArray.sort(
+ (a: any, b: any) => b.created - a.created
+ );
+ setRecentThreads(sorted);
+ } catch (error) {
+ } finally {
+ setIsLoading(false)
+ // dispatch(setIsLoadingCustom(null));
+ }
+ },
+ [secretKey]
+ );
+
+ const getMessages = React.useCallback(async () => {
+
+ // if ( !groupId || members?.length === 0) return;
+ if (!groupId) return;
+
+ await getMailMessages(groupId, members);
+ }, [getMailMessages, groupId, members, secretKey]);
+
+ const interval = useRef(null);
+
+ const firstMount = useRef(false);
+ const filterModeRef = useRef("");
+
+ useEffect(() => {
+ if (filterModeRef.current !== filterMode) {
+ firstMount.current = false;
+ }
+ // if (groupId && !firstMount.current && members.length > 0) {
+ if (groupId && !firstMount.current) {
+ if (filterMode === "Recently active") {
+ getMessages();
+ } else if (filterMode === "Newest") {
+ getAllThreads(groupId, "Newest", true);
+ } else if (filterMode === "Oldest") {
+ getAllThreads(groupId, "Oldest", true);
+ }
+ setTempData()
+ firstMount.current = true;
+ }
+ }, [groupId, members, filterMode]);
+
+ const closeThread = useCallback(() => {
+ setCurrentThread(null);
+ }, []);
+
+ const getGroupMembers = useCallback(async (groupNumber: string) => {
+ try {
+ const response = await fetch(`/groups/members/${groupNumber}?limit=0`);
+ const groupData = await response.json();
+
+ let members: any = {};
+ if (groupData && Array.isArray(groupData?.members)) {
+ for (const member of groupData.members) {
+ if (member.member) {
+ // const res = await getNameInfo(member.member);
+ // const resAddress = await qortalRequest({
+ // action: "GET_ACCOUNT_DATA",
+ // address: member.member,
+ // });
+ const name = res;
+ const publicKey = resAddress.publicKey;
+ if (name) {
+ members[name] = {
+ publicKey,
+ address: member.member,
+ };
+ }
+ }
+ }
+ }
+
+ setMembers(members);
+ } catch (error) {
+ console.log({ error });
+ }
+ }, []);
+
+ // useEffect(() => {
+ // if(groupId){
+ // getGroupMembers(groupId);
+ // interval.current = setInterval(async () => {
+ // getGroupMembers(groupId);
+ // }, 180000)
+ // }
+ // return () => {
+ // if (interval?.current) {
+ // clearInterval(interval.current)
+ // }
+ // }
+ // }, [getGroupMembers, groupId]);
+
+
+ let listOfThreadsToDisplay = recentThreads;
+ if (filterMode === "Newest" || filterMode === "Oldest") {
+ listOfThreadsToDisplay = allThreads;
+ }
+
+ const onSubmitNewThread = useCallback(
+ (val: any) => {
+ if (filterMode === "Recently active") {
+ setRecentThreads((prev) => [val, ...prev]);
+ } else if (filterMode === "Newest") {
+ setAllThreads((prev) => [val, ...prev]);
+ }
+ },
+ [filterMode]
+ );
+
+ // useEffect(()=> {
+ // if(user?.name){
+ // const threads = JSON.parse(
+ // localStorage.getItem(`qmail_threads_viewedtimestamp_${user.name}`) || "{}"
+ // );
+ // setViewedThreads(threads)
+
+ // }
+ // }, [user?.name, currentThread])
+
+ const handleCloseThreadFilterList = () => {
+ setIsOpenFilterList(false);
+ };
+
+ const refetchThreadsLists = useCallback(()=> {
+ if (filterMode === "Recently active") {
+ getMessages();
+ } else if (filterMode === "Newest") {
+ getAllThreads(groupId, "Newest", true);
+ } else if (filterMode === "Oldest") {
+ getAllThreads(groupId, "Oldest", true);
+ }
+ }, [filterMode])
+
+ const updateThreadActivityCurrentThread = ()=> {
+ if(!currentThread) return
+ const thread = currentThread
+ updateThreadActivity({
+ threadId: thread?.threadId, qortalName: thread?.threadData?.name, groupId: groupId, thread: thread
+ })
+ }
+
+ const setThreadFunc = (data)=> {
+ const thread = data
+ setCurrentThread(thread);
+ if(thread?.threadId && thread?.threadData?.name){
+ updateThreadActivity({
+ threadId: thread?.threadId, qortalName: thread?.threadData?.name, groupId: groupId, thread: thread
+ })
+ }
+ setTimeout(() => {
+ executeEvent("threadFetchMode", {
+ mode: "last-page"
+ });
+ }, 300);
+ }
+
+
+ useEffect(()=> {
+ if(defaultThread){
+ setThreadFunc(defaultThread)
+ setDefaultThread(null)
+ }
+ }, [defaultThread])
+
+ const combinedListTempAndReal = useMemo(() => {
+ // Combine the two lists
+ const transformTempPublishedList = tempPublishedList.map((item)=> {
+ return {
+ ...item,
+ threadData: item.tempData,
+ threadOwner: item?.name,
+ threadId: item.identifier
+ }
+ })
+ const combined = [...transformTempPublishedList, ...listOfThreadsToDisplay];
+
+ // Remove duplicates based on the "identifier"
+ const uniqueItems = new Map();
+ combined.forEach(item => {
+ uniqueItems.set(item.threadId, item); // This will overwrite duplicates, keeping the last occurrence
+ });
+
+ // Convert the map back to an array and sort by "created" timestamp in descending order
+ const sortedList = Array.from(uniqueItems.values()).sort((a, b) => b.threadData?.createdAt - a.threadData?.createdAt);
+
+ return sortedList;
+ }, [tempPublishedList, listOfThreadsToDisplay]);
+
+ if (currentThread)
+ return (
+
+
+
+
+ {filterOptions?.map((filter) => {
+ return (
+ {
+ setFilterMode(filter);
+ }}
+ sx={{
+ backgroundColor:
+ filterMode === filter ? "rgba(74, 158, 244, 1)" : "unset",
+ }}
+ key={filter}
+ >
+
+ {filter === filterMode && (
+
+
+
+ {filter}
+
+
+
+ );
+ })}
+
+
+
+
+
+
+
+
+ {selectedGroup && !currentThread && (
+ {
+ setIsOpenFilterList(true);
+ }}
+ ref={anchorElInstanceFilter}
+ >
+
+ Sort by
+
+
+ )}
+
+
+
+ {filterMode}
+
+
+ {
+ setCurrentThread(thread);
+ if(thread?.threadId && thread?.threadData?.name){
+ updateThreadActivity({
+ threadId: thread?.threadId, qortalName: thread?.threadData?.name, groupId: groupId, thread: thread
+ })
+ }
+ }}
+ >
+
+ {thread?.threadData?.name?.charAt(0)}
+
+
+
+ by
+ {thread?.threadData?.name}
+
+
+ {formatTimestamp(thread?.threadData?.createdAt)}
+
+
+ {
+ setTimeout(() => {
+ executeEvent("threadFetchMode", {
+ mode: "last-page"
+ });
+ }, 300);
+
+
+ }} sx={{
+ position: 'absolute',
+ bottom: '2px',
+ right: '2px',
+ borderRadius: '5px',
+ backgroundColor: '#27282c',
+ display: 'flex',
+ gap: '10px',
+ alignItems: 'center',
+ padding: '5px',
+ cursor: 'pointer',
+ '&:hover': {
+ background: 'rgba(255, 255, 255, 0.60)'
+ }
+ }}>
+ Last page
+
+
+ );
+ })}
+
+
+ {listOfThreadsToDisplay.length >= 20 &&
+ filterMode !== "Recently active" && (
+ getAllThreads(groupId, filterMode, false)}
+ >
+ )}
+
+
+
+
+ );
+};
diff --git a/src/components/Group/Forum/Mail-styles.ts b/src/components/Group/Forum/Mail-styles.ts
new file mode 100644
index 0000000..2d39cee
--- /dev/null
+++ b/src/components/Group/Forum/Mail-styles.ts
@@ -0,0 +1,799 @@
+import {
+ AppBar,
+ Button,
+ Toolbar,
+ Typography,
+ Box,
+ TextField,
+} from "@mui/material";
+import { styled } from "@mui/system";
+
+export const InstanceContainer = styled(Box)(({ theme }) => ({
+ display: "flex",
+ alignItems: "center",
+ width: "100%",
+ backgroundColor: "var(--color-instance)",
+ height: "59px",
+ flexShrink: 0,
+ justifyContent: "space-between",
+}));
+export const MailContainer = styled(Box)(({ theme }) => ({
+ display: "flex",
+ flexDirection: "column",
+ width: "100%",
+ height: "calc(100vh - 78px)",
+ overflow: "hidden",
+}));
+
+export const MailBody = styled(Box)(({ theme }) => ({
+ display: "flex",
+ flexDirection: "row",
+ width: "100%",
+ height: "calc(100% - 59px)",
+ // overflow: 'auto !important'
+}));
+export const MailBodyInner = styled(Box)(({ theme }) => ({
+ display: "flex",
+ flexDirection: "column",
+ width: "50%",
+ height: "100%",
+}));
+export const MailBodyInnerHeader = styled(Box)(({ theme }) => ({
+ display: "flex",
+ width: "100%",
+ height: "25px",
+ marginTop: "50px",
+ marginBottom: "35px",
+ justifyContent: "center",
+ alignItems: "center",
+ gap: "11px",
+}));
+
+export const MailBodyInnerScroll = styled(Box)`
+ display: flex;
+ flex-direction: column;
+ overflow: auto !important;
+ transition: background-color 0.3s;
+ height: calc(100% - 110px);
+ &::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+ background-color: transparent; /* Initially transparent */
+ transition: background-color 0.3s; /* Transition for background color */
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background-color: transparent; /* Initially transparent */
+ border-radius: 3px; /* Scrollbar thumb radius */
+ transition: background-color 0.3s; /* Transition for thumb color */
+ }
+
+ &:hover {
+ &::-webkit-scrollbar {
+ background-color: #494747; /* Scrollbar background color on hover */
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background-color: #ffffff3d; /* Scrollbar thumb color on hover */
+ }
+
+ &::-webkit-scrollbar-thumb:hover {
+ background-color: #ffffff3d; /* Color when hovering over the thumb */
+ }
+ }
+`;
+
+export const ComposeContainer = styled(Box)(({ theme }) => ({
+ display: "flex",
+ width: "150px",
+ alignItems: "center",
+ gap: "7px",
+ height: "100%",
+ cursor: "pointer",
+ transition: "0.2s background-color",
+ justifyContent: "center",
+ "&:hover": {
+ backgroundColor: "rgba(67, 68, 72, 1)",
+ },
+}));
+export const ComposeContainerBlank = styled(Box)(({ theme }) => ({
+ display: "flex",
+ width: "150px",
+ alignItems: "center",
+ gap: "7px",
+ height: "100%",
+}));
+export const ComposeP = styled(Typography)(({ theme }) => ({
+ fontSize: "15px",
+ fontWeight: 500,
+}));
+
+export const ComposeIcon = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+ cursor: "pointer",
+});
+export const ArrowDownIcon = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+ cursor: "pointer",
+});
+export const MailIconImg = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+});
+
+export const MailMessageRowInfoImg = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+});
+
+export const SelectInstanceContainer = styled(Box)(({ theme }) => ({
+ display: "flex",
+ alignItems: "center",
+ gap: "17px",
+}));
+export const SelectInstanceContainerInner = styled(Box)(({ theme }) => ({
+ display: "flex",
+ alignItems: "center",
+ gap: "3px",
+ cursor: "pointer",
+ padding: "8px",
+ transition: "all 0.2s",
+ "&:hover": {
+ borderRadius: "8px",
+ background: "#434448",
+ },
+}));
+export const SelectInstanceContainerFilterInner = styled(Box)(({ theme }) => ({
+ display: "flex",
+ alignItems: "center",
+ gap: "3px",
+ cursor: "pointer",
+ padding: "8px",
+ transition: "all 0.2s"
+}));
+
+
+export const InstanceLabel = styled(Typography)(({ theme }) => ({
+ fontSize: "16px",
+ fontWeight: 500,
+ color: "#FFFFFF33",
+}));
+
+export const InstanceP = styled(Typography)(({ theme }) => ({
+ fontSize: "16px",
+ fontWeight: 500,
+}));
+
+export const MailMessageRowContainer = styled(Box)(({ theme }) => ({
+ display: "flex",
+ alignItems: "center",
+ cursor: "pointer",
+ justifyContent: "space-between",
+ borderRadius: "56px 5px 10px 56px",
+ paddingRight: "15px",
+ transition: "background 0.2s",
+ gap: "10px",
+ "&:hover": {
+ background: "#434448",
+ },
+}));
+export const MailMessageRowProfile = styled(Box)(({ theme }) => ({
+ display: "flex",
+ alignItems: "center",
+ cursor: "pointer",
+ justifyContent: "flex-start",
+ gap: "10px",
+ width: "50%",
+ overflow: "hidden",
+}));
+export const MailMessageRowInfo = styled(Box)(({ theme }) => ({
+ display: "flex",
+ alignItems: "center",
+ cursor: "pointer",
+ justifyContent: "flex-start",
+ gap: "7px",
+ width: "50%",
+}));
+export const MailMessageRowInfoStatusNotDecrypted = styled(Typography)(
+ ({ theme }) => ({
+ fontSize: "16px",
+ fontWeight: 900,
+ textTransform: "uppercase",
+ paddingTop: "2px",
+ })
+);
+export const MailMessageRowInfoStatusRead = styled(Typography)(({ theme }) => ({
+ fontSize: "16px",
+ fontWeight: 300,
+}));
+
+export const MessageExtraInfo = styled(Box)(({ theme }) => ({
+ display: "flex",
+ flexDirection: "column",
+ gap: "2px",
+ overflow: "hidden",
+}));
+export const MessageExtraName = styled(Typography)(({ theme }) => ({
+ fontSize: "16px",
+ fontWeight: 900,
+ whiteSpace: "nowrap",
+ textOverflow: "ellipsis",
+ overflow: "hidden",
+}));
+export const MessageExtraDate = styled(Typography)(({ theme }) => ({
+ fontSize: "15px",
+ fontWeight: 500,
+}));
+
+export const MessagesContainer = styled(Box)(({ theme }) => ({
+ width: "460px",
+ maxWidth: "90%",
+ display: "flex",
+ flexDirection: "column",
+ gap: "12px",
+}));
+
+export const InstanceListParent = styled(Box)`
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ min-height: 246px;
+ max-height: 325px;
+ width: 425px;
+ padding: 10px 0px 7px 0px;
+ background-color: var(--color-instance-popover-bg);
+ border: 1px solid rgba(0, 0, 0, 0.1);
+`;
+export const InstanceListHeader = styled(Box)`
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ background-color: var(--color-instance-popover-bg);
+`;
+export const InstanceFooter = styled(Box)`
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ flex-shrink: 0;
+`;
+export const InstanceListContainer = styled(Box)`
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+
+ overflow: auto !important;
+ transition: background-color 0.3s;
+ &::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+ background-color: transparent; /* Initially transparent */
+ transition: background-color 0.3s; /* Transition for background color */
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background-color: transparent; /* Initially transparent */
+ border-radius: 3px; /* Scrollbar thumb radius */
+ transition: background-color 0.3s; /* Transition for thumb color */
+ }
+
+ &:hover {
+ &::-webkit-scrollbar {
+ background-color: #494747; /* Scrollbar background color on hover */
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background-color: #ffffff3d; /* Scrollbar thumb color on hover */
+ }
+
+ &::-webkit-scrollbar-thumb:hover {
+ background-color: #ffffff3d; /* Color when hovering over the thumb */
+ }
+ }
+`;
+export const InstanceListContainerRowLabelContainer = styled(Box)(
+ ({ theme }) => ({
+ width: "100%",
+ display: "flex",
+ alignItems: "center",
+ gap: "10px",
+ height: "50px",
+ })
+);
+export const InstanceListContainerRow = styled(Box)(({ theme }) => ({
+ width: "100%",
+ display: "flex",
+ alignItems: "center",
+ gap: "10px",
+ height: "50px",
+ cursor: "pointer",
+ transition: "0.2s background",
+ "&:hover": {
+ background: "rgba(67, 68, 72, 1)",
+ },
+ flexShrink: 0,
+}));
+export const InstanceListContainerRowCheck = styled(Box)(({ theme }) => ({
+ width: "47px",
+ display: "flex",
+ alignItems: "center",
+ justifyContent: "center",
+}));
+export const InstanceListContainerRowMain = styled(Box)(({ theme }) => ({
+ display: "flex",
+ justifyContent: "space-between",
+ width: "100%",
+ alignItems: "center",
+ paddingRight: "30px",
+ overflow: "hidden",
+}));
+export const CloseParent = styled(Box)(({ theme }) => ({
+ display: "flex",
+ alignItems: "center",
+ gap: "20px",
+}));
+export const InstanceListContainerRowMainP = styled(Typography)(
+ ({ theme }) => ({
+ fontWeight: 500,
+ fontSize: "16px",
+ textOverflow: "ellipsis",
+ overflow: "hidden",
+ })
+);
+
+export const InstanceListContainerRowCheckIcon = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+});
+export const InstanceListContainerRowGroupIcon = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+});
+export const TypeInAliasTextfield = styled(TextField)({
+ width: "340px", // Adjust the width as needed
+ borderRadius: "5px",
+ backgroundColor: "rgba(30, 30, 32, 1)",
+ border: "none",
+ outline: "none",
+ input: {
+ fontSize: 16,
+ color: "white",
+ "&::placeholder": {
+ fontSize: 16,
+ color: "rgba(255, 255, 255, 0.2)",
+ },
+ border: "none",
+ outline: "none",
+ padding: "10px",
+ },
+ "& .MuiOutlinedInput-root": {
+ "& fieldset": {
+ border: "none",
+ },
+ "&:hover fieldset": {
+ border: "none",
+ },
+ "&.Mui-focused fieldset": {
+ border: "none",
+ },
+ },
+ "& .MuiInput-underline:before": {
+ borderBottom: "none",
+ },
+ "& .MuiInput-underline:hover:not(.Mui-disabled):before": {
+ borderBottom: "none",
+ },
+ "& .MuiInput-underline:after": {
+ borderBottom: "none",
+ },
+});
+
+export const NewMessageCloseImg = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+ cursor: "pointer",
+});
+export const NewMessageHeaderP = styled(Typography)(({ theme }) => ({
+ fontSize: "18px",
+ fontWeight: 600,
+}));
+
+export const NewMessageInputRow = styled(Box)(({ theme }) => ({
+ display: "flex",
+ alignItems: "center",
+ justifyContent: "space-between",
+ borderBottom: "3px solid rgba(237, 239, 241, 1)",
+ width: "100%",
+ paddingBottom: "6px",
+}));
+export const NewMessageInputLabelP = styled(Typography)`
+ color: rgba(84, 84, 84, 0.7);
+ font-size: 20px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 120%; /* 24px */
+ letter-spacing: 0.15px;
+`;
+export const AliasLabelP = styled(Typography)`
+ color: rgba(84, 84, 84, 0.7);
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 120%; /* 24px */
+ letter-spacing: 0.15px;
+ transition: color 0.2s;
+ cursor: pointer;
+ &:hover {
+ color: rgba(43, 43, 43, 1);
+ }
+`;
+export const NewMessageAliasContainer = styled(Box)(({ theme }) => ({
+ display: "flex",
+ alignItems: "center",
+ gap: "12px",
+}));
+export const AttachmentContainer = styled(Box)(({ theme }) => ({
+ height: "36px",
+ width: "100%",
+ display: "flex",
+ alignItems: "center",
+}));
+
+export const NewMessageAttachmentImg = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+ cursor: "pointer",
+ padding: "10px",
+ border: "1px dashed #646464",
+});
+
+export const NewMessageSendButton = styled(Box)`
+ border-radius: 4px;
+ border: 1px solid rgba(0, 0, 0, 0.9);
+ display: inline-flex;
+ padding: 8px 16px 8px 12px;
+ justify-content: center;
+ align-items: center;
+ gap: 8px;
+ width: fit-content;
+ transition: all 0.2s;
+ color: black;
+ min-width: 120px;
+ gap: 8px;
+ position: relative;
+ cursor: pointer;
+ &:hover {
+ background-color: rgba(41, 41, 43, 1);
+ color: white;
+ svg path {
+ fill: white; // Fill color changes to white on hover
+ }
+ }
+`;
+
+export const NewMessageSendP = styled(Typography)`
+ font-family: Roboto;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 120%; /* 19.2px */
+ letter-spacing: -0.16px;
+`;
+
+export const ShowMessageNameP = styled(Typography)`
+ font-family: Roboto;
+ font-size: 16px;
+ font-weight: 900;
+ line-height: 19px;
+ letter-spacing: 0em;
+ text-align: left;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+`;
+export const ShowMessageTimeP = styled(Typography)`
+ color: rgba(255, 255, 255, 0.5);
+ font-family: Roboto;
+ font-size: 15px;
+ font-style: normal;
+ font-weight: 500;
+ line-height: normal;
+`;
+export const ShowMessageSubjectP = styled(Typography)`
+ font-family: Roboto;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 19px;
+ letter-spacing: 0.0075em;
+ text-align: left;
+`;
+
+export const ShowMessageButton = styled(Box)`
+display: inline-flex;
+padding: 8px 16px 8px 16px;
+align-items: center;
+justify-content: center;
+gap: 8px;
+width: fit-content;
+transition: all 0.2s;
+color: white;
+background-color: rgba(41, 41, 43, 1)
+min-width: 120px;
+gap: 8px;
+border-radius: 4px;
+border: 0.5px solid rgba(255, 255, 255, 0.70);
+font-family: Roboto;
+
+min-width: 120px;
+cursor: pointer;
+&:hover {
+ border-radius: 4px;
+border: 0.5px solid rgba(255, 255, 255, 0.70);
+background: #434448;
+}
+`;
+export const ShowMessageReturnButton = styled(Box)`
+display: inline-flex;
+padding: 8px 16px 8px 16px;
+align-items: center;
+justify-content: center;
+gap: 8px;
+width: fit-content;
+transition: all 0.2s;
+color: white;
+background-color: rgba(41, 41, 43, 1)
+min-width: 120px;
+gap: 8px;
+border-radius: 4px;
+font-family: Roboto;
+
+min-width: 120px;
+cursor: pointer;
+&:hover {
+ border-radius: 4px;
+background: #434448;
+}
+`;
+
+export const ShowMessageButtonP = styled(Typography)`
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 120%; /* 19.2px */
+ letter-spacing: -0.16px;
+ color: white;
+`;
+
+export const ShowMessageButtonImg = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+ cursor: "pointer",
+});
+
+export const MailAttachmentImg = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+});
+export const AliasAvatarImg = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+});
+export const MoreImg = styled("img")({
+ width: "auto",
+ height: "auto",
+ userSelect: "none",
+ objectFit: "contain",
+ transition: "0.2s all",
+ "&:hover": {
+ transform: "scale(1.3)",
+ },
+});
+
+export const MoreP = styled(Typography)`
+ color: rgba(255, 255, 255, 0.5);
+
+ /* Attachments */
+ font-family: Roboto;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 120%; /* 19.2px */
+ letter-spacing: -0.16px;
+ white-space: nowrap;
+`;
+export const ThreadContainerFullWidth = styled(Box)(({ theme }) => ({
+ display: "flex",
+ flexDirection: "column",
+ width: "100%",
+ alignItems: "center",
+}));
+export const ThreadContainer = styled(Box)(({ theme }) => ({
+ display: "flex",
+ flexDirection: "column",
+ width: "100%",
+ maxWidth: "95%",
+}));
+
+export const GroupNameP = styled(Typography)`
+ color: #fff;
+ font-size: 25px;
+ font-style: normal;
+ font-weight: 700;
+ line-height: 120%; /* 30px */
+ letter-spacing: 0.188px;
+`;
+
+export const AllThreadP = styled(Typography)`
+ color: #FFF;
+font-size: 20px;
+font-style: normal;
+font-weight: 400;
+line-height: 120%; /* 24px */
+letter-spacing: 0.15px;
+`;
+
+export const SingleThreadParent = styled(Box)`
+border-radius: 35px 4px 4px 35px;
+position: relative;
+background: #434448;
+display: flex;
+padding: 13px;
+cursor: pointer;
+margin-bottom: 5px;
+height: 76px;
+align-items:center;
+transition: 0.2s all;
+&:hover {
+background: rgba(255, 255, 255, 0.20)
+}
+`;
+export const SingleTheadMessageParent = styled(Box)`
+border-radius: 35px 4px 4px 35px;
+background: #434448;
+display: flex;
+padding: 13px;
+cursor: pointer;
+margin-bottom: 5px;
+height: 76px;
+align-items:center;
+
+`;
+
+export const ThreadInfoColumn = styled(Box)(({ theme }) => ({
+ display: "flex",
+ flexDirection: "column",
+ width: "170px",
+ gap: '2px',
+ marginLeft: '10px',
+ height: '100%',
+ justifyContent: 'center'
+}));
+
+
+export const ThreadInfoColumnNameP = styled(Typography)`
+color: #FFF;
+font-family: Roboto;
+font-size: 16px;
+font-style: normal;
+font-weight: 900;
+line-height: normal;
+white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+`;
+export const ThreadInfoColumnbyP = styled('span')`
+color: rgba(255, 255, 255, 0.80);
+font-family: Roboto;
+font-size: 16px;
+font-style: normal;
+font-weight: 500;
+line-height: normal;
+`;
+
+export const ThreadInfoColumnTime = styled(Typography)`
+color: rgba(255, 255, 255, 0.80);
+font-family: Roboto;
+font-size: 15px;
+font-style: normal;
+font-weight: 500;
+line-height: normal;
+`
+export const ThreadSingleTitle = styled(Typography)`
+color: #FFF;
+font-family: Roboto;
+font-size: 23px;
+font-style: normal;
+font-weight: 700;
+line-height: normal;
+white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+`
+export const ThreadSingleLastMessageP = styled(Typography)`
+color: #FFF;
+font-family: Roboto;
+font-size: 12px;
+font-style: normal;
+font-weight: 600;
+line-height: normal;
+`
+export const ThreadSingleLastMessageSpanP = styled('span')`
+color: #FFF;
+font-family: Roboto;
+font-size: 12px;
+font-style: normal;
+font-weight: 400;
+line-height: normal;
+`;
+
+export const GroupContainer = styled(Box)`
+position: relative;
+ overflow: auto;
+ width: 100%;
+&::-webkit-scrollbar-track {
+ background-color: transparent;
+}
+&::-webkit-scrollbar-track:hover {
+ background-color: transparent;
+}
+
+&::-webkit-scrollbar {
+ width: 16px;
+ height: 10px;
+ background-color: white;
+}
+
+&::-webkit-scrollbar-thumb {
+ background-color: #838eee;
+ border-radius: 8px;
+ background-clip: content-box;
+ border: 4px solid transparent;
+}
+
+&::-webkit-scrollbar-thumb:hover {
+ background-color: #6270f0;
+}
+
+`
+
+export const CloseContainer = styled(Box)(({ theme }) => ({
+ display: "flex",
+ width: "50px",
+ overflow: "hidden",
+ alignItems: "center",
+ cursor: "pointer",
+ transition: "0.2s background-color",
+ justifyContent: "center",
+ position: 'absolute',
+ top: '0px',
+ right: '0px',
+ height: '50px',
+ borderRadius: '0px 12px 0px 0px',
+ "&:hover": {
+ backgroundColor: "rgba(162, 31, 31, 1)",
+ },
+}));
\ No newline at end of file
diff --git a/src/components/Group/Forum/NewThread.tsx b/src/components/Group/Forum/NewThread.tsx
new file mode 100644
index 0000000..7e165e5
--- /dev/null
+++ b/src/components/Group/Forum/NewThread.tsx
@@ -0,0 +1,554 @@
+import React, { useEffect, useRef, useState } from "react";
+import { Box, Button, CircularProgress, Input, Typography } from "@mui/material";
+import ShortUniqueId from "short-unique-id";
+import CloseIcon from "@mui/icons-material/Close";
+
+import ModalCloseSVG from "../../../assets/svgs/ModalClose.svg";
+
+import ComposeIconSVG from "../../../assets/svgs/ComposeIcon.svg";
+
+import {
+ AttachmentContainer,
+ CloseContainer,
+ ComposeContainer,
+ ComposeIcon,
+ ComposeP,
+ InstanceFooter,
+ InstanceListContainer,
+ InstanceListHeader,
+ NewMessageAttachmentImg,
+ NewMessageCloseImg,
+ NewMessageHeaderP,
+ NewMessageInputRow,
+ NewMessageSendButton,
+ NewMessageSendP,
+} from "./Mail-styles";
+
+import { ReusableModal } from "./ReusableModal";
+import { Spacer } from "../../../common/Spacer";
+import { formatBytes } from "../../../utils/Size";
+import { CreateThreadIcon } from "../../../assets/svgs/CreateThreadIcon";
+import { SendNewMessage } from "../../../assets/svgs/SendNewMessage";
+import { TextEditor } from "./TextEditor";
+import { MyContext, pauseAllQueues, resumeAllQueues } from "../../../App";
+import { getFee } from "../../../background";
+import TipTap from "../../Chat/TipTap";
+import { MessageDisplay } from "../../Chat/MessageDisplay";
+import { CustomizedSnackbars } from "../../Snackbar/Snackbar";
+import { saveTempPublish } from "../../Chat/GroupAnnouncements";
+
+const uid = new ShortUniqueId({ length: 8 });
+
+export const toBase64 = (file: File): Promise =>
+ new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.readAsDataURL(file);
+ reader.onload = () => resolve(reader.result);
+ reader.onerror = (error) => {
+ reject(error);
+ };
+ });
+
+export function objectToBase64(obj: any) {
+ // Step 1: Convert the object to a JSON string
+ const jsonString = JSON.stringify(obj);
+
+ // Step 2: Create a Blob from the JSON string
+ const blob = new Blob([jsonString], { type: "application/json" });
+
+ // Step 3: Create a FileReader to read the Blob as a base64-encoded string
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onloadend = () => {
+ if (typeof reader.result === "string") {
+ // Remove 'data:application/json;base64,' prefix
+ const base64 = reader.result.replace(
+ "data:application/json;base64,",
+ ""
+ );
+ resolve(base64);
+ } else {
+ reject(new Error("Failed to read the Blob as a base64-encoded string"));
+ }
+ };
+ reader.onerror = () => {
+ reject(reader.error);
+ };
+ reader.readAsDataURL(blob);
+ });
+}
+
+interface NewMessageProps {
+ hideButton?: boolean;
+ groupInfo: any;
+ currentThread?: any;
+ isMessage?: boolean;
+ messageCallback?: (val: any) => void;
+ publishCallback?: () => void;
+ refreshLatestThreads?: () => void;
+ members: any;
+}
+
+export const publishGroupEncryptedResource = async ({
+ encryptedData,
+ identifier,
+}) => {
+ return new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "publishGroupEncryptedResource",
+ payload: {
+ encryptedData,
+ identifier,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ res(response);
+ return
+ }
+ rej(response.error);
+ }
+ );
+ });
+};
+
+export const encryptSingleFunc = async (data: string, secretKeyObject: any) => {
+ try {
+ return new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "encryptSingle",
+ payload: {
+ data,
+ secretKeyObject,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ res(response);
+ return;
+ }
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {}
+};
+export const NewThread = ({
+ groupInfo,
+ members,
+ currentThread,
+ isMessage = false,
+ publishCallback,
+ userInfo,
+ getSecretKey,
+ closeCallback,
+ postReply,
+ myName
+}: NewMessageProps) => {
+ const { show } = React.useContext(MyContext);
+
+ const [isOpen, setIsOpen] = useState(false);
+ const [value, setValue] = useState("");
+ const [isSending, setIsSending] = useState(false);
+ const [threadTitle, setThreadTitle] = useState("");
+ const [openSnack, setOpenSnack] = React.useState(false);
+ const [infoSnack, setInfoSnack] = React.useState(null);
+ const editorRef = useRef(null);
+ const setEditorRef = (editorInstance) => {
+ editorRef.current = editorInstance;
+ };
+
+ useEffect(() => {
+ if (postReply) {
+ setIsOpen(true);
+ }
+ }, [postReply]);
+
+ const closeModal = () => {
+ setIsOpen(false);
+ setValue("");
+ };
+
+ async function publishQDNResource() {
+ try {
+ pauseAllQueues()
+ if(isSending) return
+ setIsSending(true)
+ let name: string = "";
+ let errorMsg = "";
+
+ name = userInfo?.name || "";
+
+ const missingFields: string[] = [];
+
+ if (!isMessage && !threadTitle) {
+ errorMsg = "Please provide a thread title";
+ }
+
+ if (!name) {
+ errorMsg = "Cannot send a message without a access to your name";
+ }
+ if (!groupInfo) {
+ errorMsg = "Cannot access group information";
+ }
+
+ // if (!description) missingFields.push('subject')
+ if (missingFields.length > 0) {
+ const missingFieldsString = missingFields.join(", ");
+ const errMsg = `Missing: ${missingFieldsString}`;
+ errorMsg = errMsg;
+ }
+
+
+ if (errorMsg) {
+ // dispatch(
+ // setNotification({
+ // msg: errorMsg,
+ // alertType: "error",
+ // })
+ // );
+ throw new Error(errorMsg);
+ }
+
+ const htmlContent = editorRef.current.getHTML();
+
+ if (!htmlContent?.trim() || htmlContent?.trim() === "")
+ throw new Error("Please provide a first message to the thread");
+ const fee = await getFee("ARBITRARY");
+ let feeToShow = fee.fee;
+ if (!isMessage) {
+ feeToShow = +feeToShow * 2;
+ }
+ await show({
+ message: "Would you like to perform a ARBITRARY transaction?",
+ publishFee: feeToShow + " QORT",
+ });
+
+ let reply = null;
+ if (postReply) {
+ reply = { ...postReply };
+ if (reply.reply) {
+ delete reply.reply;
+ }
+ }
+ const mailObject: any = {
+ createdAt: Date.now(),
+ version: 1,
+ textContentV2: htmlContent,
+ name,
+ threadOwner: currentThread?.threadData?.name || name,
+ reply,
+ };
+
+ const secretKey = await getSecretKey();
+ if (!secretKey) {
+ throw new Error("Cannot get group secret key");
+ }
+
+ if (!isMessage) {
+ const idThread = uid.rnd();
+ const idMsg = uid.rnd();
+ const messageToBase64 = await objectToBase64(mailObject);
+ const encryptSingleFirstPost = await encryptSingleFunc(
+ messageToBase64,
+ secretKey
+ );
+ const threadObject = {
+ title: threadTitle,
+ groupId: groupInfo.id,
+ createdAt: Date.now(),
+ name,
+ };
+ const threadToBase64 = await objectToBase64(threadObject);
+
+ const encryptSingleThread = await encryptSingleFunc(
+ threadToBase64,
+ secretKey
+ );
+ let identifierThread = `grp-${groupInfo.groupId}-thread-${idThread}`;
+ await publishGroupEncryptedResource({
+ identifier: identifierThread,
+ encryptedData: encryptSingleThread,
+ });
+
+ let identifierPost = `thmsg-${identifierThread}-${idMsg}`;
+ await publishGroupEncryptedResource({
+ identifier: identifierPost,
+ encryptedData: encryptSingleFirstPost,
+ });
+ const dataToSaveToStorage = {
+ name: myName,
+ identifier: identifierThread,
+ service: 'DOCUMENT',
+ tempData: threadObject,
+ created: Date.now(),
+ }
+ const dataToSaveToStoragePost = {
+ name: myName,
+ identifier: identifierPost,
+ service: 'DOCUMENT',
+ tempData: mailObject,
+ created: Date.now(),
+ threadId: identifierThread
+ }
+ await saveTempPublish({data: dataToSaveToStorage, key: 'thread'})
+ await saveTempPublish({data: dataToSaveToStoragePost, key: 'thread-post'})
+ setInfoSnack({
+ type: "success",
+ message: "Successfully created thread. It may take some time for the publish to propagate",
+ });
+ setOpenSnack(true)
+
+ // dispatch(
+ // setNotification({
+ // msg: "Message sent",
+ // alertType: "success",
+ // })
+ // );
+ if (publishCallback) {
+ publishCallback()
+ // threadCallback({
+ // threadData: threadObject,
+ // threadOwner: name,
+ // name,
+ // threadId: identifierThread,
+ // created: Date.now(),
+ // service: 'MAIL_PRIVATE',
+ // identifier: identifier
+ // })
+ }
+ closeModal();
+ } else {
+
+ if (!currentThread) throw new Error("unable to locate thread Id");
+ const idThread = currentThread.threadId;
+ const messageToBase64 = await objectToBase64(mailObject);
+ const encryptSinglePost = await encryptSingleFunc(
+ messageToBase64,
+ secretKey
+ );
+ const idMsg = uid.rnd();
+ let identifier = `thmsg-${idThread}-${idMsg}`;
+ const res = await publishGroupEncryptedResource({
+ identifier: identifier,
+ encryptedData: encryptSinglePost,
+ });
+
+ const dataToSaveToStoragePost = {
+ threadId: idThread,
+ name: myName,
+ identifier: identifier,
+ service: 'DOCUMENT',
+ tempData: mailObject,
+ created: Date.now()
+ }
+ await saveTempPublish({data: dataToSaveToStoragePost, key: 'thread-post'})
+ // await qortalRequest(multiplePublishMsg);
+ // dispatch(
+ // setNotification({
+ // msg: "Message sent",
+ // alertType: "success",
+ // })
+ // );
+ setInfoSnack({
+ type: "success",
+ message: "Successfully created post. It may take some time for the publish to propagate",
+ });
+ setOpenSnack(true)
+ if(publishCallback){
+ publishCallback()
+ }
+ // messageCallback({
+ // identifier,
+ // id: identifier,
+ // name,
+ // service: MAIL_SERVICE_TYPE,
+ // created: Date.now(),
+ // ...mailObject,
+ // });
+ }
+
+ closeModal();
+ } catch (error: any) {
+ if(error?.message){
+ setInfoSnack({
+ type: "error",
+ message: error?.message,
+ });
+ setOpenSnack(true)
+ }
+
+ } finally {
+ setIsSending(false);
+ resumeAllQueues()
+ }
+ }
+
+ const sendMail = () => {
+ publishQDNResource();
+ };
+ return (
+
+ setIsOpen(true)}
+ >
+ {currentThread ? "New Post" : "New Thread"}
+
+
+
+
+
+ {isMessage ? "Post Message" : "New Thread"}
+
+
+
+
+
+ {!isMessage && (
+ <>
+
+ {
+ setThreadTitle(e.target.value);
+ }}
+ placeholder="Thread Title"
+ disableUnderline
+ autoComplete="off"
+ autoCorrect="off"
+ sx={{
+ width: "100%",
+ color: "white",
+ "& .MuiInput-input::placeholder": {
+ color: "rgba(255,255,255, 0.70) !important",
+ fontSize: "20px",
+ fontStyle: "normal",
+ fontWeight: 400,
+ lineHeight: "120%", // 24px
+ letterSpacing: "0.15px",
+ opacity: 1,
+ },
+ "&:focus": {
+ outline: "none",
+ },
+ // Add any additional styles for the input here
+ }}
+ />
+
+
+ )}
+
+ {postReply && postReply.textContentV2 && (
+
+
+ )}
+
+ {
+ setValue(val);
+ }}
+ /> */}
+
+
+
+
+ {isSending && (
+
+
+ )}
+
+ {isMessage ? "Post" : "Create Thread"}
+
+ {isMessage ? (
+
+
+
+
+
+ );
+};
diff --git a/src/components/Group/Forum/ReadOnlySlate.tsx b/src/components/Group/Forum/ReadOnlySlate.tsx
new file mode 100644
index 0000000..d64cf9e
--- /dev/null
+++ b/src/components/Group/Forum/ReadOnlySlate.tsx
@@ -0,0 +1,129 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { createEditor} from 'slate';
+import { withReact, Slate, Editable, RenderElementProps, RenderLeafProps } from 'slate-react';
+
+type ExtendedRenderElementProps = RenderElementProps & { mode?: string }
+
+export const renderElement = ({
+ attributes,
+ children,
+ element,
+ mode
+}: ExtendedRenderElementProps) => {
+ switch (element.type) {
+ case 'block-quote':
+ return = ({ content, mode }) => {
+ const [load, setLoad] = useState(false)
+ const editor = useMemo(() => withReact(createEditor()), [])
+ const value = useMemo(() => content, [content])
+
+ const performUpdate = useCallback(async()=> {
+ setLoad(true)
+ await new Promise((res)=> {
+ setTimeout(() => {
+ res()
+ }, 250);
+ })
+ setLoad(false)
+ }, [])
+ useEffect(()=> {
+
+
+
+
+ performUpdate()
+ }, [value])
+
+ if(load) return null
+
+ return (
+ {}}>
+ renderElement({ ...props, mode })}
+ renderLeaf={renderLeaf}
+ />
+
+ )
+}
+
+export default ReadOnlySlate;
\ No newline at end of file
diff --git a/src/components/Group/Forum/ReusableModal.tsx b/src/components/Group/Forum/ReusableModal.tsx
new file mode 100644
index 0000000..b61e83e
--- /dev/null
+++ b/src/components/Group/Forum/ReusableModal.tsx
@@ -0,0 +1,57 @@
+import React from 'react'
+import { Box, Modal, useTheme } from '@mui/material'
+
+interface MyModalProps {
+ open: boolean
+ onClose?: () => void
+ onSubmit?: (obj: any) => Promise
+ children: any
+ customStyles?: any
+}
+
+export const ReusableModal: React.FC = ({
+ open,
+ onClose,
+ onSubmit,
+ children,
+ customStyles = {}
+}) => {
+ const theme = useTheme()
+ return (
+
+
+ {children}
+
+
+ )
+}
diff --git a/src/components/Group/Forum/ShowMessageWithoutModal.tsx b/src/components/Group/Forum/ShowMessageWithoutModal.tsx
new file mode 100644
index 0000000..c8fb5cb
--- /dev/null
+++ b/src/components/Group/Forum/ShowMessageWithoutModal.tsx
@@ -0,0 +1,224 @@
+import React, { useState } from "react";
+import { Avatar, Box, IconButton } from "@mui/material";
+import DOMPurify from "dompurify";
+import FormatQuoteIcon from '@mui/icons-material/FormatQuote';
+import MoreSVG from '../../../assets/svgs/More.svg'
+
+import {
+ MoreImg,
+ MoreP,
+ SingleTheadMessageParent,
+ ThreadInfoColumn,
+ ThreadInfoColumnNameP,
+ ThreadInfoColumnTime,
+} from "./Mail-styles";
+import { Spacer } from "../../../common/Spacer";
+import { DisplayHtml } from "./DisplayHtml";
+import { formatTimestampForum } from "../../../utils/time";
+import ReadOnlySlate from "./ReadOnlySlate";
+import { MessageDisplay } from "../../Chat/MessageDisplay";
+import { getBaseApi } from "../../../background";
+import { getBaseApiReact } from "../../../App";
+
+export const ShowMessage = ({ message, openNewPostWithQuote }: any) => {
+ const [expandAttachments, setExpandAttachments] = useState(false);
+
+ let cleanHTML = "";
+ if (message?.htmlContent) {
+ cleanHTML = DOMPurify.sanitize(message.htmlContent);
+ }
+
+ return (
+
+
+
+
+ {message?.name?.charAt(0)}
+
+ {message?.name}
+
+ {formatTimestampForum(message?.created)}
+
+
+
+
+
+
+ {message?.reply?.name?.charAt(0)}
+
+ {message?.reply?.name}
+
+
+
+
+
+ openNewPostWithQuote(message)}
+
+ >
+
+
+
+
+
+
+
+ );
+};
diff --git a/src/components/Group/Forum/TextEditor.tsx b/src/components/Group/Forum/TextEditor.tsx
new file mode 100644
index 0000000..874f2e3
--- /dev/null
+++ b/src/components/Group/Forum/TextEditor.tsx
@@ -0,0 +1,39 @@
+import React from "react";
+import ReactQuill, { Quill } from "react-quill";
+import "react-quill/dist/quill.snow.css";
+import ImageResize from "quill-image-resize-module-react";
+import './texteditor.css'
+Quill.register("modules/imageResize", ImageResize);
+
+const modules = {
+ imageResize: {
+ parchment: Quill.import("parchment"),
+ modules: ["Resize", "DisplaySize"],
+ },
+ toolbar: [
+ ["bold", "italic", "underline", "strike"], // styled text
+ ["blockquote", "code-block"], // blocks
+ [{ header: 1 }, { header: 2 }], // custom button values
+ [{ list: "ordered" }, { list: "bullet" }], // lists
+ [{ script: "sub" }, { script: "super" }], // superscript/subscript
+ [{ indent: "-1" }, { indent: "+1" }], // outdent/indent
+ [{ direction: "rtl" }], // text direction
+ [{ size: ["small", false, "large", "huge"] }], // custom dropdown
+ [{ header: [1, 2, 3, 4, 5, 6, false] }], // custom button values
+ [{ color: [] }, { background: [] }], // dropdown with defaults
+ [{ font: [] }], // font family
+ [{ align: [] }], // text align
+ ["clean"], // remove formatting
+ // ["image"], // image
+ ],
+};
+export const TextEditor = ({ inlineContent, setInlineContent }: any) => {
+ return (
+ ([])
+ const [hashMapMailMessages, setHashMapMailMessages] = useState({})
+ const secretKeyRef = useRef(null)
+
+
+ useEffect(() => {
+ secretKeyRef.current = secretKey;
+ }, [secretKey]);
+ const getIndividualMsg = async (message: any) => {
+ try {
+ const responseDataMessage = await getEncryptedResource({identifier: message.identifier, name: message.name, secretKey})
+
+
+ const fullObject = {
+ ...message,
+ ...(responseDataMessage || {}),
+ id: message.identifier
+ }
+ setHashMapMailMessages((prev)=> {
+ return {
+ ...prev,
+ [message.identifier]: fullObject
+ }
+ })
+ } catch (error) {}
+ }
+
+ const getMailMessages = React.useCallback(
+ async (groupInfo: any, reset?: boolean, hideAlert?: boolean) => {
+ try {
+ if(!hideAlert){
+ // dispatch(setIsLoadingCustom('Loading messages'))
+
+ }
+ let threadId = groupInfo.threadId
+
+ const offset = messages.length
+ const identifier = `thmsg-${threadId}`
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=${threadIdentifier}&identifier=${identifier}&limit=20&includemetadata=false&offset=${offset}&reverse=true&prefix=true`
+ const response = await fetch(url, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ })
+ const responseData = await response.json()
+ let fullArrayMsg = reset ? [] : [...messages]
+ let newMessages: any[] = []
+ for (const message of responseData) {
+ const index = fullArrayMsg.findIndex(
+ (p) => p.identifier === message.identifier
+ )
+ if (index !== -1) {
+ fullArrayMsg[index] = message
+ } else {
+ fullArrayMsg.push(message)
+ getIndividualMsg(message)
+ }
+ }
+ setMessages(fullArrayMsg)
+ } catch (error) {
+ } finally {
+ if(!hideAlert){
+ // dispatch(setIsLoadingCustom(null))
+ }
+ }
+ },
+ [messages, secretKey]
+ )
+ const getMessages = React.useCallback(async () => {
+ if (!currentThread || !secretKey) return
+ await getMailMessages(currentThread, true)
+ }, [getMailMessages, currentThread, secretKey])
+ const firstMount = useRef(false)
+
+ const saveTimestamp = useCallback((currentThread: any, username?: string)=> {
+ if(!currentThread?.threadData?.groupId || !currentThread?.threadId || !username) return
+ const threadIdForLocalStorage = `qmail_threads_${currentThread?.threadData?.groupId}_${currentThread?.threadId}`
+ const threads = JSON.parse(
+ localStorage.getItem(`qmail_threads_viewedtimestamp_${username}`) || "{}"
+ );
+ // Convert to an array of objects with identifier and all fields
+ let dataArray = Object.entries(threads).map(([identifier, value]) => ({
+ identifier,
+ ...(value as any),
+ }));
+
+ // Sort the array based on timestamp in descending order
+ dataArray.sort((a, b) => b.timestamp - a.timestamp);
+
+ // Slice the array to keep only the first 500 elements
+ let latest500 = dataArray.slice(0, 500);
+
+ // Convert back to the original object format
+ let latest500Data: any = {};
+ latest500.forEach(item => {
+ const { identifier, ...rest } = item;
+ latest500Data[identifier] = rest;
+ });
+ latest500Data[threadIdForLocalStorage] = {
+ timestamp: Date.now(),
+ }
+ localStorage.setItem(
+ `qmail_threads_viewedtimestamp_${username}`,
+ JSON.stringify(latest500Data)
+ );
+ }, [])
+ useEffect(() => {
+ if (currentThread && secretKey) {
+ getMessages()
+ firstMount.current = true
+ // saveTimestamp(currentThread, user.name)
+ }
+ }, [ currentThread, secretKey])
+ const messageCallback = useCallback((msg: any) => {
+ // dispatch(addToHashMapMail(msg))
+ setMessages((prev) => [msg, ...prev])
+ }, [])
+
+ const interval = useRef(null)
+
+ const checkNewMessages = React.useCallback(
+ async (groupInfo: any) => {
+ try {
+ let threadId = groupInfo.threadId
+
+ const identifier = `thmsg-${threadId}`
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=${threadIdentifier}&identifier=${identifier}&limit=20&includemetadata=false&offset=${0}&reverse=true&prefix=true`
+ const response = await fetch(url, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ })
+ const responseData = await response.json()
+ const latestMessage = messages[0]
+ if (!latestMessage) return
+ const findMessage = responseData?.findIndex(
+ (item: any) => item?.identifier === latestMessage?.identifier
+ )
+ let sliceLength = responseData.length
+ if (findMessage !== -1) {
+ sliceLength = findMessage
+ }
+ const newArray = responseData.slice(0, findMessage).reverse()
+ let fullArrayMsg = [...messages]
+ for (const message of newArray) {
+ try {
+
+ const responseDataMessage = await getEncryptedResource({identifier: message.identifier, name: message.name, secretKey: secretKeyRef.current})
+
+ const fullObject = {
+ ...message,
+ ...(responseDataMessage || {}),
+ id: message.identifier
+ }
+ setHashMapMailMessages((prev)=> {
+ return {
+ ...prev,
+ [message.identifier]: fullObject
+ }
+ })
+ const index = messages.findIndex(
+ (p) => p.identifier === fullObject.identifier
+ )
+ if (index !== -1) {
+ fullArrayMsg[index] = fullObject
+ } else {
+ fullArrayMsg.unshift(fullObject)
+ }
+ } catch (error) {}
+ }
+ setMessages(fullArrayMsg)
+ } catch (error) {
+ } finally {
+ }
+ },
+ [messages]
+ )
+
+ const checkNewMessagesFunc = useCallback(() => {
+ let isCalling = false
+ interval.current = setInterval(async () => {
+ if (isCalling) return
+ isCalling = true
+ const res = await checkNewMessages(currentThread)
+ isCalling = false
+ }, 8000)
+ }, [checkNewMessages, currentThread])
+
+ useEffect(() => {
+ checkNewMessagesFunc()
+ return () => {
+ if (interval?.current) {
+ clearInterval(interval.current)
+ }
+ }
+ }, [checkNewMessagesFunc])
+
+
+
+ if (!currentThread) return null
+ return (
+
+
+
+
+
+ {currentThread?.threadData?.title}
+
+ {
+ setMessages([])
+ closeThread()
+ }}>
+ Return to Threads
+
+
+
+
+
+ )
+ })}
+
+
+ {messages.length >= 20 && (
+ getMailMessages(currentThread, false, true)}>
+
+ )}
+
+
+ )
+}
diff --git a/src/components/Group/Forum/Thread.tsx b/src/components/Group/Forum/Thread.tsx
new file mode 100644
index 0000000..6dd0dbb
--- /dev/null
+++ b/src/components/Group/Forum/Thread.tsx
@@ -0,0 +1,663 @@
+import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from "react";
+
+import { Box, Button, IconButton, Skeleton } from "@mui/material";
+import { ShowMessage } from "./ShowMessageWithoutModal";
+// import {
+// setIsLoadingCustom,
+// } from '../../state/features/globalSlice'
+import {
+ ComposeP,
+ GroupContainer,
+ GroupNameP,
+ MailIconImg,
+ ShowMessageReturnButton,
+ SingleThreadParent,
+ ThreadContainer,
+ ThreadContainerFullWidth,
+} from "./Mail-styles";
+import { Spacer } from "../../../common/Spacer";
+import { threadIdentifier } from "./GroupMail";
+import LazyLoad from "../../../common/LazyLoad";
+import ReturnSVG from "../../../assets/svgs/Return.svg";
+import { NewThread } from "./NewThread";
+import { decryptPublishes, getTempPublish } from "../../Chat/GroupAnnouncements";
+import { LoadingSnackbar } from "../../Snackbar/LoadingSnackbar";
+import { subscribeToEvent, unsubscribeFromEvent } from "../../../utils/events";
+import RefreshIcon from "@mui/icons-material/Refresh";
+import { getBaseApi } from "../../../background";
+import { getBaseApiReact } from "../../../App";
+
+interface ThreadProps {
+ currentThread: any;
+ groupInfo: any;
+ closeThread: () => void;
+ members: any;
+}
+
+const getEncryptedResource = async ({ name, identifier, secretKey }) => {
+ const res = await fetch(
+ `${getBaseApiReact()}/arbitrary/DOCUMENT/${name}/${identifier}?encoding=base64`
+ );
+ const data = await res.text();
+ const response = await decryptPublishes([{ data }], secretKey);
+
+ const messageData = response[0];
+ return messageData.decryptedData;
+};
+
+export const Thread = ({
+ currentThread,
+ groupInfo,
+ closeThread,
+ members,
+ userInfo,
+ secretKey,
+ getSecretKey,
+ updateThreadActivityCurrentThread
+}: ThreadProps) => {
+ const [tempPublishedList, setTempPublishedList] = useState([])
+
+ const [messages, setMessages] = useState([]);
+ const [hashMapMailMessages, setHashMapMailMessages] = useState({});
+ const [hasFirstPage, setHasFirstPage] = useState(false);
+ const [hasPreviousPage, setHasPreviousPage] = useState(false);
+ const [hasNextPage, setHasNextPage] = useState(false);
+ const [isLoading, setIsLoading] = useState(true);
+ const [postReply, setPostReply] = useState(null);
+ const [hasLastPage, setHasLastPage] = useState(false);
+
+ const secretKeyRef = useRef(null);
+ const currentThreadRef = useRef(null);
+ const containerRef = useRef(null);
+ useEffect(() => {
+ currentThreadRef.current = currentThread;
+ }, [currentThread]);
+
+ useEffect(() => {
+ secretKeyRef.current = secretKey;
+ }, [secretKey]);
+
+ const getIndividualMsg = async (message: any) => {
+ try {
+ const responseDataMessage = await getEncryptedResource({
+ identifier: message.identifier,
+ name: message.name,
+ secretKey,
+ });
+
+
+ const fullObject = {
+ ...message,
+ ...(responseDataMessage || {}),
+ id: message.identifier,
+ };
+ setHashMapMailMessages((prev) => {
+ return {
+ ...prev,
+ [message.identifier]: fullObject,
+ };
+ });
+ } catch (error) {}
+ };
+
+ const setTempData = async ()=> {
+ try {
+ let threadId = currentThread.threadId;
+
+ const keyTemp = 'thread-post'
+ const getTempAnnouncements = await getTempPublish()
+
+ if(getTempAnnouncements?.[keyTemp]){
+
+ let tempData = []
+ Object.keys(getTempAnnouncements?.[keyTemp] || {}).map((key)=> {
+ const value = getTempAnnouncements?.[keyTemp][key]
+
+ if(value.data?.threadId === threadId){
+ tempData.push(value.data)
+ }
+
+ })
+ setTempPublishedList(tempData)
+ }
+ } catch (error) {
+
+ }
+
+ }
+
+
+ const getMailMessages = React.useCallback(
+ async (groupInfo: any, before, after, isReverse) => {
+ try {
+ setTempPublishedList([])
+ setIsLoading(true);
+ setHasFirstPage(false);
+ setHasPreviousPage(false);
+ setHasLastPage(false);
+ setHasNextPage(false);
+ let threadId = groupInfo.threadId;
+
+ const identifier = `thmsg-${threadId}`;
+ let url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=${threadIdentifier}&identifier=${identifier}&limit=20&includemetadata=false&prefix=true`;
+ if (!isReverse) {
+ url = url + "&reverse=false";
+ }
+ if (isReverse) {
+ url = url + "&reverse=true";
+ }
+ if (after) {
+ url = url + `&after=${after}`;
+ }
+ if (before) {
+ url = url + `&before=${before}`;
+ }
+
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseData = await response.json();
+
+
+ let fullArrayMsg = [...responseData];
+ if (isReverse) {
+ fullArrayMsg = fullArrayMsg.reverse();
+ }
+ // let newMessages: any[] = []
+ for (const message of responseData) {
+ getIndividualMsg(message);
+ }
+ setMessages(fullArrayMsg);
+ if (before === null && after === null && isReverse) {
+ setTimeout(() => {
+ containerRef.current.scrollIntoView({ behavior: "smooth" });
+ }, 300);
+
+ }
+
+ if (fullArrayMsg.length === 0){
+ setTempData()
+ return;
+ }
+ // check if there are newer posts
+ const urlNewer = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=${threadIdentifier}&identifier=${identifier}&limit=1&includemetadata=false&reverse=false&prefix=true&before=${fullArrayMsg[0].created}`;
+ const responseNewer = await fetch(urlNewer, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseDataNewer = await responseNewer.json();
+ if (responseDataNewer.length > 0) {
+ setHasFirstPage(true);
+ setHasPreviousPage(true);
+ } else {
+ setHasFirstPage(false);
+ setHasPreviousPage(false);
+ }
+ // check if there are older posts
+ const urlOlder = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=${threadIdentifier}&identifier=${identifier}&limit=1&includemetadata=false&reverse=false&prefix=true&after=${
+ fullArrayMsg[fullArrayMsg.length - 1].created
+ }`;
+ const responseOlder = await fetch(urlOlder, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseDataOlder = await responseOlder.json();
+ if (responseDataOlder.length > 0) {
+ setHasLastPage(true);
+ setHasNextPage(true);
+ } else {
+ setHasLastPage(false);
+ setHasNextPage(false);
+ setTempData()
+ updateThreadActivityCurrentThread()
+ }
+ } catch (error) {
+ } finally {
+ setIsLoading(false);
+
+ }
+ },
+ [messages, secretKey]
+ );
+ const getMessages = React.useCallback(async () => {
+
+ if (!currentThread || !secretKey) return;
+ await getMailMessages(currentThread, null, null, false);
+ }, [getMailMessages, currentThread, secretKey]);
+ const firstMount = useRef(false);
+
+ const saveTimestamp = useCallback((currentThread: any, username?: string) => {
+ if (
+ !currentThread?.threadData?.groupId ||
+ !currentThread?.threadId ||
+ !username
+ )
+ return;
+ const threadIdForLocalStorage = `qmail_threads_${currentThread?.threadData?.groupId}_${currentThread?.threadId}`;
+ const threads = JSON.parse(
+ localStorage.getItem(`qmail_threads_viewedtimestamp_${username}`) || "{}"
+ );
+ // Convert to an array of objects with identifier and all fields
+ let dataArray = Object.entries(threads).map(([identifier, value]) => ({
+ identifier,
+ ...(value as any),
+ }));
+
+ // Sort the array based on timestamp in descending order
+ dataArray.sort((a, b) => b.timestamp - a.timestamp);
+
+ // Slice the array to keep only the first 500 elements
+ let latest500 = dataArray.slice(0, 500);
+
+ // Convert back to the original object format
+ let latest500Data: any = {};
+ latest500.forEach((item) => {
+ const { identifier, ...rest } = item;
+ latest500Data[identifier] = rest;
+ });
+ latest500Data[threadIdForLocalStorage] = {
+ timestamp: Date.now(),
+ };
+ localStorage.setItem(
+ `qmail_threads_viewedtimestamp_${username}`,
+ JSON.stringify(latest500Data)
+ );
+ }, []);
+
+ const getMessagesMiddleware = async () => {
+ await new Promise((res) => {
+ setTimeout(() => {
+ res(null);
+ }, 400);
+ });
+ if (firstMount.current) return;
+ getMessages();
+ firstMount.current = true;
+ };
+ useEffect(() => {
+ if (currentThreadRef.current?.threadId !== currentThread?.threadId) {
+ firstMount.current = false;
+ }
+ if (currentThread && secretKey && !firstMount.current) {
+ getMessagesMiddleware();
+
+ // saveTimestamp(currentThread, user.name)
+ }
+ }, [currentThread, secretKey]);
+ const messageCallback = useCallback((msg: any) => {
+ // dispatch(addToHashMapMail(msg))
+ // setMessages((prev) => [msg, ...prev])
+ }, []);
+
+ const interval = useRef(null);
+
+ const checkNewMessages = React.useCallback(
+ async (groupInfo: any) => {
+ try {
+ let threadId = groupInfo.threadId;
+
+ const identifier = `thmsg-${threadId}`;
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=${threadIdentifier}&identifier=${identifier}&limit=20&includemetadata=false&offset=${0}&reverse=true&prefix=true`;
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseData = await response.json();
+ const latestMessage = messages[0];
+ if (!latestMessage) return;
+ const findMessage = responseData?.findIndex(
+ (item: any) => item?.identifier === latestMessage?.identifier
+ );
+ let sliceLength = responseData.length;
+ if (findMessage !== -1) {
+ sliceLength = findMessage;
+ }
+ const newArray = responseData.slice(0, findMessage).reverse();
+ let fullArrayMsg = [...messages];
+ for (const message of newArray) {
+ try {
+ const responseDataMessage = await getEncryptedResource({
+ identifier: message.identifier,
+ name: message.name,
+ secretKey: secretKeyRef.current,
+ });
+
+ const fullObject = {
+ ...message,
+ ...(responseDataMessage || {}),
+ id: message.identifier,
+ };
+ setHashMapMailMessages((prev) => {
+ return {
+ ...prev,
+ [message.identifier]: fullObject,
+ };
+ });
+ const index = messages.findIndex(
+ (p) => p.identifier === fullObject.identifier
+ );
+ if (index !== -1) {
+ fullArrayMsg[index] = fullObject;
+ } else {
+ fullArrayMsg.unshift(fullObject);
+ }
+ } catch (error) {}
+ }
+ setMessages(fullArrayMsg);
+ } catch (error) {
+ } finally {
+ }
+ },
+ [messages]
+ );
+
+ // const checkNewMessagesFunc = useCallback(() => {
+ // let isCalling = false
+ // interval.current = setInterval(async () => {
+ // if (isCalling) return
+ // isCalling = true
+ // const res = await checkNewMessages(currentThread)
+ // isCalling = false
+ // }, 8000)
+ // }, [checkNewMessages, currentThrefirstMount.current = truead])
+
+ // useEffect(() => {
+ // checkNewMessagesFunc()
+ // return () => {
+ // if (interval?.current) {
+ // clearInterval(interval.current)
+ // }
+ // }
+ // }, [checkNewMessagesFunc])
+
+ const openNewPostWithQuote = useCallback((reply) => {
+ setPostReply(reply);
+ }, []);
+
+ const closeCallback = useCallback(() => {
+ setPostReply(null);
+ }, []);
+
+ const threadFetchModeFunc = (e) => {
+ const mode = e.detail?.mode;
+ if (mode === "last-page") {
+ getMailMessages(currentThread, null, null, true);
+ }
+ firstMount.current = true;
+ };
+
+ React.useEffect(() => {
+ subscribeToEvent("threadFetchMode", threadFetchModeFunc);
+
+ return () => {
+ unsubscribeFromEvent("threadFetchMode", threadFetchModeFunc);
+ };
+ }, []);
+
+ const combinedListTempAndReal = useMemo(() => {
+ // Combine the two lists
+ const combined = [...tempPublishedList, ...messages];
+
+ // Remove duplicates based on the "identifier"
+ const uniqueItems = new Map();
+ combined.forEach(item => {
+ uniqueItems.set(item.identifier, item); // This will overwrite duplicates, keeping the last occurrence
+ });
+
+ // Convert the map back to an array and sort by "created" timestamp in descending order
+ const sortedList = Array.from(uniqueItems.values()).sort((a, b) => a.created - b.created);
+
+ return sortedList;
+ }, [tempPublishedList, messages]);
+
+ if (!currentThread) return null;
+ return (
+
+
+
+
+ {currentThread?.threadData?.title}
+
+ {
+ setMessages([]);
+ closeThread();
+ }}
+ >
+ Return to Threads
+
+
+
+
+
+
+
+
+
+
+ );
+ })}
+
+ {!hasLastPage && !isLoading && (
+ <>
+
+ }
+ onClick={() => {
+ getMailMessages(currentThread, null, null, true);
+ }}
+ sx={{
+ color: "white",
+ }}
+ >
+ Refetch page
+
+
+
+ )}
+
+ {messages?.length > 4 && (
+ <>
+
+
+
+
+
+
+
+
+ {/* {messages.length >= 20 && (
+ getMailMessages(currentThread, false, true)}>
+
+ )} */}
+
+ );
+};
diff --git a/src/components/Group/Forum/texteditor.css b/src/components/Group/Forum/texteditor.css
new file mode 100644
index 0000000..e3bbd50
--- /dev/null
+++ b/src/components/Group/Forum/texteditor.css
@@ -0,0 +1,71 @@
+.ql-editor {
+ min-height: 200px;
+ width: 100%;
+ color: black;
+ font-size: 16px;
+ font-family: Roboto;
+ max-height: 225px;
+ overflow-y: scroll;
+ padding: 0px !important;
+ }
+
+ .ql-editor::-webkit-scrollbar-track {
+ background-color: transparent;
+ cursor: default;
+ }
+ .ql-editor::-webkit-scrollbar-track:hover {
+ background-color: transparent;
+ }
+
+ .ql-editor::-webkit-scrollbar {
+ width: 16px;
+ height: 10px;
+ background-color: rgba(229, 229, 229, 0.70);
+ }
+
+ .ql-editor::-webkit-scrollbar-thumb {
+ background-color: #B0B0B0;
+ border-radius: 8px;
+ background-clip: content-box;
+ border: 4px solid transparent;
+ }
+
+
+ .ql-editor img {
+ cursor: default;
+ }
+
+ .ql-editor-display {
+ min-height: 20px;
+ width: 100%;
+ color: black;
+ font-size: 16px;
+ font-family: Roboto;
+ padding: 0px !important;
+ }
+
+ .ql-editor-display img {
+ cursor: default;
+ }
+
+ .ql-container {
+ font-size: 16px
+ }
+
+ .ql-toolbar .ql-stroke {
+ fill: none !important;
+ stroke: black !important;
+}
+
+.ql-toolbar .ql-fill {
+ fill: black !important;
+ stroke: none !important;
+}
+
+.ql-toolbar .ql-picker {
+ color: black !important;
+}
+
+.ql-toolbar .ql-picker-options {
+ background-color: white !important;
+}
\ No newline at end of file
diff --git a/src/components/Group/Group.tsx b/src/components/Group/Group.tsx
new file mode 100644
index 0000000..51973e2
--- /dev/null
+++ b/src/components/Group/Group.tsx
@@ -0,0 +1,1943 @@
+import {
+ Avatar,
+ Box,
+ Button,
+ IconButton,
+ List,
+ ListItem,
+ ListItemAvatar,
+ ListItemText,
+ Typography,
+} from "@mui/material";
+import React, {
+ useCallback,
+ useContext,
+ useEffect,
+ useMemo,
+ useRef,
+ useState,
+} from "react";
+import SettingsIcon from "@mui/icons-material/Settings";
+import { ChatGroup } from "../Chat/ChatGroup";
+import { CreateCommonSecret } from "../Chat/CreateCommonSecret";
+import { base64ToUint8Array } from "../../qdn/encryption/group-encryption";
+import { uint8ArrayToObject } from "../../backgroundFunctions/encryption";
+import ChatIcon from "@mui/icons-material/Chat";
+import CampaignIcon from "@mui/icons-material/Campaign";
+import { AddGroup } from "./AddGroup";
+import MarkUnreadChatAltIcon from "@mui/icons-material/MarkUnreadChatAlt";
+import AddCircleOutlineIcon from "@mui/icons-material/AddCircleOutline";
+import CreateIcon from "@mui/icons-material/Create";
+import RefreshIcon from "@mui/icons-material/Refresh";
+
+import {
+ AuthenticatedContainerInnerRight,
+ CustomButton,
+} from "../../App-styles";
+import ForumIcon from "@mui/icons-material/Forum";
+import { Spacer } from "../../common/Spacer";
+import PeopleIcon from "@mui/icons-material/People";
+import { ManageMembers } from "./ManageMembers";
+import MarkChatUnreadIcon from "@mui/icons-material/MarkChatUnread";
+import { MyContext, clearAllQueues, getBaseApiReact } from "../../App";
+import { ChatDirect } from "../Chat/ChatDirect";
+import { CustomizedSnackbars } from "../Snackbar/Snackbar";
+import { LoadingButton } from "@mui/lab";
+import { LoadingSnackbar } from "../Snackbar/LoadingSnackbar";
+import { GroupAnnouncements } from "../Chat/GroupAnnouncements";
+import HomeIcon from "@mui/icons-material/Home";
+
+import { ThingsToDoInitial } from "./ThingsToDoInitial";
+import { GroupJoinRequests } from "./GroupJoinRequests";
+import { GroupForum } from "../Chat/GroupForum";
+import { GroupInvites } from "./GroupInvites";
+import {
+ executeEvent,
+ subscribeToEvent,
+ unsubscribeFromEvent,
+} from "../../utils/events";
+import { ListOfThreadPostsWatched } from "./ListOfThreadPostsWatched";
+import { RequestQueueWithPromise } from "../../utils/queue/queue";
+import { WebSocketActive } from "./WebsocketActive";
+import { flushSync } from "react-dom";
+
+interface GroupProps {
+ myAddress: string;
+ isFocused: boolean;
+ isMain: boolean;
+ userInfo: any;
+ balance: number;
+}
+
+const timeDifferenceForNotificationChats = 900000;
+
+export const requestQueueMemberNames = new RequestQueueWithPromise(5);
+export const requestQueueAdminMemberNames = new RequestQueueWithPromise(5);
+
+const audio = new Audio(chrome.runtime.getURL("msg-not1.wav"));
+
+export const getGroupAdimnsAddress = async (groupNumber: number) => {
+ // const validApi = await findUsableApi();
+
+ const response = await fetch(
+ `${getBaseApiReact()}/groups/members/${groupNumber}?limit=0&onlyAdmins=true`
+ );
+ const groupData = await response.json();
+ let members: any = [];
+ if (groupData && Array.isArray(groupData?.members)) {
+ for (const member of groupData.members) {
+ if (member.member) {
+ members.push(member?.member);
+ }
+ }
+
+ return members;
+ }
+};
+
+export function validateSecretKey(obj) {
+ // Check if the input is an object
+ if (typeof obj !== "object" || obj === null) {
+ return false;
+ }
+
+ // Iterate over each key in the object
+ for (let key in obj) {
+ // Ensure the key is a string representation of a positive integer
+ if (!/^\d+$/.test(key)) {
+ return false;
+ }
+
+ // Get the corresponding value for the key
+ const value = obj[key];
+
+ // Check that value is an object and not null
+ if (typeof value !== "object" || value === null) {
+ return false;
+ }
+
+ // Check for messageKey and nonce properties
+ if (!value.hasOwnProperty("messageKey") || !value.hasOwnProperty("nonce")) {
+ return false;
+ }
+
+ // Ensure messageKey and nonce are non-empty strings
+ if (
+ typeof value.messageKey !== "string" ||
+ value.messageKey.trim() === ""
+ ) {
+ return false;
+ }
+ if (typeof value.nonce !== "string" || value.nonce.trim() === "") {
+ return false;
+ }
+ }
+
+ // If all checks passed, return true
+ return true;
+}
+
+export const getGroupMembers = async (groupNumber: number) => {
+ // const validApi = await findUsableApi();
+
+ const response = await fetch(
+ `${getBaseApiReact()}/groups/members/${groupNumber}?limit=0`
+ );
+ const groupData = await response.json();
+ return groupData;
+};
+
+const decryptResource = async (data: string) => {
+ try {
+ return new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "decryptGroupEncryption",
+ payload: {
+ data,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ res(response);
+ }
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {}
+};
+
+export async function getNameInfo(address: string) {
+ const response = await fetch(`${getBaseApiReact()}/names/address/` + address);
+ const nameData = await response.json();
+
+ if (nameData?.length > 0) {
+ return nameData[0]?.name;
+ } else {
+ return "";
+ }
+}
+
+export const getGroupAdimns = async (groupNumber: number) => {
+ // const validApi = await findUsableApi();
+
+ const response = await fetch(
+ `${getBaseApiReact()}/groups/members/${groupNumber}?limit=0&onlyAdmins=true`
+ );
+ const groupData = await response.json();
+ let members: any = [];
+ // if (groupData && Array.isArray(groupData?.members)) {
+ // for (const member of groupData.members) {
+ // if (member.member) {
+ // const name = await getNameInfo(member.member);
+ // if (name) {
+ // members.push(name);
+ // }
+ // }
+ // }
+ // }
+
+ const getMemNames = groupData?.members?.map(async (member) => {
+ if (member?.member) {
+ const name = await requestQueueAdminMemberNames.enqueue(() => {
+ return getNameInfo(member.member);
+ });
+ if (name) {
+ members.push(name);
+ }
+ }
+
+ return true;
+ });
+ await Promise.all(getMemNames);
+
+ return members;
+};
+
+export const getNames = async (listOfMembers) => {
+ // const validApi = await findUsableApi();
+
+ let members: any = [];
+
+ const getMemNames = listOfMembers.map(async (member) => {
+ if (member.member) {
+ const name = await requestQueueMemberNames.enqueue(() => {
+ return getNameInfo(member.member);
+ });
+ if (name) {
+ members.push({ ...member, name });
+ } else {
+ members.push({ ...member, name: "" });
+ }
+ }
+
+ return true;
+ });
+
+ await Promise.all(getMemNames);
+
+ return members;
+};
+export const getNamesForAdmins = async (admins) => {
+ // const validApi = await findUsableApi();
+
+ let members: any = [];
+ // if (admins && Array.isArray(admins)) {
+ // for (const admin of admins) {
+ // const name = await getNameInfo(admin);
+ // if (name) {
+ // members.push({ address: admin, name });
+ // }
+ // }
+ // }
+ const getMemNames = admins?.map(async (admin) => {
+ if (admin) {
+ const name = await requestQueueAdminMemberNames.enqueue(() => {
+ return getNameInfo(admin);
+ });
+ if (name) {
+ members.push({ address: admin, name });
+ }
+ }
+
+ return true;
+ });
+ await Promise.all(getMemNames);
+
+ return members;
+};
+
+export const Group = ({
+ myAddress,
+ isFocused,
+ isMain,
+ userInfo,
+ balance,
+}: GroupProps) => {
+ const [secretKey, setSecretKey] = useState(null);
+ const [secretKeyPublishDate, setSecretKeyPublishDate] = useState(null);
+ const [secretKeyDetails, setSecretKeyDetails] = useState(null);
+ const [newEncryptionNotification, setNewEncryptionNotification] =
+ useState(null);
+ const [memberCountFromSecretKeyData, setMemberCountFromSecretKeyData] =
+ useState(null);
+ const [selectedGroup, setSelectedGroup] = useState(null);
+ const [selectedDirect, setSelectedDirect] = useState(null);
+ const hasInitialized = useRef(false);
+ const hasInitializedWebsocket = useRef(false);
+ const [groups, setGroups] = useState([]);
+ const [directs, setDirects] = useState([]);
+ const [admins, setAdmins] = useState([]);
+ const [adminsWithNames, setAdminsWithNames] = useState([]);
+
+ const [members, setMembers] = useState([]);
+ const [groupOwner, setGroupOwner] = useState(null);
+ const [triedToFetchSecretKey, setTriedToFetchSecretKey] = useState(false);
+ const [openAddGroup, setOpenAddGroup] = useState(false);
+ const [isInitialGroups, setIsInitialGroups] = useState(false);
+ const [openManageMembers, setOpenManageMembers] = useState(false);
+ const { setMemberGroups, memberGroups } = useContext(MyContext);
+ const lastGroupNotification = useRef(null);
+ const [timestampEnterData, setTimestampEnterData] = useState({});
+ const [chatMode, setChatMode] = useState("groups");
+ const [newChat, setNewChat] = useState(false);
+ const [openSnack, setOpenSnack] = React.useState(false);
+ const [infoSnack, setInfoSnack] = React.useState(null);
+ const [isLoadingNotifyAdmin, setIsLoadingNotifyAdmin] = React.useState(false);
+ const [isLoadingGroups, setIsLoadingGroups] = React.useState(false);
+ const [isLoadingGroup, setIsLoadingGroup] = React.useState(false);
+ const [firstSecretKeyInCreation, setFirstSecretKeyInCreation] = React.useState(false)
+ const [groupSection, setGroupSection] = React.useState("home");
+ const [groupAnnouncements, setGroupAnnouncements] = React.useState({});
+ const [defaultThread, setDefaultThread] = React.useState(null);
+
+ const isFocusedRef = useRef(true);
+ const selectedGroupRef = useRef(null);
+ const selectedDirectRef = useRef(null);
+ const groupSectionRef = useRef(null);
+ const checkGroupInterval = useRef(null);
+ const isLoadingOpenSectionFromNotification = useRef(false);
+ const setupGroupWebsocketInterval = useRef(null);
+ const settimeoutForRefetchSecretKey = useRef(null);
+
+
+ useEffect(() => {
+ isFocusedRef.current = isFocused;
+ }, [isFocused]);
+ useEffect(() => {
+ groupSectionRef.current = groupSection;
+ }, [groupSection]);
+
+ useEffect(() => {
+ selectedGroupRef.current = selectedGroup;
+ }, [selectedGroup]);
+
+ useEffect(() => {
+ selectedDirectRef.current = selectedDirect;
+ }, [selectedDirect]);
+
+
+
+ const getTimestampEnterChat = async () => {
+ try {
+ return new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "getTimestampEnterChat",
+ },
+ (response) => {
+ if (!response?.error) {
+ setTimestampEnterData(response);
+ res(response);
+ }
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {}
+ };
+ const refreshHomeDataFunc = () => {
+ setGroupSection("default");
+ setTimeout(() => {
+ setGroupSection("home");
+ }, 300);
+ };
+
+ const getGroupAnnouncements = async () => {
+ try {
+ return new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "getGroupNotificationTimestamp",
+ },
+ (response) => {
+
+ if (!response?.error) {
+ setGroupAnnouncements(response);
+ res(response);
+ }
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {}
+ };
+
+ const getGroupOwner = async (groupId) => {
+ try {
+
+ const url = `${getBaseApiReact()}/groups/${groupId}`;
+ const response = await fetch(url);
+ let data = await response.json();
+
+ const name = await getNameInfo(data?.owner);
+ if (name) {
+ data.name = name;
+ }
+ setGroupOwner(data);
+ } catch (error) {}
+ };
+
+ const checkGroupList = React.useCallback(async (address) => {
+ try {
+ const url = `${getBaseApiReact()}/chat/active/${address}`;
+ const response = await fetch(url, {
+ method: "GET",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ });
+ const responseData = await response.json();
+ if (!Array.isArray(responseData?.groups)) return;
+ const filterOutGeneral = responseData.groups?.filter(
+ (item) => item?.groupId !== 0
+ );
+ const sortedGroups = filterOutGeneral.sort((a, b) => {
+ // If a has no timestamp, move it down
+ if (!a.timestamp) return 1;
+ // If b has no timestamp, move it up
+ if (!b.timestamp) return -1;
+ // Otherwise, sort by timestamp in descending order (most recent first)
+ return b.timestamp - a.timestamp;
+ });
+ setGroups(sortedGroups);
+ setMemberGroups(sortedGroups);
+ } catch (error) {
+ } finally {
+ }
+ }, []);
+ // const checkGroupListFunc = useCallback((myAddress) => {
+ // let isCalling = false;
+ // checkGroupInterval.current = setInterval(async () => {
+ // if (isCalling) return;
+ // isCalling = true;
+ // const res = await checkGroupList(myAddress);
+ // isCalling = false;
+ // }, 120000);
+ // }, []);
+
+ const directChatHasUnread = useMemo(() => {
+ let hasUnread = false;
+ directs.forEach((direct) => {
+ if (
+ direct?.sender !== myAddress &&
+ direct?.timestamp &&
+ ((!timestampEnterData[direct?.address] &&
+ Date.now() - direct?.timestamp <
+ timeDifferenceForNotificationChats) ||
+ timestampEnterData[direct?.address] < direct?.timestamp)
+ ) {
+ hasUnread = true;
+ }
+ });
+ return hasUnread;
+ }, [timestampEnterData, directs, myAddress]);
+
+ // useEffect(() => {
+ // if (!myAddress) return;
+ // checkGroupListFunc(myAddress);
+ // return () => {
+ // if (checkGroupInterval?.current) {
+ // clearInterval(checkGroupInterval.current);
+ // }
+ // };
+ // }, [checkGroupListFunc, myAddress]);
+
+ const getPublishesFromAdmins = async (admins: string[]) => {
+ // const validApi = await findUsableApi();
+ const queryString = admins.map((name) => `name=${name}`).join("&");
+ const url = `${getBaseApiReact()}/arbitrary/resources/search?mode=ALL&service=DOCUMENT_PRIVATE&identifier=symmetric-qchat-group-${
+ selectedGroup?.groupId
+ }&exactmatchnames=true&limit=10&reverse=true&${queryString}`;
+ const response = await fetch(url);
+ if(!response.ok){
+ throw new Error('network error')
+ }
+ const adminData = await response.json();
+
+ const filterId = adminData.filter(
+ (data: any) =>
+ data.identifier === `symmetric-qchat-group-${selectedGroup?.groupId}`
+ );
+ if (filterId?.length === 0) {
+ return false;
+ }
+ return filterId[0];
+ };
+ const getSecretKey = async (loadingGroupParam?: boolean) => {
+ try {
+ if (loadingGroupParam) {
+ setIsLoadingGroup(true);
+ }
+ if (selectedGroup?.groupId !== selectedGroupRef.current.groupId) {
+ if (settimeoutForRefetchSecretKey.current) {
+ clearTimeout(settimeoutForRefetchSecretKey.current);
+ }
+ return;
+ }
+ const prevGroupId = selectedGroupRef.current.groupId;
+ // const validApi = await findUsableApi();
+ const groupAdmins = await getGroupAdimns(selectedGroup?.groupId);
+ if(!groupAdmins.length){
+ throw new Error('Network error')
+ }
+ const publish = await getPublishesFromAdmins(groupAdmins);
+
+ if (prevGroupId !== selectedGroupRef.current.groupId) {
+ if (settimeoutForRefetchSecretKey.current) {
+ clearTimeout(settimeoutForRefetchSecretKey.current);
+ }
+ return;
+ }
+ if (publish === false) {
+ setTriedToFetchSecretKey(true);
+ settimeoutForRefetchSecretKey.current = setTimeout(() => {
+ getSecretKey();
+ }, 120000);
+ return;
+ }
+ setSecretKeyPublishDate(publish?.updated || publish?.created);
+
+ const res = await fetch(
+ `${getBaseApiReact()}/arbitrary/DOCUMENT_PRIVATE/${publish.name}/${
+ publish.identifier
+ }?encoding=base64`
+ );
+ const data = await res.text();
+
+ const decryptedKey: any = await decryptResource(data);
+
+ const dataint8Array = base64ToUint8Array(decryptedKey.data);
+ const decryptedKeyToObject = uint8ArrayToObject(dataint8Array);
+
+ if (!validateSecretKey(decryptedKeyToObject))
+ throw new Error("SecretKey is not valid");
+ setSecretKeyDetails(publish);
+ setSecretKey(decryptedKeyToObject);
+
+ setMemberCountFromSecretKeyData(decryptedKey.count);
+ if (decryptedKeyToObject) {
+ setTriedToFetchSecretKey(true);
+ setFirstSecretKeyInCreation(false)
+ return decryptedKeyToObject;
+ } else {
+ setTriedToFetchSecretKey(true);
+ }
+
+ } catch (error) {
+ if(error === 'Unable to decrypt data'){
+ setTriedToFetchSecretKey(true);
+ settimeoutForRefetchSecretKey.current = setTimeout(() => {
+ getSecretKey();
+ }, 120000);
+ }
+
+ } finally {
+ setIsLoadingGroup(false);
+ }
+ };
+
+ useEffect(() => {
+ if (selectedGroup) {
+ setTriedToFetchSecretKey(false);
+ getSecretKey(true);
+ getGroupOwner(selectedGroup?.groupId);
+ }
+ }, [selectedGroup]);
+
+ // const handleNotification = async (data)=> {
+ // try {
+ // if(isFocusedRef.current){
+ // throw new Error('isFocused')
+ // }
+ // const newActiveChats= data
+ // const oldActiveChats = await new Promise((res, rej) => {
+ // chrome.runtime.sendMessage(
+ // {
+ // action: "getChatHeads",
+ // },
+ // (response) => {
+ // console.log({ response });
+ // if (!response?.error) {
+ // res(response);
+ // }
+ // rej(response.error);
+ // }
+ // );
+ // });
+
+ // let results = []
+ // newActiveChats?.groups?.forEach(newChat => {
+ // let isNewer = true;
+ // oldActiveChats?.data?.groups?.forEach(oldChat => {
+ // if (newChat?.timestamp <= oldChat?.timestamp) {
+ // isNewer = false;
+ // }
+ // });
+ // if (isNewer) {
+ // results.push(newChat)
+ // console.log('This newChat is newer than all oldChats:', newChat);
+ // }
+ // });
+
+ // if(results?.length > 0){
+ // if (!lastGroupNotification.current || (Date.now() - lastGroupNotification.current >= 60000)) {
+ // console.log((Date.now() - lastGroupNotification.current >= 60000), lastGroupNotification.current)
+ // chrome.runtime.sendMessage(
+ // {
+ // action: "notification",
+ // payload: {
+ // },
+ // },
+ // (response) => {
+ // console.log({ response });
+ // if (!response?.error) {
+
+ // }
+
+ // }
+ // );
+ // audio.play();
+ // lastGroupNotification.current = Date.now()
+
+ // }
+ // }
+
+ // } catch (error) {
+ // console.log('error not', error)
+ // if(!isFocusedRef.current){
+ // chrome.runtime.sendMessage(
+ // {
+ // action: "notification",
+ // payload: {
+ // },
+ // },
+ // (response) => {
+ // console.log({ response });
+ // if (!response?.error) {
+
+ // }
+
+ // }
+ // );
+ // audio.play();
+ // lastGroupNotification.current = Date.now()
+ // }
+
+ // } finally {
+
+ // chrome.runtime.sendMessage(
+ // {
+ // action: "setChatHeads",
+ // payload: {
+ // data,
+ // },
+ // }
+ // );
+
+ // }
+ // }
+
+ const getAdmins = async (groupId) => {
+ try {
+ const res = await getGroupAdimnsAddress(groupId);
+ setAdmins(res);
+ const adminsWithNames = await getNamesForAdmins(res);
+ setAdminsWithNames(adminsWithNames);
+ } catch (error) {}
+ };
+
+ useEffect(() => {
+ // Listen for messages from the background script
+ chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+
+ if (message.action === "SET_GROUPS") {
+ // Update the component state with the received 'sendqort' state
+ setGroups(message.payload);
+
+ setMemberGroups(message.payload);
+
+ if (selectedGroupRef.current && groupSectionRef.current === "chat") {
+ chrome.runtime.sendMessage({
+ action: "addTimestampEnterChat",
+ payload: {
+ timestamp: Date.now(),
+ groupId: selectedGroupRef.current.groupId,
+ },
+ });
+ }
+ if (selectedDirectRef.current) {
+ chrome.runtime.sendMessage({
+ action: "addTimestampEnterChat",
+ payload: {
+ timestamp: Date.now(),
+ groupId: selectedDirectRef.current.address,
+ },
+ });
+ }
+ setTimeout(() => {
+ getTimestampEnterChat();
+ }, 200);
+ }
+ if (message.action === "SET_GROUP_ANNOUNCEMENTS") {
+ // Update the component state with the received 'sendqort' state
+ setGroupAnnouncements(message.payload);
+
+ if (
+ selectedGroupRef.current &&
+ groupSectionRef.current === "announcement"
+ ) {
+ chrome.runtime.sendMessage({
+ action: "addGroupNotificationTimestamp",
+ payload: {
+ timestamp: Date.now(),
+ groupId: selectedGroupRef.current.groupId,
+ },
+ });
+ setTimeout(() => {
+ getGroupAnnouncements();
+ }, 200);
+ }
+ }
+ if (message.action === "SET_DIRECTS") {
+ // Update the component state with the received 'sendqort' state
+ setDirects(message.payload);
+
+ // if (selectedGroupRef.current) {
+ // chrome.runtime.sendMessage({
+ // action: "addTimestampEnterChat",
+ // payload: {
+ // timestamp: Date.now(),
+ // groupId: selectedGroupRef.current.groupId,
+ // },
+ // });
+ // }
+ // setTimeout(() => {
+ // getTimestampEnterChat();
+ // }, 200);
+ } else if (message.action === "PLAY_NOTIFICATION_SOUND") {
+ audio.play();
+ }
+ });
+ }, []);
+
+ useEffect(() => {
+ if (
+ !myAddress ||
+ hasInitializedWebsocket.current ||
+ !window?.location?.href?.includes("?main=true") ||
+ !groups ||
+ groups?.length === 0
+ )
+ return;
+
+ chrome.runtime.sendMessage({ action: "setupGroupWebsocket" });
+
+ hasInitializedWebsocket.current = true;
+ }, [myAddress, groups]);
+
+
+ const getMembers = async (groupId) => {
+ try {
+ const res = await getGroupMembers(groupId);
+ setMembers(res);
+ } catch (error) {}
+ };
+ useEffect(() => {
+ if (selectedGroup?.groupId) {
+ getAdmins(selectedGroup?.groupId);
+ getMembers(selectedGroup?.groupId);
+ }
+ }, [selectedGroup?.groupId]);
+
+ const shouldReEncrypt = useMemo(() => {
+
+ if (triedToFetchSecretKey && !secretKeyPublishDate) return true;
+ if (
+ !secretKeyPublishDate ||
+ !memberCountFromSecretKeyData ||
+ members.length === 0
+ )
+ return false;
+ const isDiffMemberNumber =
+ memberCountFromSecretKeyData !== members?.memberCount &&
+ newEncryptionNotification?.text?.data?.numberOfMembers !==
+ members?.memberCount;
+
+ if (isDiffMemberNumber) return true;
+
+ const latestJoined = members?.members.reduce((maxJoined, current) => {
+ return current.joined > maxJoined ? current.joined : maxJoined;
+ }, members?.members[0].joined);
+
+ if (
+ secretKeyPublishDate < latestJoined &&
+ newEncryptionNotification?.data?.timestamp < latestJoined
+ ) {
+ return true;
+ }
+ return false;
+ }, [
+ memberCountFromSecretKeyData,
+ members,
+ secretKeyPublishDate,
+ newEncryptionNotification,
+ triedToFetchSecretKey,
+ ]);
+
+ const notifyAdmin = async (admin) => {
+ try {
+ setIsLoadingNotifyAdmin(true);
+ await new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "notifyAdminRegenerateSecretKey",
+ payload: {
+ adminAddress: admin.address,
+ groupName: selectedGroup?.groupName,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ res(response);
+ }
+ rej(response.error);
+ }
+ );
+ });
+ setInfoSnack({
+ type: "success",
+ message: "Successfully sent notification.",
+ });
+ setOpenSnack(true);
+ } catch (error) {
+ setInfoSnack({
+ type: "error",
+ message: "Unable to send notification",
+ });
+ } finally {
+ setIsLoadingNotifyAdmin(false);
+ }
+ };
+
+ const isUnreadChat = useMemo(() => {
+ const findGroup = groups
+ .filter((group) => group?.sender !== myAddress)
+ .find((gr) => gr?.groupId === selectedGroup?.groupId);
+ if (!findGroup) return false;
+ return (
+ findGroup?.timestamp &&
+ ((!timestampEnterData[selectedGroup?.groupId] &&
+ Date.now() - findGroup?.timestamp <
+ timeDifferenceForNotificationChats) ||
+ timestampEnterData?.[selectedGroup?.groupId] < findGroup?.timestamp)
+ );
+ }, [timestampEnterData, selectedGroup]);
+
+ const isUnread = useMemo(() => {
+
+ if (!selectedGroup) return false;
+ return (
+ groupAnnouncements?.[selectedGroup?.groupId]?.seentimestamp === false
+ );
+ }, [groupAnnouncements, selectedGroup, myAddress]);
+
+ const openDirectChatFromNotification = (e) => {
+ if (isLoadingOpenSectionFromNotification.current) return;
+ isLoadingOpenSectionFromNotification.current = true;
+ const directAddress = e.detail?.from;
+
+ const findDirect = directs?.find(
+ (direct) => direct?.address === directAddress
+ );
+ if (findDirect?.address === selectedDirect?.address) {
+ isLoadingOpenSectionFromNotification.current = false;
+ return;
+ }
+ if (findDirect) {
+ setChatMode("directs");
+ setSelectedDirect(null);
+ setSelectedGroup(null);
+
+ setNewChat(false);
+
+ chrome.runtime.sendMessage({
+ action: "addTimestampEnterChat",
+ payload: {
+ timestamp: Date.now(),
+ groupId: findDirect.address,
+ },
+ });
+
+ setTimeout(() => {
+ setSelectedDirect(findDirect);
+ getTimestampEnterChat();
+ isLoadingOpenSectionFromNotification.current = false;
+ }, 200);
+ } else {
+ isLoadingOpenSectionFromNotification.current = false;
+ }
+ };
+
+ useEffect(() => {
+ subscribeToEvent("openDirectMessage", openDirectChatFromNotification);
+
+ return () => {
+ unsubscribeFromEvent("openDirectMessage", openDirectChatFromNotification);
+ };
+ }, [directs, selectedDirect]);
+ const openGroupChatFromNotification = (e) => {
+ if (isLoadingOpenSectionFromNotification.current) return;
+
+ const groupId = e.detail?.from;
+
+ const findGroup = groups?.find((group) => +group?.groupId === +groupId);
+ if (findGroup?.groupId === selectedGroup?.groupId) {
+ isLoadingOpenSectionFromNotification.current = false;
+
+ return;
+ }
+ if (findGroup) {
+ setChatMode("groups");
+ setSelectedGroup(null);
+ setSelectedDirect(null);
+
+ setNewChat(false);
+ setSecretKey(null);
+ setSecretKeyPublishDate(null);
+ setAdmins([]);
+ setSecretKeyDetails(null);
+ setAdminsWithNames([]);
+ setMembers([]);
+ setMemberCountFromSecretKeyData(null);
+ setTriedToFetchSecretKey(false);
+ setFirstSecretKeyInCreation(false)
+ setGroupSection("chat");
+
+ chrome.runtime.sendMessage({
+ action: "addTimestampEnterChat",
+ payload: {
+ timestamp: Date.now(),
+ groupId: findGroup.groupId,
+ },
+ });
+
+ setTimeout(() => {
+ setSelectedGroup(findGroup);
+
+ getTimestampEnterChat();
+ isLoadingOpenSectionFromNotification.current = false;
+ }, 200);
+ } else {
+ isLoadingOpenSectionFromNotification.current = false;
+ }
+ };
+
+ useEffect(() => {
+ subscribeToEvent("openGroupMessage", openGroupChatFromNotification);
+
+ return () => {
+ unsubscribeFromEvent("openGroupMessage", openGroupChatFromNotification);
+ };
+ }, [groups, selectedGroup]);
+
+ const openGroupAnnouncementFromNotification = (e) => {
+
+ const groupId = e.detail?.from;
+
+ const findGroup = groups?.find((group) => +group?.groupId === +groupId);
+ if (findGroup?.groupId === selectedGroup?.groupId) return;
+ if (findGroup) {
+ setChatMode("groups");
+ setSelectedGroup(null);
+ setSecretKey(null);
+ setSecretKeyPublishDate(null);
+ setAdmins([]);
+ setSecretKeyDetails(null);
+ setAdminsWithNames([]);
+ setMembers([]);
+ setMemberCountFromSecretKeyData(null);
+ setTriedToFetchSecretKey(false);
+ setFirstSecretKeyInCreation(false)
+ setGroupSection("announcement");
+ chrome.runtime.sendMessage({
+ action: "addGroupNotificationTimestamp",
+ payload: {
+ timestamp: Date.now(),
+ groupId: findGroup.groupId,
+ },
+ });
+ setTimeout(() => {
+ setSelectedGroup(findGroup);
+
+ getGroupAnnouncements();
+ }, 200);
+ }
+ };
+
+ useEffect(() => {
+ subscribeToEvent(
+ "openGroupAnnouncement",
+ openGroupAnnouncementFromNotification
+ );
+
+ return () => {
+ unsubscribeFromEvent(
+ "openGroupAnnouncement",
+ openGroupAnnouncementFromNotification
+ );
+ };
+ }, [groups, selectedGroup]);
+
+ const openThreadNewPostFunc = (e) => {
+ const data = e.detail?.data;
+ const { groupId } = data;
+ const findGroup = groups?.find((group) => +group?.groupId === +groupId);
+ if (findGroup?.groupId === selectedGroup?.groupId) {
+ setGroupSection("forum");
+ setDefaultThread(data);
+ // setTimeout(() => {
+ // executeEvent("setThreadByEvent", {
+ // data: data
+ // });
+ // }, 400);
+ return;
+ }
+ if (findGroup) {
+ setChatMode("groups");
+ setSelectedGroup(null);
+ setSecretKey(null);
+ setSecretKeyPublishDate(null);
+ setAdmins([]);
+ setSecretKeyDetails(null);
+ setAdminsWithNames([]);
+ setMembers([]);
+ setMemberCountFromSecretKeyData(null);
+ setTriedToFetchSecretKey(false);
+ setFirstSecretKeyInCreation(false)
+ setGroupSection("forum");
+ setDefaultThread(data);
+
+ setTimeout(() => {
+ setSelectedGroup(findGroup);
+
+ getGroupAnnouncements();
+ }, 200);
+ }
+ };
+
+ useEffect(() => {
+ subscribeToEvent("openThreadNewPost", openThreadNewPostFunc);
+
+ return () => {
+ unsubscribeFromEvent("openThreadNewPost", openThreadNewPostFunc);
+ };
+ }, [groups, selectedGroup]);
+
+ const handleSecretKeyCreationInProgress = ()=> {
+ setFirstSecretKeyInCreation(true)
+ }
+
+
+
+ return (
+ <>
+
+ Group Invites
+
+
+ )}
+ {!loading && groupsWithJoinRequests.length === 0 && (
+
+ No invites
+
+ )}
+
+ );
+};
diff --git a/src/components/Group/GroupJoinRequests.tsx b/src/components/Group/GroupJoinRequests.tsx
new file mode 100644
index 0000000..1123d57
--- /dev/null
+++ b/src/components/Group/GroupJoinRequests.tsx
@@ -0,0 +1,170 @@
+import * as React from "react";
+import List from "@mui/material/List";
+import ListItem from "@mui/material/ListItem";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import Checkbox from "@mui/material/Checkbox";
+import IconButton from "@mui/material/IconButton";
+import CommentIcon from "@mui/icons-material/Comment";
+import InfoIcon from "@mui/icons-material/Info";
+import { RequestQueueWithPromise } from "../../utils/queue/queue";
+import GroupAddIcon from '@mui/icons-material/GroupAdd';
+import { executeEvent } from "../../utils/events";
+import { Box, Typography } from "@mui/material";
+import { Spacer } from "../../common/Spacer";
+import { CustomLoader } from "../../common/CustomLoader";
+import { getBaseApi } from "../../background";
+import { getBaseApiReact } from "../../App";
+export const requestQueueGroupJoinRequests = new RequestQueueWithPromise(3)
+
+export const GroupJoinRequests = ({ myAddress, groups, setOpenManageMembers, getTimestampEnterChat, setSelectedGroup, setGroupSection }) => {
+ const [groupsWithJoinRequests, setGroupsWithJoinRequests] = React.useState([])
+ const [loading, setLoading] = React.useState(true)
+
+
+
+ const getJoinRequests = async ()=> {
+ try {
+ setLoading(true)
+
+ let groupsAsAdmin = []
+ const getAllGroupsAsAdmin = groups.map(async (group)=> {
+
+ const isAdminResponse = await requestQueueGroupJoinRequests.enqueue(()=> {
+ return fetch(
+ `${getBaseApiReact()}/groups/members/${group.groupId}?limit=0&onlyAdmins=true`
+ );
+ })
+ const isAdminData = await isAdminResponse.json()
+
+
+ const findMyself = isAdminData?.members?.find((member)=> member.member === myAddress)
+
+ if(findMyself){
+ groupsAsAdmin.push(group)
+ }
+ return true
+ })
+
+ // const getJoinGroupRequests = groupsAsAdmin.map(async (group)=> {
+ // console.log('getJoinGroupRequests', group)
+ // const joinRequestResponse = await requestQueueGroupJoinRequests.enqueue(()=> {
+ // return fetch(
+ // `${getBaseApiReact()}/groups/joinrequests/${group.groupId}`
+ // );
+ // })
+
+ // const joinRequestData = await joinRequestResponse.json()
+ // return {
+ // group,
+ // data: joinRequestData
+ // }
+ // })
+ await Promise.all(getAllGroupsAsAdmin)
+ const res = await Promise.all(groupsAsAdmin.map(async (group)=> {
+
+ const joinRequestResponse = await requestQueueGroupJoinRequests.enqueue(()=> {
+ return fetch(
+ `${getBaseApiReact()}/groups/joinrequests/${group.groupId}`
+ );
+ })
+
+ const joinRequestData = await joinRequestResponse.json()
+ return {
+ group,
+ data: joinRequestData
+ }
+ }))
+ setGroupsWithJoinRequests(res)
+ } catch (error) {
+
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ React.useEffect(() => {
+ if (myAddress && groups.length > 0) {
+ getJoinRequests()
+ } else {
+ setLoading(false)
+ }
+ }, [myAddress, groups]);
+
+
+
+ return (
+
+ Join Requests
+
+
+ )}
+ {!loading && groupsWithJoinRequests.length === 0 && (
+
+ No join requests
+
+ )}
+
+ );
+};
diff --git a/src/components/Group/InviteMember.tsx b/src/components/Group/InviteMember.tsx
new file mode 100644
index 0000000..5a22678
--- /dev/null
+++ b/src/components/Group/InviteMember.tsx
@@ -0,0 +1,108 @@
+import { LoadingButton } from "@mui/lab";
+import {
+ Box,
+ Button,
+ Input,
+ MenuItem,
+ Select,
+ SelectChangeEvent,
+} from "@mui/material";
+import React, { useState } from "react";
+import { Spacer } from "../../common/Spacer";
+import { Label } from "./AddGroup";
+import { getFee } from "../../background";
+
+export const InviteMember = ({ groupId, setInfoSnack, setOpenSnack, show }) => {
+ const [value, setValue] = useState("");
+ const [expiryTime, setExpiryTime] = useState('259200');
+ const [isLoadingInvite, setIsLoadingInvite] = useState(false)
+ const inviteMember = async () => {
+ try {
+ const fee = await getFee('GROUP_INVITE')
+ await show({
+ message: "Would you like to perform a GROUP_INVITE transaction?" ,
+ publishFee: fee.fee + ' QORT'
+ })
+ setIsLoadingInvite(true)
+ if (!expiryTime || !value) return;
+ new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "inviteToGroup",
+ payload: {
+ groupId,
+ qortalAddress: value,
+ inviteTime: +expiryTime,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ setInfoSnack({
+ type: "success",
+ message: `Successfully invited ${value}. It may take a couple of minutes for the changes to propagate`,
+ });
+ setOpenSnack(true);
+ res(response);
+
+ setValue("");
+ return
+ }
+ setInfoSnack({
+ type: "error",
+ message: response?.error,
+ });
+ setOpenSnack(true);
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {} finally {
+ setIsLoadingInvite(false)
+ }
+ };
+
+ const handleChange = (event: SelectChangeEvent) => {
+ setExpiryTime(event.target.value as string);
+ };
+
+ return (
+
+ Invite member
+ Invite
+
+ );
+};
diff --git a/src/components/Group/ListOfBans.tsx b/src/components/Group/ListOfBans.tsx
new file mode 100644
index 0000000..6cd1236
--- /dev/null
+++ b/src/components/Group/ListOfBans.tsx
@@ -0,0 +1,188 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Avatar, Box, Button, ListItem, ListItemAvatar, ListItemButton, ListItemText, Popover } from '@mui/material';
+import { AutoSizer, CellMeasurer, CellMeasurerCache, List } from 'react-virtualized';
+import { getNameInfo } from './Group';
+import { getBaseApi, getFee } from '../../background';
+import { LoadingButton } from '@mui/lab';
+import { getBaseApiReact } from '../../App';
+
+export const getMemberInvites = async (groupNumber) => {
+ const response = await fetch(`${getBaseApiReact()}/groups/bans/${groupNumber}?limit=0`);
+ const groupData = await response.json();
+ return groupData;
+}
+
+const getNames = async (listOfMembers) => {
+ let members = [];
+ if (listOfMembers && Array.isArray(listOfMembers)) {
+ for (const member of listOfMembers) {
+ if (member.offender) {
+ const name = await getNameInfo(member.offender);
+ if (name) {
+ members.push({ ...member, name });
+ }
+ }
+ }
+ }
+ return members;
+}
+
+const cache = new CellMeasurerCache({
+ fixedWidth: true,
+ defaultHeight: 50,
+});
+
+export const ListOfBans = ({ groupId, setInfoSnack, setOpenSnack, show }) => {
+ const [bans, setBans] = useState([]);
+ const [popoverAnchor, setPopoverAnchor] = useState(null); // Track which list item the popover is anchored to
+ const [openPopoverIndex, setOpenPopoverIndex] = useState(null); // Track which list item has the popover open
+ const listRef = useRef();
+ const [isLoadingUnban, setIsLoadingUnban] = useState(false);
+
+ const getInvites = async (groupId) => {
+ try {
+ const res = await getMemberInvites(groupId);
+ const resWithNames = await getNames(res);
+ setBans(resWithNames);
+ } catch (error) {
+ console.error(error);
+ }
+ }
+
+ useEffect(() => {
+ if (groupId) {
+ getInvites(groupId);
+ }
+ }, [groupId]);
+
+ const handlePopoverOpen = (event, index) => {
+ setPopoverAnchor(event.currentTarget);
+ setOpenPopoverIndex(index);
+ };
+
+ const handlePopoverClose = () => {
+ setPopoverAnchor(null);
+ setOpenPopoverIndex(null);
+ };
+
+ const handleCancelBan = async (address)=> {
+ try {
+ const fee = await getFee('CANCEL_GROUP_BAN')
+ await show({
+ message: "Would you like to perform a CANCEL_GROUP_BAN transaction?" ,
+ publishFee: fee.fee + ' QORT'
+ })
+ setIsLoadingUnban(true)
+ new Promise((res, rej)=> {
+ chrome.runtime.sendMessage({ action: "cancelBan", payload: {
+ groupId,
+ qortalAddress: address,
+ }}, (response) => {
+
+ if (!response?.error) {
+ res(response)
+ setIsLoadingUnban(false)
+ setInfoSnack({
+ type: "success",
+ message: "Successfully unbanned user. It may take a couple of minutes for the changes to propagate",
+ });
+ handlePopoverClose();
+ setOpenSnack(true);
+ return
+ }
+ setInfoSnack({
+ type: "error",
+ message: response?.error,
+ });
+ setOpenSnack(true);
+ rej(response.error)
+ });
+ })
+ } catch (error) {
+
+ } finally {
+ setIsLoadingUnban(false)
+ }
+ }
+
+ const rowRenderer = ({ index, key, parent, style }) => {
+ const member = bans[index];
+
+ return (
+
+ {({ measure }) => (
+
+ );
+ };
+
+ return (
+
+ {({ measure }) => (
+
+ );
+ };
+
+ return (
+
+ {({ measure }) => (
+
+ );
+ };
+
+ return (
+
+ {({ measure }) => (
+
+ );
+ };
+
+ return (
+
+ New Thread Posts
+
+
+ )}
+ {!loading && posts.length === 0 && (
+
+ No thread post notifications
+
+ )}
+
+ );
+};
diff --git a/src/components/Group/ManageMembers.tsx b/src/components/Group/ManageMembers.tsx
new file mode 100644
index 0000000..aebb3fb
--- /dev/null
+++ b/src/components/Group/ManageMembers.tsx
@@ -0,0 +1,316 @@
+import * as React from "react";
+import Button from "@mui/material/Button";
+import Dialog from "@mui/material/Dialog";
+import ListItemText from "@mui/material/ListItemText";
+import ListItemButton from "@mui/material/ListItemButton";
+import List from "@mui/material/List";
+import Divider from "@mui/material/Divider";
+import AppBar from "@mui/material/AppBar";
+import Toolbar from "@mui/material/Toolbar";
+import IconButton from "@mui/material/IconButton";
+import Typography from "@mui/material/Typography";
+import CloseIcon from "@mui/icons-material/Close";
+import Slide from "@mui/material/Slide";
+import { TransitionProps } from "@mui/material/transitions";
+import ListOfMembers from "./ListOfMembers";
+import { InviteMember } from "./InviteMember";
+import { ListOfInvites } from "./ListOfInvites";
+import { ListOfBans } from "./ListOfBans";
+import { ListOfJoinRequests } from "./ListOfJoinRequests";
+import { Box, Tab, Tabs } from "@mui/material";
+import { CustomizedSnackbars } from "../Snackbar/Snackbar";
+import { MyContext } from "../../App";
+import { getGroupMembers, getNames } from "./Group";
+import { LoadingSnackbar } from "../Snackbar/LoadingSnackbar";
+import { getFee } from "../../background";
+import { LoadingButton } from "@mui/lab";
+import { subscribeToEvent, unsubscribeFromEvent } from "../../utils/events";
+
+function a11yProps(index: number) {
+ return {
+ id: `simple-tab-${index}`,
+ "aria-controls": `simple-tabpanel-${index}`,
+ };
+}
+
+const Transition = React.forwardRef(function Transition(
+ props: TransitionProps & {
+ children: React.ReactElement;
+ },
+ ref: React.Ref
+) {
+ return
+
+
+
+ );
+};
diff --git a/src/components/Group/ThingsToDoInitial.tsx b/src/components/Group/ThingsToDoInitial.tsx
new file mode 100644
index 0000000..18f75b5
--- /dev/null
+++ b/src/components/Group/ThingsToDoInitial.tsx
@@ -0,0 +1,166 @@
+import * as React from "react";
+import List from "@mui/material/List";
+import ListItem from "@mui/material/ListItem";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import Checkbox from "@mui/material/Checkbox";
+import IconButton from "@mui/material/IconButton";
+import CommentIcon from "@mui/icons-material/Comment";
+import InfoIcon from "@mui/icons-material/Info";
+import { Box, Typography } from "@mui/material";
+import { Spacer } from "../../common/Spacer";
+
+export const ThingsToDoInitial = ({ myAddress, name, hasGroups, balance }) => {
+ const [checked1, setChecked1] = React.useState(false);
+ const [checked2, setChecked2] = React.useState(false);
+ const [checked3, setChecked3] = React.useState(false);
+
+// const getAddressInfo = async (address) => {
+// const response = await fetch(getBaseApiReact() + "/addresses/" + address);
+// const data = await response.json();
+// if (data.error && data.error === 124) {
+// setChecked1(false);
+// } else if (data.address) {
+// setChecked1(true);
+// }
+// };
+
+// const checkInfo = async () => {
+// try {
+// getAddressInfo(myAddress);
+// } catch (error) {}
+// };
+
+
+
+ React.useEffect(() => {
+ if (balance && +balance >= 6) {
+ setChecked1(true)
+ }
+ }, [balance]);
+
+ React.useEffect(()=> {
+ if(hasGroups) setChecked3(true)
+ }, [hasGroups])
+
+ React.useEffect(()=> {
+ if(name) setChecked2(true)
+ }, [name])
+
+ return (
+
+ Suggestion: Complete the following
+
+ );
+};
diff --git a/src/components/Group/UserListOfInvites.tsx b/src/components/Group/UserListOfInvites.tsx
new file mode 100644
index 0000000..d126024
--- /dev/null
+++ b/src/components/Group/UserListOfInvites.tsx
@@ -0,0 +1,206 @@
+import { Box, Button, ListItem, ListItemButton, ListItemText, Popover, Typography } from '@mui/material';
+import React, { useContext, useEffect, useRef, useState } from 'react'
+import { AutoSizer, CellMeasurer, CellMeasurerCache, List } from 'react-virtualized';
+import { MyContext, getBaseApiReact } from '../../App';
+import { LoadingButton } from '@mui/lab';
+import { getBaseApi, getFee } from '../../background';
+
+
+const cache = new CellMeasurerCache({
+ fixedWidth: true,
+ defaultHeight: 50,
+ });
+
+
+
+const getGroupInfo = async (groupId)=> {
+ const response = await fetch(`${getBaseApiReact()}/groups/` + groupId);
+ const groupData = await response.json();
+
+ if (groupData) {
+ return groupData
+ }
+}
+ export const getGroupNames = async (listOfGroups) => {
+ let groups = [];
+ if (listOfGroups && Array.isArray(listOfGroups)) {
+ for (const group of listOfGroups) {
+
+ const groupInfo = await getGroupInfo(group.groupId);
+ if (groupInfo) {
+ groups.push({ ...group, ...groupInfo });
+
+ }
+ }
+ }
+ return groups;
+ }
+
+export const UserListOfInvites = ({myAddress, setInfoSnack, setOpenSnack}) => {
+ const {txList, setTxList, show} = useContext(MyContext)
+ const [invites, setInvites] = useState([]);
+ const [isLoading, setIsLoading] = useState(false);
+
+ const [popoverAnchor, setPopoverAnchor] = useState(null); // Track which list item the popover is anchored to
+ const [openPopoverIndex, setOpenPopoverIndex] = useState(null); // Track which list item has the popover open
+ const listRef = useRef();
+
+ const getRequests = async () => {
+ try {
+ const response = await fetch(`${getBaseApiReact()}/groups/invites/${myAddress}/?limit=0`);
+ const inviteData = await response.json();
+
+ const resMoreData = await getGroupNames(inviteData)
+ setInvites(resMoreData);
+ } catch (error) {
+ console.error(error);
+ }
+ }
+
+ useEffect(() => {
+
+ getRequests();
+
+ }, []);
+
+ const handlePopoverOpen = (event, index) => {
+ setPopoverAnchor(event.currentTarget);
+ setOpenPopoverIndex(index);
+ };
+
+ const handlePopoverClose = () => {
+ setPopoverAnchor(null);
+ setOpenPopoverIndex(null);
+ };
+
+ const handleJoinGroup = async (groupId, groupName)=> {
+ try {
+
+ const fee = await getFee('JOIN_GROUP')
+ await show({
+ message: "Would you like to perform an JOIN_GROUP transaction?" ,
+ publishFee: fee.fee + ' QORT'
+ })
+
+ setIsLoading(true);
+
+ await new Promise((res, rej)=> {
+ chrome.runtime.sendMessage({ action: "joinGroup", payload: {
+ groupId,
+ }}, (response) => {
+
+ if (!response?.error) {
+ setTxList((prev)=> [{
+ ...response,
+ type: 'joined-group',
+ label: `Joined Group ${groupName}: awaiting confirmation`,
+ labelDone: `Joined Group ${groupName}: success !`,
+ done: false,
+ groupId,
+
+ }, ...prev])
+ res(response)
+ setInfoSnack({
+ type: "success",
+ message: "Successfully requested to join group. It may take a couple of minutes for the changes to propagate",
+ });
+ setOpenSnack(true);
+ handlePopoverClose();
+ return
+ }
+ setInfoSnack({
+ type: "error",
+ message: response?.error,
+ });
+ setOpenSnack(true);
+ rej(response.error)
+
+ });
+ })
+
+ } catch (error) {
+
+ } finally {
+ setIsLoading(false);
+
+ }
+ }
+
+ const rowRenderer = ({ index, key, parent, style }) => {
+ const invite = invites[index];
+
+ return (
+
+ {({ measure }) => (
+
+ );
+ };
+
+ return (
+
+
+
,
)
diff --git a/src/qdn/encryption/group-encryption.ts b/src/qdn/encryption/group-encryption.ts
new file mode 100644
index 0000000..a93938f
--- /dev/null
+++ b/src/qdn/encryption/group-encryption.ts
@@ -0,0 +1,266 @@
+// @ts-nocheck
+
+import Base58 from "../../deps/Base58"
+import ed2curve from "../../deps/ed2curve"
+import nacl from "../../deps/nacl-fast"
+
+
+export function base64ToUint8Array(base64: string) {
+ const binaryString = atob(base64)
+ const len = binaryString.length
+ const bytes = new Uint8Array(len)
+ for (let i = 0; i < len; i++) {
+ bytes[i] = binaryString.charCodeAt(i)
+ }
+ return bytes
+}
+
+export function uint8ArrayToBase64(uint8Array: any) {
+ const length = uint8Array.length
+ let binaryString = ''
+ const chunkSize = 1024 * 1024; // Process 1MB at a time
+ for (let i = 0; i < length; i += chunkSize) {
+ const chunkEnd = Math.min(i + chunkSize, length)
+ const chunk = uint8Array.subarray(i, chunkEnd)
+ binaryString += Array.from(chunk, byte => String.fromCharCode(byte)).join('')
+ }
+ return btoa(binaryString)
+}
+
+export function objectToBase64(obj: Object) {
+ // Step 1: Convert the object to a JSON string
+ const jsonString = JSON.stringify(obj)
+ // Step 2: Create a Blob from the JSON string
+ const blob = new Blob([jsonString], { type: 'application/json' })
+ // Step 3: Create a FileReader to read the Blob as a base64-encoded string
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader()
+ reader.onloadend = () => {
+ if (typeof reader.result === 'string') {
+ // Remove 'data:application/json;base64,' prefix
+ const base64 = reader.result.replace(
+ 'data:application/json;base64,',
+ ''
+ )
+ resolve(base64)
+ } else {
+ reject(new Error('Failed to read the Blob as a base64-encoded string'))
+ }
+ }
+ reader.onerror = () => {
+ reject(reader.error)
+ }
+ reader.readAsDataURL(blob)
+ })
+}
+
+// Function to create a symmetric key and nonce
+export const createSymmetricKeyAndNonce = () => {
+ const messageKey = new Uint8Array(32); // 32 bytes for the symmetric key
+ crypto.getRandomValues(messageKey);
+
+ const nonce = new Uint8Array(24); // 24 bytes for the nonce
+ crypto.getRandomValues(nonce);
+
+ return { messageKey: uint8ArrayToBase64(messageKey), nonce: uint8ArrayToBase64(nonce) };
+};
+
+
+export const encryptDataGroup = ({ data64, publicKeys, privateKey, userPublicKey }: any) => {
+
+ let combinedPublicKeys = publicKeys
+ const decodedPrivateKey = Base58.decode(privateKey)
+ const publicKeysDuplicateFree = [...new Set(combinedPublicKeys)]
+
+ const Uint8ArrayData = base64ToUint8Array(data64)
+ if (!(Uint8ArrayData instanceof Uint8Array)) {
+ throw new Error("The Uint8ArrayData you've submitted is invalid")
+ }
+ try {
+ // Generate a random symmetric key for the message.
+ const messageKey = new Uint8Array(32)
+ crypto.getRandomValues(messageKey)
+ const nonce = new Uint8Array(24)
+ crypto.getRandomValues(nonce)
+ // Encrypt the data with the symmetric key.
+ const encryptedData = nacl.secretbox(Uint8ArrayData, nonce, messageKey)
+ // Generate a keyNonce outside of the loop.
+ const keyNonce = new Uint8Array(24)
+ crypto.getRandomValues(keyNonce)
+ // Encrypt the symmetric key for each recipient.
+ let encryptedKeys = []
+ publicKeysDuplicateFree.forEach((recipientPublicKey) => {
+ const publicKeyUnit8Array = Base58.decode(recipientPublicKey)
+ const convertedPrivateKey = ed2curve.convertSecretKey(decodedPrivateKey)
+ const convertedPublicKey = ed2curve.convertPublicKey(publicKeyUnit8Array)
+ const sharedSecret = new Uint8Array(32)
+
+ // the length of the sharedSecret will be 32 + 16
+ // When you're encrypting data using nacl.secretbox, it's adding an authentication tag to the result, which is 16 bytes long. This tag is used for verifying the integrity and authenticity of the data when it is decrypted
+ nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey)
+
+ // Encrypt the symmetric key with the shared secret.
+ const encryptedKey = nacl.secretbox(messageKey, keyNonce, sharedSecret)
+
+ encryptedKeys.push(encryptedKey)
+ })
+ const str = "qortalGroupEncryptedData"
+ const strEncoder = new TextEncoder()
+ const strUint8Array = strEncoder.encode(str)
+ // Convert sender's public key to Uint8Array and add to the message
+ const senderPublicKeyUint8Array = Base58.decode(userPublicKey)
+ // Combine all data into a single Uint8Array.
+ // Calculate size of combinedData
+ let combinedDataSize = strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length + encryptedData.length + 4
+ let encryptedKeysSize = 0
+ encryptedKeys.forEach((key) => {
+ encryptedKeysSize += key.length
+ })
+ combinedDataSize += encryptedKeysSize
+ let combinedData = new Uint8Array(combinedDataSize)
+ combinedData.set(strUint8Array)
+ combinedData.set(nonce, strUint8Array.length)
+ combinedData.set(keyNonce, strUint8Array.length + nonce.length)
+ combinedData.set(senderPublicKeyUint8Array, strUint8Array.length + nonce.length + keyNonce.length)
+ combinedData.set(encryptedData, strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length)
+ // Initialize offset for encryptedKeys
+ let encryptedKeysOffset = strUint8Array.length + nonce.length + keyNonce.length + senderPublicKeyUint8Array.length + encryptedData.length
+ encryptedKeys.forEach((key) => {
+ combinedData.set(key, encryptedKeysOffset)
+ encryptedKeysOffset += key.length
+ })
+ const countArray = new Uint8Array(new Uint32Array([publicKeysDuplicateFree.length]).buffer)
+ combinedData.set(countArray, combinedData.length - 4)
+ return uint8ArrayToBase64(combinedData)
+ } catch (error) {
+
+ throw new Error("Error in encrypting data")
+ }
+}
+
+export const encryptSingle = async ({ data64,secretKeyObject }: any) => {
+
+ const highestKey = Math.max(...Object.keys(secretKeyObject).filter(item=> !isNaN(+item)).map(Number));
+
+
+ const highestKeyObject = secretKeyObject[highestKey];
+
+ const Uint8ArrayData = base64ToUint8Array(data64)
+ const nonce = base64ToUint8Array(highestKeyObject.nonce)
+ const messageKey = base64ToUint8Array(highestKeyObject.messageKey)
+
+ if (!(Uint8ArrayData instanceof Uint8Array)) {
+ throw new Error("The Uint8ArrayData you've submitted is invalid")
+ }
+ try {
+ const encryptedData = nacl.secretbox(Uint8ArrayData, nonce, messageKey);
+
+ const encryptedDataBase64 = uint8ArrayToBase64(encryptedData)
+ const highestKeyStr = highestKey.toString().padStart(10, '0'); // Fixed length of 10 digits
+ const concatenatedData = highestKeyStr + encryptedDataBase64;
+ const finalEncryptedData = btoa(concatenatedData);
+
+
+ return finalEncryptedData;
+ } catch (error) {
+
+ throw new Error("Error in encrypting data")
+ }
+}
+
+export const decryptSingle = async ({ data64, secretKeyObject, skipDecodeBase64 }: any) => {
+
+
+ const decodedData = skipDecodeBase64 ? data64 : atob(data64);
+
+ // Extract the key (assuming it's 10 characters long)
+ const decodeForNumber = atob(decodedData)
+ const keyStr = decodeForNumber.slice(0, 10);
+
+ // Convert the key string back to a number
+ const highestKey = parseInt(keyStr, 10);
+
+ // Extract the remaining part as the Base64-encoded encrypted data
+ const encryptedDataBase64 = decodeForNumber.slice(10);
+ let _encryptedMessage = encryptedDataBase64
+ if(!secretKeyObject[highestKey]) throw new Error('Cannot find correct secretKey')
+ const nonce64 = secretKeyObject[highestKey].nonce
+ const messageKey64 = secretKeyObject[highestKey].messageKey
+
+ const Uint8ArrayData = base64ToUint8Array(_encryptedMessage)
+ const nonce = base64ToUint8Array(nonce64)
+ const messageKey = base64ToUint8Array(messageKey64)
+
+ if (!(Uint8ArrayData instanceof Uint8Array)) {
+ throw new Error("The Uint8ArrayData you've submitted is invalid")
+ }
+
+
+ // Decrypt the data using the nonce and messageKey
+ const decryptedData = nacl.secretbox.open(Uint8ArrayData, nonce, messageKey);
+
+ // Check if decryption was successful
+ if (!decryptedData) {
+ throw new Error("Decryption failed");
+ }
+
+ // Convert the decrypted Uint8Array back to a UTF-8 string
+ return uint8ArrayToBase64(decryptedData)
+
+}
+
+
+export function decryptGroupData(data64EncryptedData: string, privateKey: string) {
+
+ const allCombined = base64ToUint8Array(data64EncryptedData)
+ const str = "qortalGroupEncryptedData"
+ const strEncoder = new TextEncoder()
+ const strUint8Array = strEncoder.encode(str)
+ // Extract the nonce
+ const nonceStartPosition = strUint8Array.length
+ const nonceEndPosition = nonceStartPosition + 24 // Nonce is 24 bytes
+ const nonce = allCombined.slice(nonceStartPosition, nonceEndPosition)
+ // Extract the shared keyNonce
+ const keyNonceStartPosition = nonceEndPosition
+ const keyNonceEndPosition = keyNonceStartPosition + 24 // Nonce is 24 bytes
+ const keyNonce = allCombined.slice(keyNonceStartPosition, keyNonceEndPosition)
+ // Extract the sender's public key
+ const senderPublicKeyStartPosition = keyNonceEndPosition
+ const senderPublicKeyEndPosition = senderPublicKeyStartPosition + 32 // Public keys are 32 bytes
+ const senderPublicKey = allCombined.slice(senderPublicKeyStartPosition, senderPublicKeyEndPosition)
+ // Calculate count first
+ const countStartPosition = allCombined.length - 4 // 4 bytes before the end, since count is stored in Uint32 (4 bytes)
+ const countArray = allCombined.slice(countStartPosition, countStartPosition + 4)
+ const count = new Uint32Array(countArray.buffer)[0]
+ // Then use count to calculate encryptedData
+ const encryptedDataStartPosition = senderPublicKeyEndPosition // start position of encryptedData
+ const encryptedDataEndPosition = allCombined.length - ((count * (32 + 16)) + 4)
+ const encryptedData = allCombined.slice(encryptedDataStartPosition, encryptedDataEndPosition)
+ // Extract the encrypted keys
+ // 32+16 = 48
+ const combinedKeys = allCombined.slice(encryptedDataEndPosition, encryptedDataEndPosition + (count * 48))
+ if (!privateKey) {
+ throw new Error("Unable to retrieve keys")
+ }
+ const decodedPrivateKey = Base58.decode(privateKey)
+ const convertedPrivateKey = ed2curve.convertSecretKey(decodedPrivateKey)
+ const convertedSenderPublicKey = ed2curve.convertPublicKey(senderPublicKey)
+ const sharedSecret = new Uint8Array(32)
+ nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedSenderPublicKey)
+ for (let i = 0; i < count; i++) {
+ const encryptedKey = combinedKeys.slice(i * 48, (i + 1) * 48)
+ // Decrypt the symmetric key.
+ const decryptedKey = nacl.secretbox.open(encryptedKey, keyNonce, sharedSecret)
+
+ // If decryption was successful, decryptedKey will not be null.
+ if (decryptedKey) {
+ // Decrypt the data using the symmetric key.
+ const decryptedData = nacl.secretbox.open(encryptedData, nonce, decryptedKey)
+ // If decryption was successful, decryptedData will not be null.
+ if (decryptedData) {
+ return {decryptedData, count}
+ }
+ }
+ }
+ throw new Error("Unable to decrypt data")
+}
\ No newline at end of file
diff --git a/src/qdn/publish/pubish.ts b/src/qdn/publish/pubish.ts
new file mode 100644
index 0000000..f359bba
--- /dev/null
+++ b/src/qdn/publish/pubish.ts
@@ -0,0 +1,267 @@
+// @ts-nocheck
+
+import { Buffer } from "buffer"
+import Base58 from "../../deps/Base58"
+import nacl from "../../deps/nacl-fast"
+import utils from "../../utils/utils"
+import { createEndpoint, getBaseApi } from "../../background";
+
+export async function reusableGet(endpoint){
+ const validApi = await getBaseApi();
+
+ const response = await fetch(validApi + endpoint);
+ const data = await response.json();
+ return data
+ }
+
+ async function reusablePost(endpoint, _body){
+ // const validApi = await findUsableApi();
+ const url = await createEndpoint(endpoint)
+ const response = await fetch(url, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json'
+ },
+ body: _body
+ });
+ let data
+ try {
+ data = await response.clone().json()
+ } catch (e) {
+ data = await response.text()
+ }
+ return data
+ }
+
+async function getKeyPair() {
+ const res = await chrome.storage.local.get(["keyPair"]);
+ if (res?.keyPair) {
+ return res.keyPair;
+ } else {
+ throw new Error("Wallet not authenticated");
+ }
+ }
+
+export const publishData = async ({
+ registeredName,
+ file,
+ service,
+ identifier,
+ uploadType,
+ isBase64,
+ filename,
+ withFee,
+ title,
+ description,
+ category,
+ tag1,
+ tag2,
+ tag3,
+ tag4,
+ tag5,
+ feeAmount
+}: any) => {
+
+ const validateName = async (receiverName: string) => {
+ return await reusableGet(`/names/${receiverName}`)
+ }
+
+ const convertBytesForSigning = async (transactionBytesBase58: string) => {
+ return await reusablePost('/transactions/convert', transactionBytesBase58)
+ }
+
+ const getArbitraryFee = async () => {
+ const timestamp = Date.now()
+
+ let fee = await reusableGet(`/transactions/unitfee?txType=ARBITRARY×tamp=${timestamp}`)
+
+ return {
+ timestamp,
+ fee: Number(fee),
+ feeToShow: (Number(fee) / 1e8).toFixed(8)
+ }
+ }
+
+ const signArbitraryWithFee = (arbitraryBytesBase58, arbitraryBytesForSigningBase58, keyPair) => {
+ if (!arbitraryBytesBase58) {
+ throw new Error('ArbitraryBytesBase58 not defined')
+ }
+
+ if (!keyPair) {
+ throw new Error('keyPair not defined')
+ }
+
+ const arbitraryBytes = Base58.decode(arbitraryBytesBase58)
+ const _arbitraryBytesBuffer = Object.keys(arbitraryBytes).map(function (key) { return arbitraryBytes[key]; })
+ const arbitraryBytesBuffer = new Uint8Array(_arbitraryBytesBuffer)
+ const arbitraryBytesForSigning = Base58.decode(arbitraryBytesForSigningBase58)
+ const _arbitraryBytesForSigningBuffer = Object.keys(arbitraryBytesForSigning).map(function (key) { return arbitraryBytesForSigning[key]; })
+ const arbitraryBytesForSigningBuffer = new Uint8Array(_arbitraryBytesForSigningBuffer)
+ const signature = nacl.sign.detached(arbitraryBytesForSigningBuffer, keyPair.privateKey)
+
+ return utils.appendBuffer(arbitraryBytesBuffer, signature)
+ }
+
+ const processTransactionVersion2 = async (bytes) => {
+
+ return await reusablePost('/transactions/process?apiVersion=2', Base58.encode(bytes))
+ }
+
+ const signAndProcessWithFee = async (transactionBytesBase58: string) => {
+ let convertedBytesBase58 = await convertBytesForSigning(
+ transactionBytesBase58
+ )
+
+ if (convertedBytesBase58.error) {
+ throw new Error('Error when signing')
+ }
+
+
+ const resKeyPair = await getKeyPair()
+ const parsedData = JSON.parse(resKeyPair)
+ const uint8PrivateKey = Base58.decode(parsedData.privateKey);
+ const uint8PublicKey = Base58.decode(parsedData.publicKey);
+ const keyPair = {
+ privateKey: uint8PrivateKey,
+ publicKey: uint8PublicKey
+ };
+
+ let signedArbitraryBytes = signArbitraryWithFee(transactionBytesBase58, convertedBytesBase58, keyPair)
+ const response = await processTransactionVersion2(signedArbitraryBytes)
+
+ let myResponse = { error: '' }
+
+ if (response === false) {
+ throw new Error('Error when signing')
+ } else {
+ myResponse = response
+ }
+
+ return myResponse
+ }
+
+ const validate = async () => {
+ let validNameRes = await validateName(registeredName)
+
+ if (validNameRes.error) {
+ throw new Error('Name not found')
+ }
+
+ let fee = null
+
+ if (withFee && feeAmount) {
+ fee = feeAmount
+ } else if (withFee) {
+ const res = await getArbitraryFee()
+
+ if (res.fee) {
+ fee = res.fee
+ } else {
+ throw new Error('unable to get fee')
+ }
+ }
+
+ let transactionBytes = await uploadData(registeredName, file, fee)
+
+ if (transactionBytes.error) {
+ throw new Error(transactionBytes.message || 'Error when uploading')
+ } else if (transactionBytes.includes('Error 500 Internal Server Error')) {
+ throw new Error('Error when uploading')
+ }
+
+ let signAndProcessRes
+
+ if (withFee) {
+ signAndProcessRes = await signAndProcessWithFee(transactionBytes)
+ }
+
+ if (signAndProcessRes?.error) {
+ throw new Error('Error when signing')
+ }
+
+ return signAndProcessRes
+ }
+
+ const uploadData = async (registeredName: string, file:any, fee: number) => {
+ if (identifier != null && identifier.trim().length > 0) {
+ let postBody = ''
+ let urlSuffix = ''
+
+ if (file != null) {
+ // If we're sending zipped data, make sure to use the /zip version of the POST /arbitrary/* API
+ if (uploadType === 'zip') {
+ urlSuffix = '/zip'
+ }
+
+ // If we're sending file data, use the /base64 version of the POST /arbitrary/* API
+ else if (uploadType === 'file') {
+ urlSuffix = '/base64'
+ }
+
+ // Base64 encode the file to work around compatibility issues between javascript and java byte arrays
+ if (isBase64) {
+ postBody = file
+ }
+
+ if (!isBase64) {
+ let fileBuffer = new Uint8Array(await file.arrayBuffer())
+ postBody = Buffer.from(fileBuffer).toString("base64")
+ }
+
+ }
+
+ let uploadDataUrl = `/arbitrary/${service}/${registeredName}${urlSuffix}`
+
+ if (identifier.trim().length > 0) {
+ uploadDataUrl = `/arbitrary/${service}/${registeredName}/${identifier}${urlSuffix}`
+ }
+
+ uploadDataUrl = uploadDataUrl + `?fee=${fee}`
+
+
+ if (filename != null && filename != 'undefined') {
+ uploadDataUrl = uploadDataUrl + '&filename=' + encodeURIComponent(filename)
+ }
+
+ if (title != null && title != 'undefined') {
+ uploadDataUrl = uploadDataUrl + '&title=' + encodeURIComponent(title)
+ }
+
+ if (description != null && description != 'undefined') {
+ uploadDataUrl = uploadDataUrl + '&description=' + encodeURIComponent(description)
+ }
+
+ if (category != null && category != 'undefined') {
+ uploadDataUrl = uploadDataUrl + '&category=' + encodeURIComponent(category)
+ }
+
+ if (tag1 != null && tag1 != 'undefined') {
+ uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag1)
+ }
+
+ if (tag2 != null && tag2 != 'undefined') {
+ uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag2)
+ }
+
+ if (tag3 != null && tag3 != 'undefined') {
+ uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag3)
+ }
+
+ if (tag4 != null && tag4 != 'undefined') {
+ uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag4)
+ }
+
+ if (tag5 != null && tag5 != 'undefined') {
+ uploadDataUrl = uploadDataUrl + '&tags=' + encodeURIComponent(tag5)
+ }
+
+ return await reusablePost(uploadDataUrl, postBody)
+ }
+ }
+
+ try {
+ return await validate()
+ } catch (error: any) {
+ throw new Error(error?.message)
+ }
+}
\ No newline at end of file
diff --git a/src/transactions/AddGroupAdminTransaction.ts b/src/transactions/AddGroupAdminTransaction.ts
new file mode 100644
index 0000000..f66f730
--- /dev/null
+++ b/src/transactions/AddGroupAdminTransaction.ts
@@ -0,0 +1,37 @@
+// @ts-nocheck
+
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+
+export default class AddGroupAdminTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 24
+ }
+
+ set rGroupId(rGroupId) {
+ this._rGroupId = rGroupId
+ this._rGroupIdBytes = this.constructor.utils.int32ToBytes(this._rGroupId)
+ }
+
+ set recipient(recipient) {
+ this._recipient = recipient instanceof Uint8Array ? recipient : this.constructor.Base58.decode(recipient)
+ this.theRecipient = recipient
+ }
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._rGroupIdBytes,
+ this._recipient,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/CancelGroupBanTransaction.ts b/src/transactions/CancelGroupBanTransaction.ts
new file mode 100644
index 0000000..d1bbef7
--- /dev/null
+++ b/src/transactions/CancelGroupBanTransaction.ts
@@ -0,0 +1,37 @@
+// @ts-nocheck
+
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+
+export default class CancelGroupBanTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 27
+ }
+
+ set rGroupId(rGroupId) {
+ this._rGroupId = rGroupId
+ this._rGroupIdBytes = this.constructor.utils.int32ToBytes(this._rGroupId)
+ }
+
+ set recipient(recipient) {
+ this._recipient = recipient instanceof Uint8Array ? recipient : this.constructor.Base58.decode(recipient)
+ this.theRecipient = recipient
+ }
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._rGroupIdBytes,
+ this._recipient,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/CancelGroupInviteTransaction.ts b/src/transactions/CancelGroupInviteTransaction.ts
new file mode 100644
index 0000000..b575f3e
--- /dev/null
+++ b/src/transactions/CancelGroupInviteTransaction.ts
@@ -0,0 +1,36 @@
+// @ts-nocheck
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+
+export default class CancelGroupInviteTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 30
+ }
+
+ set rGroupId(rGroupId) {
+ this._rGroupId = rGroupId
+ this._rGroupIdBytes = this.constructor.utils.int32ToBytes(this._rGroupId)
+ }
+
+ set recipient(recipient) {
+ this._recipient = recipient instanceof Uint8Array ? recipient : this.constructor.Base58.decode(recipient)
+ this.theRecipient = recipient
+ }
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._rGroupIdBytes,
+ this._recipient,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/ChatBase.ts b/src/transactions/ChatBase.ts
index 85cbdd9..cdfacaf 100644
--- a/src/transactions/ChatBase.ts
+++ b/src/transactions/ChatBase.ts
@@ -19,6 +19,7 @@ export default class ChatBase {
}
constructor() {
+
this.fee = 0
this.groupID = 0
this.tests = [
@@ -47,6 +48,7 @@ export default class ChatBase {
return true
},
() => {
+
if (!(this._lastReference instanceof Uint8Array && this._lastReference.byteLength == 64)) {
return 'Invalid last reference: ' + this._lastReference
}
@@ -93,6 +95,7 @@ export default class ChatBase {
}
set lastReference(lastReference) {
+
this._lastReference = lastReference instanceof Uint8Array ? lastReference : this.constructor.Base58.decode(lastReference)
}
diff --git a/src/transactions/CreateGroupTransaction.ts b/src/transactions/CreateGroupTransaction.ts
new file mode 100644
index 0000000..a2eb7ea
--- /dev/null
+++ b/src/transactions/CreateGroupTransaction.ts
@@ -0,0 +1,64 @@
+// @ts-nocheck
+
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+
+export default class CreateGroupTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 22
+ }
+
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ set rGroupName(rGroupName) {
+ this._rGroupName = rGroupName
+ this._rGroupNameBytes = this.constructor.utils.stringtoUTF8Array(this._rGroupName)
+ this._rGroupNameLength = this.constructor.utils.int32ToBytes(this._rGroupNameBytes.length)
+ }
+
+ set rGroupDesc(rGroupDesc) {
+ this._rGroupDesc = rGroupDesc
+ this._rGroupDescBytes = this.constructor.utils.stringtoUTF8Array(this._rGroupDesc)
+ this._rGroupDescLength = this.constructor.utils.int32ToBytes(this._rGroupDescBytes.length)
+ }
+
+ set rGroupType(rGroupType) {
+ this._rGroupType = new Uint8Array(1)
+ this._rGroupType[0] = rGroupType
+ }
+
+ set rGroupApprovalThreshold(rGroupApprovalThreshold) {
+ this._rGroupApprovalThreshold = new Uint8Array(1)
+ this._rGroupApprovalThreshold[0] = rGroupApprovalThreshold
+ }
+
+ set rGroupMinimumBlockDelay(rGroupMinimumBlockDelay) {
+ this._rGroupMinimumBlockDelayBytes = this.constructor.utils.int32ToBytes(rGroupMinimumBlockDelay)
+ }
+
+ set rGroupMaximumBlockDelay(rGroupMaximumBlockDelay) {
+ this._rGroupMaximumBlockDelayBytes = this.constructor.utils.int32ToBytes(rGroupMaximumBlockDelay)
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._rGroupNameLength,
+ this._rGroupNameBytes,
+ this._rGroupDescLength,
+ this._rGroupDescBytes,
+ this._rGroupType,
+ this._rGroupApprovalThreshold,
+ this._rGroupMinimumBlockDelayBytes,
+ this._rGroupMaximumBlockDelayBytes,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/GroupBanTransaction.ts b/src/transactions/GroupBanTransaction.ts
new file mode 100644
index 0000000..3eb3210
--- /dev/null
+++ b/src/transactions/GroupBanTransaction.ts
@@ -0,0 +1,50 @@
+// @ts-nocheck
+
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+export default class GroupBanTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 26
+ }
+
+ set rGroupId(rGroupId) {
+ this._rGroupId = rGroupId
+ this._rGroupIdBytes = this.constructor.utils.int32ToBytes(this._rGroupId)
+ }
+
+ set rBanReason(rBanReason) {
+ this._rBanReason = rBanReason
+ this._rBanReasonBytes = this.constructor.utils.stringtoUTF8Array(this._rBanReason)
+ this._rBanReasonLength = this.constructor.utils.int32ToBytes(this._rBanReasonBytes.length)
+ }
+
+ set rBanTime(rBanTime) {
+ this._rBanTime = rBanTime
+ this._rBanTimeBytes = this.constructor.utils.int32ToBytes(this._rBanTime)
+ }
+
+ set recipient(recipient) {
+ this._recipient = recipient instanceof Uint8Array ? recipient : this.constructor.Base58.decode(recipient)
+ this.theRecipient = recipient
+ }
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._rGroupIdBytes,
+ this._recipient,
+ this._rBanReasonLength,
+ this._rBanReasonBytes,
+ this._rBanTimeBytes,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/GroupChatTransaction.ts b/src/transactions/GroupChatTransaction.ts
new file mode 100644
index 0000000..1cd9d9b
--- /dev/null
+++ b/src/transactions/GroupChatTransaction.ts
@@ -0,0 +1,72 @@
+// @ts-nocheck
+
+
+import ChatBase from './ChatBase'
+import { CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP } from '../constants/constants'
+
+export default class GroupChatTransaction extends ChatBase {
+ constructor() {
+ super();
+ this.type = 18
+ this.fee = 0
+ }
+
+ set proofOfWorkNonce(proofOfWorkNonce) {
+ this._proofOfWorkNonce = this.constructor.utils.int32ToBytes(proofOfWorkNonce)
+ }
+
+ set hasReceipient(hasReceipient) {
+ this._hasReceipient = new Uint8Array(1)
+ this._hasReceipient[0] = hasReceipient
+ }
+
+ set message(message) {
+ this.messageText = message
+
+ this._message = this.constructor.utils.stringtoUTF8Array(message)
+ this._messageLength = this.constructor.utils.int32ToBytes(this._message.length)
+ }
+
+ set hasChatReference(hasChatReference) {
+ this._hasChatReference = new Uint8Array(1)
+ this._hasChatReference[0] = hasChatReference
+ }
+
+ set chatReference(chatReference) {
+ this._chatReference = chatReference instanceof Uint8Array ? chatReference : this.constructor.Base58.decode(chatReference)
+ }
+
+ set isEncrypted(isEncrypted) {
+ this._isEncrypted = new Uint8Array(1)
+ this._isEncrypted[0] = isEncrypted
+ }
+
+ set isText(isText) {
+ this._isText = new Uint8Array(1)
+ this._isText[0] = isText
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._proofOfWorkNonce,
+ this._hasReceipient,
+ this._messageLength,
+ this._message,
+ this._isEncrypted,
+ this._isText,
+ this._feeBytes
+ )
+
+ // After the feature trigger timestamp we need to include chat reference
+ if (new Date(this._timestamp).getTime() >= CHAT_REFERENCE_FEATURE_TRIGGER_TIMESTAMP) {
+ params.push(this._hasChatReference)
+
+ if (this._hasChatReference[0] == 1) {
+ params.push(this._chatReference)
+ }
+ }
+
+ return params
+ }
+}
diff --git a/src/transactions/GroupInviteTransaction.ts b/src/transactions/GroupInviteTransaction.ts
new file mode 100644
index 0000000..3cbf978
--- /dev/null
+++ b/src/transactions/GroupInviteTransaction.ts
@@ -0,0 +1,42 @@
+// @ts-nocheck
+
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+export default class GroupInviteTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 29
+ }
+
+ set rGroupId(rGroupId) {
+ this._rGroupId = rGroupId
+ this._rGroupIdBytes = this.constructor.utils.int32ToBytes(this._rGroupId)
+ }
+
+ set rInviteTime(rInviteTime) {
+ this._rInviteTime = rInviteTime
+ this._rInviteTimeBytes = this.constructor.utils.int32ToBytes(this._rInviteTime)
+ }
+
+ set recipient(recipient) {
+ this._recipient = recipient instanceof Uint8Array ? recipient : this.constructor.Base58.decode(recipient)
+ this.theRecipient = recipient
+ }
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._rGroupIdBytes,
+ this._recipient,
+ this._rInviteTimeBytes,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/GroupKickTransaction.ts b/src/transactions/GroupKickTransaction.ts
new file mode 100644
index 0000000..969380f
--- /dev/null
+++ b/src/transactions/GroupKickTransaction.ts
@@ -0,0 +1,46 @@
+// @ts-nocheck
+
+
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+
+export default class GroupKickTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 28
+ }
+
+ set rGroupId(rGroupId) {
+ this._rGroupId = rGroupId
+ this._rGroupIdBytes = this.constructor.utils.int32ToBytes(this._rGroupId)
+ }
+
+ set rBanReason(rBanReason) {
+ this._rBanReason = rBanReason
+ this._rBanReasonBytes = this.constructor.utils.stringtoUTF8Array(this._rBanReason)
+ this._rBanReasonLength = this.constructor.utils.int32ToBytes(this._rBanReasonBytes.length)
+ }
+
+ set recipient(recipient) {
+ this._recipient = recipient instanceof Uint8Array ? recipient : this.constructor.Base58.decode(recipient)
+ this.theRecipient = recipient
+ }
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._rGroupIdBytes,
+ this._recipient,
+ this._rBanReasonLength,
+ this._rBanReasonBytes,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/JoinGroupTransaction.ts b/src/transactions/JoinGroupTransaction.ts
new file mode 100644
index 0000000..0aae8f7
--- /dev/null
+++ b/src/transactions/JoinGroupTransaction.ts
@@ -0,0 +1,38 @@
+// @ts-nocheck
+
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+
+export default class JoinGroupTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 31
+ }
+
+
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ set registrantAddress(registrantAddress) {
+ this._registrantAddress = registrantAddress instanceof Uint8Array ? registrantAddress : this.constructor.Base58.decode(registrantAddress)
+ }
+
+ set rGroupId(rGroupId) {
+ this._rGroupId = rGroupId
+ this._rGroupIdBytes = this.constructor.utils.int32ToBytes(this._rGroupId)
+ }
+
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._rGroupIdBytes,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/LeaveGroupTransaction.ts b/src/transactions/LeaveGroupTransaction.ts
new file mode 100644
index 0000000..222f250
--- /dev/null
+++ b/src/transactions/LeaveGroupTransaction.ts
@@ -0,0 +1,35 @@
+// @ts-nocheck
+
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+
+export default class LeaveGroupTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 32
+ }
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ set registrantAddress(registrantAddress) {
+ this._registrantAddress = registrantAddress instanceof Uint8Array ? registrantAddress : this.constructor.Base58.decode(registrantAddress)
+ }
+
+ set rGroupId(rGroupId) {
+ this._rGroupId = rGroupId
+ this._rGroupIdBytes = this.constructor.utils.int32ToBytes(this._rGroupId)
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._rGroupIdBytes,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/RegisterNameTransaction.ts b/src/transactions/RegisterNameTransaction.ts
new file mode 100644
index 0000000..53046ee
--- /dev/null
+++ b/src/transactions/RegisterNameTransaction.ts
@@ -0,0 +1,42 @@
+// @ts-nocheck
+
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+
+export default class RegisterNameTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 3
+ }
+
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ set name(name) {
+ this.nameText = name
+ this._nameBytes = this.constructor.utils.stringtoUTF8Array(name)
+ this._nameLength = this.constructor.utils.int32ToBytes(this._nameBytes.length)
+ }
+
+ set value(value) {
+ this.valueText = value.length === 0 ? "Registered Name on the Qortal Chain" : value
+ this._valueBytes = this.constructor.utils.stringtoUTF8Array(this.valueText)
+ this._valueLength = this.constructor.utils.int32ToBytes(this._valueBytes.length)
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._nameLength,
+ this._nameBytes,
+ this._valueLength,
+ this._valueBytes,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/RemoveGroupAdminTransaction.ts b/src/transactions/RemoveGroupAdminTransaction.ts
new file mode 100644
index 0000000..3392f79
--- /dev/null
+++ b/src/transactions/RemoveGroupAdminTransaction.ts
@@ -0,0 +1,38 @@
+// @ts-nocheck
+
+import { QORT_DECIMALS } from "../constants/constants"
+import TransactionBase from "./TransactionBase"
+
+export default class RemoveGroupAdminTransaction extends TransactionBase {
+ constructor() {
+ super()
+ this.type = 25
+ }
+
+
+
+ set rGroupId(rGroupId) {
+ this._rGroupId = rGroupId
+ this._rGroupIdBytes = this.constructor.utils.int32ToBytes(this._rGroupId)
+ }
+
+ set recipient(recipient) {
+ this._recipient = recipient instanceof Uint8Array ? recipient : this.constructor.Base58.decode(recipient)
+ this.theRecipient = recipient
+ }
+
+ set fee(fee) {
+ this._fee = fee * QORT_DECIMALS
+ this._feeBytes = this.constructor.utils.int64ToBytes(this._fee)
+ }
+
+ get params() {
+ const params = super.params
+ params.push(
+ this._rGroupIdBytes,
+ this._recipient,
+ this._feeBytes
+ )
+ return params
+ }
+}
diff --git a/src/transactions/transactions.ts b/src/transactions/transactions.ts
index b2af068..25ddbf5 100644
--- a/src/transactions/transactions.ts
+++ b/src/transactions/transactions.ts
@@ -2,18 +2,45 @@
import PaymentTransaction from './PaymentTransaction.js'
import ChatTransaction from './ChatTransaction.js'
+import GroupChatTransaction from './GroupChatTransaction.js'
+import GroupInviteTransaction from './GroupInviteTransaction.js'
+import CancelGroupInviteTransaction from './CancelGroupInviteTransaction.js'
+import GroupKickTransaction from './GroupKickTransaction.js'
+import GroupBanTransaction from './GroupBanTransaction.js'
+import CancelGroupBanTransaction from './CancelGroupBanTransaction.js'
+import CreateGroupTransaction from './CreateGroupTransaction.js'
+import LeaveGroupTransaction from './LeaveGroupTransaction.js'
+import JoinGroupTransaction from './JoinGroupTransaction.js'
+import AddGroupAdminTransaction from './AddGroupAdminTransaction.js'
+import RemoveGroupAdminTransaction from './RemoveGroupAdminTransaction.js'
+import RegisterNameTransaction from './RegisterNameTransaction.js'
export const transactionTypes = {
+ 3: RegisterNameTransaction,
2: PaymentTransaction,
- 18: ChatTransaction
+ 18: ChatTransaction,
+ 181: GroupChatTransaction,
+ 22: CreateGroupTransaction,
+ 24: AddGroupAdminTransaction,
+ 25: RemoveGroupAdminTransaction,
+ 26: GroupBanTransaction,
+ 27: CancelGroupBanTransaction,
+ 28: GroupKickTransaction,
+ 29: GroupInviteTransaction,
+ 30: CancelGroupInviteTransaction,
+ 31: JoinGroupTransaction,
+ 32: LeaveGroupTransaction
}
export const createTransaction = (type, keyPair, params) => {
+
const tx = new transactionTypes[type]()
+
tx.keyPair = keyPair
Object.keys(params).forEach(param => {
+
tx[param] = params[param]
})
diff --git a/src/utils/Size/index.ts b/src/utils/Size/index.ts
new file mode 100644
index 0000000..ac6cb39
--- /dev/null
+++ b/src/utils/Size/index.ts
@@ -0,0 +1,11 @@
+export function formatBytes(bytes: number, decimals = 2) {
+ if (bytes === 0) return '0 Bytes';
+
+ const k = 1024;
+ const dm = decimals < 0 ? 0 : decimals;
+ const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+
+ const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+ return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+ }
\ No newline at end of file
diff --git a/src/utils/decryptChatMessage.ts b/src/utils/decryptChatMessage.ts
index bb8a104..c50bb45 100644
--- a/src/utils/decryptChatMessage.ts
+++ b/src/utils/decryptChatMessage.ts
@@ -8,7 +8,15 @@ import {Sha256} from 'asmcrypto.js'
export const decryptChatMessage = (encryptedMessage, privateKey, recipientPublicKey, lastReference) => {
const test = encryptedMessage
- let _encryptedMessage = Base58.decode(encryptedMessage)
+ let _encryptedMessage = atob(encryptedMessage)
+ const binaryLength = _encryptedMessage.length
+ const bytes = new Uint8Array(binaryLength)
+
+ for (let i = 0; i < binaryLength; i++) {
+ bytes[i] = _encryptedMessage.charCodeAt(i)
+ }
+
+
const _base58RecipientPublicKey = recipientPublicKey instanceof Uint8Array ? Base58.encode(recipientPublicKey) : recipientPublicKey
const _recipientPublicKey = Base58.decode(_base58RecipientPublicKey)
@@ -20,10 +28,11 @@ export const decryptChatMessage = (encryptedMessage, privateKey, recipientPublic
nacl.lowlevel.crypto_scalarmult(sharedSecret, convertedPrivateKey, convertedPublicKey)
const _chatEncryptionSeed = new Sha256().process(sharedSecret).finish().result
- const _decryptedMessage = nacl.secretbox.open(_encryptedMessage, _lastReference.slice(0, 24), _chatEncryptionSeed)
+ const _decryptedMessage = nacl.secretbox.open(bytes, _lastReference.slice(0, 24), _chatEncryptionSeed)
let decryptedMessage = ''
_decryptedMessage === false ? decryptedMessage : decryptedMessage = new TextDecoder('utf-8').decode(_decryptedMessage)
+
return decryptedMessage
}
\ No newline at end of file
diff --git a/src/utils/events.ts b/src/utils/events.ts
new file mode 100644
index 0000000..94d1c31
--- /dev/null
+++ b/src/utils/events.ts
@@ -0,0 +1,11 @@
+export const executeEvent = (eventName: string, data: any)=> {
+ const event = new CustomEvent(eventName, {detail: data})
+ document.dispatchEvent(event)
+}
+export const subscribeToEvent = (eventName: string, listener: any)=> {
+ document.addEventListener(eventName, listener)
+}
+
+export const unsubscribeFromEvent = (eventName: string, listener: any)=> {
+ document.removeEventListener(eventName, listener)
+}
\ No newline at end of file
diff --git a/src/utils/generateWallet/generateWallet.ts b/src/utils/generateWallet/generateWallet.ts
index 678b983..7182d99 100644
--- a/src/utils/generateWallet/generateWallet.ts
+++ b/src/utils/generateWallet/generateWallet.ts
@@ -92,7 +92,7 @@ export const createAccount = async()=> {
saveAs(blob, fileName);
} catch (error) {
- console.log({ error });
+
if (error.name === 'AbortError') {
return;
}
diff --git a/src/utils/helpers.ts b/src/utils/helpers.ts
new file mode 100644
index 0000000..ff7997c
--- /dev/null
+++ b/src/utils/helpers.ts
@@ -0,0 +1,34 @@
+import moment from "moment";
+
+export const delay = (time: number) => new Promise((_, reject) =>
+ setTimeout(() => reject(new Error('Request timed out')), time)
+);
+
+// const originalHtml = `
+
+ {message?.senderName?.charAt(0)}
+
+
+
+ {message?.senderName || message?.sender}
+
+ {message?.text?.type === "notification" ? (
+
+ {formatTimestamp(message.timestamp)}
+
+
+
+ {/*
+ );
+};
diff --git a/src/components/Chat/ResizableImage.tsx b/src/components/Chat/ResizableImage.tsx
new file mode 100644
index 0000000..8c29292
--- /dev/null
+++ b/src/components/Chat/ResizableImage.tsx
@@ -0,0 +1,63 @@
+import React, { useRef } from 'react';
+import { NodeViewWrapper } from '@tiptap/react';
+
+const ResizableImage = ({ node, updateAttributes, selected }) => {
+ const imgRef = useRef(null);
+
+ const startResizing = (e) => {
+ e.preventDefault();
+ e.stopPropagation();
+
+ const startX = e.clientX;
+ const startWidth = imgRef.current.offsetWidth;
+
+ const onMouseMove = (e) => {
+ const newWidth = startWidth + e.clientX - startX;
+ updateAttributes({ width: `${newWidth}px` });
+ };
+
+ const onMouseUp = () => {
+ document.removeEventListener('mousemove', onMouseMove);
+ document.removeEventListener('mouseup', onMouseUp);
+ };
+
+ document.addEventListener('mousemove', onMouseMove);
+ document.addEventListener('mouseup', onMouseUp);
+ };
+
+ return (
+
+
+ );
+};
+
+const extensions = [
+ Color.configure({ types: [TextStyle.name, ListItem.name] }),
+ TextStyle.configure({ types: [ListItem.name] }),
+ StarterKit.configure({
+ bulletList: {
+ keepMarks: true,
+ keepAttributes: false,
+ },
+ orderedList: {
+ keepMarks: true,
+ keepAttributes: false,
+ },
+ }),
+ Placeholder.configure({
+ placeholder: 'Start typing here...', // Add your placeholder text here
+ }),
+ ImageResize,
+];
+
+const content = ``;
+
+export default ({ setEditorRef, onEnter, disableEnter }) => {
+ return (
+
+ editor.chain().focus().toggleBold().run()}
+ disabled={
+ !editor.can()
+ .chain()
+ .focus()
+ .toggleBold()
+ .run()
+ }
+ // color={editor.isActive('bold') ? 'white' : 'gray'}
+ sx={{
+ color: editor.isActive('bold') ? 'white' : 'gray'
+ }}
+ >
+
+ editor.chain().focus().toggleItalic().run()}
+ disabled={
+ !editor.can()
+ .chain()
+ .focus()
+ .toggleItalic()
+ .run()
+ }
+ // color={editor.isActive('italic') ? 'white' : 'gray'}
+ sx={{
+ color: editor.isActive('italic') ? 'white' : 'gray'
+ }}
+ >
+
+ editor.chain().focus().toggleStrike().run()}
+ disabled={
+ !editor.can()
+ .chain()
+ .focus()
+ .toggleStrike()
+ .run()
+ }
+ // color={editor.isActive('strike') ? 'white' : 'gray'}
+ sx={{
+ color: editor.isActive('strike') ? 'white' : 'gray'
+ }}
+ >
+
+ editor.chain().focus().toggleCode().run()}
+ disabled={
+ !editor.can()
+ .chain()
+ .focus()
+ .toggleCode()
+ .run()
+ }
+ // color={editor.isActive('code') ? 'white' : 'gray'}
+ sx={{
+ color: editor.isActive('code') ? 'white' : 'gray'
+ }}
+ >
+
+ editor.chain().focus().unsetAllMarks().run()}>
+
+ editor.chain().focus().toggleBulletList().run()}
+ // color={editor.isActive('bulletList') ? 'white' : 'gray'}
+ sx={{
+ color: editor.isActive('bulletList') ? 'white' : 'gray'
+ }}
+ >
+
+ editor.chain().focus().toggleOrderedList().run()}
+ // color={editor.isActive('orderedList') ? 'white' : 'gray'}
+ sx={{
+ color: editor.isActive('orderedList') ? 'white' : 'gray'
+ }}
+ >
+
+ editor.chain().focus().toggleCodeBlock().run()}
+ // color={editor.isActive('codeBlock') ? 'white' : 'gray'}
+ sx={{
+ color: editor.isActive('codeBlock') ? 'white' : 'gray'
+ }}
+ >
+
+ editor.chain().focus().toggleBlockquote().run()}
+ // color={editor.isActive('blockquote') ? 'white' : 'gray'}
+ sx={{
+ color: editor.isActive('blockquote') ? 'white' : 'gray'
+ }}
+ >
+
+ editor.chain().focus().setHorizontalRule().run()}>
+
+ editor.chain().focus().toggleHeading({ level: 1 }).run()}
+ // color={editor.isActive('heading', { level: 1 }) ? 'white' : 'gray'}
+ sx={{
+ color: editor.isActive('heading', { level: 1 }) ? 'white' : 'gray'
+ }}
+ >
+
+ editor.chain().focus().undo().run()}
+ disabled={
+ !editor.can()
+ .chain()
+ .focus()
+ .undo()
+ .run()
+ }
+ sx={{
+ color: 'gray'
+ }}
+ >
+
+ editor.chain().focus().redo().run()}
+ disabled={
+ !editor.can()
+ .chain()
+ .focus()
+ .redo()
+ .run()
+ }
+ >
+
+
+
+
+
+
+ {value === index && {children} }
+
+ );
+ }
+
+ function a11yProps(index: number) {
+ return {
+ id: `simple-tab-${index}`,
+ "aria-controls": `simple-tabpanel-${index}`,
+ };
+ }
+
+
+ const openGroupInvitesRequestFunc = ()=> {
+ setValue(2)
+ }
+
+ React.useEffect(() => {
+ subscribeToEvent("openGroupInvitesRequest", openGroupInvitesRequestFunc);
+
+ return () => {
+ unsubscribeFromEvent("openGroupInvitesRequest", openGroupInvitesRequestFunc);
+ };
+ }, []);
+
+ return (
+
+
+
+
+ Join {group?.groupName}
+
+ {group?.isOpen === false &&
+ "This is a closed/private group, so you will need to wait until an admin accepts your request"}
+
+ handleJoinGroup(group, group?.isOpen)}
+ >
+ Join group
+
+
+
+ handlePopoverOpen(event, index)}
+ >
+
+
+
+
+ )}
+
+
+ );
+};
diff --git a/src/components/Group/Forum/DisplayHtml.tsx b/src/components/Group/Forum/DisplayHtml.tsx
new file mode 100644
index 0000000..5bae4a7
--- /dev/null
+++ b/src/components/Group/Forum/DisplayHtml.tsx
@@ -0,0 +1,45 @@
+import { useMemo } from "react";
+import DOMPurify from "dompurify";
+import "react-quill/dist/quill.snow.css";
+import "react-quill/dist/quill.core.css";
+import "react-quill/dist/quill.bubble.css";
+import { Box, styled } from "@mui/material";
+import { convertQortalLinks } from "../../../utils/qortalLink";
+
+
+const CrowdfundInlineContent = styled(Box)(({ theme }) => ({
+ display: "flex",
+ fontFamily: "Mulish",
+ fontSize: "19px",
+ fontWeight: 400,
+ letterSpacing: 0,
+ color: theme.palette.text.primary,
+ width: '100%'
+ }));
+
+export const DisplayHtml = ({ html, textColor }: any) => {
+ const cleanContent = useMemo(() => {
+ if (!html) return null;
+
+ const sanitize: string = DOMPurify.sanitize(html, {
+ USE_PROFILES: { html: true },
+ });
+ const anchorQortal = convertQortalLinks(sanitize);
+ return anchorQortal;
+ }, [html]);
+
+ if (!cleanContent) return null;
+ return (
+ Groups list
+
+
+ {({ height, width }) => (
+
+
+
+
+ {thread?.threadData?.title}
+
+ {filterMode === "Recently active" && (
+
+
+
+
+ last message:{" "}
+
+ {formatDate(thread?.created)}
+
+
+ )}
+
+ {children}+ case 'heading-2': + return ( +
+ {children} +
+ ) + case 'heading-3': + return ( ++ {children} +
+ ) + case 'code-block': + return ( +
+ {children}
+
+ )
+ case 'code-line':
+ return {children}
+ case 'link':
+ return (
+
+ {children}
+
+ )
+ default:
+ return (
+ + {children} +
+ ) + } +} + + +export const renderLeaf = ({ attributes, children, leaf }: RenderLeafProps) => { + let el = children + + if (leaf.bold) { + el = {el} + } + + if (leaf.italic) { + el = {el} + } + + if (leaf.underline) { + el = {el} + } + + if (leaf.link) { + el = ( + + {el} + + ) + } + + return {el} +} + +interface ReadOnlySlateProps { + content: any + mode?: string +} +const ReadOnlySlate: React.FC
+ {message?.attachments?.length > 0 && (
+
+ {message?.attachments
+ .map((file: any, index: number) => {
+ const isFirst = index === 0
+ return (
+
+
+ {/*
+
+ {file?.originalFilename || file?.filename}
+
+ */}
+ {message?.attachments?.length > 1 && isFirst && (
+ {
+ setExpandAttachments(prev => !prev);
+ }}
+ >
+
+ {expandAttachments ? 'hide' : `(${message?.attachments?.length - 1} more)`}
+
+
+
+ )}
+
+
+ );
+ })
+ }
+
+ )}
+
+
+
+
+ {triedToFetchSecretKey && (
+
+ {admins.includes(myAddress) &&
+ shouldReEncrypt &&
+ triedToFetchSecretKey && !firstSecretKeyInCreation && (
+
+
+ {openManageMembers && (
+
+ {
+ setGroupSection("default");
+ clearAllQueues()
+ await new Promise((res) => {
+ setTimeout(() => {
+ res(null);
+ }, 200);
+ });
+ setGroupSection("home");
+ setSelectedGroup(null);
+ setNewChat(false);
+ setSelectedDirect(null);
+ setSecretKey(null);
+ setSecretKeyPublishDate(null);
+ setAdmins([]);
+ setSecretKeyDetails(null);
+ setAdminsWithNames([]);
+ setMembers([]);
+ setMemberCountFromSecretKeyData(null);
+ setTriedToFetchSecretKey(false);
+ setFirstSecretKeyInCreation(false)
+ }}
+ >
+
+ Home
+
+
+
+ {
+ setGroupSection("default");
+ await new Promise((res) => {
+ setTimeout(() => {
+ res(null);
+ }, 200);
+ });
+ setGroupSection("announcement");
+ chrome.runtime.sendMessage({
+ action: "addGroupNotificationTimestamp",
+ payload: {
+ timestamp: Date.now(),
+ groupId: selectedGroupRef.current.groupId,
+ },
+ });
+ setTimeout(() => {
+ getGroupAnnouncements();
+ }, 200);
+ }}
+ >
+
+ Announcements
+
+
+
+ {
+ setGroupSection("default");
+ await new Promise((res) => {
+ setTimeout(() => {
+ res(null);
+ }, 200);
+ });
+ setGroupSection("chat");
+ if (selectedGroupRef.current) {
+ chrome.runtime.sendMessage({
+ action: "addTimestampEnterChat",
+ payload: {
+ timestamp: Date.now(),
+ groupId: selectedGroupRef.current.groupId,
+ },
+ });
+
+ setTimeout(() => {
+ getTimestampEnterChat();
+ }, 200);
+ }
+ }}
+ >
+
+ Chat
+
+
+
+ {
+ setGroupSection("forum");
+ }}
+ >
+
+ Forum
+
+
+ setOpenManageMembers(true)}
+ sx={{
+ display: "flex",
+ gap: "3px",
+ alignItems: "center",
+ justifyContent: "flex-start",
+ width: "100%",
+ cursor: 'pointer'
+ }}
+ >
+
+ Members
+
+
+
+
+ )}
+
+ {selectedDirect && !newChat && (
+ <>
+
+
+
+ )}
+ {!selectedDirect &&
+ !selectedGroup &&
+ !newChat &&
+ groupSection === "home" && (
+
+
+ }
+ onClick={refreshHomeDataFunc}
+ sx={{
+ color: "white",
+ }}
+ >
+ Refresh home data
+
+
+
+
+
+
+ )}
+
+
+ );
+};
diff --git a/src/components/Group/GroupInvites.tsx b/src/components/Group/GroupInvites.tsx
new file mode 100644
index 0000000..06e176d
--- /dev/null
+++ b/src/components/Group/GroupInvites.tsx
@@ -0,0 +1,114 @@
+import * as React from "react";
+import List from "@mui/material/List";
+import ListItem from "@mui/material/ListItem";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import Checkbox from "@mui/material/Checkbox";
+import IconButton from "@mui/material/IconButton";
+import CommentIcon from "@mui/icons-material/Comment";
+import InfoIcon from "@mui/icons-material/Info";
+import GroupAddIcon from '@mui/icons-material/GroupAdd';
+import { executeEvent } from "../../utils/events";
+import { Box, Typography } from "@mui/material";
+import { Spacer } from "../../common/Spacer";
+import { getGroupNames } from "./UserListOfInvites";
+import { CustomLoader } from "../../common/CustomLoader";
+import { getBaseApiReact } from "../../App";
+
+export const GroupInvites = ({ myAddress, setOpenAddGroup }) => {
+ const [groupsWithJoinRequests, setGroupsWithJoinRequests] = React.useState([])
+ const [loading, setLoading] = React.useState(true)
+
+ const getJoinRequests = async ()=> {
+ try {
+ setLoading(true)
+ const response = await fetch(`${getBaseApiReact()}/groups/invites/${myAddress}/?limit=0`);
+ const data = await response.json();
+ const resMoreData = await getGroupNames(data)
+
+ setGroupsWithJoinRequests(resMoreData)
+ } catch (error) {
+
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ React.useEffect(() => {
+ if (myAddress) {
+ getJoinRequests()
+ }
+ }, [myAddress]);
+
+
+ return (
+
+
+
+ {
+ setChatMode((prev) =>
+ prev === "directs" ? "groups" : "directs"
+ );
+ setNewChat(false);
+ setSelectedDirect(null);
+ setSelectedGroup(null);
+ setGroupSection("default");
+ }}
+ >
+ {chatMode === "groups" && (
+ <>
+
+
+
+ {directs.map((direct: any) => (
+
+ -
+
+ {groups.map((group: any) => (
+
+ -
+
+ {chatMode === "groups" && (
+ {
+ setOpenAddGroup(true);
+ }}
+ >
+
+ )}
+ {chatMode === "directs" && (
+ {
+ setNewChat(true);
+ setSelectedDirect(null);
+ setSelectedGroup(null);
+ }}
+ >
+
+ )}
+
+
+ {" "}
+
+ The group's first common encryption key is in the process of creation. Please wait a few minutes for it to be retrieved by the network. Checking every 2 minutes...
+
+
+ )}
+ {!admins.includes(myAddress) &&
+ !secretKey &&
+ triedToFetchSecretKey ? (
+ <>
+ {(secretKeyPublishDate || !secretKeyPublishDate && !firstSecretKeyInCreation) ? (
+
+ {" "}
+
+ You are not part of the encrypted group of members. Wait
+ until an admin re-encrypts the keys.
+
+
+ Try notifying an admin from the list of admins below:
+
+
+ {admin?.name}
+ notifyAdmin(admin)}
+ >
+ Notify
+
+
+ );
+ })}
+
+ ) : null}
+
+
+ ) : admins.includes(myAddress) &&
+ !secretKey &&
+ triedToFetchSecretKey ? null : !triedToFetchSecretKey ? null : (
+ <>
+
+
+ -
+ {groupsWithJoinRequests?.map((group)=> {
+ return (
+
-
+ {groupsWithJoinRequests?.map((group)=> {
+ if(group?.data?.length === 0) return null
+ return (
+
+
+
+
+ handleCancelBan(member?.offender)}>Cancel Ban
+
+
+ handlePopoverOpen(event, index)}>
+
+
+
+
+
+ )}
+
+
+ );
+}
diff --git a/src/components/Group/ListOfInvites.tsx b/src/components/Group/ListOfInvites.tsx
new file mode 100644
index 0000000..b6a9734
--- /dev/null
+++ b/src/components/Group/ListOfInvites.tsx
@@ -0,0 +1,189 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Avatar, Box, Button, ListItem, ListItemAvatar, ListItemButton, ListItemText, Popover } from '@mui/material';
+import { AutoSizer, CellMeasurer, CellMeasurerCache, List } from 'react-virtualized';
+import { getNameInfo } from './Group';
+import { getBaseApi, getFee } from '../../background';
+import { LoadingButton } from '@mui/lab';
+import { getBaseApiReact } from '../../App';
+
+export const getMemberInvites = async (groupNumber) => {
+ const response = await fetch(`${getBaseApiReact()}/groups/invites/group/${groupNumber}?limit=0`);
+ const groupData = await response.json();
+ return groupData;
+}
+
+const getNames = async (listOfMembers) => {
+ let members = [];
+ if (listOfMembers && Array.isArray(listOfMembers)) {
+ for (const member of listOfMembers) {
+ if (member.invitee) {
+ const name = await getNameInfo(member.invitee);
+ if (name) {
+ members.push({ ...member, name });
+ }
+ }
+ }
+ }
+ return members;
+}
+
+const cache = new CellMeasurerCache({
+ fixedWidth: true,
+ defaultHeight: 50,
+});
+
+export const ListOfInvites = ({ groupId, setInfoSnack, setOpenSnack, show }) => {
+ const [invites, setInvites] = useState([]);
+ const [popoverAnchor, setPopoverAnchor] = useState(null); // Track which list item the popover is anchored to
+ const [openPopoverIndex, setOpenPopoverIndex] = useState(null); // Track which list item has the popover open
+ const [isLoadingCancelInvite, setIsLoadingCancelInvite] = useState(false);
+
+ const listRef = useRef();
+
+ const getInvites = async (groupId) => {
+ try {
+ const res = await getMemberInvites(groupId);
+ const resWithNames = await getNames(res);
+ setInvites(resWithNames);
+ } catch (error) {
+ console.error(error);
+ }
+ }
+
+ useEffect(() => {
+ if (groupId) {
+ getInvites(groupId);
+ }
+ }, [groupId]);
+
+ const handlePopoverOpen = (event, index) => {
+ setPopoverAnchor(event.currentTarget);
+ setOpenPopoverIndex(index);
+ };
+
+ const handlePopoverClose = () => {
+ setPopoverAnchor(null);
+ setOpenPopoverIndex(null);
+ };
+
+ const handleCancelInvitation = async (address)=> {
+ try {
+ const fee = await getFee('CANCEL_GROUP_INVITE')
+ await show({
+ message: "Would you like to perform a CANCEL_GROUP_INVITE transaction?" ,
+ publishFee: fee.fee + ' QORT'
+ })
+ setIsLoadingCancelInvite(true)
+ await new Promise((res, rej)=> {
+ chrome.runtime.sendMessage({ action: "cancelInvitationToGroup", payload: {
+ groupId,
+ qortalAddress: address,
+ }}, (response) => {
+
+ if (!response?.error) {
+ setInfoSnack({
+ type: "success",
+ message: "Successfully canceled invitation. It may take a couple of minutes for the changes to propagate",
+ });
+ setOpenSnack(true);
+ handlePopoverClose();
+ setIsLoadingCancelInvite(true)
+ res(response)
+ return
+ }
+ setInfoSnack({
+ type: "error",
+ message: response?.error,
+ });
+ setOpenSnack(true);
+ rej(response.error)
+ });
+ })
+ } catch (error) {
+
+ } finally {
+ setIsLoadingCancelInvite(false)
+ }
+ }
+
+ const rowRenderer = ({ index, key, parent, style }) => {
+ const member = invites[index];
+
+ return (
+ Ban list
+
+
+ {({ height, width }) => (
+
+
+
+
+
+
+ handleCancelInvitation(member?.invitee)}>Cancel Invitation
+
+
+ handlePopoverOpen(event, index)}>
+
+
+
+
+
+ )}
+
+
+ );
+}
diff --git a/src/components/Group/ListOfJoinRequests.tsx b/src/components/Group/ListOfJoinRequests.tsx
new file mode 100644
index 0000000..160a7ca
--- /dev/null
+++ b/src/components/Group/ListOfJoinRequests.tsx
@@ -0,0 +1,189 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Avatar, Box, Button, ListItem, ListItemAvatar, ListItemButton, ListItemText, Popover } from '@mui/material';
+import { AutoSizer, CellMeasurer, CellMeasurerCache, List } from 'react-virtualized';
+import { getNameInfo } from './Group';
+import { getBaseApi, getFee } from '../../background';
+import { LoadingButton } from '@mui/lab';
+import { getBaseApiReact } from '../../App';
+
+export const getMemberInvites = async (groupNumber) => {
+ const response = await fetch(`${getBaseApiReact()}/groups/joinrequests/${groupNumber}?limit=0`);
+ const groupData = await response.json();
+ return groupData;
+}
+
+const getNames = async (listOfMembers) => {
+ let members = [];
+ if (listOfMembers && Array.isArray(listOfMembers)) {
+ for (const member of listOfMembers) {
+ if (member.joiner) {
+ const name = await getNameInfo(member.joiner);
+ if (name) {
+ members.push({ ...member, name });
+ }
+ }
+ }
+ }
+ return members;
+}
+
+const cache = new CellMeasurerCache({
+ fixedWidth: true,
+ defaultHeight: 50,
+});
+
+export const ListOfJoinRequests = ({ groupId, setInfoSnack, setOpenSnack, show }) => {
+ const [invites, setInvites] = useState([]);
+ const [popoverAnchor, setPopoverAnchor] = useState(null); // Track which list item the popover is anchored to
+ const [openPopoverIndex, setOpenPopoverIndex] = useState(null); // Track which list item has the popover open
+ const listRef = useRef();
+ const [isLoadingAccept, setIsLoadingAccept] = useState(false);
+
+ const getInvites = async (groupId) => {
+ try {
+ const res = await getMemberInvites(groupId);
+ const resWithNames = await getNames(res);
+ setInvites(resWithNames);
+ } catch (error) {
+ console.error(error);
+ }
+ }
+
+ useEffect(() => {
+ if (groupId) {
+ getInvites(groupId);
+ }
+ }, [groupId]);
+
+ const handlePopoverOpen = (event, index) => {
+ setPopoverAnchor(event.currentTarget);
+ setOpenPopoverIndex(index);
+ };
+
+ const handlePopoverClose = () => {
+ setPopoverAnchor(null);
+ setOpenPopoverIndex(null);
+ };
+
+ const handleAcceptJoinRequest = async (address)=> {
+ try {
+ const fee = await getFee('GROUP_INVITE')
+ await show({
+ message: "Would you like to perform a GROUP_INVITE transaction?" ,
+ publishFee: fee.fee + ' QORT'
+ })
+ setIsLoadingAccept(true)
+ await new Promise((res, rej)=> {
+ chrome.runtime.sendMessage({ action: "inviteToGroup", payload: {
+ groupId,
+ qortalAddress: address,
+ inviteTime: 10800,
+ }}, (response) => {
+
+ if (!response?.error) {
+ setIsLoadingAccept(false)
+ setInfoSnack({
+ type: "success",
+ message: "Successfully accepted join request. It may take a couple of minutes for the changes to propagate",
+ });
+ setOpenSnack(true);
+ handlePopoverClose();
+ res(response)
+ return
+ }
+ setInfoSnack({
+ type: "error",
+ message: response?.error,
+ });
+ setOpenSnack(true);
+ rej(response.error)
+ });
+ })
+ } catch (error) {
+
+ } finally {
+ setIsLoadingAccept(false)
+ }
+ }
+
+ const rowRenderer = ({ index, key, parent, style }) => {
+ const member = invites[index];
+
+ return (
+ Invitees list
+
+
+ {({ height, width }) => (
+
+
+
+
+
+
+ handleAcceptJoinRequest(member?.joiner)}>Accept
+
+
+ handlePopoverOpen(event, index)}>
+
+
+
+
+
+ )}
+
+
+ );
+}
diff --git a/src/components/Group/ListOfMembers.tsx b/src/components/Group/ListOfMembers.tsx
new file mode 100644
index 0000000..3662a91
--- /dev/null
+++ b/src/components/Group/ListOfMembers.tsx
@@ -0,0 +1,385 @@
+import {
+ Avatar,
+ Box,
+ Button,
+ ListItem,
+ ListItemAvatar,
+ ListItemButton,
+ ListItemText,
+ Popover,
+ Typography,
+} from "@mui/material";
+import React, { useRef, useState } from "react";
+import {
+ AutoSizer,
+ CellMeasurer,
+ CellMeasurerCache,
+ List,
+} from "react-virtualized";
+import { LoadingButton } from "@mui/lab";
+import { getBaseApi, getFee } from "../../background";
+import { getBaseApiReact } from "../../App";
+
+const cache = new CellMeasurerCache({
+ fixedWidth: true,
+ defaultHeight: 50,
+});
+const ListOfMembers = ({
+ members,
+ groupId,
+ setInfoSnack,
+ setOpenSnack,
+ isAdmin,
+ isOwner,
+ show,
+}) => {
+ const [popoverAnchor, setPopoverAnchor] = useState(null); // Track which list item the popover is anchored to
+ const [openPopoverIndex, setOpenPopoverIndex] = useState(null); // Track which list item has the popover open
+ const [isLoadingKick, setIsLoadingKick] = useState(false);
+ const [isLoadingBan, setIsLoadingBan] = useState(false);
+ const [isLoadingMakeAdmin, setIsLoadingMakeAdmin] = useState(false);
+ const [isLoadingRemoveAdmin, setIsLoadingRemoveAdmin] = useState(false);
+
+
+ const listRef = useRef();
+
+ const handlePopoverOpen = (event, index) => {
+ setPopoverAnchor(event.currentTarget);
+ setOpenPopoverIndex(index);
+ };
+
+ const handlePopoverClose = () => {
+ setPopoverAnchor(null);
+ setOpenPopoverIndex(null);
+ };
+
+ const handleKick = async (address) => {
+ try {
+ const fee = await getFee("GROUP_KICK");
+ await show({
+ message: "Would you like to perform a GROUP_KICK transaction?",
+ publishFee: fee.fee + " QORT",
+ });
+
+ setIsLoadingKick(true);
+ new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "kickFromGroup",
+ payload: {
+ groupId,
+ qortalAddress: address,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ setInfoSnack({
+ type: "success",
+ message:
+ "Successfully kicked member from group. It may take a couple of minutes for the changes to propagate",
+ });
+ setOpenSnack(true);
+ handlePopoverClose();
+ res(response);
+ return;
+ }
+ setInfoSnack({
+ type: "error",
+ message: response?.error,
+ });
+ setOpenSnack(true);
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {
+ } finally {
+ setIsLoadingKick(false);
+ }
+ };
+ const handleBan = async (address) => {
+ try {
+ const fee = await getFee("GROUP_BAN");
+ await show({
+ message: "Would you like to perform a GROUP_BAN transaction?",
+ publishFee: fee.fee + " QORT",
+ });
+ setIsLoadingBan(true);
+ await new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "banFromGroup",
+ payload: {
+ groupId,
+ qortalAddress: address,
+ rBanTime: 0,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ setInfoSnack({
+ type: "success",
+ message:
+ "Successfully banned member from group. It may take a couple of minutes for the changes to propagate",
+ });
+ setOpenSnack(true);
+ handlePopoverClose();
+ res(response);
+ return;
+ }
+ setInfoSnack({
+ type: "error",
+ message: response?.error,
+ });
+ setOpenSnack(true);
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {
+ } finally {
+ setIsLoadingBan(false);
+ }
+ };
+
+ const makeAdmin = async (address) => {
+ try {
+ const fee = await getFee("ADD_GROUP_ADMIN");
+ await show({
+ message: "Would you like to perform a ADD_GROUP_ADMIN transaction?",
+ publishFee: fee.fee + " QORT",
+ });
+ setIsLoadingMakeAdmin(true);
+ await new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "makeAdmin",
+ payload: {
+ groupId,
+ qortalAddress: address,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ setInfoSnack({
+ type: "success",
+ message:
+ "Successfully made member an admin. It may take a couple of minutes for the changes to propagate",
+ });
+ setOpenSnack(true);
+ handlePopoverClose();
+ res(response);
+ return;
+ }
+ setInfoSnack({
+ type: "error",
+ message: response?.error,
+ });
+ setOpenSnack(true);
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {
+ } finally {
+ setIsLoadingMakeAdmin(false);
+ }
+ };
+
+ const removeAdmin = async (address) => {
+ try {
+ const fee = await getFee("REMOVE_GROUP_ADMIN");
+ await show({
+ message: "Would you like to perform a REMOVE_GROUP_ADMIN transaction?",
+ publishFee: fee.fee + " QORT",
+ });
+ setIsLoadingRemoveAdmin(true);
+ await new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "removeAdmin",
+ payload: {
+ groupId,
+ qortalAddress: address,
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ setInfoSnack({
+ type: "success",
+ message:
+ "Successfully removed member as an admin. It may take a couple of minutes for the changes to propagate",
+ });
+ setOpenSnack(true);
+ handlePopoverClose();
+ res(response);
+ return;
+ }
+ setInfoSnack({
+ type: "error",
+ message: response?.error,
+ });
+ setOpenSnack(true);
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {
+ } finally {
+ setIsLoadingRemoveAdmin(false);
+ }
+ };
+
+ const rowRenderer = ({ index, key, parent, style }) => {
+ const member = members[index];
+
+ return (
+ Join request list
+
+
+ {({ height, width }) => (
+
+
+
+
+
+ {isOwner && (
+ <>
+ handleKick(member?.member)}
+ >
+ Kick member from group
+
+ handleBan(member?.member)}
+ >
+ Ban member from group
+
+ makeAdmin(member?.member)}
+ >
+ Make an admin
+
+ removeAdmin(member?.member)}
+ >
+ Remove as admin
+
+
+ )}
+
+
+ handlePopoverOpen(event, index)}
+ >
+
+
+ Admin
+ )}
+
+
+
+
+ )}
+
+
+ );
+};
+
+export default ListOfMembers;
diff --git a/src/components/Group/ListOfThreadPostsWatched.tsx b/src/components/Group/ListOfThreadPostsWatched.tsx
new file mode 100644
index 0000000..ed8e7d9
--- /dev/null
+++ b/src/components/Group/ListOfThreadPostsWatched.tsx
@@ -0,0 +1,138 @@
+import * as React from "react";
+import List from "@mui/material/List";
+import ListItem from "@mui/material/ListItem";
+import ListItemButton from "@mui/material/ListItemButton";
+import ListItemIcon from "@mui/material/ListItemIcon";
+import ListItemText from "@mui/material/ListItemText";
+import Checkbox from "@mui/material/Checkbox";
+import IconButton from "@mui/material/IconButton";
+import CommentIcon from "@mui/icons-material/Comment";
+import InfoIcon from "@mui/icons-material/Info";
+import GroupAddIcon from '@mui/icons-material/GroupAdd';
+import { executeEvent } from "../../utils/events";
+import { Box, Typography } from "@mui/material";
+import { Spacer } from "../../common/Spacer";
+import { getGroupNames } from "./UserListOfInvites";
+import { CustomLoader } from "../../common/CustomLoader";
+import VisibilityIcon from '@mui/icons-material/Visibility';
+
+export const ListOfThreadPostsWatched = () => {
+ const [posts, setPosts] = React.useState([])
+ const [loading, setLoading] = React.useState(true)
+
+ const getPosts = async ()=> {
+ try {
+ await new Promise((res, rej) => {
+ chrome.runtime.sendMessage(
+ {
+ action: "getThreadActivity",
+ payload: {
+
+ },
+ },
+ (response) => {
+
+ if (!response?.error) {
+ if(!response) {
+ res(null)
+ return
+ }
+ const uniquePosts = response.reduce((acc, current) => {
+ const x = acc.find(item => item?.thread?.threadId === current?.thread?.threadId);
+ if (!x) {
+ return acc.concat([current]);
+ } else {
+ return acc;
+ }
+ }, []);
+ setPosts(uniquePosts)
+ res(uniquePosts);
+ return
+ }
+ rej(response.error);
+ }
+ );
+ });
+ } catch (error) {
+
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ React.useEffect(() => {
+
+ getPosts()
+
+ }, []);
+
+
+
+ return (
+ Member list
+
+
+ {({ height, width }) => (
+
+
+ -
+ {posts?.map((post)=> {
+ return (
+
-
+
+
+
+
+ Join {invite?.groupName}
+ handleJoinGroup(invite?.groupId, invite?.groupName)}>Join group
+
+
+ handlePopoverOpen(event, index)}>
+
+
+
+
+ )}
+
+
+ );
+}
diff --git a/src/components/Group/WebsocketActive.tsx b/src/components/Group/WebsocketActive.tsx
new file mode 100644
index 0000000..b09ff9f
--- /dev/null
+++ b/src/components/Group/WebsocketActive.tsx
@@ -0,0 +1,109 @@
+import React, { useEffect, useRef } from 'react';
+import { getBaseApiReactSocket } from '../../App';
+
+export const WebSocketActive = ({ myAddress }) => {
+ const socketRef = useRef(null); // WebSocket reference
+ const timeoutIdRef = useRef(null); // Timeout ID reference
+ const groupSocketTimeoutRef = useRef(null); // Group Socket Timeout reference
+
+ const forceCloseWebSocket = () => {
+ if (socketRef.current) {
+ console.log('Force closing the WebSocket');
+ clearTimeout(timeoutIdRef.current);
+ clearTimeout(groupSocketTimeoutRef.current);
+ socketRef.current.close(1000, 'forced');
+ socketRef.current = null;
+ }
+ };
+
+ useEffect(() => {
+ if (!myAddress) return; // Only proceed if myAddress is set
+ if (!window?.location?.href?.includes("?main=true")) return;
+
+ const pingHeads = () => {
+ try {
+ if (socketRef.current?.readyState === WebSocket.OPEN) {
+ socketRef.current.send('ping');
+ timeoutIdRef.current = setTimeout(() => {
+ if (socketRef.current) {
+ socketRef.current.close();
+ clearTimeout(groupSocketTimeoutRef.current);
+ }
+ }, 5000); // Close if no pong in 5 seconds
+ }
+ } catch (error) {
+ console.error('Error during ping:', error);
+ }
+ };
+
+ const initWebsocketMessageGroup = async () => {
+ forceCloseWebSocket(); // Ensure we close any existing connection
+ const currentAddress = myAddress;
+
+ try {
+ const socketLink = `${getBaseApiReactSocket()}/websockets/chat/active/${currentAddress}?encoding=BASE64`;
+ socketRef.current = new WebSocket(socketLink);
+
+ socketRef.current.onopen = () => {
+ console.log('WebSocket connection opened');
+ setTimeout(pingHeads, 50); // Initial ping
+ };
+
+ socketRef.current.onmessage = (e) => {
+ try {
+ if (e.data === 'pong') {
+ clearTimeout(timeoutIdRef.current);
+ groupSocketTimeoutRef.current = setTimeout(pingHeads, 45000); // Ping every 45 seconds
+ } else {
+ const data = JSON.parse(e.data);
+ const filteredGroups = data.groups?.filter(item => item?.groupId !== 0) || [];
+ const sortedGroups = filteredGroups.sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0));
+ const sortedDirects = (data?.direct || []).filter(item =>
+ item?.name !== 'extension-proxy' && item?.address !== 'QSMMGSgysEuqDCuLw3S4cHrQkBrh3vP3VH'
+ ).sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0));
+
+
+ chrome.runtime.sendMessage({
+ action: 'handleActiveGroupDataFromSocket',
+ payload: {
+ groups: sortedGroups,
+ directs: sortedDirects,
+ },
+ });
+ }
+ } catch (error) {
+ console.error('Error parsing onmessage data:', error);
+ }
+ };
+
+ socketRef.current.onclose = (event) => {
+ clearTimeout(groupSocketTimeoutRef.current);
+ clearTimeout(timeoutIdRef.current);
+ console.warn(`WebSocket closed: ${event.reason || 'unknown reason'}`);
+ if (event.reason !== 'forced' && event.code !== 1000) {
+ setTimeout(() => initWebsocketMessageGroup(), 10000); // Retry after 10 seconds
+ }
+ };
+
+ socketRef.current.onerror = (error) => {
+ console.error('WebSocket error:', error);
+ clearTimeout(groupSocketTimeoutRef.current);
+ clearTimeout(timeoutIdRef.current);
+ if (socketRef.current) {
+ socketRef.current.close();
+ }
+ };
+ } catch (error) {
+ console.error('Error initializing WebSocket:', error);
+ }
+ };
+
+ initWebsocketMessageGroup(); // Initialize WebSocket on component mount
+
+ return () => {
+ forceCloseWebSocket(); // Clean up WebSocket on component unmount
+ };
+ }, [myAddress]);
+
+ return null;
+};
diff --git a/src/components/Snackbar/LoadingSnackbar.tsx b/src/components/Snackbar/LoadingSnackbar.tsx
new file mode 100644
index 0000000..c1e43a9
--- /dev/null
+++ b/src/components/Snackbar/LoadingSnackbar.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import Button from '@mui/material/Button';
+import Snackbar, { SnackbarCloseReason } from '@mui/material/Snackbar';
+import Alert from '@mui/material/Alert';
+
+export const LoadingSnackbar = ({open, info}) => {
+
+ return (
+ Invite list
+
+
+ {({ height, width }) => (
+
+
+
+
+
+ {info?.message}
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/Snackbar/Snackbar.tsx b/src/components/Snackbar/Snackbar.tsx
new file mode 100644
index 0000000..a909487
--- /dev/null
+++ b/src/components/Snackbar/Snackbar.tsx
@@ -0,0 +1,38 @@
+import * as React from 'react';
+import Button from '@mui/material/Button';
+import Snackbar, { SnackbarCloseReason } from '@mui/material/Snackbar';
+import Alert from '@mui/material/Alert';
+
+export const CustomizedSnackbars = ({open, setOpen, info, setInfo}) => {
+
+
+
+ const handleClose = (
+ event?: React.SyntheticEvent | Event,
+ reason?: SnackbarCloseReason,
+ ) => {
+ if (reason === 'clickaway') {
+ return;
+ }
+
+ setOpen(false);
+ setInfo(null)
+ };
+
+ return (
+
+
+
+ {info?.message}
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/components/TaskManager/TaskManger.tsx b/src/components/TaskManager/TaskManger.tsx
new file mode 100644
index 0000000..e735fc1
--- /dev/null
+++ b/src/components/TaskManager/TaskManger.tsx
@@ -0,0 +1,175 @@
+import { List, ListItemButton, ListItemIcon } from "@mui/material";
+import React, { useContext, useEffect, useRef } from "react";
+
+import ListItemText from "@mui/material/ListItemText";
+import Collapse from "@mui/material/Collapse";
+import InboxIcon from "@mui/icons-material/MoveToInbox";
+
+import ExpandLess from "@mui/icons-material/ExpandLess";
+import ExpandMore from "@mui/icons-material/ExpandMore";
+import StarBorder from "@mui/icons-material/StarBorder";
+import PendingIcon from "@mui/icons-material/Pending";
+import TaskAltIcon from "@mui/icons-material/TaskAlt";
+import { MyContext, getBaseApiReact } from "../../App";
+import { getBaseApi } from "../../background";
+
+
+
+export const TaskManger = ({getUserInfo}) => {
+ const { txList, setTxList, memberGroups } = useContext(MyContext);
+ const [open, setOpen] = React.useState(true);
+
+ const handleClick = () => {
+ setOpen(!open);
+ };
+
+ const intervals = useRef({})
+
+ const getStatus = ({signature}, callback?: any) =>{
+
+ let stop = false
+
+ const getAnswer = async () => {
+ const getTx = async () => {
+ const url = `${getBaseApiReact()}/transactions/signature/${signature}`
+ const res = await fetch(url)
+
+ return await res.json()
+ }
+
+ if (!stop) {
+ stop = true
+
+ try {
+ const txTransaction = await getTx()
+
+ if (!txTransaction.error && txTransaction.signature) {
+ await new Promise((res)=> {
+ setTimeout(() => {
+ res(null)
+ }, 300000);
+ })
+ setTxList((prev)=> {
+ let previousData = [...prev];
+ const findTxWithSignature = previousData.findIndex((tx)=> tx.signature === signature)
+ if(findTxWithSignature !== -1){
+ previousData[findTxWithSignature].done = true;
+ return previousData
+ }
+ return previousData
+ })
+ if(callback){
+ callback(true)
+ }
+ clearInterval(intervals.current[signature])
+
+ }
+ } catch (error) { }
+
+ stop = false
+ }
+ }
+
+ intervals.current[signature] = setInterval(getAnswer, 120000)
+ }
+
+ useEffect(() => {
+ setTxList((prev) => {
+ let previousData = [...prev];
+ memberGroups.forEach((group) => {
+ const findGroup = txList.findIndex(
+ (tx) => tx?.type === "joined-group" && tx?.groupId === group.groupId
+ );
+ if (findGroup !== -1 && !previousData[findGroup]?.done ) {
+ // add notification
+ previousData[findGroup].done = true;
+ }
+
+ });
+ memberGroups.forEach((group) => {
+ const findGroup = txList.findIndex(
+ (tx) => tx?.type === "created-group" && tx?.groupName === group.groupName
+ );
+ if (findGroup !== -1 && !previousData[findGroup]?.done ) {
+ // add notification
+ previousData[findGroup].done = true;
+ }
+
+ });
+ prev.forEach((tx, index)=> {
+ if(tx?.type === "leave-group" && memberGroups.findIndex(
+ (group) => tx?.groupId === group.groupId
+ ) === -1){
+ previousData[index].done = true;
+ }
+
+ })
+ prev.forEach((tx, index)=> {
+
+ if(tx?.type === "created-common-secret" && tx?.signature && !tx.done){
+ if(intervals.current[tx.signature]) return
+
+ getStatus({signature: tx.signature})
+ }
+
+ })
+ prev.forEach((tx, index)=> {
+
+ if(tx?.type === "joined-group-request" && tx?.signature && !tx.done){
+ if(intervals.current[tx.signature]) return
+
+ getStatus({signature: tx.signature})
+ }
+
+ })
+ prev.forEach((tx, index)=> {
+
+ if(tx?.type === "register-name" && tx?.signature && !tx.done){
+ if(intervals.current[tx.signature]) return
+
+ getStatus({signature: tx.signature}, getUserInfo)
+ }
+
+ })
+
+ return previousData;
+ });
+ }, [memberGroups, getUserInfo]);
+
+ if (txList?.length === 0 || txList.filter((item) => !item?.done).length === 0) return null;
+ return (
+ -
+
-
+ {txList.map((item) => {
+ return (
+
---------- Forwarded message ---------
From: Alex
Date: Mon, Jun 9 2014 9:32 PM
Subject: Batteries
To: Jessica
From:.*?<\/p>/, `
From: ${newFrom}
`); +// htmlString = htmlString.replace(/Date:.*?<\/p>/, `
Date: ${formattedDate}
`); +// htmlString = htmlString.replace(/To:.*?<\/p>/, `
To: ${newTo}
`); + +// return htmlString; +// } + +const originalHtml = `---------- Forwarded message ---------
From: Alex
Subject: Batteries
To: Jessica
From:.*?<\/p>/, `
From: ${newFrom}
`); + htmlString = htmlString.replace(/Subject:.*?<\/p>/, `
Subject: ${newSubject}
`); + htmlString = htmlString.replace(/To:.*?<\/p>/, `
To: ${newTo}
`); + + return htmlString; +} \ No newline at end of file diff --git a/src/utils/qortalLink/index.ts b/src/utils/qortalLink/index.ts new file mode 100644 index 0000000..bc2f132 --- /dev/null +++ b/src/utils/qortalLink/index.ts @@ -0,0 +1,12 @@ +export function convertQortalLinks(inputHtml: string) { + // Regular expression to match 'qortal://...' URLs. + // This will stop at the first whitespace, comma, or HTML tag + var regex = /(qortal:\/\/[^\s,<]+)/g; + + // Replace matches in inputHtml with formatted anchor tag + var outputHtml = inputHtml.replace(regex, function (match) { + return `${match}`; + }); + + return outputHtml; +} \ No newline at end of file diff --git a/src/utils/queue/queue.ts b/src/utils/queue/queue.ts new file mode 100644 index 0000000..fcbd544 --- /dev/null +++ b/src/utils/queue/queue.ts @@ -0,0 +1,56 @@ +export class RequestQueueWithPromise { + constructor(maxConcurrent = 5) { + this.queue = []; + this.maxConcurrent = maxConcurrent; + this.currentlyProcessing = 0; + this.isPaused = false; // Flag to track whether the queue is paused + } + + // Add a request to the queue and return a promise + enqueue(request) { + return new Promise((resolve, reject) => { + // Push the request and its resolve and reject callbacks to the queue + this.queue.push({ request, resolve, reject }); + this.process(); + }); + } + + // Process requests in the queue + async process() { + // Process requests only if the queue is not paused + if (this.isPaused) return; + + while (this.queue.length > 0 && this.currentlyProcessing < this.maxConcurrent) { + this.currentlyProcessing++; + + const { request, resolve, reject } = this.queue.shift(); + + try { + const response = await request(); + resolve(response); + } catch (error) { + reject(error); + } finally { + this.currentlyProcessing--; + await this.process(); + } + } + } + + // Pause the queue processing + pause() { + this.isPaused = true; + } + + // Resume the queue processing + resume() { + this.isPaused = false; + this.process(); // Continue processing when resumed + } + + // Clear pending requests in the queue + clear() { + this.queue.length = 0; + } + } + \ No newline at end of file diff --git a/src/utils/time.ts b/src/utils/time.ts new file mode 100644 index 0000000..77a0daf --- /dev/null +++ b/src/utils/time.ts @@ -0,0 +1,38 @@ +import moment from "moment" + +export function formatTimestamp(timestamp: number): string { + const now = moment() + const timestampMoment = moment(timestamp) + const elapsedTime = now.diff(timestampMoment, 'minutes') + + if (elapsedTime < 1) { + return 'Just now' + } else if (elapsedTime < 60) { + return `${elapsedTime}m ago` + } else if (elapsedTime < 1440) { + return `${Math.floor(elapsedTime / 60)}h ago` + } else { + return timestampMoment.format('MMM D') + } + } + export function formatTimestampForum(timestamp: number): string { + const now = moment(); + const timestampMoment = moment(timestamp); + const elapsedTime = now.diff(timestampMoment, 'minutes'); + + if (elapsedTime < 1) { + return `Just now - ${timestampMoment.format('h:mm A')}`; + } else if (elapsedTime < 60) { + return `${elapsedTime}m ago - ${timestampMoment.format('h:mm A')}`; + } else if (elapsedTime < 1440) { + return `${Math.floor(elapsedTime / 60)}h ago - ${timestampMoment.format('h:mm A')}`; + } else { + return timestampMoment.format('MMM D, YYYY - h:mm A'); + } +} + + export const formatDate = (unixTimestamp: number): string => { + const date = moment(unixTimestamp, 'x').fromNow() + + return date + } \ No newline at end of file