Feature/eng-69/Integrate Wallet Connect & Deposit USDC

.env.example

@@ -4,4 +4,5 @@ EXPO_PUBLIC_API_URL=https://development.useliquid.xyz
 EXPO_PUBLIC_API_KEY=
 EXPO_PUBLIC_PRIVY_APP_ID=
 EXPO_PUBLIC_PRIVY_CLIENT_ID=
-EXPO_PUBLIC_PIMILCO_API_KEY=
+EXPO_PUBLIC_PIMILCO_API_KEY=
+EXPO_PUBLIC_WALLET_CONNECT_PROJECT_ID=

.gitignore

@@ -28,4 +28,8 @@ ios/
 
 # env
 .env*
-!.env.example
+!.env.example
+# Expo
+.expo
+dist/
+web-build/

.vscode/launch.json

@@ -0,0 +1,22 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Launch Expo App",
+      "program": "${workspaceFolder}/app/index.tsx",
+      "preLaunchTask": "yarn: start"
+    }
+  ],
+  "inputs": [
+    {
+      "type": "promptString",
+      "id": "programPath",
+      "description": "Path to the main program file"
+    }
+  ]
+}

.vscode/tasks.json

@@ -0,0 +1,12 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "problemMatcher": [],
+      "label": "yarn: start",
+      "detail": "expo start -c"
+    }
+  ]
+}

app.json

@@ -5,7 +5,7 @@
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/images/liquid-icon.png",
-    "scheme": "myapp",
+    "scheme": "myliquidapp",
     "userInterfaceStyle": "automatic",
     "splash": {
       "image": "./assets/images/splash.png",
@@ -17,12 +17,14 @@
       "bundleIdentifier": "xyz.useliquid.liquid",
       "buildNumber": "1",
       "infoPlist": {
-        "NSFaceIDUsageDescription": "This app uses Face ID to sign in with Passkeys."
+        "NSFaceIDUsageDescription": "This app uses Face ID to sign in with Passkeys.",
+        "LSApplicationQueriesSchemes": ["metamask", "trust", "safe", "rainbow", "uniswap"]
       },
       "config": {
         "usesNonExemptEncryption": false
       },
-      "associatedDomains": ["webcredentials:api.useliquid.xyz", "webcredentials:development.useliquid.xyz"]
+      "associatedDomains": ["webcredentials:api.useliquid.xyz", "webcredentials:development.useliquid.xyz"],
+      "appleTeamId": "9S3LU9BPRR"
     },
     "android": {
       "adaptiveIcon": {
@@ -48,7 +50,7 @@
             "buildToolsVersion": "34.0.0"
           },
           "ios": {
-            "deploymentTarget": "15.0"
+            "deploymentTarget": "15.1"
           }
         }
       ]

assets/icons/toast-varient-icon.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import Svg, { Path } from 'react-native-svg';
 
