Use api as proxy to the fireblocks api requests

Fixing types on transsaction request

Fix Base url path on FireblocksService

Add Fireblocks wallet button and NoWalletPegin form

		I've defined a new wallet button for fireblocks on pegin,
		it is connected to a new view to create a pegin tx with no wallet
		previously connected

Finish Flyover flow using fireblocks on POC

Remove home buttons and rename Fireblocks form buttons

Remove native option

Accepting quote and using lps destination address

Check user privileges before enable the peginForm on fireblocks

Fix error handling on the api user role

Increase app version to 3.2

Remove IBI console

Include JWT build function to create the fireblocks request on the UI

		I've defined the JWT creation method using the provede .key file
		and the defined methods in the FireblocksService in order to prevent
		sending credentials to the backend

Update Fireblocks service to create the JWT on the ui

Avoid use of Math.random in the txIdGenerator

Include Vault selector for the Fireblock account

Author: ronaldsg20

package-lock.json

@@ -89,7 +89,7 @@ export default {
       script-src 'self' 'nonce-${vuetifyNonce}' 'unsafe-eval';
       script-src-elem 'self' 'unsafe-inline' https://script.hotjar.com https://www.clarity.ms/s/* https://static.hotjar.com https://*.hotjar.com https://*.hotjar.io https://api.coingecko.com/ https://*.clarity.ms https://www.clarity.ms/ https://www.gstatic.com/ https://www.google.com/recaptcha/;
       img-src data: https: data: blob: https://walletconnect.org https://walletconnect.com https://secure.walletconnect.com https://secure.walletconnect.org;
-      connect-src 'self' 'unsafe-inline' https://www.google.com/recaptcha/ https://www.clarity.ms/s/0.7.16/clarity.js wss://* https://*.hotjar.com https://*.hotjar.io https://www.clarity.ms/s/* wss://*.hotjar.com ${envVariables.vueAppApiBaseUrl} ${envVariables.vueAppRskNodeHost} ${envVariables.cspConfiguration} https://api.coingecko.com/ https://*.clarity.ms https://www.clarity.ms/* https://rpc.walletconnect.com https://rpc.walletconnect.org https://relay.walletconnect.com https://relay.walletconnect.org wss://relay.walletconnect.com wss://relay.walletconnect.org https://pulse.walletconnect.com https://pulse.walletconnect.org https://api.web3modal.com https://api.web3modal.org https://public-node.testnet.rsk.co/ https://public-node.rsk.co https://mempool.space;
+      connect-src 'self' 'unsafe-inline' https://www.google.com/recaptcha/ https://www.clarity.ms/s/0.7.16/clarity.js wss://* https://*.hotjar.com https://*.hotjar.io https://www.clarity.ms/s/* wss://*.hotjar.com ${envVariables.vueAppApiBaseUrl} ${envVariables.vueAppRskNodeHost} ${envVariables.cspConfiguration} https://api.fireblocks.io/ https://api.coingecko.com/ https://*.clarity.ms https://www.clarity.ms/* https://rpc.walletconnect.com https://rpc.walletconnect.org https://relay.walletconnect.com https://relay.walletconnect.org wss://relay.walletconnect.com wss://relay.walletconnect.org https://pulse.walletconnect.com https://pulse.walletconnect.org https://api.web3modal.com https://api.web3modal.org https://public-node.testnet.rsk.co/ https://public-node.rsk.co https://mempool.space;
       object-src 'none';
       frame-src https://connect.trezor.io https://www.google.com/ https://verify.walletconnect.com https://verify.walletconnect.org https://secure.walletconnect.com https://secure.walletconnect.org;
       worker-src 'none';

src/App.vue

@@ -249,6 +249,11 @@ export default defineComponent({
           });
         return;
       }
+      if (wallet === constants.WALLET_NAMES.FIREBLOCKS.long_name) {
+        router.push({ name: 'NoWalletPegin' });
+        emitClose();
+        return;
+      }
       addBitcoinWallet({
         bitcoinWallet: wallet,
       })

src/assets/wallet-icons/fireblocks-black.svg

@@ -19,12 +19,18 @@ export function useIndexedDB() {
   }
 
   async function saveFile(name: string, blob: Blob) {
-    console.log('saving file', name);
     const db = await openDB();
     const tx = db.transaction(storeName, 'readwrite');
     const store = tx.objectStore(storeName);
-    const key = await store.put({ name, content: blob });
-    console.log('key', key);
+    await store.put({ name, content: blob });
+    return tx.commit();
+  }
+
+  async function saveStringValue(name: string, value: string) {
+    const db = await openDB();
+    const tx = db.transaction(storeName, 'readwrite');
+    const store = tx.objectStore(storeName);
+    await store.put({ name, content: value, type: 'string' });
     return tx.commit();
   }
 
@@ -44,5 +50,29 @@ export function useIndexedDB() {
     });
   }
 
-  return { saveFile, loadFile };
+  async function loadStringValue(name: string): Promise<string | null> {
+    const db = await openDB();
+    const tx = db.transaction(storeName, 'readonly');
+    const store = tx.objectStore(storeName);
+    const request = store.get(name);
+
+    return new Promise((resolve) => {
+      request.onsuccess = () => {
+        const { result } = request;
+        if (result?.type === 'string') {
+          resolve(result.content);
+        } else {
+          resolve(null);
+        }
+      };
+      request.onerror = () => resolve(null);
+    });
+  }
+
+  return {
+    saveFile,
+    loadFile,
+    saveStringValue,
+    loadStringValue,
+  };
 }

src/assets/wallet-icons/fireblocks-white.svg

@@ -116,6 +116,16 @@ const routes: Readonly<RouteRecordRaw[]> = [
       }
     },
   },
