mobx: Updated addSessionView to support custodial accounts

Author: itsrachelfish

app/src/store/models/session.ts

@@ -59,6 +59,8 @@ export default class Session {
         return 'Admin';
       case LIT.SessionType.TYPE_MACAROON_CUSTOM:
         return 'Custom';
+      case LIT.SessionType.TYPE_MACAROON_ACCOUNT:
+        return 'Custodial';
       case LIT.SessionType.TYPE_UI_PASSWORD:
         return 'LiT UI Password';
     }
@@ -96,7 +98,7 @@ export default class Session {
 
   /** The HEX encoded pairing secret mnemonic and mailbox server address */
   get encodedPairingData() {
-    const data = `${this.pairingSecretMnemonic}||${this.mailboxServerAddr}`;
+    const data = `${this.pairingSecretMnemonic}||${this.mailboxServerAddr}||${this.typeLabel}`;
     return Buffer.from(data, 'ascii').toString('base64');
   }
 

app/src/store/stores/sessionStore.ts

@@ -104,6 +104,7 @@ export default class SessionStore {
     copy = false,
     proxy?: string,
     customPermissions?: LIT.MacaroonPermission[],
+    accountId?: string,
   ) {
     try {
       this._store.log.info(`submitting session with label ${label}`, {
@@ -119,6 +120,7 @@ export default class SessionStore {
         proxy || this.proxyServer,
         !IS_PROD,
         customPermissions || [],
+        accountId || '',
       );
 
       // fetch all sessions to update the store's state

app/src/store/views/addSessionView.ts

@@ -7,7 +7,7 @@ export default class AddSessionView {
   private _store: Store;
 
   label = '';
-  permissionType = 'admin'; // Expected values: admin | read-only | custom | liquidity | payments
+  permissionType = 'admin'; // Expected values: admin | read-only | custodial | custom | liquidity | payments
   editing = false;
   permissions: { [key: string]: boolean } = {
     openChannel: false,
@@ -30,6 +30,7 @@ export default class AddSessionView {
   expirationDate = '';
   showAdvanced = false;
   proxy = '';
+  custodialBalance = 0;
 
   constructor(store: Store) {
     makeAutoObservable(
@@ -52,6 +53,8 @@ export default class AddSessionView {
       return LIT.SessionType.TYPE_MACAROON_ADMIN;
     } else if (this.permissionType === 'read-only') {
       return LIT.SessionType.TYPE_MACAROON_READONLY;
+    } else if (this.permissionType === 'custodial') {
+      return LIT.SessionType.TYPE_MACAROON_ACCOUNT;
     }
 
     return LIT.SessionType.TYPE_MACAROON_CUSTOM;
@@ -125,6 +128,10 @@ export default class AddSessionView {
     this.proxy = proxy;
   }
 
+  setCustodialBalance(balance: number) {
+    this.custodialBalance = balance;
+  }
+
   setPermissionType(permissionType: string) {
     this.permissionType = permissionType;
 
@@ -150,6 +157,12 @@ export default class AddSessionView {
         this.permissions.receive = true;
         break;
 
+      case 'custodial':
+        this.setAllPermissions(false);
+        this.permissions.send = true;
+        this.permissions.receive = true;
+        break;
+
       case 'custom':
         // We don't need to change anything, let the user customize permissions how they want
         break;
@@ -203,19 +216,32 @@ export default class AddSessionView {
 
   async handleCustomSubmit() {
     let label = this.label;
+    let accountId = '';
 
     // Automatically generate human friendly labels for custom sessions
     if (label === '') {
       label = `My ${this.permissionType} session`;
     }
 
+    if (this.permissionType === 'custodial') {
+      const custodialAccountId = await this.registerCustodialAccount();
+
+      // Return immediately to prevent a session being created when there is an error creating the custodial account
+      if (!custodialAccountId) {
+        return;
+      }
+
+      accountId = custodialAccountId;
+    }
+
     const session = await this._store.sessionStore.addSession(
       label,
       this.sessionType,
       this.sessionDate,
       true,
       this.sessionProxy,
       this.getMacaroonPermissions,
+      accountId,
     );
 
     if (session) {
@@ -224,6 +250,21 @@ export default class AddSessionView {
     }
   }
 
+  async registerCustodialAccount(): Promise<string | undefined> {
+    try {
+      const response = await this._store.api.lit.createAccount(
+        this.custodialBalance,
+        this.sessionDate,
+      );
+
+      if (response.account) {
+        return response.account.id;
+      }
+    } catch (error) {
+      this._store.appView.handleError(error, 'Unable to register custodial account');
+    }
+  }
+
   //
   // Private helper functions
   //