-const ToastVarintIcon = ({ variant }: { variant: string }) => {
+const ToastVarintIcon = ({ variant }: { variant: 'success' | 'error' | 'info' | 'warning' }) => {
   switch (variant) {
     case 'success':
       return (
-        <Svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <Svg width="20" height="20" viewBox="0 0 20 20" fill="none">
           <Path
             d="M10 17.5C5.85775 17.5 2.5 14.1423 2.5 10C2.5 5.85775 5.85775 2.5 10 2.5C14.1423 2.5 17.5 5.85775 17.5 10C17.5 14.1423 14.1423 17.5 10 17.5ZM9.25225 13L14.5548 7.69675L13.4943 6.63625L9.25225 10.879L7.1305 8.75725L6.07 9.81775L9.25225 13Z"
             fill="#38C793"
@@ -14,13 +14,31 @@ const ToastVarintIcon = ({ variant }: { variant: string }) => {
       );
     case 'error':
       return (
-        <Svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <Svg width="20" height="20" viewBox="0 0 20 20" fill="none">
           <Path
             d="M10 17.5C5.85775 17.5 2.5 14.1423 2.5 10C2.5 5.85775 5.85775 2.5 10 2.5C14.1423 2.5 17.5 5.85775 17.5 10C17.5 14.1423 14.1423 17.5 10 17.5ZM9.25 12.25V13.75H10.75V12.25H9.25ZM9.25 6.25V10.75H10.75V6.25H9.25Z"
             fill="#DF1C41"
           />
         </Svg>
       );
+    case 'info':
+      return (
+        <Svg width="20" height="20" viewBox="0 0 20 20" fill="none">
+          <Path
+            d="M10 17.5C5.85775 17.5 2.5 14.1423 2.5 10C2.5 5.85775 5.85775 2.5 10 2.5C14.1423 2.5 17.5 5.85775 17.5 10C17.5 14.1423 14.1423 17.5 10 17.5ZM9.25 6.25V10.75H10.75V6.25H9.25ZM9.25 12.25V13.75H10.75V12.25H9.25Z"
+            fill="#4691FE"
+          />
+        </Svg>
+      );
+    case 'warning':
+      return (
+        <Svg width="20" height="20" viewBox="0 0 20 20" fill="none">
+          <Path
+            d="M10 17.5C5.85775 17.5 2.5 14.1423 2.5 10C2.5 5.85775 5.85775 2.5 10 2.5C14.1423 2.5 17.5 5.85775 17.5 10C17.5 14.1423 14.1423 17.5 10 17.5ZM9.25 6.25V12.25H10.75V6.25H9.25ZM9.25 13.75V15.25H10.75V13.75H9.25Z"
+            fill="#FFA800"
+          />
+        </Svg>
+      );
     default:
       return null;
   }

components/toast/index.tsx

@@ -13,6 +13,8 @@ const LQToast = () => {
   const iconsMap = {
     success: <ToastVarintIcon variant="success" />,
     error: <ToastVarintIcon variant="error" />,
+    info: <ToastVarintIcon variant="info" />,
+    warning: <ToastVarintIcon variant="warning" />,
   };
 
   const icon = iconsMap[variant] || null;
@@ -70,6 +72,8 @@ const styles = StyleSheet.create({
   },
   success: { backgroundColor: '#EFFAF6', top: 10 },
   error: { backgroundColor: '#FDEDF0', top: 10 },
+  info: { backgroundColor: '#F0F4FF', top: 10 },
+  warning: { backgroundColor: '#FFF8E5', top: 10 },
   title: { fontSize: 15, fontFamily: 'AeonikMedium', fontWeight: '700', color: '#0A0D14' },
   description: { color: '#64748B', fontSize: 15, fontFamily: 'AeonikRegular', fontWeight: '500' },
 });

constants/abis/USDC.ts

@@ -0,0 +1,224 @@
+export const UsdcAbi = {
+  abi: [
+    {
+      constant: true,
+      inputs: [],
+      name: 'name',
+      outputs: [
+        {
+          name: '',
+          type: 'string',
+        },
+      ],
+      payable: false,
+      stateMutability: 'view',
+      type: 'function',
+    },
+    {
+      constant: false,
+      inputs: [
+        {
+          name: '_spender',
+          type: 'address',
+        },
+        {
+          name: '_value',
+          type: 'uint256',
+        },
+      ],
+      name: 'approve',
+      outputs: [
+        {
+          name: '',
+          type: 'bool',
+        },
+      ],
+      payable: false,
+      stateMutability: 'nonpayable',
+      type: 'function',
+    },
+    {
+      constant: true,
+      inputs: [],
+      name: 'totalSupply',
+      outputs: [
+        {
+          name: '',
+          type: 'uint256',
+        },
+      ],
+      payable: false,
+      stateMutability: 'view',
+      type: 'function',
+    },
+    {
+      constant: false,
+      inputs: [
+        {
+          name: '_from',
+          type: 'address',
+        },
+        {
+          name: '_to',
+          type: 'address',
+        },
+        {
+          name: '_value',
+          type: 'uint256',
+        },
+      ],
+      name: 'transferFrom',
+      outputs: [
+        {
+          name: '',
+          type: 'bool',
+        },
+      ],
+      payable: false,
+      stateMutability: 'nonpayable',
+      type: 'function',
+    },
+    {
+      constant: true,
+      inputs: [],
+      name: 'decimals',
+      outputs: [
+        {
+          name: '',
+          type: 'uint8',
+        },
+      ],
+      payable: false,
+      stateMutability: 'view',
+      type: 'function',
+    },
+    {
+      constant: true,
+      inputs: [
+        {
+          name: '_owner',
+          type: 'address',
+        },
+      ],
+      name: 'balanceOf',
+      outputs: [
+        {
+          name: 'balance',
+          type: 'uint256',
+        },
+      ],
+      payable: false,
+      stateMutability: 'view',
+      type: 'function',
+    },
+    {
+      constant: true,
+      inputs: [],
+      name: 'symbol',
+      outputs: [
+        {
+          name: '',
+          type: 'string',
+        },
+      ],
+      payable: false,
+      stateMutability: 'view',
+      type: 'function',
+    },
+    {
+      constant: false,
+      inputs: [
+        {
+          name: '_to',
+          type: 'address',
+        },
+        {
+          name: '_value',
+          type: 'uint256',
+        },
+      ],
+      name: 'transfer',
+      outputs: [
+        {
+          name: '',
+          type: 'bool',
+        },
+      ],
+      payable: false,
+      stateMutability: 'nonpayable',
+      type: 'function',
+    },
+    {
+      constant: true,
+      inputs: [
+        {
+          name: '_owner',
+          type: 'address',
+        },
+        {
+          name: '_spender',
+          type: 'address',
+        },
+      ],
+      name: 'allowance',
+      outputs: [
+        {
+          name: '',
+          type: 'uint256',
+        },
+      ],
+      payable: false,
+      stateMutability: 'view',
+      type: 'function',
+    },
+    {
+      payable: true,
+      stateMutability: 'payable',
+      type: 'fallback',
+    },
+    {
+      anonymous: false,
+      inputs: [
+        {
+          indexed: true,
+          name: 'owner',
+          type: 'address',
+        },
+        {
+          indexed: true,
+          name: 'spender',
+          type: 'address',
+        },
+        {
+          indexed: false,
+          name: 'value',
+          type: 'uint256',
+        },
+      ],
+      name: 'Approval',
+      type: 'event',
+    },
+    {
+      anonymous: false,
+      inputs: [
+        {
+          indexed: true,
+          name: 'from',
+          type: 'address',
+        },
+        {
+          indexed: true,
+          name: 'to',
+          type: 'address',
+        },
+        {
+          indexed: false,
+          name: 'value',
+          type: 'uint256',
+        },
+      ],
+      name: 'Transfer',
+      type: 'event',
+    },
+  ],
+} as const;

constants/abis/index.ts

@@ -7,6 +7,7 @@ import * as ConnectorPluginABI from './ConnectorPlugin.json';
 import * as AerodromePoolABI from './AerodromePoolABI.json';
 import * as LPSugarABI from './LPSugar';
 import * as LiquidStrategy from './LiquidStrategy';
+import * as UsdcAbi from './USDC';
 
 export {
   LPSugarABI,
@@ -18,4 +19,5 @@ export {
   AerodromeConnectorABI,
   ConnectorPluginABI,
   LiquidStrategy,
+  UsdcAbi,
 };