+  {
+    path: '/setupIBi',
+    name: 'SetUpIBI',
+    component: () => import(/* webpackChunkName: "IBIS" */ '../../pegin/views/SetUpIBI.vue'),
+  },
+  {
+    path: '/noWalletPegin',
+    name: 'NoWalletPegin',
+    component: () => import(/* webpackChunkName: "no-wallet-pegin" */ '../../pegin/views/NoWalletPeginForm.vue'),
+  },
 ];
 
 const history = createWebHistory(EnvironmentAccessorService.getEnvironmentVariables().baseUrl);

src/common/components/common/FileManager.vue

@@ -0,0 +1,133 @@
+/* eslint-disable class-methods-use-this */
+import { ApiService } from '@/common/services';
+import {
+  ApiUsersResponse,
+  BtcAccount, FireblocksLocalConfig,
+  FireblocksResponse, FireblocksTransactionParams,
+  VaultAccount, WalletAddress,
+} from '@/common/types';
+import axios from 'axios';
+import * as constants from '@/common/store/constants';
+import { buildJWT, generateExternalTxId } from '../utils';
+import { EnvironmentAccessorService } from './enviroment-accessor.service';
+
+export default class FireblocksService {
+  private config: FireblocksLocalConfig;
+
+  private apiUrl: string;
+
+  private vaults: VaultAccount[] = [];
+
+  private vaultId: number;
+
+  static btcAssetId = EnvironmentAccessorService
+    .getEnvironmentVariables().vueAppCoin === constants.BTC_NETWORK_TESTNET ? 'BTC_TEST' : 'BTC';
+
+  constructor(config: FireblocksLocalConfig) {
+    this.apiUrl = `${ApiService.baseURL}/fireblocks`;
+    this.config = config;
+    this.vaultId = config.vaultId;
+  }
+
+  public setVaultId(vaultId: number) {
+    this.vaultId = vaultId;
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  public async getAccountAddresses(): Promise<WalletAddress[]> {
+    return new Promise((resolve, reject) => {
+      const addresses: WalletAddress[] = [];
+      this.getVaultAccounts().then((vaults) => {
+        this.vaults = vaults;
+        const vault = vaults.find((v) => v.id === this.vaultId);
+        if (!vault) {
+          reject(new Error('Vault not found'));
+        }
+        addresses.push({
+          address: '',
+          derivationPath: '',
+          arrayPath: [],
+          unused: false,
+          publicKey: '',
+        });
+        resolve(addresses);
+      }).catch((error) => {
+        reject(error);
+      });
+    });
+  }
+
+  name(): Record<'formal_name' | 'short_name' | 'long_name', string> {
+    return constants.WALLET_NAMES.FIREBLOCKS;
+  }
+
+  availableAccounts(): Array<BtcAccount> {
+    return [BtcAccount.BITCOIN_NATIVE_SEGWIT_ADDRESS];
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  public async getVaultAccounts(): Promise<Array<VaultAccount>> {
+    const uri = '/v1/vault/accounts_paged';
+    const body = {
+      limit: 200,
+      orderBy: 'DESC',
+    };
+    const jwt = await buildJWT({
+      pemKey: this.config.cert,
+      apiKey: this.config.apiKey,
+      uri,
+      body: JSON.stringify(body),
+    });
+    const res = await axios.post(`${ApiService.baseURL}/fireblocks/generic-get`, {
+      apiKey: this.config.apiKey,
+      jwt,
+      uri,
+      bodyData: body,
+    });
+    return Promise.resolve(res.data.data.accounts);
+  }
+
+  public async sendTransaction(params: FireblocksTransactionParams) {
+    const uri = '/v1/transactions';
+    const externalTxId = await generateExternalTxId(params);
+    const body = JSON.stringify({ externalTxId, ...params });
+    const jwt = await buildJWT({
+      pemKey: this.config.cert,
+      apiKey: this.config.apiKey,
+      uri,
+      body,
+    });
+    const res = await axios.post(`${this.apiUrl}/generic-post`, {
+      apiKey: this.config.apiKey,
+      jwt,
+      uri,
+      bodyData: { externalTxId, ...params },
+    });
+    return Promise.resolve(res.data.data);
+  }
+
+  public async getApiUsers(): Promise<FireblocksResponse<ApiUsersResponse>> {
+    return new Promise((resolve, reject) => {
+      const uri = '/v1/management/api_users';
+      const body = {
+        limit: 200,
+        orderBy: 'DESC',
+      };
+      buildJWT({
+        pemKey: this.config.cert,
+        apiKey: this.config.apiKey,
+        uri,
+        body: JSON.stringify(body),
+      }).then((jwt) => axios.post(`${this.apiUrl}/generic-get`, {
+        apiKey: this.config.apiKey,
+        jwt,
+        uri,
+        bodyData: body,
+      }))
+        .then((res) => {
+          resolve(res.data);
+        })
+        .catch(reject);
+    });
+  }
+}

src/common/components/exchange/BtcWalletDialog.vue

@@ -6,6 +6,7 @@ export const WALLET_NAMES = {
   XVERSE: { formal_name: 'Xverse', short_name: 'xverse', long_name: 'WALLET_XVERSE' },
   ENKRYPT: { formal_name: 'Enkrypt', short_name: 'enkrypt', long_name: 'WALLET_ENKRYPT' },
   REOWN: { formal_name: 'Reown', short_name: 'reown', long_name: 'WALLET_REOWN' },
+  FIREBLOCKS: { formal_name: 'Fireblocks', short_name: 'fireblocks', long_name: 'WALLET_FIREBLOCKS' },
 } as const;
 
 export enum WalletTypes {