open claim in metamask with pre-filled paramters

Author: ehsan6sha

apps/box/android/app/build.gradle

@@ -82,8 +82,8 @@ android {
         applicationId "land.fx.blox"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 247
-        versionName "2.2.2"
+        versionCode 248
+        versionName "2.2.3"
         // buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString()
 
         testBuildType System.getProperty('testBuildType', 'debug')

apps/box/ios/Box.xcodeproj/project.pbxproj

@@ -665,7 +665,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 2.2.2;
+				MARKETING_VERSION = 2.2.3;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -702,7 +702,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 2.2.2;
+				MARKETING_VERSION = 2.2.3;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",

apps/box/package.json

@@ -1,6 +1,6 @@
 {
   "name": "box",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "private": true,
   "dependencies": {
     "@functionland/fula-sec": "*",

apps/box/src/components/Cards/EarningCard.tsx

@@ -14,6 +14,8 @@ import { useTranslation } from 'react-i18next';
 import { useFulaBalance, useFormattedFulaBalance } from '../../hooks/useFulaBalance';
 import { useClaimableTokens } from '../../hooks/useClaimableTokens';
 import { useUserProfileStore } from '../../stores/useUserProfileStore';
+import { useSettingsStore } from '../../stores/useSettingsStore';
+import { useBloxsStore } from '../../stores/useBloxsStore';
 
 type EarningCardProps = React.ComponentProps<typeof FxBox> & {
   data: { totalFula: string };
@@ -50,6 +52,10 @@ export const EarningCard = ({
     (state) => state.manualSignatureWalletAddress
   );
 
+  // Get selected chain and current Blox peerId for claim portal
+  const selectedChain = useSettingsStore((state) => state.selectedChain);
+  const currentBloxPeerId = useBloxsStore((state) => state.currentBloxPeerId);
+
   // Use claimable rewards hook
   const {
     totalUnclaimed,
@@ -93,10 +99,22 @@ export const EarningCard = ({
     onRefreshPress?.();
   };
 
-  // Handler for opening claim web portal
+  // Handler for opening claim web portal in MetaMask browser
   const handleOpenClaimPortal = async () => {
     try {
-      await Linking.openURL('https://claim-web.fula.network');
+      // Build the claim URL with network and peerId parameters
+      const claimBaseUrl = 'https://claim-web.fula.network';
+      const params = new URLSearchParams();
+      params.append('network', selectedChain);
+      if (currentBloxPeerId) {
+        params.append('peerId', currentBloxPeerId);
+      }
+      const claimUrl = `${claimBaseUrl}?${params.toString()}`;
+      
+      // Wrap in MetaMask deep link to open in MetaMask browser
+      const metamaskDeepLink = `https://metamask.app.link/dapp/${encodeURIComponent(claimUrl)}`;
+      
+      await Linking.openURL(metamaskDeepLink);
     } catch (error: any) {
       queueToast({
         type: 'error',