Affiliate updated

.gitignore

@@ -22,7 +22,7 @@ dist/
 # Maven
 target/
 dist/
-
+package-lock.json
 # JetBrains IDE
 .idea/
 

package.json

@@ -16,6 +16,7 @@
     "axios": "^1.7.7",
     "bip39": "^3.1.0",
     "blobshape": "^1.0.0",
+    "bs58": "^6.0.0",
     "copy-to-clipboard": "^3.3.3",
     "ethers": "^6.13.4",
     "motion": "^12.4.5",
@@ -30,6 +31,7 @@
     "react-spring": "^9.7.4",
     "stream-http": "^3.2.0",
     "typescript": "^4.9.5",
+    "uuid62": "^1.0.2",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
@@ -59,6 +61,7 @@
   "devDependencies": {
     "@types/async": "^3.2.24",
     "@types/blobshape": "^1.0.3",
+    "@types/bs58": "^4.0.4",
     "@types/node": "^22.9.3"
   }
 }

src/App.css

@@ -11,6 +11,31 @@
   color: white;
 }
 
+button {
+  background: 0;
+  border: 0;
+  display: flex;
+  align-items: center;
+  color: #FFFFFF;
+  gap: 12px;
+}
+
+button img {
+  height: 16px;
+  width: 16px;
+}
+
+.option-wrapper {
+  height: 53px;
+  overflow: hidden;
+
+  transition: height .12s ease;
+}
+
+.option-wrapper.open {
+  height: 212px;
+}
+
 .header {
   width: 100%;
   display: flex;
@@ -41,5 +66,10 @@
 .page-container {
   width: 100%;
 
+  flex: 1;
+
+  display: flex;
+  flex-direction: column;
+
   padding: 42px 16px 100px;
 }

src/App.tsx

@@ -1,69 +1,24 @@
 import { useEffect } from "react";
 import "./App.css";
 import { HashRouter as Router, Route, Routes } from "react-router-dom";
-import { Home, Region } from "./pages";
 import { useDaemonContext } from "./providers/DaemonProvider";
-import { createOrGetWallet, getFreePassportInfo, tryToRequireFreePassport } from "./services/wallets";
+import { createOrGetWallet, tryToRequireFreePassport } from "./services/wallets";
 import { getAllNodes, startMiningV2 } from "./services/mining";
 import { CoNET_Data, setCoNET_Data } from "./utils/globals";
 import { listenProfileVer } from "./services/listeners";
-import Vip from './pages/Vip';
 import Wallet from './pages/Wallet';
-import Settings from './pages/Settings';
-import Languages from './pages/Languages';
-import Applications from './pages/Applications';
-import Subscription from './pages/Subscription';
-import Support from './pages/Support';
-import FAQ from './pages/FAQ';
-import ConfigDevice from './pages/ConfigDevice';
-import Passcode from './pages/Passcode';
 import { getServerIpAddress } from "./api";
 import { parseQueryParams } from "./utils/utils";
+import Subscription from './pages/Subscription';
+import Management from './pages/Management';
+import Recover from './pages/Recover';
 
 global.Buffer = require('buffer').Buffer;
 
 function App() {
-  const { setProfiles, setMiningData, allRegions, setClosestRegion, setaAllNodes, setServerIpAddress, setServerPort, _vpnTimeUsedInMin, setActivePassportUpdated } = useDaemonContext();
-
+  const { setProfiles, _vpnTimeUsedInMin } = useDaemonContext();
+  let process = false
   useEffect(() => {
-    const handlePassport = async () => {
-      await tryToRequireFreePassport();
-      const info = await getFreePassportInfo();
-
-      const tmpData = CoNET_Data;
-
-      if (!tmpData) {
-        return;
-      }
-
-      tmpData.profiles[0] = {
-        ...tmpData?.profiles[0],
-        activeFreePassport: {
-          nftID: info?.nftIDs?.[0]?.toString(),
-          expires: info?.expires?.[0]?.toString(),
-          expiresDays: info?.expiresDays?.[0]?.toString()
-        },
-      };
-
-      setCoNET_Data(tmpData);
-
-      if (!CoNET_Data) return;
-
-      setProfiles(CoNET_Data?.profiles);
-      setActivePassportUpdated(true);
-    }
-
-    const _getServerIpAddress = async () => {
-      try {
-        const response = await getServerIpAddress();
-        const tmpIpAddress = response.data;
-
-        setServerIpAddress(tmpIpAddress?.ip || "");
-        setServerPort('3002');
-      } catch (ex) {
-        console.log(ex)
-      }
-    };
 
     const init = async () => {
       const vpnTimeUsedInMin = parseInt(localStorage.getItem("vpnTimeUsedInMin") || "0");
@@ -77,46 +32,46 @@ function App() {
         secretPhrase = secretPhrase ? secretPhrase.replaceAll("-", " ") : null;
       }
 
-      await createOrGetWallet(secretPhrase);
+      const profiles = await createOrGetWallet(secretPhrase);
+	  setProfiles(profiles)
       listenProfileVer(setProfiles);
 
-      if (!window?.webkit) {
-        _getServerIpAddress();
-      }
-
-      await getAllNodes(allRegions, setClosestRegion, (allNodes: nodes_info[]) => {
-        setaAllNodes(allNodes)
+    //   await getAllNodes(allRegions, setClosestRegion, (allNodes: nodes_info[]) => {
+    //     setaAllNodes(allNodes)
 
-        if (!CoNET_Data || !CoNET_Data?.profiles) {
-          return
-        }
+    //     if (!CoNET_Data || !CoNET_Data?.profiles) {
+    //       return
+    //     }
 
-        startMiningV2(CoNET_Data?.profiles?.[0], allRegions, setMiningData);
-      });
-
-      await handlePassport();
+    //     startMiningV2(CoNET_Data?.profiles?.[0], allRegions, setMiningData);
+    //   });
     };
-
+	if (process) {
+		return
+	}
+	process = true
     init();
   }, []);
 
   return (
     <div className="App">
       <Router>
         <Routes>
-          <Route path="/regions" element={<Region />}></Route>
+          {/* <Route path="/regions" element={<Region />}></Route>
           <Route path="/faq" element={<FAQ />}></Route>
           <Route path="/config-device" element={<ConfigDevice />}></Route>
-          <Route path="/vip" element={<Vip />}></Route>
-          <Route path="/wallet" element={<Wallet />}></Route>
-          <Route path="/settings" element={<Settings />}></Route>
+          <Route path="/vip" element={<Vip />}></Route> */}
+          <Route path="/" element={<Wallet />}></Route>
+          {/* <Route path="/settings" element={<Settings />}></Route>
           <Route path="/passcode/new" element={<Passcode new />}></Route>
           <Route path="/passcode/change" element={<Passcode />}></Route>
           <Route path="/languages" element={<Languages />}></Route>
-          <Route path="/applications" element={<Applications />}></Route>
+          <Route path="/applications" element={<Applications />}></Route> */}
           <Route path="/subscription" element={<Subscription />}></Route>
-          <Route path="/support" element={<Support />}></Route>
-          <Route path="/" element={<Home />}></Route>
+          <Route path="/management" element={<Management />}></Route>
+          <Route path="/recover" element={<Recover />}></Route>
+           {/* <Route path="/support" element={<Support />}></Route>
+          <Route path="/ww" element={<Home />}></Route> */}
         </Routes>
       </Router>
     </div>