fixes

src/components/Apps/useQortalMessageListener.tsx

@@ -232,6 +232,9 @@ async function handleGetFileFromIndexedDB(fileId, sendResponse) {
     } 
   }
 
+  
+  
+
 const UIQortalRequests = [
   'GET_USER_ACCOUNT', 'DECRYPT_DATA', 'SEND_COIN', 'GET_LIST_ITEMS',
   'ADD_LIST_ITEMS', 'DELETE_LIST_ITEM', 'VOTE_ON_POLL', 'CREATE_POLL',
@@ -240,7 +243,7 @@ const UIQortalRequests = [
   'GET_TX_ACTIVITY_SUMMARY', 'GET_FOREIGN_FEE', 'UPDATE_FOREIGN_FEE',
   'GET_SERVER_CONNECTION_HISTORY', 'SET_CURRENT_FOREIGN_SERVER',
   'ADD_FOREIGN_SERVER', 'REMOVE_FOREIGN_SERVER', 'GET_DAY_SUMMARY', 'CREATE_TRADE_BUY_ORDER',
-  'CREATE_TRADE_SELL_ORDER', 'CANCEL_TRADE_SELL_ORDER', 'IS_USING_GATEWAY', 'ADMIN_ACTION', 'SIGN_TRANSACTION',  'DECRYPT_QORTAL_GROUP_DATA', 'DELETE_HOSTED_DATA', 'GET_HOSTED_DATA', 'DECRYPT_DATA_WITH_SHARING_KEY'
+  'CREATE_TRADE_SELL_ORDER', 'CANCEL_TRADE_SELL_ORDER', 'IS_USING_GATEWAY', 'ADMIN_ACTION', 'SIGN_TRANSACTION',  'DECRYPT_QORTAL_GROUP_DATA', 'DELETE_HOSTED_DATA', 'GET_HOSTED_DATA', 'DECRYPT_DATA_WITH_SHARING_KEY', 'SHOW_ACTIONS'
 ];
 
 

src/components/Group/ListOfGroupPromotions.tsx

@@ -24,12 +24,7 @@ import {
   TextField,
   Typography,
 } 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";
@@ -51,6 +46,8 @@ import ShortUniqueId from "short-unique-id";
 import { CustomizedSnackbars } from "../Snackbar/Snackbar";
 import { getGroupNames } from "./UserListOfInvites";
 import { WrapperUserAction } from "../WrapperUserAction";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import ErrorBoundary from "../../common/ErrorBoundary";
 
 export const requestQueuePromos = new RequestQueueWithPromise(20);
 
@@ -68,10 +65,6 @@ export function utf8ToBase64(inputString: string): string {
 
 const uid = new ShortUniqueId({ length: 8 });
 
-const cache = new CellMeasurerCache({
-  fixedWidth: true,
-  defaultHeight: 50,
-});
 
 export function getGroupId(str) {
   const match = str.match(/group-(\d+)-/);
@@ -103,6 +96,18 @@ export const ListOfGroupPromotions = () => {
 
   const listRef = useRef();
 
+  const rowVirtualizer = useVirtualizer({
+    count: promotions.length,
+    getItemKey: React.useCallback(
+      (index) => promotions[index]?.identifier,
+      [promotions]
+    ),
+    getScrollElement: () => listRef.current,
+    estimateSize: () => 80, // Provide an estimated height of items, adjust this as needed
+    overscan: 10, // Number of items to render outside the visible area to improve smoothness
+  });
+
+
   useEffect(() => {
     try {
       (async () => {
@@ -190,7 +195,7 @@ export const ListOfGroupPromotions = () => {
     }, initialDelay);
   
     return () => clearTimeout(initialTimeout);
-  }, [getPromotions]);
+  }, [getPromotions, promotionTimeInterval]);
 
   const handlePopoverOpen = (event, index) => {
     setPopoverAnchor(event.currentTarget);
@@ -317,20 +322,166 @@ export const ListOfGroupPromotions = () => {
 
 
 
-  const rowRenderer = ({ index, key, parent, style }) => {
-    const promotion = promotions[index];
 
-    return (
+
-      <CellMeasurer
+
-        key={key}
+  return (
-        cache={cache}
+    <Box
-        parent={parent}
+      sx={{
-        columnIndex={0}
+        width: "100%",
-        rowIndex={index}
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        marginTop: "25px",
+      }}
+    >
+      <Box
+        sx={{
+          width: isMobile ? "320px" : "750px",
+          maxWidth: "90%",
+          display: "flex",
+          flexDirection: "column",
+          padding: "0px 20px",
+        }}
       >
-        {({ measure }) => (
+        <Box
-          <div style={style} onLoad={measure}>
+          sx={{
-            <Box
+            width: "100%",
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+          }}
+        >
+          <Typography
+            sx={{
+              fontSize: "13px",
+              fontWeight: 600,
+            }}
+          >
+            Group Promotions
+          </Typography>
+          <Button
+            variant="contained"
+            onClick={() => setIsShowModal(true)}
+            sx={{
+              fontSize: "12px",
+            }}
+          >
+            Add Promotion
+          </Button>
+        </Box>
+        <Spacer height="10px" />
+      </Box>
+
+      <Box
+        sx={{
+          width: isMobile ? "320px" : "750px",
+          maxWidth: "90%",
+          maxHeight: "700px",
+          display: "flex",
+          flexDirection: "column",
+          bgcolor: "background.paper",
+          padding: "20px 0px",
+          borderRadius: "19px",
+        }}
+      >
+        {loading && promotions.length === 0 && (
+          <Box
+            sx={{
+              width: "100%",
+              display: "flex",
+              justifyContent: "center",
+            }}
+          >
+            <CustomLoader />
+          </Box>
+        )}
+        {!loading && promotions.length === 0 && (
+          <Box
+            sx={{
+              width: "100%",
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: "100%",
+            }}
+          >
+            <Typography
+              sx={{
+                fontSize: "11px",
+                fontWeight: 400,
+                color: "rgba(255, 255, 255, 0.2)",
+              }}
+            >
+              Nothing to display
+            </Typography>
+          </Box>
+        )}
+         <div
+              style={{
+                height: "600px",
+                position: "relative",
+                display: "flex",
+                flexDirection: "column",
+                width: "100%",
+              }}
+            >
+              <div
+                ref={listRef}
+                className="scrollable-container"
+                style={{
+                  flexGrow: 1,
+                  overflow: "auto",
+                  position: "relative",
+                  display: "flex",
+                  height: "0px",
+                }}
+              >
+                <div
+                  style={{
+                    height: rowVirtualizer.getTotalSize(),
+                    width: "100%",
+                  }}
+                >
+                  <div
+                    style={{
+                      position: "absolute",
+                      top: 0,
+                      left: 0,
+                      width: "100%",
+                    }}
+                  >
+                    {rowVirtualizer.getVirtualItems().map((virtualRow) => {
+                      const index = virtualRow.index;
+                      const promotion = promotions[index];
+                      return (
+                    
+                        <div
+                          data-index={virtualRow.index} //needed for dynamic row height measurement
+                          ref={rowVirtualizer.measureElement} //measure dynamic row height
+                          key={promotion?.identifier}
+                          style={{
+                            position: "absolute",
+                            top: 0,
+                            left: "50%", // Move to the center horizontally
+                            transform: `translateY(${virtualRow.start}px) translateX(-50%)`, // Adjust for centering
+                            width: "100%", // Control width (90% of the parent)
+                            padding: "10px 0",
+                            display: "flex",
+                            alignItems: "center",
+                            overscrollBehavior: "none",
+                            flexDirection: "column",
+                            gap: "5px",
+                          }}
+                        >
+                              <ErrorBoundary
+                        fallback={
+                          <Typography>
+                            Error loading content: Invalid Data
+                          </Typography>
+                        }
+                      >
+                           <Box
               sx={{
                 display: "flex",
                 flexDirection: "column",
@@ -530,6 +681,7 @@ export const ListOfGroupPromotions = () => {
                 }}
               >
                 <Button
+                  // variant="contained"
                   onClick={(event) => handlePopoverOpen(event, promotion?.groupId)}
                   sx={{
                     fontSize: "12px",
@@ -541,124 +693,15 @@ export const ListOfGroupPromotions = () => {
               </Box>
             </Box>
             <Spacer height="50px" />
-          </div>
+                          </ErrorBoundary>
-        )}
+                        </div>
-      </CellMeasurer>
+                    
-    );
+                      );
-  };
+                    })}
-
+                  </div>
-
+                </div>
-  return (
+              </div>
-    <Box
+            </div>
-      sx={{
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        marginTop: "25px",
-      }}
-    >
-      <Box
-        sx={{
-          width: isMobile ? "320px" : "750px",
-          maxWidth: "90%",
-          display: "flex",
-          flexDirection: "column",
-          padding: "0px 20px",
-        }}
-      >
-        <Box
-          sx={{
-            width: "100%",
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-          }}
-        >
-          <Typography
-            sx={{
-              fontSize: "13px",
-              fontWeight: 600,
-            }}
-          >
-            Group Promotions
-          </Typography>
-          <Button
-            variant="contained"
-            onClick={() => setIsShowModal(true)}
-            sx={{
-              fontSize: "12px",
-            }}
-          >
-            Add Promotion
-          </Button>
-        </Box>
-        <Spacer height="10px" />
-      </Box>
-
-      <Box
-        sx={{
-          width: isMobile ? "320px" : "750px",
-          maxWidth: "90%",
-          maxHeight: "700px",
-          display: "flex",
-          flexDirection: "column",
-          bgcolor: "background.paper",
-          padding: "20px 0px",
-          borderRadius: "19px",
-        }}
-      >
-        {loading && promotions.length === 0 && (
-          <Box
-            sx={{
-              width: "100%",
-              display: "flex",
-              justifyContent: "center",
-            }}
-          >
-            <CustomLoader />
-          </Box>
-        )}
-        {!loading && promotions.length === 0 && (
-          <Box
-            sx={{
-              width: "100%",
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center",
-              height: "100%",
-            }}
-          >
-            <Typography
-              sx={{
-                fontSize: "11px",
-                fontWeight: 400,
-                color: "rgba(255, 255, 255, 0.2)",
-              }}
-            >
-              Nothing to display
-            </Typography>
-          </Box>
-        )}
-        <div
-          style={{
-            height: "600px",
-          }}
-        >
-          <AutoSizer>
-            {({ height, width }) => (
-              <List
-                ref={listRef}
-                width={width}
-                height={height}
-                rowCount={promotions.length}
-                rowHeight={cache.rowHeight}
-                rowRenderer={rowRenderer}
-                deferredMeasurementCache={cache}
-              />
-            )}
-          </AutoSizer>
-        </div>
       </Box>
       <Spacer height="20px" />
 

src/components/Group/ManageMembers.tsx

@@ -17,9 +17,9 @@ import { InviteMember } from "./InviteMember";
 import { ListOfInvites } from "./ListOfInvites";
 import { ListOfBans } from "./ListOfBans";
 import { ListOfJoinRequests } from "./ListOfJoinRequests";
-import { Box, Tab, Tabs } from "@mui/material";
+import { Box, Card, Tab, Tabs } from "@mui/material";
 import { CustomizedSnackbars } from "../Snackbar/Snackbar";
-import { MyContext, isMobile } from "../../App";
+import { MyContext, getBaseApiReact, isMobile } from "../../App";
 import { getGroupMembers, getNames } from "./Group";
 import { LoadingSnackbar } from "../Snackbar/LoadingSnackbar";
 import { getFee } from "../../background";
@@ -59,6 +59,8 @@ export const ManageMembers = ({
   const [infoSnack, setInfoSnack] = React.useState(null);
   const [isLoadingMembers, setIsLoadingMembers] = React.useState(false)
   const [isLoadingLeave, setIsLoadingLeave] = React.useState(false)
+  const [groupInfo, setGroupInfo] = React.useState(null)
+
   const handleChange = (event: React.SyntheticEvent, newValue: number) => {
     setValue(newValue);
   };
@@ -131,9 +133,20 @@ export const ManageMembers = ({
     } catch (error) {}
   };
 
+  const getGroupInfo = async (groupId) => {
+    try {
+       const response = await fetch(
+         `${getBaseApiReact()}/groups/${groupId}`
+       );
+       const groupData = await response.json();
+       setGroupInfo(groupData)
+    } catch (error) {}
+  };
+
   React.useEffect(()=> {
     if(selectedGroup?.groupId){
       getMembers(selectedGroup?.groupId)
+      getGroupInfo(selectedGroup?.groupId)
     }
   }, [selectedGroup?.groupId])
 
@@ -249,13 +262,23 @@ export const ManageMembers = ({
     </Tabs>
           </Box>
 
+          <Card sx={{
+            padding: '10px',
+            cursor: 'default',
+          }}>
+            <Box>
+            <Typography>GroupId: {groupInfo?.groupId}</Typography>
+            <Typography>GroupName: {groupInfo?.groupName}</Typography>
+            <Typography>Number of members: {groupInfo?.memberCount}</Typography>
+            </Box>
+           <Spacer height="20px" />
           {selectedGroup?.groupId && !isOwner &&  (
-            <LoadingButton loading={isLoadingLeave}  loadingPosition="start"
+            <LoadingButton size="small" loading={isLoadingLeave}  loadingPosition="start"
             variant="contained" onClick={handleLeaveGroup}>
               Leave Group
             </LoadingButton>
           )}
-
+          </Card>
           {value === 0 && (
             <Box
               sx={{

src/qortalRequests.ts

@@ -1,7 +1,43 @@
 import { gateways, getApiKeyFromStorage } from "./background";
 import { addForeignServer, addListItems, adminAction, cancelSellOrder, createBuyOrder, createPoll, createSellOrder, decryptData, decryptDataWithSharingKey, decryptQortalGroupData, deleteHostedData, deleteListItems, deployAt, encryptData, encryptDataWithSharingKey, encryptQortalGroupData, getCrossChainServerInfo, getDaySummary, getForeignFee, getHostedData, getListItems, getServerConnectionHistory, getTxActivitySummary, getUserAccount, getUserWallet, getUserWalletInfo, getWalletBalance, joinGroup, publishMultipleQDNResources, publishQDNResource, removeForeignServer, saveFile, sendChatMessage, sendCoin, setCurrentForeignServer, signTransaction, updateForeignFee, voteOnPoll } from "./qortalRequests/get";
 
-
+ const listOfAllQortalRequests = [
+  'GET_USER_ACCOUNT', 'DECRYPT_DATA', 'SEND_COIN', 'GET_LIST_ITEMS',
+  'ADD_LIST_ITEMS', 'DELETE_LIST_ITEM', 'VOTE_ON_POLL', 'CREATE_POLL',
+  'SEND_CHAT_MESSAGE', 'JOIN_GROUP', 'DEPLOY_AT', 'GET_USER_WALLET',
+  'GET_WALLET_BALANCE', 'GET_USER_WALLET_INFO', 'GET_CROSSCHAIN_SERVER_INFO',
+  'GET_TX_ACTIVITY_SUMMARY', 'GET_FOREIGN_FEE', 'UPDATE_FOREIGN_FEE',
+  'GET_SERVER_CONNECTION_HISTORY', 'SET_CURRENT_FOREIGN_SERVER',
+  'ADD_FOREIGN_SERVER', 'REMOVE_FOREIGN_SERVER', 'GET_DAY_SUMMARY', 'CREATE_TRADE_BUY_ORDER', 'CREATE_TRADE_SELL_ORDER', 'CANCEL_TRADE_SELL_ORDER', 'IS_USING_GATEWAY', 'ADMIN_ACTION', 'SIGN_TRANSACTION', 'OPEN_NEW_TAB', 'CREATE_AND_COPY_EMBED_LINK',  'DECRYPT_QORTAL_GROUP_DATA', 'DECRYPT_DATA_WITH_SHARING_KEY', 'DELETE_HOSTED_DATA', 'GET_HOSTED_DATA',  'PUBLISH_MULTIPLE_QDN_RESOURCES',
+  'PUBLISH_QDN_RESOURCE',
+  'ENCRYPT_DATA',
+  'ENCRYPT_DATA_WITH_SHARING_KEY',
+  'ENCRYPT_QORTAL_GROUP_DATA',
+  'SAVE_FILE',
+  'GET_ACCOUNT_DATA',
+    'GET_ACCOUNT_NAMES',
+    'SEARCH_NAMES',
+    'GET_NAME_DATA',
+    'GET_QDN_RESOURCE_URL',
+    'LINK_TO_QDN_RESOURCE',
+    'LIST_QDN_RESOURCES',
+    'SEARCH_QDN_RESOURCES',
+    'FETCH_QDN_RESOURCE',
+    'GET_QDN_RESOURCE_STATUS',
+    'GET_QDN_RESOURCE_PROPERTIES',
+    'GET_QDN_RESOURCE_METADATA',
+    'SEARCH_CHAT_MESSAGES',
+    'LIST_GROUPS',
+    'GET_BALANCE',
+    'GET_AT',
+    'GET_AT_DATA',
+    'LIST_ATS',
+    'FETCH_BLOCK',
+    'FETCH_BLOCK_RANGE',
+    'SEARCH_TRANSACTIONS',
+    'GET_PRICE',
+    'SHOW_ACTIONS'
+]
 
 // Promisify chrome.storage.local.get
 function getLocalStorage(key) {
@@ -582,6 +618,10 @@ chrome?.runtime?.onMessage.addListener((request, sender, sendResponse) => {
 
         break;
       }
+      case "SHOW_ACTIONS" : {
+        sendResponse(listOfAllQortalRequests)
+        break;
+      }
     }
   }
   return true;

src/qortalRequests/get.ts

@@ -3516,7 +3516,7 @@ export const signTransaction = async (data, isFromExtension) => {
 
 
 export const decryptQortalGroupData = async (data, sender) => {
-  let data64 = data.data64;
+  let data64 = data?.data64 || data?.base64;
   let groupId = data?.groupId
   let isAdmins = data?.isAdmins
   if(!groupId){
@@ -3605,7 +3605,7 @@ url
 };
 
 export const encryptDataWithSharingKey = async (data, sender) => {
-  let data64 = data.data64;
+  let data64 = data?.data64 || data?.base64;
   let publicKeys = data.publicKeys || [];
   if (data.fileId) {
     data64 = await getFileFromContentScript(data.fileId, sender);
@@ -3653,7 +3653,7 @@ export const decryptDataWithSharingKey = async (data, sender) => {
 };
 
 export const encryptQortalGroupData = async (data, sender) => {
-  let data64 = data.data64;
+  let data64 = data?.data64 || data?.base64;
   let groupId = data?.groupId
   let isAdmins = data?.isAdmins
   if(!groupId){
@@ -3752,7 +3752,10 @@ url
 };
 
 export const getHostedData = async (data, isFromExtension) => {
- 
+  const isGateway = await isRunningGateway();
+  if (isGateway) {
+    throw new Error("This action cannot be done through a gateway");
+  }
   const resPermission = await getUserPermission(
     {
       text1: "Do you give this application permission to",
@@ -3764,18 +3767,19 @@ export const getHostedData = async (data, isFromExtension) => {
 
   if(accepted){
     const limit = data?.limit ? data?.limit : 20;
-    const query = data?.query ? data?.query : undefined
+    const query = data?.query ? data?.query : ""
     const offset = data?.offset ? data?.offset : 0
 
-    try {
+    let urlPath = `/arbitrary/hosted/resources/?limit=${limit}&offset=${offset}`
-       
+    if(query){
-      const url = await createEndpoint(`/arbitrary/hosted/resources/?limit=${limit}&query=${query}&offset=${offset}`);
+      urlPath = urlPath + `&query=${query}`
-      const response = await fetch(url);
-      const data =  await response.json();
-      return data
-    } catch (error) {
-      throw error
     }
+       
+      const url = await createEndpoint(urlPath);
+      const response = await fetch(url);
+      const dataResponse =  await response.json();
+      return dataResponse
+
     
     } else {
     throw new Error("User declined to get list of hosted resources");
@@ -3784,6 +3788,10 @@ export const getHostedData = async (data, isFromExtension) => {
 };
 
 export const deleteHostedData = async (data, isFromExtension) => {
+  const isGateway = await isRunningGateway();
+  if (isGateway) {
+    throw new Error("This action cannot be done through a gateway");
+  }
   const requiredFields = ["hostedData"];
   const missingFields: string[] = [];
   requiredFields.forEach((field) => {
@@ -3805,7 +3813,7 @@ export const deleteHostedData = async (data, isFromExtension) => {
 
   for (const hostedDataItem of hostedData){
     try {
-      const url = await createEndpoint(`/arbitrary/resource/${hostedDataItem.service}/${hostedDataItem.name}/${hostedDataItem.identifer}`);
+      const url = await createEndpoint(`/arbitrary/resource/${hostedDataItem.service}/${hostedDataItem.name}/${hostedDataItem.identifier}`);
        await fetch(url, {
         method: "DELETE",
         headers: {