fix: Merge branch 'main' into deployment

packages/examples/sdk-frontend-react/src/app/SpaceTest/GetSpaceAccessTest.tsx

@@ -0,0 +1,86 @@
+import { useState, useContext } from 'react';
+import {
+  Section,
+  SectionItem,
+  CodeFormatter,
+  SectionButton,
+} from '../components/StyledComponents';
+import Loader from '../components/Loader';
+import { EnvContext } from '../context';
+import * as PushAPI from '@pushprotocol/restapi';
+
+const GetSpaceAccessTest = () => {
+  const { env } = useContext<any>(EnvContext);
+  const [isLoading, setLoading] = useState(false);
+  const [spaceId, setSpaceId] = useState<string>('');
+  const [did, setDid] = useState<string>('');
+  const [sendResponse, setSendResponse] = useState<any>('');
+
+  const updateSpaceId = (e: React.SyntheticEvent<HTMLElement>) => {
+    setSpaceId((e.target as HTMLInputElement).value);
+  };
+
+  const updateDid = (e: React.SyntheticEvent<HTMLElement>) => {
+    setDid((e.target as HTMLInputElement).value);
+  };
+
+  const testGetSpaceAccess = async () => {
+    try {
+      setLoading(true);
+
+      const response = await PushAPI.space.getAccess({
+        spaceId: spaceId,
+        did: did,
+        env,
+      });
+      setSendResponse(response);
+    } catch (e) {
+      console.error(e);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div>
+      <h2>Get Space Access Test Page</h2>
+
+      <Loader show={isLoading} />
+
+      <Section>
+        <SectionItem>
+          <SectionButton onClick={testGetSpaceAccess}>get space access</SectionButton>
+        </SectionItem>
+        <SectionItem>
+          <label>spaceId</label>
+          <input
+            type="text"
+            onChange={updateSpaceId}
+            value={spaceId}
+            style={{ width: 400, height: 30 }}
+          />
+        </SectionItem>
+        <SectionItem>
+          <label>did</label>
+          <input
+            type="text"
+            onChange={updateDid}
+            value={did}
+            style={{ width: 400, height: 30 }}
+          />
+        </SectionItem>
+        <SectionItem>
+          <div>
+            {sendResponse ? (
+              <CodeFormatter>
+                {JSON.stringify(sendResponse, null, 4)}
+              </CodeFormatter>
+            ) : null}
+          </div>
+        </SectionItem>
+      </Section>
+    </div>
+  );
+};
+
+export default GetSpaceAccessTest;

packages/examples/sdk-frontend-react/src/app/SpaceTest/SpaceTest.tsx

@@ -68,6 +68,9 @@ const SpaceTest = () => {
           <Link to="/getSpacesTrending" className="nav-button">
             SPACE.GETSPACESTRENDING
           </Link>
+          <Link to="/getSpaceAccess" className="nav-button">
+            SPACE.GETSPACEACCESS
+          </Link>
         </NavMenu>
       </Section>
     </div>

packages/examples/sdk-frontend-react/src/app/app.tsx

@@ -58,6 +58,8 @@ import RemoveSpeakersFromSpaceTest from './SpaceTest/RemoveSpeakersFromSpaceTest
 import GetSpacesTest from './SpaceTest/GetSpacesTest';
 import GetSpacesRequestsTest from './SpaceTest/GetSpacesRequestsTest';
 import GetSpacesTrendingTest from './SpaceTest/GetSpacesTrendingTest';
+import GetSpaceAccessTest from './SpaceTest/GetSpaceAccessTest';
+
 import SpaceUITest from './SpaceUITest/SpaceUITest';
 import {
   SpaceWidget,
@@ -505,7 +507,10 @@ export function App() {
                       path="/getSpacesTrending"
                       element={<GetSpacesTrendingTest />}
                     />
-
+                    <Route
+                      path="/getSpaceAccess"
+                      element={<GetSpaceAccessTest />}
+                    />
 
                       {/* spaces ui components routes */}
                       <Route path="spaceWidget" element={<SpaceWidget />} />